/************* commen css ********************/
html .custom-btn{border: 1px solid rgba(255, 255, 254, 0.20);background: rgba(24, 23, 23, 0.80);backdrop-filter: blur(12px);padding: 0.417vw 1.25vw;color: var(--Lucid-Grey-3, #E6E6E1);font-family: "Mono45 Headline";font-size: 18px;font-style: normal;font-weight: 300;line-height: 100%;letter-spacing: 1.08px;font-size: 0.938vw;letter-spacing: 0.056vw;width:16.146vw;text-transform: uppercase;transition: background 0.2s, color 0.2s;}
html .custom-btn:hover{background: #181717;}
html .custom-btn.custom-cursor{width:14.792vw;}
html .custom-btn{display: flex;justify-content: space-between;align-items: center;}
html .custom-btn .icon img{width:0.625vw;height: 1.25vw;display: block;}
html .custom-btn.yellow-btn{border: 1px solid rgba(255, 255, 254, 0.50);background: rgba(255, 253, 162, 0.80);backdrop-filter: blur(12px);color: #181717;}
html .custom-btn.yellow-btn:hover{background-color: #FFFDA2;}
html .custom-btn.white-btn{border: 1px solid rgba(255, 255, 254, 0.20);background:  #FFFFFE;backdrop-filter: blur(12px);color: #181717;}
html .custom-btn.white-btn:hover, html body .work-withus-modal-mainwraper .email-form-secmainwraper form input.button:hover{background: #181717;color: var(--Lucid-Grey-3, #E6E6E1);}
html .close-menu-btn .custom-btn{background: #2C2A2A;border: 1px solid rgba(255, 255, 254, 0.20);}
html .close-menu-btn .custom-btn:hover{background: #181717;}
html .custom-btn .icon svg{width: 0.625vw;display: block;height: auto;}
html .custom-cursor {position: fixed;top: 0;left: 0;pointer-events: none;z-index: 9999;opacity: 0;}
html .cod-mouse-box{cursor: none;}
html .line-section{position: relative;}
html .cd_svg {width: 100%;height: 100%;position: absolute;top:0;left: 0;right: 0;bottom: 0;}
html .cd_svg path {stroke: #808080;stroke-width: 0.75;fill: none;vector-effect: non-scaling-stroke;}
html body footer .footer-section-wraper{position: relative;}
/**footer .menu-item {position: absolute;}
footer .menu-item.item1{left: 47.76vw;top:42.824vh;}
footer .menu-item.item2{left: 52.969vw;top:52.222vh;}
footer .menu-item.item3{left: 58.698vw;top:61.852vh;}
footer .menu-item.item4{left: 63.385vw;top:71.481vh;}**/
/**footer .menu-item-section{position: absolute;left: 47.76vw;top:38.824vh;} **/
footer .menu-item {position: absolute;}
footer .menu-item.item1{left: 47.76vw;top:38.824vh;}
footer .menu-item.item2{left: 52.969vw;top:49.222vh;}
footer .menu-item.item3{left: 57.698vw;top:59.852vh;}
footer .menu-item.item4{left: 62.385vw;top:71.481vh;}
html header{mix-blend-mode: difference;width: auto;}
html body footer, html body footer .footer-section-wraper{min-height: 100vh;}
footer .menu-item-section a{display: block;}


/******************* menu css ******************/
#lineSVG , #rightlineSVG{width: 100%;height: 100vh;}
#linePath, #rightlinePath {stroke: #808080;stroke-width: 0.75;fill: none;vector-effect: non-scaling-stroke; /* keep stroke consistent */}
#rightlineSVG{position: absolute;z-index: 2;left: 0;right:0;}
.custom-menu-container .menu-item-section .menu-item, 
html .toggle-menu-cta.close-menu-btn,
.custom-menu-container .social-icons-emails-wraper{z-index: 3;}
.header-logo-wraper{/**position: fixed;**/ left: 0;top:0;width:17.292vw;mix-blend-mode: difference;margin: 1.042vw 0 0 2.083vw;display: block;color: currentColor !important;}
.header-logo-wraper svg{height: auto; width:100%;fill: #FFFFFE;color: #fff;mix-blend-mode: difference;}
.toggle-menu-wrapper,
.close-menu-btn { cursor: pointer; }
.toggle-menu-wrapper {position: fixed; right: 2.083vw; top: 2.083vw; z-index: 9;}
.work-with-us-sticky-btn-wraper{position: fixed; right: 2.083vw; top: 5.104vw; z-index: 9;}
.custom-menu-container {background: #181717;position: fixed;top: 0; bottom: 0; left: 0; right: 0;z-index: 8000;transform: translate(100%, -100%); /* start offscreen top-right */transition: transform 0.8s ease-in-out, visibility 0s linear 0.8s;visibility: hidden;color: #fff;}
.custom-menu-container.open {transform: translate(0, 0); /* fully visible */visibility: visible;transition: transform 0.8s ease-in-out, visibility 0s;}
.custom-menu-container.closing {transform: translate(100%, -100%); /* slide out top-right */transition: transform 0.8s ease-in-out, visibility 0s linear 0.8s;}
.custom-menu-content-container {position: relative;width: 100%;height: 100vh;}
.custom-menu-content-container .close-menu-btn {position: absolute; top: 2.083vw; right: 2.083vw; z-index: 2;}
/** .custom-menu-content-container svg {position: absolute; top: 0; left: 0;width: 60%; height: 100%;} **/
.custom-menu-content-container .menu-item {position: absolute;opacity: 0;transform: translateY(20px);}
/**html .toggle-menu-cta{border: 1px solid rgba(255, 255, 254, 0.20);background: rgba(24, 23, 23, 0.80);backdrop-filter: blur(12px);padding: 0.417vw 1.25vw;color: var(--Lucid-Grey-3, #E6E6E1);font-family: "Mono45 Headline";font-size: 18px;font-style: normal;font-weight: 300;line-height: 90%;letter-spacing: 1.08px;font-size: 0.938vw;letter-spacing: 0.056vw;width:16.146vw;text-transform: uppercase;}
html .toggle-menu-cta .btn-text-icon-wrapper{display: flex;justify-content: space-between;align-items: center;}
html .toggle-menu-cta.close-menu-btn{border: 1px solid rgba(255, 255, 254, 0.20);background: var(--Lucid-Dark-Ash, #2C2A2A);backdrop-filter: blur(12px);}**/
.custom-menu-container .menu-item-section .menu-item{color: #FFFFFE;font-family: "Kepler 3 VF Display";font-size: 92px;font-style: normal;font-weight: 300;line-height: 100%; /* 92px */font-size: 4.792vw;line-height: 4.792vw;text-decoration: unset;display: flex;align-items: flex-start;gap: 1.25vw;}
.custom-menu-container .menu-item-section .menu-item .num{color: var(--Lucid-Mellow-Yellow, #FFFDA2);font-family: "Mono45 Headline";font-size: 26px;font-style: normal;font-weight: 300;line-height: 120%; /* 31.2px */letter-spacing: 1.04px;font-size: 1.354vw;line-height: 1.625vw;letter-spacing: 0.054vw;padding-top: 0.608vw;}

.custom-menu-container .menu-item-section .item1 { top: 7.744vh; left: 26.302vw; }
.custom-menu-container .menu-item-section .item2 { top: 23.333vh; left: 34.375vw; }
.custom-menu-container .menu-item-section .item3 { top: 38.889vh; left: 42.448vw; }
.custom-menu-container .menu-item-section .item4 { top: 54.444vh; left: 50.521vw; }

.custom-menu-container .social-icons-emails-wraper{position: absolute;bottom: 6.296vh;left: 2.083vw;right: 10.365vw;}
.custom-menu-container .social-icons-emails-wraper{display: flex;justify-content: space-between;align-items: center;gap:35.417vw;}
.custom-menu-container .emails-wraper{display: flex;gap:5.625vw;}
.social-icons-wraper{display: flex;gap:1.042vw;}
.social-icons-wraper img{width:3.646vw;height: 3.646vw;display: block;}
.custom-menu-container .emails-wraper .label{color: #A5A4A0;font-family: "Mono45 Headline";font-size: 20px;font-size: 1.042vw;font-weight: 300;line-height: 120%;letter-spacing: 1.2px;letter-spacing: 0.063vw;text-transform: uppercase;}
.custom-menu-container .emails-wraper .label .slash{color: #585756;}
.custom-menu-container .emails-wraper .email a{color:#E6E6E1;font-family: "Kepler 3 VF Display";font-size: 46px;font-style: normal;font-weight: 417;line-height: 100%;font-size: 2.396vw;}
/** End: menu css ***/

/**** custom model css *******/
.open-model-btn,
.close-model-btn { cursor: pointer; }
.custom-model-container {background: #FFFDA2;position: fixed;top: 0; bottom: 0; left: 0; right: 0;z-index: 8000;transform: translate(100%, -100%); /* hidden offscreen */transition: transform 0.8s ease-in-out, visibility 0s linear 0.8s;visibility: hidden;color: #fff;}
.custom-model-container.open {transform: translate(0, 0); /* visible */visibility: visible;transition: transform 0.8s ease-in-out, visibility 0s;}
.custom-model-container.closing {transform: translate(100%, -100%);transition: transform 0.8s ease-in-out, visibility 0s linear 0.8s;}
.custom-model-content-wraper {position: relative;width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.custom-model-content-wraper .close-model-btn {position: absolute;top: 2.083vw; right: 2.083vw;}
/****End: custom model css *******/


.testimonial-swiper-section{background-color: #FFFDA2;}
.testimonial-swiper-section .testimonials-container{padding: 3.594vw 9.063vw 1.563vw 2.083vw;}
.testimonial-swiper-section .testimonial-text .desc{color: #181717;font-family: "Kepler 3 VF Display";font-size: 56px;font-style: normal;font-weight: 417;line-height: 100%; /* 56px */font-size: 2.917vw;line-height: 2.917vw;}
.testimonial-swiper-section .testimonial-text {padding-left:34.375vw;padding-top: 2.76vw;}
.testimonial-swiper-section .qu-img-wraper{padding-left:34.375vw;padding-top: 2.76vw;}
.testimonial-swiper-section .testimonial-image img{width:23.177vw;padding-top: 5.417vw;}
.testimonial-swiper-section .author-company-wraper{display: flex;gap:0.938vw;}
.testimonial-swiper-section .author-company-wraper .author{color:  #585756;font-family: "Kepler 3 VF Display";font-size: 36px;font-style: normal;font-weight: 417;line-height: 100%; /* 36px */font-size: 1.875vw;line-height: 1.875vw;}
.testimonial-swiper-section .author-company-wraper .company{color:  #585756;font-family: "Mono45 Headline";font-size: 20px;font-style: normal;font-weight: 300;line-height: 120%;letter-spacing: 1.2px;font-size: 1.042vw;letter-spacing: 0.063vw;}
.testimonial-swiper-section .author-company-wraper .company span{color:#A5A4A0;}
.testimonial-swiper-section .author-company-wraper{margin-top:2.5vw;}
.testimonial-swiper-section .year-timeline-progress-bar .prograss-num{color: #C8C67B;font-family: "Mono45 Headline";font-size: 20px;font-style: normal;font-weight: 300;line-height: 150%; /* 30px */font-size: 1.042vw;line-height: 1.563vw;}
.testimonial-swiper-section .year-timeline-progress-bar.active-timeline-segment .prograss-num{color:#2C2A2A;}
.testimonial-swiper-section .year-timeline-progress-bar{cursor: pointer;display: flex;align-items: center;width: 6.719vw;justify-content: space-between;margin-bottom:0.521vw;position: relative;z-index: 3;}
.testimonial-swiper-section .year-timeline-progress-bar .timeline-segment {position: relative;transition: background 0.3s;}
.testimonial-swiper-section .year-timeline-progress-bar.active-timeline-segment .timeline-segment {}
html .timeline-segment .progress-bar {max-width: 100%;}
.timeline-segment .progress-bar {position: absolute;top: 14px;left: 0;height: 100%;width: 0;background: #2C2A2A;transition: width 0.1s linear;z-index: 2;height: 1px;background-image: url(images-latest/Line-black.svg);background-size: cover;}
.testimonial-swiper-section .year-timeline-progress-bar .timeline-segment{width:3.333vw;}
.testimonial-swiper-section .year-timeline-progress-bar .timeline-segment img{width:100%}
.testimonial-swiper-section .timeline-container{position: absolute;padding-top: 2.76vw;}
.testimonial-swiper-section .testimonials-container{position: relative;}

.press-section-mainwraper .section-wraper {position: relative;width: 100%;}
.press-section-mainwraper .item-wraper {position: relative;}
.press-section-mainwraper .hover-image {position: absolute;transform: translateY(-50%);width: 300px;opacity: 0;pointer-events: none;background-size: 28.438vw;width:28.438vw;right:0;z-index: 10;}
html body .press-section-mainwraper .section-wraper .item-wraper .subtitle-wraper,html body .press-section-mainwraper .section-wraper .item-wraper .tag-wraper{position: relative;z-index: 2;}
.hover-image-popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);justify-content: center;align-items: center;z-index: 9999;}
.hover-image-popup .popup-content {position: relative;width: 100%;height: 100%;margin: auto;display: flex;align-items: center;justify-content: center;}
.hover-image-popup .popup-content .popup-content-wraper{width: 80%;height: 90%;margin: auto;position: relative;padding: 20px;}
.hover-image-popup img {width: 100%;display: block;height: 100%;object-fit: cover;border-radius: 6px;}
.popup-close {position: absolute;top: 0px;right: 0;font-size: 32px;color: white;cursor: pointer;}
html .home-banner-sectionwraper .home-bgvideo-wraper video{display: block;}
html body .address-footer-logsecmainwraper .footer-logo-cp-wraper{mix-blend-mode: soft-light;}
html .home-banner-sectionwraper .banner-seccont-wraper .counter-textwraper .textw-wraped,
html .home-banner-sectionwraper .banner-seccont-wraper .subtitle-wraper{mix-blend-mode: difference;}
html body .leader-shipteamsecmainwraper .team-member-infowraper .desc p{margin-bottom: 0px;padding-bottom: 1rem;}
html body .leader-shipteamsecmainwraper .team-member-infowraper .desc{max-height: 14vw;overflow-y: auto;}
.horizontal-accordion-container .acc-slide .cd_svg{display: none;}
.horizontal-accordion-container .acc-slide.active .cd_svg{display: block;}
.testimonial-swiper-section .swiper-slide{height: auto;}
html body footer .footer-section-wraper .footer-logowraper img{height: 25.37vh;margin-left: auto;width: auto;height: 14.271vw;width: 39.323vw;}
footer .addresses-wraper{mix-blend-mode: difference;}
html body footer .footer-section-wraper .left-block-wraper .subtitlte-wraper{mix-blend-mode: difference;}
html body footer .menu-item{mix-blend-mode: difference;}
html .work-withus-modal-mainwraper{z-index: 2;position: relative;}


/* Main follower */
.cod-mouse-follower {position: fixed;top: 0;left: 0;pointer-events: none;z-index: 999;display: flex;align-items: center;justify-content: space-between;padding: 0.417vw 1.25vw;width:14.792vw;height: 0;border: 1px solid rgba(255, 255, 254, 0.20);background: rgba(24, 23, 23, 0.80);backdrop-filter: blur(12px);opacity: 0;transform: translate(-50%, -50%);}
/* Text */
.follower__content {color: var(--Lucid-Grey-3, #E6E6E1);font-family: "Mono45 Headline";font-size: 18px;font-style: normal;font-weight: 300;line-height: 100%;letter-spacing: 1.08px;font-size: 0.938vw;letter-spacing: 0.056vw;width:16.146vw;text-transform: uppercase;white-space: nowrap;}
/* Arrow */
.follower__arrow img {width: 0.625vw;height: 1.25vw;display: block;}
/* Hide cursor when leaving body */
body:not(:hover) .cod-mouse-follower {
  display: none;
}


/**.cod-mouse-box:hover, .cod-mouse-box a:hover{
	cursor: url(/wp-content/uploads/2024/10/mouse-cursor-v1.svg), auto !important;
}**/

.project-page-banner-sec img{width:100%;height: 100vh;}

/* filtercss */

.filter-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 31.146vw;
  margin: auto;
  height: 2.917vw;
  background: #000;
  color: #E6E6E1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow: hidden;
  transition: all 0.4s ease;
  font-family: 'Poppins', sans-serif;
  bottom: 2.604vw;
  right: 0;
}
.filter-container.active{width: 72.917vw;}

.filter-center {
  z-index: 2;
  background: #FFFDA2CC;
  cursor: pointer;
}

.filter-center img {
  width: 2.917vw;
  height: 2.917vw;
}

.filter-static {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.4s ease;
}
.filter-links a:hover{
  color:#FFFFFE;
}
.filter-left-text {
  left: 5%;
}

.filter-right-text {
  right: 5%;
}

.filter-static a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: Mono45 Headline;
font-weight: 300;
font-style: Light;
font-size: 0.938vw;
leading-trim: NONE;
line-height: 90%;
letter-spacing: 6%;
vertical-align: middle;
color: #E6E6E1;

}

.filter-links {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 1.719vw;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
  width: 44%;
  justify-content: space-between;
}

.filter-links a {
  text-decoration: none;
  color: #A5A4A0;
  font-weight: 500;
  transform: translateX(0);
  opacity: 0;
  transition: all 0.4s ease;
  font-family: Mono45 Headline;
font-weight: 300;
font-style: Light;
font-size: 0.938vw;
leading-trim: NONE;
line-height: 90%;
letter-spacing: 6%;
vertical-align: middle;

}
.filter-links a.active{
  color: #FFFFFE;
}

.filter-left-links {
  left: 37%;
  transform: translate(200%, -37%);
}

.filter-right-links {
  right: 37%;
  transform: translate(-200%, -37%);
}

.filter-container.active .filter-left-text,
.filter-container.active .filter-right-text {
  opacity: 0;
  pointer-events: none;
}

.filter-container.active .filter-left-links {
  opacity: 1;
  pointer-events: all;
  transform: translate(-80%, -50%);
}

.filter-container.active .filter-right-links {
  opacity: 1;
  pointer-events: all;
  transform: translate(80%, -50%);
}

.filter-container.active .filter-links a {
  opacity: 1;
  transform: translateX(0);
}

.filter-container.active #filterIcon {
  content: url('/images-latest/Close.svg');
  transform: rotate(180deg);
}

html body section.about-us-banner-wrapper.banner-wraper .right-block-wraper .right-blk-section-wraper{
  background-image: url('/images-latest/Contact.png') !important;
  background-size: 100%;
  background-position: right;
}
html body .about-us-banner-wrapper.banner-wraper .right-block-wraper .tag-link-wraper .link-wraper a{
  color:#181717 !important;
}
html body .branding-identity-secmainwraper .section-wraper-main .content-wraped-in .list-desc-wraper .list-items-wraper{
  flex-wrap: wrap;
}
html body .about-us-banner-wrapper.our-work-banner-section .banner-section-text-wraper{
  bottom: 2vw;
}
footer .cd_svg{
  mix-blend-mode: difference;
}
.work-withus-modal-mainwraper .social-icons-wraper{
  display: flex;gap:1.042vw;margin-top:3.646vw;
}
.about-us-banner-wrapper.our-work-banner-section.our-work-banner-two svg{mix-blend-mode: difference;}
html body .singular-storiescards-secaminwaper .card-wraper.top-align{align-self: flex-start;top:0;bottom: auto;}
html body .singular-storysecmain-wraper.singular-story-clientcardsecmain-wraper .singular-storiescards-secaminwaper .card-wraper.bottom-align{align-self: flex-end;top:auto;bottom: 0;}
html body .singular-storiescards-secaminwaper .card-wraper.bottom-align{align-self: flex-end;top:auto;bottom: 0;}
@media (min-width:767px){
  .our-work-banner-two.our-work-banner-section .left-block-wraper{
    margin-top: -4.074vh;
  }
  html body .about-us-banner-wrapper.our-work-banner-section.our-work-banner-two .banner-section-text-wraper{
    grid-template-columns: 33% 31.25vw;   
    column-gap: 0;
    justify-content: space-between;
  } 
  html body .about-us-banner-wrapper.our-work-banner-section.our-work-banner-two .right-block-wraper .right-blk-section-wraper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3.241vh 1.82vw;
    width: auto;
    height: 55.185vh;
  }
  html body .about-us-banner-wrapper.our-work-banner-section.our-work-banner-two .right-block-wraper .right-blk-section-wraper .cat-list-wraper{  
    margin-bottom: 0;
  }

}
@media (max-width: 1024px) and (min-width: 767px) {
  .filter-links a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .filter-container {
    height: 60px;
  }
  .filter-links a {
    font-size: 13px;
  }
  .filter-left-text {
    left: 10%;
  }
  .filter-right-text {
    right: 10%;
  }
}


/* filter css end */