:root{--ink:#352a44;--dark:#30273e;--paper:#f8f0e7;--mint:#e4fff1;--muted:#716e72;--line:#352a441d;--heading:Sora,Arial,sans-serif;--body:Lato,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body)}
h1,h2,h3,h4,p,figure,ul{margin:0}
h1,h2,h3,h4{font-family:var(--heading);line-height:1.2;font-weight:600}
h1{font-size:clamp(34px,4vw,60px);letter-spacing:-.055em}
h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.055em}
h3{font-size:20px;letter-spacing:-.035em}
p{color:var(--muted)}
a{color:inherit;text-decoration:none}
a:hover{color:#785f8b}
img{width:100%;height:auto;display:block;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid #7d6396;outline-offset:4px}
.wrap{width:min(100% - 48px,1272px);margin-inline:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--dark);color:#fff;border:0;border-radius:999px;padding:12px 24px;font:600 15px/1.65 var(--heading);min-height:50px;transition:background .25s,color .25s}
.button:hover{background:var(--mint);color:var(--dark)}
.button span{font-size:20px;line-height:1}
.masthead{position:absolute;z-index:10;top:15px;left:15px;right:15px;color:white;border-bottom:1px solid #ffffff26}
.masthead.scrolling{position:fixed;top:0;background:var(--dark);animation:header-in .25s ease-out}
@keyframes header-in{from{transform:translateY(-100%)}}
.nav{display:flex;align-items:center;gap:25px;justify-content:space-between;min-height:110px}
.logo{display:inline-flex;align-items:center;gap:12px;color:white;font:700 27px/1 var(--heading);white-space:nowrap}
.logo:hover{color:white}
.logo>span{display:grid;place-items:center;background:var(--mint);color:var(--dark);width:50px;height:50px;border-radius:50%}
.logo svg{width:37px;height:37px}
nav{display:flex;align-items:center;gap:34px;font-weight:700}
nav a:hover,nav summary:hover{color:var(--mint)}
.nav-group{position:relative}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.nav-group summary span{margin-left:4px}
.nav-group>div{position:absolute;top:100%;left:-18px;min-width:205px;padding:10px;border-radius:12px;background:var(--dark)}
.nav-group a{display:block;padding:6px 12px;white-space:nowrap}
.menu-toggle{display:none}
.hero,.inner-hero{overflow:hidden;position:relative;margin:15px 15px 0;border-radius:20px;background:linear-gradient(180deg,#17101b29 0%,#30273e2b 32%,#352a44e8 85%,#352a44f5 100%),url(assets/hero.jpg) center 42%/cover;color:white}
.hero{display:flex;align-items:flex-end;min-height:max(885px,100svh - 15px);padding:160px 0 67px}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:30px;align-items:center}
.hero h1{max-width:770px;margin:16px 0 42px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:5px 13px;font:500 13px/1.5 var(--heading);margin-bottom:12px}
.eyebrow:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.hero .eyebrow{color:white;background:#ffffff2b;border-color:transparent;margin:0}
.hero-actions{display:flex;gap:35px;align-items:center;flex-wrap:wrap}
.hero-actions .button{background:var(--mint);color:var(--dark)}
.hero-actions .button:hover{background:white}
.video-trigger{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:none;border:0;color:inherit;font:700 16px var(--heading);padding:0}
.video-trigger span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mint);color:var(--ink);box-shadow:0 0 0 10px #ffffff25;font-size:17px;transition:transform .3s}
.video-trigger:hover span{transform:scale(1.1)}
.hero-info{background:#ffffff20;border-radius:20px;padding:10px;backdrop-filter:blur(7px)}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;border-radius:15px;background:#ffffff20;padding:28px;gap:20px}
.hero-stats>div+div{text-align:right;border-left:1px solid #ffffff29}
.hero-stats h2{font-size:40px;margin-bottom:6px}
.hero p,.footer p{color:#fff}
.hero-description{padding:28px 18px 20px}
.hero-description ul{margin-top:26px;border-top:1px solid #ffffff25;padding:24px 0 0;display:flex;gap:22px;flex-wrap:wrap;list-style:none}
.hero-description li:before{content:'✓';color:var(--dark);background:var(--mint);border-radius:50%;font-size:11px;padding:0 4px;margin-right:6px}
.inner-hero{text-align:center;background-position:center 38%;padding:205px 0 112px}
.inner-hero p{color:white;margin-top:18px}
.module{padding:120px 0}
.light{margin-inline:15px;border-radius:20px;background:white}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px}
.column{grid-column:span 12;min-width:0}
.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}
.grid+.grid{margin-top:38px}
.section-title{margin-bottom:16px}
.section-title h2{max-width:780px}
.section-title p{margin-top:20px}
.grid>.span-12:has(>.section-title),.section-title-center{text-align:center}
.grid>.span-12>.section-title h2{margin-inline:auto}
.module p+p,.module h3+p{margin-top:8px}
.module h2+p{margin-top:14px}
.module ul{list-style:none;padding-left:0}
.module li{margin:4px 0}
.module ul li:before{content:'✓';background:var(--dark);color:white;font-size:10px;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;margin-right:8px}
.icon{display:inline-grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--mint);color:var(--dark);font-size:22px;flex:none}
.about-us-prime .grid{align-items:center;gap:40px}
.about-us-image-box-prime{position:relative;padding:0 0 0 17%}
.about-us-image-prime img{height:auto;aspect-ratio:4/5;border-radius:19px}
.about-us-image-prime+.about-us-image-prime{position:absolute;left:0;bottom:8%;width:45%;border:5px solid var(--paper);border-radius:20px}
.about-us-item-list-prime,.about-us-list-prime ul{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.about-us-item-list-prime{border-bottom:1px solid var(--line);padding:28px 0}
.about-us-item-prime,.why-choose-item-header-prime{display:flex;gap:16px;align-items:start}
.about-us-list-prime{margin:24px 0 34px}
.service-item-prime,.service-item,.team-item,.case-study-item,.post-item{position:relative;overflow:hidden;background:var(--paper);border-radius:20px}
.service-item-prime h2,.module [class$='item'] h2,.post-item h2,.testimonial-author-content-prime h2{font-size:22px}
.service-item-image-prime img,.service-image img,.post-featured-image img,.team-image img,.case-study-image img{aspect-ratio:1.27;transition:transform .55s}
.service-item-image-prime:hover img,.service-image:hover img,.post-featured-image:hover img,.team-image:hover img,.case-study-image:hover img{transform:scale(1.055)}
.service-item-prime>.icon-box{position:absolute;top:15px;left:15px}
.service-item-content-prime,.service-body,.service-content,.post-item-body,.team-body,.case-study-content{padding:27px}
.section-footer-text{display:flex;align-items:center;justify-content:center;gap:15px;text-align:center;margin-top:22px}
.section-footer-text a{text-decoration:underline;font-weight:700}
.satisfy-client-images{display:flex;align-items:center}
.satisfy-client-image img,.testimonial-author-image-prime img{width:44px;height:44px;border-radius:50%}
.satisfy-client-image+.satisfy-client-image{margin-left:-10px}
.why-choose-image-prime img,.fun-facts-image-prime img,.faq-image-prime img{border-radius:20px;min-height:280px}
.why-choose-image-prime img{aspect-ratio:1.05}
.why-choose-item-list-prime{display:grid;gap:15px}
.why-choose-item-prime{padding:22px 26px;border:1px solid var(--line);border-radius:16px}
.why-choose-item-content-prime{margin:8px 0 0 65px}
.why-choose-footer-prime{border-top:1px solid var(--line);margin-top:15px;padding-top:24px}
.why-choose-footer-list-prime ul,.fun-facts-list-prime ul,.pricing-benefit-list-prime ul{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px}
.fun-facts-content-box-prime{background:var(--paper);border-radius:20px;padding:30px}
.fun-facts-image-prime img{aspect-ratio:1.13}
.fun-fact-counter-list-prime{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);gap:10px;margin-top:28px;padding-top:24px}
.fun-fact-counter-item-prime h2{font-size:37px}
.pricing-item-prime,.pricing-item{border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden}
.pricing-item-header-box-prime{position:relative;background:var(--dark);color:white}
.pricing-item-header-image-prime img{height:145px;opacity:.45}
.pricing-item-title-prime,.pricing-item-header-prime,.pricing-item-body-prime,.pricing-item-price-prime,.pricing-item-content-box-prime,.pricing-item-btn-prime{padding:14px 22px}
.pricing-item-header-box-prime p{color:white}
.pricing-item-title-prime h2{font-size:23px}
.pricing-item-price-prime h2{font-size:32px}
.how-work-item-prime{border:1px solid var(--line);border-radius:20px;padding:27px;background:var(--paper)}
.how-work-item-header-prime,.how-work-item-body-prime{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
.how-work-item-body-prime{padding-top:22px}
.how-work-item-no-prime{opacity:.45}
.faq-image-prime{margin-top:28px}
.faq-image-prime img{aspect-ratio:1.66}
.faq-item{background:white;border:1px solid var(--line);border-radius:14px;margin:0 0 14px;overflow:hidden}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px;font:600 17px/1.35 var(--heading)}
.faq-item summary:after{content:'+';font-size:23px}
.faq-item[open]{background:var(--dark);color:white}
.faq-item[open] summary:after{content:'−'}
.faq-item p{padding:0 22px 20px;color:inherit}
.swiper-wrapper{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0}
.swiper-wrapper::-webkit-scrollbar{display:none}
.slide{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;background:var(--paper);border-radius:20px;padding:26px;min-width:0}
.testimonial-item-author-prime{display:flex;align-items:center;gap:13px;margin-top:22px}
.testimonial-item-rating-prime:before{content:'★★★★★';color:#ed9e3b;letter-spacing:4px;display:block;margin-bottom:15px}
.post-item{margin-bottom:18px}
.posts-item-list .post-item{display:grid;grid-template-columns:1fr 1.4fr}
.posts-item-list .post-item img{height:100%}
.section-content-btn{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:18px}
.footer{margin:0 15px 15px;padding:100px 0 20px;border-radius:20px;background:var(--dark);color:#fff}
.footer-top,.footer-links{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid #ffffff29;padding-bottom:32px}
.contact-list,.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.footer-top p{margin:14px 0}
.contact-list>div,.socials{display:flex;align-items:center;gap:12px}
.contact-list strong,.footer-links a{display:block}
.socials span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffff39;border-radius:50%}
.socials{margin-top:10px}
.footer-links{padding-top:32px;grid-template-columns:1fr 1fr 1.4fr}
.footer-links h3{margin-bottom:10px}
.copyright{text-align:center;padding:22px 0 5px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:12px 0}
.form-grid :is(input,textarea,select){width:100%;background:white;border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--dark)}
.form-grid textarea,.form-status{grid-column:1/-1}
.footer .form-grid{display:flex;gap:7px}
.footer .form-status:not([hidden]){position:absolute;transform:translateY(44px);background:var(--ink);padding:8px}
.map{border:0;width:100%;height:420px;border-radius:15px}
.page-contact-us .grid,.page-appointment .grid{align-items:start}
.page-gallery img,.page-video-gallery img{aspect-ratio:1.35;border-radius:17px}
.page-video-gallery .column{position:relative}
.page-video-gallery .video-trigger{position:absolute;inset:0;width:100%}
.page-single-sidebar{position:sticky;top:115px;background:white;border-radius:18px;padding:26px}
.page-single-image img,.post-image img{max-height:560px;border-radius:20px;margin-bottom:22px}
.detail-record img{max-width:700px;border-radius:20px;margin-bottom:22px}
.detail-record .button{margin-top:20px}
.lightbox{border:0;background:transparent;color:white;width:min(94vw,1050px);max-width:none;overflow:visible;padding:30px 46px}
.lightbox::backdrop{background:#111019e8}
body:has(dialog[open]){overflow:hidden}
.media-content iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}
.media-content img{height:min(75vh,620px);object-fit:contain}
.lightbox button{position:absolute;background:#30273e;border:0;color:#fff;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1}
.media-close{right:0;top:-10px}.media-prev{left:0;top:50%}.media-next{right:0;top:50%}
.lightbox:not(.gallery) :is(.media-prev,.media-next){display:none}
.hero-copy,.hero-info{animation:rise .85s both cubic-bezier(.2,.7,.2,1)}
.hero-info{animation-delay:.18s}
@keyframes rise{from{opacity:0;transform:translateY(35px)}}
.reveal.shown{animation:rise .75s both;animation-delay:var(--delay)}
@media(min-width:992px){.nav-group:hover>div,.nav-group:focus-within>div{display:block}.nav-group:not([open]):hover>div,.nav-group:not([open]):focus-within>div{content-visibility:visible}}
@media(max-width:1199px){
.hero{min-height:900px;padding-top:180px;padding-bottom:45px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:40px;margin-bottom:34px}.hero-stats>div{text-align:center!important}.nav{gap:15px}nav{gap:18px}
}
@media(max-width:991px){
.wrap{width:calc(100% - 40px)}.module{padding:75px 0}.hero,.inner-hero{margin:0;border-radius:0}.masthead{top:0;left:0;right:0}.nav{min-height:93px}.nav>.button{display:none}.menu-toggle{display:block;background:var(--mint);color:var(--dark);border:0;border-radius:8px;font-size:25px;width:46px;height:46px;line-height:1}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark);padding:15px 20px;max-height:70vh;overflow:auto}.nav nav.open{display:grid;gap:0}nav>a,nav summary{display:block;padding:8px 0}.nav-group>div{position:static;padding:0 12px}.light,.footer{margin-inline:10px}
.span-4,.span-3{grid-column:span 6}.about-us-prime .span-6{grid-column:span 12}.about-us-image-box-prime{max-width:660px}.slide{flex-basis:calc((100% - 24px)/2)}
.contact-list{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
body{font-size:15px}.wrap{width:calc(100% - 30px)}.nav{min-height:76px}.logo{font-size:23px}.logo>span{width:42px;height:42px}.logo svg{width:30px;height:30px}.hero{min-height:0;padding:260px 0 32px;background-position:47% center}.hero h1{font-size:33px;margin:12px 0 25px}.hero-grid{gap:24px}.hero-actions{gap:20px}.hero-actions .button{padding:11px 16px;min-height:44px;font-size:12px}.video-trigger{font-size:12px;gap:10px}.video-trigger span{width:36px;height:36px;box-shadow:0 0 0 5px #ffffff2a}.hero-stats{padding:14px 8px;gap:5px}.hero-stats h2{font-size:27px}.hero-description{padding:15px 10px 6px}.hero-description ul{margin-top:11px;padding-top:11px;gap:5px 10px;font-size:12px}.inner-hero{padding:150px 0 62px}.module{padding:50px 0}.light{margin-inline:0;border-radius:0}.grid{gap:20px}.grid+.grid{margin-top:22px}.column{grid-column:1/-1}.section-title h2{font-size:29px}.section-content-btn{display:block}.section-content-btn .button{margin-top:12px}.slide{flex-basis:100%}.footer{margin:0;padding:50px 0 12px;border-radius:0}.footer-top,.footer-links{grid-template-columns:1fr;gap:25px}.posts-item-list .post-item{grid-template-columns:1fr 1.3fr}.post-item-body{padding:15px}.fun-facts-content-box-prime{padding:20px}.fun-fact-counter-item-prime h2{font-size:26px}.section-footer-text{align-items:flex-start}.form-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:640px){.about-us-prime .span-6{grid-column:1/-1}.about-us-item-list-prime{gap:12px}.about-us-item-prime{gap:8px}.about-us-item-prime .icon{width:35px;height:35px}.footer .form-grid input{min-width:0}.nav{gap:10px}}
@media(max-width:991px){.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.grid>.column{grid-column:span 6}.grid>.span-3,.grid>.span-4{grid-column:span 3}}
@media(max-width:640px){.grid{grid-template-columns:minmax(0,1fr);gap:20px}.grid>.column{grid-column:1/-1}}
.team-item-body,.case-study-item-body,.service-item-body{padding:24px}
.team-item-image img,.case-study-item-image img,.service-item-image img{aspect-ratio:1.27;transition:transform .55s}
.team-item-image:hover img,.case-study-item-image:hover img,.service-item-image:hover img{transform:scale(1.06)}
.page-video-gallery .video-trigger{position:relative;aspect-ratio:1.35;border-radius:17px;background:var(--poster) center/cover}
.mobile-appointment{display:none}
@media(max-width:991px){.mobile-appointment{display:block}}
@media(max-width:640px){
.hero{min-height:850px;padding:150px 0 60px}.hero h1{font-size:28px;margin:12px 0 26px}.hero-grid{gap:30px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-actions .button{min-height:48px;font-size:14px}.video-trigger{font-size:14px}.video-trigger span{width:43px;height:43px}.hero-description ul{flex-direction:column;font-size:14px}.hero-stats{padding:20px 12px}.hero-description{padding:22px 12px 12px}.nav{min-height:90px}
}
@media(min-width:641px) and (max-width:991px){.hero{min-height:850px}.hero h1{font-size:42px}}
@media(min-width:992px) and (max-width:1199px){.hero{min-height:934px}.hero h1{font-size:56px}}
.hero-video,.hero:before{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-video{object-fit:cover;object-position:center 42%}
.hero:before{content:"";z-index:1;background:linear-gradient(180deg,#17101b29 0%,#30273e2b 32%,#352a44e8 85%,#352a44f5 100%)}
.hero{background:var(--dark)}
.hero-grid{position:relative;z-index:2}
@media(max-width:640px){.hero-video{object-position:47% center}}
@media(prefers-reduced-motion:reduce){.hero{background:var(--dark) url(assets/hero.jpg) center/cover}.hero-video{display:none}}
@media(min-width:1200px){
.hero{min-height:max(900px,100svh - 15px);padding-bottom:82px}
.about-us-image-prime img{aspect-ratio:4/5.18}
.why-choose-image-prime img{aspect-ratio:.94}
.how-work-item-prime{min-height:300px;display:flex;flex-direction:column;justify-content:space-between}
.our-testimonial-prime .slide{min-height:320px;display:flex;align-items:center}
.our-blog .highlighted-post .post-featured-image img{aspect-ratio:1.62}
}
.grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid>.column{grid-column:span var(--column-span,12)}
.inner-hero{min-height:558px;display:grid;align-items:center;padding-block:125px 28px}
.error-page img{width:min(100%,580px);max-height:350px;object-fit:contain;margin-inline:auto}
.page-gallery .grid,.page-video-gallery .grid{row-gap:28px}
@media(max-width:991px){.inner-hero{min-height:440px}}
@media(max-width:640px){
.inner-hero{min-height:332px;padding-block:105px 35px}
.page-gallery .grid,.page-video-gallery .grid{gap:16px}
.page-gallery img,.page-video-gallery .video-trigger{aspect-ratio:.95}
}
.grid>.column.col-1{--column-span:1}
.grid>.column.col-2{--column-span:2}
.grid>.column.col-3{--column-span:3}
.grid>.column.col-4{--column-span:4}
.grid>.column.col-5{--column-span:5}
.grid>.column.col-6{--column-span:6}
.grid>.column.col-7{--column-span:7}
.grid>.column.col-8{--column-span:8}
.grid>.column.col-9{--column-span:9}
.grid>.column.col-10{--column-span:10}
.grid>.column.col-11{--column-span:11}
.grid>.column.col-12{--column-span:12}
@media(min-width:576px){
.grid>.column.col-sm-1{--column-span:1}
.grid>.column.col-sm-2{--column-span:2}
.grid>.column.col-sm-3{--column-span:3}
.grid>.column.col-sm-4{--column-span:4}
.grid>.column.col-sm-5{--column-span:5}
.grid>.column.col-sm-6{--column-span:6}
.grid>.column.col-sm-7{--column-span:7}
.grid>.column.col-sm-8{--column-span:8}
.grid>.column.col-sm-9{--column-span:9}
.grid>.column.col-sm-10{--column-span:10}
.grid>.column.col-sm-11{--column-span:11}
.grid>.column.col-sm-12{--column-span:12}
}
@media(min-width:768px){
.grid>.column.col-md-1{--column-span:1}
.grid>.column.col-md-2{--column-span:2}
.grid>.column.col-md-3{--column-span:3}
.grid>.column.col-md-4{--column-span:4}
.grid>.column.col-md-5{--column-span:5}
.grid>.column.col-md-6{--column-span:6}
.grid>.column.col-md-7{--column-span:7}
.grid>.column.col-md-8{--column-span:8}
.grid>.column.col-md-9{--column-span:9}
.grid>.column.col-md-10{--column-span:10}
.grid>.column.col-md-11{--column-span:11}
.grid>.column.col-md-12{--column-span:12}
}
@media(min-width:992px){
.grid>.column.col-lg-1{--column-span:1}
.grid>.column.col-lg-2{--column-span:2}
.grid>.column.col-lg-3{--column-span:3}
.grid>.column.col-lg-4{--column-span:4}
.grid>.column.col-lg-5{--column-span:5}
.grid>.column.col-lg-6{--column-span:6}
.grid>.column.col-lg-7{--column-span:7}
.grid>.column.col-lg-8{--column-span:8}
.grid>.column.col-lg-9{--column-span:9}
.grid>.column.col-lg-10{--column-span:10}
.grid>.column.col-lg-11{--column-span:11}
.grid>.column.col-lg-12{--column-span:12}
}
@media(min-width:1200px){
.grid>.column.col-xl-1{--column-span:1}
.grid>.column.col-xl-2{--column-span:2}
.grid>.column.col-xl-3{--column-span:3}
.grid>.column.col-xl-4{--column-span:4}
.grid>.column.col-xl-5{--column-span:5}
.grid>.column.col-xl-6{--column-span:6}
.grid>.column.col-xl-7{--column-span:7}
.grid>.column.col-xl-8{--column-span:8}
.grid>.column.col-xl-9{--column-span:9}
.grid>.column.col-xl-10{--column-span:10}
.grid>.column.col-xl-11{--column-span:11}
.grid>.column.col-xl-12{--column-span:12}
}
@media(min-width:1400px){
.grid>.column.col-xxl-1{--column-span:1}
.grid>.column.col-xxl-2{--column-span:2}
.grid>.column.col-xxl-3{--column-span:3}
.grid>.column.col-xxl-4{--column-span:4}
.grid>.column.col-xxl-5{--column-span:5}
.grid>.column.col-xxl-6{--column-span:6}
.grid>.column.col-xxl-7{--column-span:7}
.grid>.column.col-xxl-8{--column-span:8}
.grid>.column.col-xxl-9{--column-span:9}
.grid>.column.col-xxl-10{--column-span:10}
.grid>.column.col-xxl-11{--column-span:11}
.grid>.column.col-xxl-12{--column-span:12}
}
@media(max-width:640px){.about-us-prime .grid{gap:20px}}
/* Inner-page components use their own image proportions and spacing. */
.innerpage{font-size:17px}
.innerpage .grid{align-items:start}
.innerpage .intro-video-box{margin-inline:15px;padding:0;position:relative}
.innerpage .intro-video-box .wrap{width:100%}
.intro-video{position:relative;overflow:hidden;border-radius:20px}
.intro-video-image img{aspect-ratio:2.07}
.intro-video .video-trigger{position:absolute;inset:0;width:100%;height:100%;background:#32243b38;color:white}
.about-us-image-box,.why-choose-us-image-box{display:flex;align-items:flex-start;min-width:0}
.about-us-image-box-1{width:55%;padding-left:13%;position:relative}
.about-us-image-box-2{width:45%;padding-bottom:12%}
.about-us-image img{aspect-ratio:.74;border-radius:20px}
.about-us-image-box-1 .about-us-image img{aspect-ratio:.52}
.why-choose-us-image-box{position:relative}
.why-choose-image-box-1{width:30%;padding-top:22%}
.why-choose-image-box-2{width:70%;padding-bottom:19%}
.why-choose-image img{aspect-ratio:.8;border-radius:18px}
.why-choose-image-box-1 .why-choose-image img{aspect-ratio:.42}
.why-choose-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px;margin-top:28px}
.why-choose-client-counter-box{padding:20px;border-radius:18px;background:white}
.why-choose-us-content,.about-us-content{align-self:center}
.our-benefits .benefit-image img{aspect-ratio:.95;border-radius:18px}
.our-benefits :has(>.benefit-image){display:grid;grid-template-columns:1fr 1fr;gap:18px}
.our-benefits :has(>.benefit-image)>.benefit-image:first-child{margin-top:12%}
.fun-fact-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.fun-fact-item{border-radius:20px;background:white;padding:40px;min-height:279px;display:grid;align-content:center;gap:10px}
.fun-facts-image img{aspect-ratio:.85;border-radius:20px}
.fun-facts-footer-box{margin-block-start:24px}
.case-study-item{background:var(--dark);color:white}
.case-study-item-image img{aspect-ratio:.89}
.case-study-item-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#261d35d9);pointer-events:none}
.case-study-item :is(.case-study-item-body,.case-study-item-content){position:absolute;inset:auto 0 0;z-index:1;padding:24px}
.case-study-item p{color:white}
.page-case-study .grid,.page-pricing .grid{row-gap:30px}
.page-pricing .pricing-item{padding:40px;height:100%}
.pricing-item-header{display:grid;gap:16px}
.pricing-item-title{font-weight:700}
.pricing-item-body{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}
.pricing-item-list li{margin:9px 0}
.pricing-item-btn{margin-top:22px}
.page-pricing .pricing-item .icon{width:70px;height:70px}
.appointment-form{background:white;border-radius:20px;padding:50px}
.appointment-form .form-grid{gap:22px 16px;margin-top:24px}
.form-field{display:grid;gap:8px;align-content:start}
.form-field>span{font-weight:700}
.wide-field{grid-column:1/-1}
.form-field textarea{min-height:140px}
.appointment-contact-info-box{position:relative;max-width:540px;margin-top:28px}
.appointment-contact-info-image img{aspect-ratio:1.8;border-radius:18px}
.appointment-contact-item-list{background:var(--dark);color:white;border-radius:16px;padding:20px}
.appointment-contact-item-list p{color:inherit}
.page-single-faqs{scroll-margin-top:125px;margin-block-end:60px}
.page-single-faqs:last-child{margin-block-end:0}
.innerpage .faq-item{margin-bottom:25px}
.innerpage .faq-item summary{padding:22px 24px;font-size:18px}
.innerpage .faq-item p{padding:0 24px 24px}
.page-category-list{margin-block-end:24px}
.page-category-list li{padding-block:7px;border-bottom:1px solid var(--line)}
.sidebar-cta-box{background:var(--dark);color:white;padding:24px;border-radius:16px}
.sidebar-cta-box p{color:inherit}
[data-effect="image"].shown{animation:photo-reveal .9s both cubic-bezier(.22,.61,.36,1);animation-delay:var(--delay,0ms)}
@keyframes photo-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(max-width:1199px) and (min-width:768px){
.about-us-image-box,.why-choose-us-image-box{max-width:740px}
.our-benefits :has(>.benefit-image){max-width:740px}
}
@media(max-width:991px){
.inner-hero{min-height:351px}
.page-single-sidebar{position:static}
.page-single-faqs{margin-block-end:40px}
.page-pricing .pricing-item,.appointment-form{padding:30px}
.fun-fact-item{padding:30px;min-height:241px}
}
@media(max-width:767px){
.inner-hero{min-height:332px}
body:has(.page-faqs) .inner-hero{min-height:363px}
.innerpage .intro-video-box{margin-inline:0}
.page-pricing .pricing-item,.appointment-form{padding:20px}
.fun-fact-item-list{grid-template-columns:1fr;gap:20px}
.fun-fact-item{min-height:191px;padding:20px}
.why-choose-body{grid-template-columns:1fr}
.innerpage .faq-item summary{padding:22px 24px}
}
.innerpage .our-faqs img{max-height:390px;object-fit:cover;border-radius:18px}
.innerpage .our-faqs :is(.faq-image,.faqs-image) img{aspect-ratio:1.55}
.our-benefits .benefit-image img{aspect-ratio:.65}
@media(min-width:768px) and (max-width:1199px){.innerpage .footer{padding-top:105px}.innerpage .footer-top{padding-bottom:46px}.innerpage .footer-links{padding-block:42px}}
/* Inner-page media crops follow the measured reference proportions. */
.our-benefits :has(>.benefit-image){grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:0;align-items:end}
.our-benefits :has(>.benefit-image)>.benefit-image:first-child{margin-top:0}
.our-benefits .benefit-image:first-child img{aspect-ratio:.345}
.our-benefits .benefit-image:last-child img{aspect-ratio:.835}
.innerpage .our-faqs img{max-height:290px}
.innerpage .our-faqs :is(.faq-image,.faqs-image) img{aspect-ratio:1.95}
.innerpage .our-testimonials .section-content-btn{margin-bottom:0}
.innerpage .our-testimonials .grid+.grid{margin-top:24px}
@media(min-width:768px) and (max-width:1199px){
.innerpage .fun-facts-image{max-width:740px}
.innerpage .fun-facts-image img{aspect-ratio:1.053}
.innerpage .footer{padding-top:115px}
.innerpage .footer-top{padding-bottom:60px}
.innerpage .footer-links{padding-block:52px}
}
@media(max-width:767px){
.innerpage .fun-facts-image img{aspect-ratio:1.053}
.our-benefits .benefit-image:first-child img{aspect-ratio:.355}
.appointment-contact-info-box{margin-top:22px}
.appointment-form .form-grid{gap:16px}
.form-field textarea{min-height:112px}
}
