@import url('https://use.fontawesome.com/releases/v6.2.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;500;600&display=swap');

:root {
    --primary: #1d1d1d;
    --color-lavender: #eff0ff;
    --grey: #8f8f8f;
    --border: #1212122b;
    --theme: #302a80;
    --white: #FFFFFF;
    --action: #07b6d5;
    --lightbg: #f2f5f9;
    --white60: #ffffffc4;
    --black: #000;
    --color-cyan: #19b5cc;
    --font-2: 'Spectral',sans-serif;
    --radius-lg: 20px;
    --radius-md: 12px;
    --radius-sm: 8px;
    --space-section: 96px;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter' ,sans-serif;font-size: 16px;font-weight: 400;letter-spacing:0.1px;position:relative;margin:0;padding:0;color:var(--primary);overflow-x: hidden;background: #fff;}

.container{width: 100%;max-width: 1450px;margin: 0 auto;padding:0 15px;position: relative;}
.container-fluid{position: relative;}
@media screen and (min-width: 1200px) and (max-width: 2000px) {.container{max-width: 91%;}}
@media (min-width: 2001px) { .container{ max-width: 1800px;}}

iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 500;margin:0;line-height: 1.2;}
h4{font-size: 20px;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: var(--action);}
ul,ol{padding:0;margin:0;list-style:none;display: flex;gap: 40px;align-items: center;}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight:600}
::selection {background: #dc7612;color:var(--white); }
::-moz-selection {background: #dc7612;color:var(--white);}

.mb-n40 { margin-bottom: -40px;}


.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.h100{height:100%;}
.w100{width:100%!important;}
.radius-10{border-radius:10px;}
.radius-20{border-radius:20px;}
.swbox{background:var(--white);box-shadow: rgb(0 0 0 / 6%) 0px 16px 40px 0px;border-radius: 6px;padding: 20px;}
.automrg{margin: auto;/* text-align: center; */float: none;}
.bgwhite{background:#fff!important;}
.bgtheme{background:var(--theme)!important;}
.text-white{color:var(--white) !important}
.bgsliver {background: var(--sliver);}
.w100{width:100% !important}
.border-box {border-radius: 10px;background: var(--lightbg);transition: var(--transition);overflow: hidden;padding: 15px;box-shadow: 0 0 5px #0000000f;}
.border-box:hover{transform: translateY(-5px);/* box-shadow: var(--shadow-1) !important; */}
.opacity-25{opacity:0.5}
.box-swbox {box-shadow: #0000000f 0px 2px 12px 0px;border-radius: 10px;overflow: hidden
}
.box-swbox.bg{background: #f9f6f3;box-shadow:none}
@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}

.fixmain {display: flex;}
.fixmain .fix-content{position:sticky;top:100px;}
.large-head{top: 70px;}

.header-main{transition:all .5s ease;background: #fff;border-bottom: 1px solid #eee;position: fixed;margin: auto;left: 0;right: 0;z-index: 9;opacity: 0.9;}
.header-main .logo img{width: 170px;padding: 25px 0;}

.getquote{text-transform: uppercase;background: var(--theme);color: var(--white) !important;display:inline-block;padding: 10px 20px;font-weight: 400;}
.getquote:hover{background:var(--action);color:var(--white)}

@media (max-width: 992px) {
    .getquote{        display: none !important;}
.header-main .header-wrap{display:block}
}


body.fixed .header-main{position:fixed;background:var(--sliver);padding-bottom: 0;top:0;left:0;right:0;z-index: 15;-webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;box-shadow: 0 9px 9px rgba(0,0,0,.1);height: auto;}
body.fixed{padding-top: 81px;}
body.fixed .logo img{/* width: 242px; *//* padding: 0; */filter: none;}

body.fixed #cssmenu > ul > li::after{top: 16px;}
body.fixed #header .main-header{background: transparent;}



.htitle{position:relative;display:block;font-size: 48px;color: var(--theme);margin: 0 0 15px 0;}
.htitle b{color: var(--lightblack);}

.htitle.white, .htitle.white + p{color: #fff !important;}
.htitle.center{text-align:center}
.htitle + p{width: 60%;margin: 0;font-size: 18px;position: relative;}
.htitle.center + p{text-align:center;margin-left: auto;margin-right: auto;}
@media (max-width: 992px) 
{
    .htitle + p{width: 100%;}
}

.htitle2{position:relative;display:block;font-size: 96px;color: var(--theme);margin: 0 0 15px 0;font-family:var(--font-2);font-weight: 400;line-height: 1;}
.htitle2.small{font-size:72px}
.htitle2.white{color: #fff !important;}
.htitle2.center{text-align:center}
.htitle2 + p{width: 60%;margin: 0;font-size: 18px;position: relative;}
.htitle2.center + p{text-align:center;margin-left: auto;margin-right: auto;}
@media (max-width: 992px) 
{
    .htitle2 + p{width: 100%;}
   .htitle2{font-size: 60px;}
.htitle2.small{font-size:40px}
}

.large-head .htitle2{font-size: 111px;}
@media (max-width: 992px) 
{.large-head .htitle2{font-size: 70px;}}
@media (max-width: 767.98px) 
{.large-head .htitle2{font-size: 55px;}}

.htitle3{font-size:11px;letter-spacing:3.08px;color: var(--theme);text-transform: uppercase;font-weight: 400;}
.htitle3.white{color:var(--white);opacity:0.5}
/*----------*/
.page-head{padding: 90px 0 90px 0;position:relative;background: linear-gradient(white 0%, var(--lightbg) 100%);}
.page-head h1{margin:0;padding: 0px 0 8px 0;font-size: 42px;text-transform: capitalize;color: var(--action);}
.page-head h1, .page-head p{/* max-width:600px; */}
.breadcrumb{padding: 0;margin: 0;display: inline-block;text-transform: uppercase;opacity: 0.5;}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;content:"/\00a0"}
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li + li:before{color: var(--primary);}

/*------------*/
.section {position: relative;padding: 80px 0;}
.sectionbg{background: var(--color-lavender);padding:80px 0;position: relative;}
.sectionlight{background: var(--lightbg);padding:80px 0;position: relative;}

.hero-content{}
.hero-content img{width:100%;display:block;position:relative;}
.hero-content:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;display: block;background: linear-gradient(0deg, #ffffff, #fffffff7, #ffffffed, #ffffffd6);z-index: 1;}

.banner-slide {margin: 0;padding: 0;overflow: hidden;position: relative;zoom: 1;top: 82px;}
.banner-slide .contact{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;top: 25px;left: 0;right: 0;position: absolute;margin: 0 auto;z-index: 1;}

.hero-content .chapter-title{font-size:11px;line-height:1.2;letter-spacing:.25em;text-transform:uppercase;margin-bottom:32px;color:#6b7a90}
.hero-content .hero-title{font-family: var(--font-2);font-size:11vw;line-height:.85;letter-spacing:-.03em;font-weight:400;margin:0}
.hero-content .hero-title-italic{font-style:italic;padding-left: 17vw;}
.hero-content .hero-bottom{margin-top:64px;row-gap:32px}
.hero-content .hero-description p{font-size:18px;line-height:1.6;color:#000000bf;margin:0}
.hero-content .hero-button-wrap{margin-left:auto}
.hero-content .hero-button{width:100%}


@media (max-width: 767.98px) {
.hero-content{}
.hero-content .chapter-title{margin-bottom:32px}
.hero-content .hero-title{font-size:15vw;line-height:.85}
.hero-content .hero-title-italic{padding-left:0}
.hero-content .hero-bottom{margin-top:48px}
.hero-content .hero-description{width:100%}
.hero-content .hero-description p{font-size:18px}
.hero-content .hero-button-wrap{width:100%;margin-left:0}
}

@media (max-width: 1300px) {
   .hero-content .hero-title{ font-size: 9vw;}
    .hero-content .hero-bottom{margin-top:15px}
}
@media (max-width: 992px) {
   .hero-content .hero-title{font-size: 9vw;}
       .hero-content .hero-bottom{ row-gap: 15px;}
    
}

@media (max-width: 767.98px) {
    .hero-content .hero-title{font-size: 17vw;}
    .banner-slide,
    .hero-content img{height:60vh}
}


.hero-button{text-align:center;white-space:nowrap;padding:16px 24px;background-color:#44388f;color:#fff;font-size:11px;line-height:1.2;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;transition:all .3s ease;display: inline-block;border: none;}
.hero-button:hover{background-color:var(--action);color:var(--white)}

/* TRUSTED BY */
.trusted{background:var(--color-lavender);padding:56px 0 64px}
.trusted__inner{text-align:center}
.trusted__label{margin-bottom:28px}
.trusted__grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:48px;row-gap:18px;margin:0 auto;column-gap: 6rem;}
.trusted__name{font-family:var(--font-2);font-size: 36px;color: var(--theme);opacity:.75}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero-main{border-top: 1px solid var(--border);}
.hero-wrap{padding-top:40px}
.hero{position:relative;background:var(--theme);border-radius:var(--radius-lg);color:var(--white);padding:56px 64px 72px;min-height:320px}
.hero__eyebrow{color:#fff9;margin-bottom:28px}
.hero__title{font-family:var(--font-2);font-weight:400;font-size:clamp(32px,4.2vw,52px);line-height:1.18;max-width:640px;letter-spacing:-.01em}
.hero__arrow{position:absolute;right:64px;bottom:56px;width: 60px;height: 60px;border-radius:50%;background:var(--white);color:var(--theme);display:flex;align-items:center;justify-content:center;transition:transform .2s ease;border: none;font-size: 20px;}
.hero__arrow:hover{background: var(--action);}

/*  THREE-STEP PROCESS */
.process{
    padding-top: 0;
}
.process__label{margin-bottom:28px}
.process__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step-card{background:var(--white);/* border:1px solid var(--border); */border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 2px #16151f0a;display:flex;flex-direction:column;padding: 24px;box-shadow: 0 8px 40px -12px #312e812e;}
.step-card__image{aspect-ratio:4 / 3;overflow:hidden;background:#ddd}
.step-card__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.05)}
.step-card__title{font-family:var(--font-2);font-size: 29px;padding: 20px 0;border-bottom: 1px solid var(--border);margin-bottom: 30px;}
.step-card__meta{display:flex;align-items: flex-start;gap: 14px;padding: 0;}
.step-badge{width: 48px;height: 48px;border-radius:50%;background:var(--color-cyan);color: var(--theme);font-size: 18px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family: var(--font-2);padding: 13px;}
.step-card__tag{color: var(--theme);letter-spacing: .28em;text-transform: uppercase;font-size: 11px;font-weight: 400;}
.step-card__desc{line-height:1.6;padding: 0;font-size: 14px;opacity: 0.7;}

/* STATISTICS */
.stats{background:var(--theme);padding:72px 0}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat__num{font-family:var(--font-2);font-weight:400;font-size: 96px;color:var(--white);line-height:1;margin-bottom:12px}
.stat__label{color:#ffffff8c;font-size: 11px;text-transform: uppercase;letter-spacing: 3.08px;}
@media (max-width: 767.98px) {
    .stat__num {
        font-size:60px;
    }
}
/* SERVICES / DISCIPLINES  */
.services{}
.services__eyebrow{margin-bottom:24px}
.services__title{font-family:var(--font-2);font-weight:400;font-size:clamp(34px,4.5vw,50px);line-height:1.15;margin-bottom:64px}
.services__list{}
.services__row{display:grid;grid-template-columns: 1.3fr 1fr;}

.service{border-bottom:1px solid var(--border);padding: 50px;transition: .3s ease;}
.service:hover{background:var(--theme);color:var(--white)}
.services__row .service + .service{padding-left:40px;border-left:1px solid var(--border)}
.service__top{display:flex;justify-content:space-between; align-items:center; margin-bottom: 40px;letter-spacing: 3.08px; opacity: 0.6;}
.service__index{font-size:12px;}
.service__arrow{font-size:16px;opacity: 0.6;transform: rotate(-45deg);}
.service__name{font-family:var(--font-2);font-weight:500;font-size: 48px;margin-bottom: 0;}
.service__desc{font-size: 18px;line-height:1.6;max-width: 96%;opacity: 0.7;margin: 24px 0 0 0;}

.services__row--single{grid-template-columns:1fr 1fr}
.services__row--single .service{border:none}
.services__row--single .service__desc{width:60%}

.services-box{border-bottom: 1px solid var(--border);padding-bottom: 50px;margin-bottom: 50px;}
.services-box .service-detail-left h2{color: var(--theme);margin-bottom:0;font-family: var(--font-2);font-size: 60px;}
.services-box .service-detail-right > h4{color:var(--primary);margin-bottom:50px;}
.services-box .service-detail-right ul{padding:0;margin: 0 0 20px;list-style:none;    display: inline;opacity:0.7}
.services-box .service-detail-right ul li{padding: 25px 0;border-top: 1px solid var(--border);}
@media (max-width: 991.98px) {
  .services__row .service + .service,  .service{padding:15px}
.services-box .service-detail-left{margin-bottom:50px}
.services-box .service-detail-left h2{font-size:30px}
.services-box .service-detail-right{padding-left:0}
.services-box .service-detail-right > h3{font-size:25px}
.services-box .service-detail-right ul li{font-size:19px}
}
@media (max-width: 767.98px) {
	.services__row--single .service__desc{width:100%}
.services-box .service-detail-left{margin-bottom:40px}
.services-box .service-detail-left h1{font-size:44px;margin-top:25px}
.services-box .service-detail-right > p{font-size:21px;margin-bottom:35px}
.services-box .service-detail-right ul{margin-bottom:35px}
.services-box .service-detail-right ul li{font-size:17px;padding:20px 0}
.services-box .service-detail-right .service-btn{width:100%;text-align:center;padding:20px}
}
@media (max-width: 575.98px) {
.services-box .service-detail-left h1{font-size:38px}
.services-box .service-detail-right > p{font-size:19px}
.services-box .service-detail-right ul li{font-size:16px}
}
/* TESTIMONIAL */
.testimonial{background:var(--color-lavender);/* padding:var(--space-section) 0; */border-top: 1px solid var(--border);}
.testimonial__grid{display:grid;grid-template-columns: 281px 1fr;gap: 48px;}
.testimonial__eyebrow{padding-top:8px;}
.testimonial__quote{font-family:var(--font-2);font-weight:400;font-style:normal;font-size: 57px;line-height: 1.1;margin-bottom:28px}
.testimonial__cite{display:flex;align-items: center;gap:12px;letter-spacing:.06em}
.testimonial__name{font-weight:600;font-size: 18px;}
.testimonial__cite .eyebrow{font-size: 12px;text-transform: uppercase;letter-spacing: 3.08px;font-weight: 400;color: var(--theme);}

/* ==========================================================================
   CONTACT / CTA
   ========================================================================== */
.cta{padding:120px 40px}
.cta__title{font-family:var(--font-2);font-weight:400;font-size: 120px;line-height: 1;max-width: 80%;margin-bottom:44px}
.cta__button{background:var(--theme);color:var(--white);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:16px 32px;border-radius:var(--radius-sm);transition:background .2s ease}
.cta__button:hover{background:var(--theme-dark)}

@media (max-width: 767.98px) {
    .cta__title{font-size:40px}
}


.contact-info{padding-top:5px}
.contact-info span{display:block;color: var(--grey);letter-spacing:4px;margin-bottom: 15px;font-size: 11px;}
.contact-info a{display:block;color:#000;font-size: 18px;margin-bottom:45px;text-decoration: underline;text-underline-offset: 4px;}
.contact-info p{color: var(--action);font-size:18px;line-height:1.6;margin-bottom:45px}
.contact-form input{width:100%;border:0;border-bottom:1px solid #d2d3e5;padding:10px 0 18px;margin-bottom:55px;outline:0;}
.contact-form > span{display:block;color:#657895;font-size: 11px;letter-spacing:4px;margin-bottom:22px;text-transform: uppercase;}
.contact-form .interest-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:55px}
.contact-form .interest-list label{cursor:pointer;margin-bottom:0}
.contact-form .interest-list input{display:none}
.contact-form .interest-list label span{display:block;background:#fff;border:1px solid #d2d3e5;color:#657895;padding: 12px 22px;font-size: 11px;letter-spacing:3px}
.contact-form .interest-list input:checked + span{background:#39327d;border-color:#39327d;color:#fff}
.contact-form textarea{width:100%;height:120px;border:0;border-bottom:1px solid #d2d3e5;resize:none;outline:0;padding:10px 0;margin-bottom:50px;}

@media (max-width: 991.98px) {
.contact-info{margin-bottom:60px}
}
@media (max-width: 767.98px) {

.contact-form input{margin-bottom:35px}
.contact-form .interest-list button{width:100%}
.contact-form textarea{margin-bottom:35px}
}



/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer{background:var(--theme);color:var(--white);padding:88px 0 32px}
.footer__statement{font-family:var(--font-2);font-weight:400;font-size: 60px;line-height: 1.1;margin-bottom: 40px;}
.footer__statement:nth-of-type(2){margin-bottom:56px}
.footer__divider{height:1px;background:#ffffff26;margin-bottom:40px;margin-top: 120px;}
.footer__bottom{display:flex;justify-content:space-between;margin-bottom:72px}
.footer__heading{color: #ffffff80;margin-bottom:16px;letter-spacing: 3.08px;text-transform: uppercase;font-size: 11px;}
.footer__nav{display:flex;flex-direction:column;gap:8px;font-size:14px}
.footer__nav a{transition:opacity .15s ease;font-size: 1.125rem;color: var(--white);}
.footer__nav a:hover{opacity:1;text-decoration:underline}
.footer__col--studio{/* text-align:right; */}
.footer__email{font-size: 18px;text-decoration:underline;color: var(--white);text-underline-offset: 4px;}
.footer__legal{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#fff6;/* border-top:1px solid #ffffff1a; */padding-top:24px;letter-spacing: 3.08px;margin-top: 40px;}
@media (max-width: 767.98px) {.footer__legal{display: inline-block;}}
/* ==========================================================================
   RESPONSIVE — TABLET
   ========================================================================== */
@media (max-width: 900px) {
    .header-main{opacity:1}
  .hero { padding: 44px 40px 60px; }
  .hero__arrow { right: 40px; bottom: 40px; }

  .process { padding: var(--space-section) 28px 72px; }
  .process__grid { grid-template-columns: 1fr; gap: 20px; }

  .stats__grid { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }

  .services__row,
  .services__row--single { grid-template-columns: 1fr; }
  .services__row .service + .service {border-left: none;}
  .testimonial__grid { grid-template-columns: 1fr; gap: 24px; }
  .cta { padding: 88px 28px; }
  .footer__bottom { gap: 40px; }
}

/* RESPONSIVE — MOBILE */
@media (max-width: 560px) {
  .trusted { padding: 44px 0 48px; }
  .trusted__grid { column-gap: 28px; row-gap: 14px; }
  .trusted__name { font-size: 17px; }

  .hero-wrap { padding-top: 24px; }
  .hero { padding: 36px 24px 56px; border-radius: 16px; }
  .hero__arrow { right: 24px; bottom: 32px; width: 44px; height: 44px; }

  .process { padding: 56px 20px 56px; }

  .stats { padding: 56px 0; }
  .stats__grid { padding: 0 24px; }

  .services__title { margin-bottom: 44px; }
  .service__name { font-size: 23px; }

  .cta { padding: 64px 20px; }

  .footer { padding: 64px 0 24px; }
  .footer__bottom { flex-direction: column; gap: 32px; }
  .footer__col--studio { text-align: left;        margin-top: 30px; }
  .footer__legal { flex-direction: column; gap: 8px; }
}


@media (max-width: 768px) 
{
	.testimonial__quote,.footer__statement{font-size:40px}
}