body{font-family:"forma-djr-text", sans-serif; font-weight:400; font-style:normal;scroll-behavior: auto;}
details summary::-webkit-details-marker {display: none;}
summary::-webkit-details-marker {display: none;}
summary::marker {display: none;}
/* @layer components {
summary {
    outline: none;
  }

  summary::-webkit-details-marker {
    display: none;
  }
}
summary:focus:not(:focus-visible) {
  outline: none;
} */
details summary {outline: none;}
details summary::-webkit-details-marker {display: none;}

/*Common Arrow btn*/
.btn {display: flex; align-items: center;}
.btn .arrow {margin-left: 15px; height: 2px;width:30px;position: relative;top:3px;background:#00e1f2;transition: all 0.2s;}
.btn .arrow:before,.btn .arrow:after{content: "";position: absolute;background: #00e1f2;height: 2px;width: 15px;}
.btn .arrow:before{bottom: -5px;right: -4px;transform: rotate(312deg);}
.btn .arrow:after{top: -5px;right: -4px;transform: rotate(-315deg);}
.btn:hover .arrow { width: 35px;}
.btn.center-btn{position: relative;padding-right: 50px;} 
.btn.center-btn .arrow{position: absolute;top: 50%;transform: translateY(-50%);left: 85%;margin-top: 5px;}
.btn-disable{opacity: 0.6;}
@media (max-width:767px){
    .btn.center-btn .arrow{margin-top: 1px;left: 74%;}
}
/* Container CSS */
body .container{max-width: 1590px; padding-left: 5rem; padding-right: 5rem;}
body .container-md{max-width: 1340px; padding-left: 1.25rem; padding-right: 1.25rem;}
body .container-sm{max-width: 1140px; padding-left: 1.25rem; padding-right: 1.25rem;}

@media (max-width:1023px){
    body .container{ padding-left: 2rem; padding-right: 2rem;}
}

@media (min-width:1921px){body .container{max-width: 72.1789%; }
    body .container-sm{max-width: 59.843%; }
    body .container-md{max-width: 63.5177%; }
}
@media (max-width:767px){
    body .container{padding-left: 1.5rem; padding-right: 1.5rem; }
    body .container-sm{padding-left: 1.5rem; padding-right: 1.5rem; }
    body .container-md{padding-left: 1.5rem; padding-right: 1.5rem; }
}

/* logo_slider CSS Start*/
@media (max-width:767px){#logo_slider .slick-list{padding: 0 0.5rem; }}
/* logo_slider CSS End*/

@media (min-width:1024px){.btn-reversed, .btn-secondary, .btn-primary{transition: all 0.20s!important; }
    .btn-reversed:hover, .btn-secondary:hover, .btn-primary:hover{transform: translateY(-0.2em)!important; }
}

/* Custom arrow positioning */
.slick-arrow{z-index: 10;top:50%;transform: translateY(-50%);background: none;display: flex;align-items: center;justify-content: center;position:  absolute;height: 55px;width: 55px;background-color: transparent;border-radius: 9999px;border-width: 2px;border-style: solid;border-color: #00e1f2;background-color: transparent; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;}
.slick-prev{left: 0px;}
.slick-next{right:0px;}
.slick-arrow svg{transition: transform 0.4s ease;}
.slick-arrow:hover svg{transform: scaleX(1.2);}
.home-slide .slick-prev{left: -70px;}
.home-slide .slick-next{right:-70px;}
.common-slider-arrow .btn.slick-arrow .arrow{top: 0; right: 8px;}
.common-slider-arrow .btn.slick-prev .arrow{transform: rotate(180deg); right: 5px;}
@keyframes ltr{
  0%{
    stroke-dashoffset:10000;
   
  }
  100%{
          stroke-dashoffset:3000;
        }
}
     
@media (max-width:1023px){
    .slick-arrow{width: 40px; height: 40px;}
    .home-slide .slick-prev{left: 0px;}
    .home-slide .slick-next{right:0px;}
    .testimonial-page .slick-prev,.testimonial-page .slick-next{
        display: none;
    }
}
@media (max-width:767px){
    .slick-arrow{height: 35px;width: 35px;}
    .slick-arrow svg{height: 20px;width: 20px;}
}
/* Remove default arrow icons */
.slick-prev:before, .slick-next:before{  display: none; }

/* Hide outline on click */
.slick-arrow:focus{  outline: none;   box-shadow: none; }
.accordion-content{  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);   overflow: hidden;   max-height: 0; }
.accordion-content.open{  max-height: 200px; /* Adjust as needed */
}

/*header Style*/
.header-logo{fill: currentColor;}
#mainHeader.active .logo{display: none;}
header.active {position: inherit;} 
/* header.active .hamburger {position: fixed;} */
#sidebar{background: rgba(255, 255, 255, 0.12);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.hamburger{cursor: pointer;position: fixed; right: 40px;top:25px; padding: 10px;}
.hamburger span {display: block;width: 28px;height: 3px;margin: 5px auto;background-color: #ffffff;transition: all 0.4s ease;}
.hamburger:hover span{background-color: #00e1f2;}
.hamburger.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.hamburger.active span:nth-child(2) {opacity: 0;}
.hamburger.active span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}
 header.active .hamburger{ background: #005987; }
 header.active .hamburger.active{background: none;}
.fade-slide-down {transform: translateY(-100%);opacity: 0;transition: transform 0.5s ease, opacity 0.5s ease;}
.fade-slide-down.show {transform: translateY(0);top:0;opacity: 1;}
.blue-header .header-logo{fill: #005987;}
.blue-header #sidebar{background: rgb(0 89 135 / 90%);}
.blue-header .hamburger span{background: #005987;}
.blue-header .hamburger.active span{background: #ffffff;}

.single-case-studies header.active .hamburger{ background: rgba(0, 89, 135, 0.8);  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur;}
.single-case-studies header.active .hamburger span,.hamburger.active span{background: #fff!important;}
.single-case-studies #sidebar{background: rgb(0 89 135 / 85%); backdrop-filter: blur(7px);}
.single-case-studies header.active .hamburger.active{background: none; box-shadow: none; backdrop-filter: none;}

@media (max-width:1299px){
   header.active .hamburger{ background: rgba(0, 89, 135, 0.8);  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur;}
   header.active .hamburger.active{background: none; box-shadow: none; backdrop-filter: none;}
}

@media (max-width:767px){
    .hamburger{top: 0px;right:15px;}
} 

/*Middel Section*/

#accordion-content { overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;}
#accordion-content.open {max-height: 500px;opacity: 1;}
/* .logo-group {transition: opacity 1s ease;opacity: 1;display: block;position: initial;}
.logo-group.hidden {opacity: 0;pointer-events: none;display: none;position: absolute;} */
@keyframes logoIntro {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.logo-slot img.animate {
  animation: logoIntro 1s ease forwards;
}
/* When animation starts */
.onld-brand-logo{height: 588px;}
.onld-brand-logo .logo-slot {width: 198px; height: 147px;position: initial !important;}
.logo-slot {transition: opacity 1s;opacity: 1;width: 20%;display: flex;align-items: center;justify-content: center;position: absolute;top: 0; left: 0; right: 0;opacity: 0;pointer-events: none;transition: opacity 1s ease-in-out;}
.logo-group.active,.logo-group.active .logo-slot {opacity: 1;pointer-events: auto;position: relative;transition:all 1s ease-out;} 
.logo-group img.object-contain{background: #005987;} 
@media (max-width:767px){
    .logo-slot{width: 25%;}
}
@media (max-width:480px){
    .logo-slot{width: 33%;}
}
/**/
@media screen and (min-device-width: 1024px) and (max-device-width: 1300px) {
    .accordian-tital {
        font-size: 74px;
    }
}

@media screen and (min-device-width: 1300px) and (max-device-width: 1600px) {  
    .accordian-tital{font-size: 90px;}
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1500px) {  
    .main-tital{font-size: 170px;}
}

@media screen and (min-device-width: 991px) and (max-device-width: 1400px) {  
    .footer-tital{font-size: 20px;}
}

input:focus::placeholder, textarea:focus::placeholder {color: transparent;transition: color 0.2s;}
@media(min-width:1280px){
    .btn-big.btn .arrow {width: 40px; top: 6px; }
    .btn-big.btn .arrow:before, .btn-big.btn .arrow:after { width: 24px; }
    .btn-big.btn .arrow:before {bottom: -9px; right: -5px;}
    .btn-big.btn .arrow:after {top: -8px; right: -4px; }
    .btn-big.btn:hover .arrow {width: 45px; }
}


/**/
input[type="checkbox"] {display: none;}
.plusminus {display: inline-block;position: relative;width: 65px;height: 65px;border: 2px solid #00e1f2;border-radius: 100%;cursor: pointer;vertical-align: middle;}
.plusminus span:nth-child(1) {display: block;position: absolute;margin: 0 10%;width: 68%;height: 3px;background: #00e1f2;top: calc(50% - 1px);-moz-transition: all .25s ease;-webkit-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;left: 4px;border-radius: 3px;}
.plusminus span:nth-child(2) {display: block;position: absolute;margin: 10% 0;width: 3px;height: 65%;background: #00e1f2;left: calc(50% - 01px);-moz-transition: all .25s ease;-webkit-transition: all .50s ease;-o-transition: all .25s ease;transition: all .50s ease;top: 5px;border-radius: 3px;}
#first:checked ~ .plusminus span:nth-child(1) {background: #00e1f2;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
#first:checked ~ .plusminus span:nth-child(2) {background: #00e1f2;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
#first ~ div {visibility: hidden;margin: 20px auto;font-family: 'Roboto', sans-serif;font-size: 2em;color: #00e1f2;}
#first:checked ~ div {visibility: visible;}
@media (max-width:1024px){
    .plusminus{width: 45px;height: 45px;}
    .plusminus span:nth-child(1){width: 67%;top: calc(49% - 1px);left: 2px;}
    .plusminus span:nth-child(2){height: 63%;left: calc(50% - 2px);top: 4px;}
}

@media (max-width:420px){
    .plusminus{width: 30px;height: 30px;}
    .plusminus span:nth-child(1){width: 68%;top: calc(50% - 1px);left: 1px;height: 2px;}
    .plusminus span:nth-child(2){height: 65%;left: calc(50% - 1px);top: 2px;width: 2px;}
}

/*Case studies year wise slider css*/
.case-studies-vedio video{width: 100%;}
/*.onload-slider{overflow: hidden;height: 640px;}*/
.viewGalleryBox{opacity: 0;transition: opacity 1s ease-in-out;}
.mainGalleryClass{position: relative;overflow: hidden;}
.mainGalleryClass .gallery {position: absolute;top: 20px;right: 0;opacity: 0 !important;z-index: -1;/*transition: opacity 0.9s ease-out, transform 0.9s ease-out;*/}
.mainGalleryClass .gallery.activeGalleryBox{position: initial;opacity: 1!important;z-index: 9;}
.mainGalleryClass .gallery img{margin: 0 auto;}
@media (max-width:400px){
    #prevYear{left: 27%;}
    #nextYear{right: 27%;}
}