.main-banner { display: flex; position: relative; overflow: hidden; } 
.main-banner video { width: 100%; object-fit: cover;pointer-events: none; } 
.main-banner:after {content: ""; position: absolute; bottom: auto; top: 86%; width: 110%; height: 23%; left: -60px; background: linear-gradient(28deg, #000 23.88%, #393d48 135.6%); filter: blur(30px); } 
.main-banner:before { content: ""; position: absolute; bottom: -20px; background: linear-gradient(95deg, #000 14.88%, #393d48 94.6%); width: 100%; left: 0; height: 40px; z-index: 3; filter: blur(17px); }
.main-banner video { width: 100%;min-height: 45vw; }
.hm-who-are { background: linear-gradient(95deg, #000 13.88%, #393D48 91.6%);padding-bottom: 0;position: relative; z-index: 999; }
.hm-who-are .container { max-width: 1327px; } 
.hm-who-are .tagline { color: #CECECE; font-size: 14px; font-weight: 400; display: inline-flex;align-items: center;margin: 0 0 80px; } 
.hm-who-are h2 { color: #fff; font-size: 80px; line-height: 1.5; text-transform: uppercase; display: flex; align-items: flex-start; column-gap: 15px;margin: 0 0 20px;    flex-flow: wrap; } 
.hm-who-are h2 span { text-transform: capitalize; font-size: 50px; font-weight: 300; position: relative; top: 6px; } 
.hm-who-are .btn_short_des { display: flex; align-items: center; justify-content: space-between;column-gap: 30px;margin-bottom: 50px; } 
.hm-who-are .btn_short_des .description { max-width: 848px; width: 100%; } 
.hm-who-are .btn_short_des .description * { color: #fff; font-size: 16px; font-weight: 400; line-height: normal; }
.hm-who-are .des-wrapper { max-width: 1070px; margin: auto; } 
.hm-who-are .btn_link a { width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 100%; will-change: transform; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } 
.hm-who-are .btn_link a:hover { transform: rotate(45deg);background: #6b00f9; }
.hm-who-are .btn_link a:hover path { fill: #fff; } 
.hm-who-are .btn_link path { transition: all 0.5s; } 
.hm-who-are .pr_featured img { width: 100%;transition: all 0.5s; will-change: transform; }
.hm-who-are .pr_featured { box-shadow: 0 5px 15px 4px rgba(255, 255, 255, 0.12); border-radius: 10px;position: sticky; top: 0; height: 400vh !important; } 
.hm-who-are .pr_featured .pr_inner { position: sticky; top: 0; height: 100vh; }
.hm-who-are .pr_featured img:hover { transform: scale(1.03); }
.hm-who-are .pr_featured * { height: 100%; object-fit: cover; object-position: center center; }

.main-brand-business { background: linear-gradient(95deg, #000 13.88%, #393D48 91.6%); } 
.main-brand-business * { color: #fff; } 
.main-brand-business .mb-wrapper { position: relative; padding: 78px 0 0; } 
.main-brand-business .mb-wrapper:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #42454E; } 
.main-brand-business .mb-wrapper:before { position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #42454E; content: ""; } 
.main-brand-business .title_wrapper { padding-left: 45px; margin-bottom: 147px; } 
.main-brand-business .title_wrapper h2 { max-width: 975px; line-height: 1.4; } 
.main-brand-business .bnd-services { display: flex; flex-flow: wrap; border-top: 1px solid  #42454E; } 
.main-brand-business .bnd-services > * { width: 33.333%; padding: 29px 45px 52px; min-height: 370px; display: flex; flex-direction: column;position: relative;overflow: hidden;} 
.main-brand-business .bnd-services > *:not(:last-child) { border-right: 1px solid #42454E; } 
.main-brand-business .bnd-services > * .bnd_icon { display: flex; margin-bottom: 165px; } 
.main-brand-business .bnd-services > * .bnd_icon img { width: 55px; height: 55px; object-position: top center; object-fit: contain;transition: all 0.5s; filter: none;
    transition-delay: 0s; } 
.main-brand-business .bnd-services > * h3 { font-size: 25px; font-weight: 500; line-height: normal; margin: 0 0 14px; } 
.main-brand-business .bnd-services > * .bnd_description, .main-brand-business .bnd-services > * .bnd_description  * { color: #C4C4C4; font-size: 14px; font-weight: 400; line-height: normal; }
.main-brand-business .bnd-services > *:after { content: ""; position: absolute;bottom: 0; width: 100%; left: 0; height: 0; background: linear-gradient(0deg, #6b00f9 0%, transparent 100%); transition: cubic-bezier(0.67, 0.72, 0.29, 0.94) 0.5s; } 
.main-brand-business .bnd-services > *:hover:after { height: 100%; border-radius: 0; } 
.main-brand-business .bnd-services > * .bnd_content * { transition: all 0.5s; } 
.main-brand-business .bnd-services > *:hover .bnd_content * { color: #fff; } 
.main-brand-business .bnd-services > * > * { position: relative; z-index: 1; } 
.main-brand-business .bnd-services > *:hover img { filter: grayscale(1) brightness(20.5) contrast(10.5); transition-delay: 0.5s; }

/* Expertise css */

.main-experise .exp-lists .exp_description { max-height: 0; overflow: hidden;padding-top: 0; transition: all 0.5s ease; } 
.main-experise .exp-lists .heading { cursor: pointer;display: flex; justify-content: space-between;align-items: center; column-gap: 20px;transition: all 0.5s; }
.main-experise .exp-lists.active .heading{padding-bottom: 20px;}
.main-experise .exp-wrapper { position: relative; padding:80px 45px 80px; } 
.main-experise .exp-wrapper:after,.main-experise .exp-wrapper:before { content: ""; position: absolute; left: 0;top:0; width: 1px; height: 100%; background: rgba(57, 61, 72, 0.06);pointer-events: none;} 
.main-experise .exp-wrapper:before { left: auto; right: 0; } 
.main-experise .tagline { margin: 0 0 50px; } 
.main-experise h2 { margin: 0 0 26px; } 
.main-experise .title-wrapper { margin: 0 0 66px; }
.main-experise .exp_accordion-wrapper { display: flex; align-items: center; justify-content: space-between; column-gap: 92px;overflow: hidden; } 
.main-experise:after, .main-experise:before { content: ""; position: absolute; top: 0; width: 1px; height: 100%; background: rgba(57, 61, 72, 0.06); left: 0; right: 0; margin: auto; } 
.main-experise { position: relative; } 
.main-experise:after { left: calc(-50% + 18%); } 
.main-experise:before { left: calc(50% - 17%); } 
.main-experise .exp_accordion-wrapper .exp_content { width: 53.5%; } 
.main-experise .exp_accordion-wrapper .exp_imgs { width: 48%; position: relative; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; overflow: hidden;} 
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images { position: relative; width: 75%; height: 75%; overflow: hidden; border-radius: 100%; z-index: 1; backface-visibility: hidden; background: #fff; } 
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } 
.main-experise .exp_accordion-wrapper .exp_imgs:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../../../wp-content/uploads/2025/10/gradient-ring.svg); background-repeat: no-repeat; background-size: 100% 100%;animation: spin 8s linear infinite; } 
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images > * * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; backface-visibility: hidden; border-radius: 100%; } 
.main-experise .exp-wrapper > * { position: relative; z-index: 1; } 
.main-experise .container-fluid { position: relative; z-index: 1; } 
.main-experise .exp_content .exp-services .exp-lists { display: flex; border-top: 1px solid #393D48; padding: 44px 0; } 
.main-experise .exp_content .exp-services .exp-lists .exp_content { width: 100%; } 
.main-experise .exp_content .exp-services .exp-lists h3 { font-size: 35px; line-height: 1;transition: all 0.5s; } 
.main-experise .exp-lists .heading .icon { width: 46px; height: 46px; border-radius: 100%; border: 1px solid #393D48; position: relative; } 
.main-experise .exp-lists .heading .icon:after {content: ""; width: 17px; height: 0; border-top: 2.5px solid #393D48; position: absolute; top: 0; left: 0; margin: auto; bottom: 0; right: 0;} 
.main-experise .exp-lists .heading .icon:before {content: ""; width: 0; height: 17px; border-right: 2.5px solid #393D48; position: absolute; top: 0; left: 0; margin: auto; bottom: 0; right: 0;} 
.main-experise .exp-lists .heading .icon:before,.main-experise .exp-lists .heading .icon:after { transition: all 0.5s; } 
.main-experise .exp_content .exp-services .exp-lists.active .icon:before { transform: rotate(90deg); } 
.main-experise .exp_content .exp-services .exp-lists.active h3 { color: #6b00f9; } 
.main-experise .exp-lists.active .heading .icon {border-color: #6b00f9;} .main-experise .exp-lists .heading .icon { transition: all 0.5s; } 
.main-experise .exp-lists.active .heading .icon:before { border-right-color: #6b00f9; } 
.main-experise .exp-lists.active .heading .icon:after { border-top-color: #6b00f9; } 
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images .exp_img.active { z-index: 1; }
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images .exp_img img{width: 100%; height: 100%; object-fit: cover; -webkit-mask-image: conic-gradient(#000 0deg, #000 0deg, #0000 0deg, #0000 360deg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; mask-image: conic-gradient(#000 0deg, #000 0deg, #0000 0deg, #0000 360deg); transition:cubic-bezier(0.45, 0.86, 0.46, 0.86) 0.7s;opacity: 0;will-change: transform;}
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images .exp_img.active img{mask-image: conic-gradient(#000 0deg, #000 360deg, #0000 0deg, #0000 360deg);    -webkit-mask-image: conic-gradient(#000 0deg, #000 360deg, #0000 0deg, #0000 360deg); opacity: 1;}
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images .exp_img img { transform: scale(0); } 
.main-experise .exp_accordion-wrapper .exp_imgs .exp_images .exp_img.active img { transform: scale(1.02); } 
.main-experise .exp_content .exp-services .exp-lists:last-child { padding-bottom: 0; }


/* Responsive CSS */

@media (max-width:1199px){

.our-services .services-wrapper,.main-experise .exp-wrapper,.blog-posts .posts-wrap, .main-brand-business .bnd-services > * { padding-left: 20px; padding-right: 20px; } 
.main-brand-business .title_wrapper,.main-testi-wrap .title_wrap { padding-left: 20px; } 
.hm-who-are h2{font-size: 50px;}
.hm-who-are h2 span{font-size:45px;}
.hm-who-are .tagline{margin: 0 0 70px;}
.main-banner:before{background: linear-gradient(95deg, #000 24.88%, #2c2f37 94.6%);filter: blur(13px);height: 70px;}
.main-brand-business .mb-wrapper{padding:64px 0 0;}
.main-brand-business .title_wrapper{margin-bottom: 100px;}
.main-brand-business .bnd-services > * .bnd_icon { margin-bottom: 30%; }
.main-experise .exp_content .exp-services .exp-lists h3 { font-size: 30px; }
.main-experise .exp-wrapper{padding:62px 20px;}
.main-experise .tagline { margin: 0 0 40px; }
.main-experise .title-wrapper { margin: 0 0 56px; }
.main-experise .exp_accordion-wrapper{overflow: visible; align-items: flex-start;column-gap: 50px;}
.main-experise .exp_accordion-wrapper .exp_imgs { position: sticky; top: 80px; }
.main-experise .exp_content .exp-services .exp-lists { padding: 30px 0; }
.main-experise .exp-lists .heading .icon { width: 40px; height: 40px; }
.blog-posts .posts-wrap{padding:62px 20px 70px;}
.blog-posts .posts-wrap .heading_wrap { column-gap: 30px; }

}

@media (max-width:991px){
.hm-who-are h2{font-size: 45px;}
.hm-who-are h2 span{font-size:40px;}
.main-banner video { height: 70vw; }
.hm-who-are .btn_link a { width: 50px; height: 50px; } 
.hm-who-are .tagline{margin: 0 0 60px;}
.main-brand-business .mb-wrapper{padding:54px 0 0;}
.main-brand-business .title_wrapper{margin-bottom: 80px;}
.main-brand-business .bnd-services > * h3 { font-size: 22px;line-height: 1.3; }
.main-experise .exp_content .exp-services .exp-lists h3 { font-size: 25px; }
.main-experise .exp-wrapper{padding:52px 20px;}
.main-experise .tagline { margin: 0 0 30px; }
.main-experise .title-wrapper { margin: 0 0 50px; }
.main-experise h2 { margin: 0 0 16px; }
.blog-posts .posts-wrap{padding:52px 20px 60px;}
.blog-posts .posts-wrap .heading_wrap .title_button-wrap h2 { margin: 0 0 20px; }
.blog-posts .posts-wrap .heading_wrap { margin: 0 0 30px; }

}

@media (max-width:767px){
.hm-who-are h2{font-size: 40px;}
.hm-who-are h2 span{font-size:35px;}
.hm-who-are .btn_short_des .description *{font-size:15px;}
.hm-who-are .tagline{margin: 0 0 50px;}
.main-banner:before{background: linear-gradient(95deg, #000 24.88%, #25282f 94.6%);}
.main-brand-business .mb-wrapper{padding:44px 0 0;}
.main-brand-business .title_wrapper{margin-bottom: 60px;}
.main-brand-business .bnd-services > * h3 { font-size: 20px; }
.main-brand-business .bnd-services > * { width: 50%; } 
.main-brand-business .bnd-services > *:nth-last-child(n+2) {border-bottom: 1px solid #42454E;} 
.main-brand-business .bnd-services > *:last-child { border-right: 1px solid #42454E; }
.main-experise .exp_content .exp-services .exp-lists h3 { font-size: 22px; }
.main-experise .exp-wrapper{padding:42px 20px;}
.main-experise .tagline { margin: 0 0 20px; }
.main-experise .title-wrapper { margin: 0 0 40px; }
.main-experise h2 { margin: 0 0 10px; }
.main-experise .exp_accordion-wrapper { flex-direction: column; row-gap: 30px; } 
.main-experise .exp_accordion-wrapper .exp_content { width: 100%; } 
.main-experise .exp_accordion-wrapper .exp_imgs { width: 100%; max-width: 300px; margin: auto; position: relative; top: 0; } 
.main-experise .exp_content .exp-services .exp-lists { padding: 20px 0; } 
.main-experise .exp-lists .heading .icon { width: 30px; height: 30px; } 
.main-experise .exp-lists .heading .icon:before { height: 14px; } 
.main-experise .exp-lists .heading .icon:after { width: 14px; }
.blog-posts .posts-wrap{padding:42px 20px 50px;}
.blog-posts .posts-wrap .latest-posts-grid > * { width: calc((100% - 30px) / 2); }
.blog-posts .posts-wrap .latest-posts-grid .post-content { padding: 20px 20px; }



}

@media (max-width:575px){
.hm-who-are h2{font-size: 35px;}
.hm-who-are h2 span{font-size:30px;}
.hm-who-are .tagline{margin:20px 0 20px;}
.main-banner:before{background: linear-gradient(95deg, #000 4.88%, #1d1f25 84.6%);width: 150%; left: -30px;}
.main-brand-business .mb-wrapper{padding:34px 0 0;}
.main-brand-business .title_wrapper{margin-bottom: 40px;}
.main-brand-business .bnd-services > * h3 { font-size: 18px; }
.main-brand-business .bnd-services > * { width: 100%; }
.main-brand-business .bnd-services > * .bnd_icon { margin: 0 0 30px; }
.main-brand-business .bnd-services > * { min-height: unset; padding: 30px 20px; }
.main-experise .exp_content .exp-services .exp-lists h3 { font-size: 20px; }
.main-experise .exp-wrapper{padding:32px 20px;}
.main-experise .title-wrapper { margin: 0 0 30px; }
.blog-posts .posts-wrap{padding:32px 20px 40px;}
.blog-posts .posts-wrap .heading_wrap { flex-direction: column; align-items: center; row-gap: 10px; }
.blog-posts .posts-wrap .heading_wrap .title_button-wrap h2 { text-align: center; margin: 0 0 15px; } 
.blog-posts .posts-wrap .latest-posts-grid > * { width: 100%; }
.blog-posts .posts-wrap .latest-posts-grid .post-content .post-title { font-size: 16px; }
.blog-posts .posts-wrap .heading_wrap .title_button-wrap .description { text-align: center; }

}