*{ margin:0; padding:0; box-sizing: border-box;}
:root {font-size: 16px; scroll-behavior: unset;}
html {scroll-behavior: unset;}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Regular.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap;*/
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    /*font-display: swap;*/
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    /*font-display: swap;*/
}


body{
    background:#F4F1EF;
    font-family: 'HelveticaNowText' !important;
}

video{
    object-fit: cover;
    width: 100%;
}

.navbar{
    padding: 22px 0px;
    position: fixed;
    width: 100%;
    z-index: 9;
    transition: all 0.5s ease;
    transform: translateY(0);
}
.navbar.hide {
    transform: translateY(-100%);
  transition: all 0.5s ease;
}



label.error{
    color:red;
    font-size: 12px;
}


.navbar-nav{
    justify-content: end;
}
.navbar-expand-lg .navbar-nav .nav-link{
    font-size: 15px;
    letter-spacing: 0.26px;
    color: #fff;
    font-weight: normal;
    position: relative;
    padding: 5px 10px;
    overflow: hidden;
    border-radius: 20px;
    transition: all 0.4s ease;
    display: inline-block;
}
.navbar-expand-lg .navbar-nav .nav-link.cont{
    background:#000;
    color:#fff;
    
}



.navbar-expand-lg .navbar-nav .nav-link span{
    position: relative;
    z-index:1;
}
@media (min-width: 991px){
    .navbar.fixed{
    background: #000;
    padding: 12px 0px;
}

/*    .navbar-expand-lg .navbar-nav .nav-link::before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #F26E4A;*/
/*    z-index: 0;*/
/*    transition: all 0.4s ease;*/
/*    border-radius: 3px;*/
/*    transform: translateY(101%);*/
/*}*/

.navbar-expand-lg .navbar-nav .nav-link:hover{
    color:#F26E4A;
}
.navbar.fixed .navbar-nav .nav-link.cont{background: #F26E4A;transition: all 0.2s ease;}
.navbar.fixed .navbar-nav .nav-link.cont:hover{
    color:#000;
    background:#fff;
}
/*.navbar-expand-lg .navbar-nav .nav-link:hover{*/
/*    color:#fff;*/
/*}*/
}

.navbar-expand-lg .navbar-nav .nav-item{
    margin-left: 52px;
}






.h1{
   font-size: 40px;
    color: #231F20;
    line-height: 44px;
    margin: 0;
    font-weight: bold;
}

.h1 span{
    color: #F26E4A;
}

.banner{
    padding: 0px;
}
.banner video{
    height: 100vh;
}
.bg{
    background:#F4F1EF;
}
p{
    color: #231F20;
    font-size: 15px;
    font-weight: normal;
    transition: all 0.5s ease;
}
p:last-child {
    margin-bottom: 0px;
}
p:last-of-type {
    margin-bottom: 0px;
}


.b-des .b-des-0{
    width: 28%;
    padding-top: 60px;
}

.b2b-btn{
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    border-radius: 50px;
    background: #F26E4A;
    text-decoration: none;
    padding: 0px 14px;
    transition: width 0.3s ease;
    font-weight: 300;
    margin-top: 20px;
}
.b2b-btn span{
    font-size: 13px;
    transition: all 0.3s ease 0.1s;
    color:#fff;
}
.navbar-brand svg{
    fill:#fff;
}

.service-crd span{
    display: inline-block;
    width: 38px;
}
.service-crd span img{
    max-width: 100%;
}

.service-crd p{
    line-height: 16px;
    padding: 22px 0px 8px;
}

.service-crd .service-btn{
   text-decoration: none;
    color: #000;
    font-size: 13px;
}
.service-crd .service-btn svg{
    margin-left: 3px;
    fill:#f26e4a
}
.service-crd{
    width: 16%;
    padding: 12px 18px;
    border: 0.5px solid #f26e4a38;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.5s ease;
}
.service-crd:hover{
    background:#000;
}
.service-crd:hover p{
    color:#fff;
}
.service-top0{
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: space-between;
}

@media (min-width: 1025px){
    .b2b-btn span{
    opacity:0;
}
}
@media (min-width: 991px){
    .b2b-btn{
    width: 30px;
    height: 30px;
}

.b-des:hover .b2b-btn{
    width: 114.5px;
    background:#000;
}
.b-des:hover .b2b-btn span{
   opacity:1;
}

.b-des:hover .b2b-btn-0{
    width: 114.5px;
    background:#F26E4A;
}

.view-all:hover .b2b-btn-1{
    width: 156px;
    background:#000;
}
.view-all:hover .b2b-btn span{
    opacity:1;
}
.view-all:hover .b2b-btn-2{
    width: 93px;
    background:#000;
}

}


.bannerlogo{
  position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 18px 10px;
    /*background: rgb(255 255 255 / 29%);*/
    /*backdrop-filter: blur(15px);*/
    /*-webkit-backdrop-filter: blur(15px);*/
    border-radius: 0;
}
.bannerlogo-0 .b-logo {
    padding: 0 13px;
    display: flex;
    align-items: center;
    width: 120px;
    justify-content: center;
  }
  
  .bannerlogo-0 .dx-width img{
     transform: scale(1.5);
}
 .bannerlogo-0 .tata-width img{
     transform: scale(1.2);
}
.bannerlogo-0 .baxy-width img{
     transform: scale(0.8);
}
  .bannerlogo-0 img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .bannerlogo-0 {
    display: flex;
    align-items: center;
  }
  
  .performance-top{
      margin-top: 40px;
  }


 .permormance-main{
       width: 100%;
       height: 340px;
       cursor:pointer;
       overflow:hidden;
       transition: all 0.25s linear;
   }
   
   /*.permormance-main-0:hover .permormance-main{*/
   /*    transform: scaleY(1.15);*/
   /*}*/
   
   /*.permormance-main img{*/
   /*    object-fit: cover;*/
   /*    position: absolute;*/
   /*    top:0;*/
   /*    left:0;*/
   /*}*/
   /*.permormance-main-0{*/
   /*    width: 50%;*/
   /*}*/
   .performance-content{
       padding: 35px 50px 0 0;
   }
   
   .performance-content h3{
       font-size: 1.63rem;
        font-weight: normal;
        letter-spacing: 1px;
        /*text-transform: uppercase;*/
        margin: 0 0 15px 0;
        color:#000;
   }
   .performance-content h3 img{
       width: 200px;
   }
   .performance-content h3 img.videoneticslogo{
       width: 108px;
   }
   /*.permormance-video{*/
   /*    height: 380px;*/
   /*}*/
   /*.permormance-video video{*/
   /*    width: 100%;*/
   /*    height: 380px;*/
   /*    object-fit: cover*/
   /*}*/


.permormance-main img,
.permormance-main video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 340px;
  object-fit: cover;
  z-index: 1;
}

/*.permormance-main video {*/
  /*display: none; */
/*  z-index: 2;*/
/*}*/

/* 
  The main container. It needs to be large enough to contain
  the waves at their biggest size.
*/
.video-widget-container {
    position: absolute;
    right: 3%;
    bottom: 1%;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cog-video-btn {
    position: relative;
    z-index: 2;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.cog-video-btn:hover {
    transform: scale(1.05);
}

.cog-video-btn img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.cog-video-btn:hover img {
    transform: scale(1.1);
}
.play-button-overlay {
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.play-button-overlay img{
   width: 16px;
    height: 16px;
    padding-left: 4px;
    transition: transform 0.4s ease;
}

/*.play-button-overlay::after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-top: 8px solid transparent;*/
/*    border-bottom: 8px solid transparent;*/
/*    border-left: 14px solid #333;*/
/*    margin-left: 4px;*/
/*}*/

.wave-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; /* Behind the button */
    pointer-events: none;
}

.wave-circle {
    fill: none; 
    stroke: rgba(255, 255, 255, 0.5); 
    stroke-width: 1.5px;
    transform-origin: center;
    opacity: 0;
    animation: wave-expand 3s infinite ease-out;
}
.wave-circle:nth-child(2) {
    animation-delay: 1s;
}

.wave-circle:nth-child(3) {
    animation-delay: 2s;
}
@keyframes wave-expand {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    25% {
       
        opacity: 0.8;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

/**/

.pad80{
    padding: 80px 0px;
}
.pdb80{
    padding-bottom: 80px;
}

.bgblack{
    background:#000000;
}

.h1-0{
    color:#fff;
}



/* The main form container */
.cog-form {
    width: 100%;
    margin: auto;
    /*padding: 0 30px 30px 0;*/
    /*border-radius: 10px;*/
    overflow: hidden;
    
}
/*.cog-form:after{*/
/*   content: "";*/
/*    background: #EDEAE8;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    width: 94%;*/
/*    height: 95%;*/
/*    bottom: 0;*/
/*}*/

/* The white "paper sheet" element */
.form-sheet {
   /*background: #fff;*/
   /* padding: 40px;*/
    position: relative;
    z-index:1;
}

/* --- The Folded Corner Effect --- */
/*.form-sheet::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    background: linear-gradient(135deg, #F4F1EF 50%, #EDEAE8 51%);*/
/*}*/


/* Styling for each form field group */
.form-group {
    /*margin-bottom: 25px; */
    margin-bottom: 4px;
}

/*.form-group:last-child {*/
/*    margin-bottom: 0;*/
/*}*/

.contact_box, .nav_dlf {
    /*margin-bottom: 40px;*/
}
.product_inner p {
    color: #6d6e71;
    letter-spacing: .5px;
    font-size: 13px;
    margin-bottom: 25px;
    line-height: 1.8;
}
.contact_box p {
    color: #757575;
    margin-bottom: 0;
}
.contact_box h3 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #757575;
}
.line-d::after{
    content:"";
    position: absolute;
    right:0;
    top:0;
    width: 0.5px;
    height: 100%;
    background:#00000030;
}
.line-d::before{
    content:"";
    position: absolute;
    left:0;
    top:0;
    width: 0.5px;
    height: 100%;
    background:#00000030;
}
.pdleft{
    padding-left: 20%;
}
.form-group input,
textarea {
    width: 100%;
    /*border: none;*/
    /*border-bottom: 1px solid #231F20; */
    background-color: transparent;
    /*padding: 8px 0;*/
    /*font-size: 15px;*/
    /*color: #231F20;*/
    /*transition: border-color 0.3s ease;*/
    border: 1px solid #a0a0a0;
    border-radius: 0;
    padding: 9px 22px;
    /*letter-spacing: 1px;*/
    color: #000;
    font-size: 12px;
    /*background: #f7f7f7;*/
}
.col-md-6.padRight {
    padding-right: 2px;
}
.col-md-6.padleft {
    padding-left: 2px;
}
/*textarea{*/
/*    height: ;*/
/*}*/
::placeholder{
    font-size: 12px;
    color: #231F20;
}
/* Remove default browser outline on focus and change border color */
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
    outline: none;
    border-color: #ED6A4F; /* Highlight color from the button */
}

.submit-btn{
    display: inline-flex;
    white-space: nowrap;
   
    align-items: center;
    border-radius: 50px;
    background: #F26E4A;
    text-decoration: none;
    padding: 8px 22px;
    transition: width 0.3s ease;
    font-weight: 300;
    border:0;
}
.submit-btn span{
    font-size: 13px;
    transition: all 0.3s ease 0.1s;
    color:#fff;
   
}


@media (min-width: 991px){
    .submit-btn{
    /*width: 30px;*/
    /*height: 30px;*/
    }
/*    .submit-btn span{*/
   
/*    opacity:0;*/
/*}*/
    .submit-btn:hover {
    /*width: 103px;*/
    background:#000;
}
.submit-btn:hover span{
   opacity:1;
}

}


.b-des-1{
    width: 374px;
}

.contact-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /*align-items: end;*/
}
.contact-card {
  background-color: #EDEAE8;
  padding: 20px;
  border-radius: 10px;
  width: 374px;
  box-sizing: border-box;
  transition: all 0.5s ease;
}

.contact-card:hover{
    background-color: #000;
}

.card-label {
 position: relative;
    margin: 0 0 24px 0 !important;
    padding-bottom: 12px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    transition: all 0.5s ease;
}
.contact-card:hover .card-label{
    color: #fff;
}

/* The thin gray line */
.card-label::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: #565656;
}

/* The thicker orange line on top */
.card-label::before {
  content: '';
    position: absolute;
    bottom: -1.5px;
    left: 0;
    width: 20%;
    height: 4px;
    background-color: #F2785C;
    z-index: 1;
     transition: all 0.5s ease;
     border-radius: 30px;
}
.contact-card:hover .card-label::before{
    width: 100%;
}

/* Styling for the value text (the email/phone number) */
.card-value {
  margin: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-weight: 300;
  text-decoration: none;
  display: block;
  transition: all 0.5s ease;
}
.contact-card:hover .card-value{
    color: #fff;
}

.bg-custom-black {
            background-color: #121212; /* Dark background from image 2 */
            color: #E0E0E0; /* Off-white text */
        }
        
        .bannerlogo-0 .slick-slide{
            height: 70px;
        }
        
        .bannerlogo-0 .slick-slide div{
            height: 70px;
        }

        .pad80 {
            padding: 80px 0;
        }

        .text-white {
            color: #FFFFFF !important;
        }
        
        .accent-line {
            border: 0;
            height: 2px;
            background-color: #E55836; /* Accent orange/red from image 2 */
            width: 40px;
            margin: 1rem 0;
            opacity: 1;
        }

        .section-pad {
            padding: 80px 0;
        }

        .accent-line {
            border: 0;
            height: 2px;
            background-color: #E55836; /* Accent orange/red from card */
            width: 40px;
            margin: 1rem 0;
            opacity: 1;
        }

        /* --- Left Column: Main Title and Tab Navigation --- */
        .section-pad {
            padding: 80px 0;
            overflow-x: hidden;
        }

        .accent-line {
            border: 0;
            height: 2px;
            background-color: #E55836;
            width: 40px;
            margin: 1rem 0;
            opacity: 1;
        }

       
        .main-title-section p {
            margin-top: 22px;
            color: #fff;
        }
        
      
        
        /* --- Desktop Tab Navigation Styles --- */
        .services-tab-nav {
            margin-top: 100px;
        }
        
        .services-tab-nav .nav-link {
            background-color: transparent;
            border: none;
            border-radius: 8px;
            text-align: left;
            padding: 15px 0px;
            font-size: 1.2rem; 
            font-weight: 700;
            color: #343a40;
            transition: all 0.2s ease-in-out;
            margin-bottom: 10px;
            justify-content: space-between;
        }

        .services-tab-nav .nav-link span {
            font-size: 13px;
            margin-right: 10px;
            font-weight: 400;
            color: #6c757d;
            padding-top: 0px;
        }
        
        .design-accordion .accordion-item {
            background-color: transparent;
            border:0;
            border-top: 1px solid #ffffff82;
            border-radius: 20px;
        }
        
        /*.design-accordion .accordion-item:last-of-type {*/
        /*    border-bottom: 0; */
        /*}*/
        
        /*.design-accordion .accordion-item.is-active{*/
        /*    border: 0.5px solid #ffffff82;*/
        /*}*/
        
        .services-tab-nav .nav-link{
            background-color: transparent !important;
            border: 0;
            border-top: 1px solid #ffffff82;
            border-radius: 0px;
            color: #ffffff75  !important;
            width: 100%;
            font-size: 20px;
            font-weight: 300;
            display: flex;
            justify-content: space-between;
    align-items: center;
        }
        .nav-pills .nav-link2{
            border-bottom: 1px solid #ffffff82;
        }
        .services-tab-nav .nav-link.active {
            color: #FFFFFF  !important;
        }
        
        .services-tab-nav .nav-link .dnone{
            display: none;
            fill: #f26e4a;
        }
            .services-tab-nav .nav-link.active .dnone {
                display: block;
            }
        .services-tab-nav .nav-link.active span {
            color: #FFFFFF;
        }

        /* --- Content & Card Styles --- */
        .hybrid-content-wrapper {
            padding-left: 0;
        }
        @media (min-width: 768px) {
            .hybrid-content-wrapper {
                padding-left: 40px;
            }
            
        }
        
        a{
            text-decoration: none;
        }
        
        .service-cc {
           padding: 30px;
    border-radius: 16px;
    height: 100%;
    color: #E0E0E0;
    border: 0.5px solid #ffffff24;
   
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
        }
        
        .main-ser{
             display: flex
;
    flex-direction: column;
    height: 100%;
        }
        
        .servicebtn{
            padding-top: 15px;
        }
        .servicebtn svg{
            fill: #E55836;
        }

        .service-card h3 { font-size: 1.25rem; color: #FFFFFF; }
        .service-card p { color: #adb5bd; }

        /* --- Accordion-Specific Styles (when it's an accordion) --- */
        .hybrid-content-wrapper.accordion .accordion-item {
            background-color: transparent;
    border: 0;
    
    border-radius: 20px;
        }
        
        .hybrid-content-wrapper.accordion .accordion-item .accordion-body{
            padding: 0 0 0 50px;
        }

        .hybrid-content-wrapper.accordion .accordion-button {
            background-color: transparent;
    color: #a0a0a0;
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 1.5rem 1rem;
    border: none;
    box-shadow: none;
    transition: color 0.3s ease;
    align-items: flex-start;
    line-height: 40px;
    font-weight: 300;
        }
        
        
        
        .hybrid-content-wrapper.accordion .accordion-button span {
            font-size: 15px;
            margin-right: 10px;
            font-weight: 400;
            color: #6c757d;
        }
        
        .hybrid-content-wrapper.accordion .accordion-button:not(.collapsed) {
            color: #FFFFFF;
        }
        
      
      
        
        /*.hybrid-content-wrapper.accordion .accordion-body {*/
        /*    padding: 20px 0;*/
        /*}*/
        
        @media (max-width: 767px){
            .tab-content>.tab-pane {
     display: block; 
}
.fade:not(.show) {
     opacity: 1; 
}

/*.main-title-section{*/
/*    text-align: center;*/
/*}*/
.hybrid-content-wrapper.accordion .accordion-item .accordion-body {
    padding: 0;
}
        }
        

 /* --- Custom Accordion Container --- */
    /*    .design-accordion-container {*/
            /*padding: 2rem 1rem;*/
            /*max-width: 1200px;*/
            /*margin: auto;*/
            /*margin-top: 100px;*/
    /*    }*/

        /* --- Accordion Item Styling --- */
    /*    .design-accordion .accordion-item {*/
    /*        background-color: transparent;*/
    /*        border:0;*/
    /*        border-top: 1px solid #ffffff82;*/
    /*        border-radius: 20px;*/
    /*    }*/
        
    /*    .design-accordion .accordion-item:last-of-type {*/
    /*        border-bottom: 0; */
    /*    }*/
        
    /*    .design-accordion .accordion-item.is-active{*/
    /*        border: 0.5px solid #ffffff82;*/
    /*    }*/
        
        

        /* --- Accordion Header & Button Styling --- */
    /*    .design-accordion .accordion-header {*/
    /*        margin-bottom: 0;*/
    /*    }*/

    /*    .design-accordion .accordion-button {*/
    /*        background-color: transparent;*/
    /*color: #a0a0a0;*/
    /*font-size: 50px;*/
    /*font-weight: 300;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    /*padding: 1.8rem;*/
    /*border: none;*/
    /*box-shadow: none;*/
    /*transition: color 0.3s ease;*/
    /*align-items: flex-start;*/
    /*line-height: 40px;*/
    /*font-weight: 300;*/
    /*    }*/
        
    /*    .design-accordion .accordion-button span{*/
    /*       font-size: 15px;*/
    /*line-height: 15px;*/
    /*padding-top: 1px;*/
    /*padding-right: 25px;*/
    /*    }*/

    /*    .design-accordion .accordion-button:hover {*/
    /*        color: #fff;*/
    /*    }*/

        /* Remove default Bootstrap icon */
    /*    .design-accordion .accordion-button::after {*/
    /*        display: none;*/
    /*    }*/

        /* Style for the active/expanded button */
    /*    .design-accordion .accordion-button:not(.collapsed) {*/
    /*        color: #fff;*/
            /*border-bottom: 1px solid #fff; */
            /*padding-bottom: calc(1.5rem - 1px); */
    /*    }*/

        /* --- Accordion Body & Content Styling --- */
    /*    .design-accordion .accordion-body {*/
    /*        padding: 3rem 1.8rem;*/
    /*    }*/

        /* --- Service Card Styling --- */
    /*    .service-card {*/
    /*        background-color: #2D2D2D;*/
    /*        border-radius: 16px;*/
    /*        padding: 36px 26px;*/
    /*        height: 100%;*/
    /*        transition: all 0.4s ease;*/
    /*        position: relative;*/
    /*        overflow:hidden;*/
    /*    }*/
    /*    .service-card .position-relative{*/
    /*        z-index:1;*/
    /*    }*/
    /*     .service-card:after{*/
    /*        content:"";*/
    /*        position: absolute;*/
    /*        top:0;*/
    /*        left:0;*/
    /*        width:100%;*/
    /*        height:100%;*/
    /*        background:#F26E4A;*/
    /*        z-index:0;*/
    /*        transform: translateY(101%);*/
    /*        transition: all 0.5s ease;*/
    /*    }*/
    /*    .service-card:hover:after{*/
    /*       transform: translateY(0%);*/
    /*    }*/

    /*    .service-card h3 {*/
    /*        color: #fff;*/
    /*        font-size: 14px;*/
    /*        font-weight: 300;*/
    /*        text-transform: uppercase;*/
    /*        letter-spacing: 1px;*/
    /*        line-height: 24px;*/
    /*        margin: 0;*/
    /*        position: relative;*/
    /*    }*/
    /*    .service-card h3::after{*/
    /*        content: "";*/
    /*position: absolute;*/
    /*bottom: -7.3px;*/
    /*left: 0;*/
    /*height: 0.5px;*/
    /*width: 100%;*/
    /*background: #565656;*/
    /*z-index: 0;*/
    /*border-radius: 30px;*/
    /*    }*/

    /*    .service-card .accent-line {*/
    /*        border: 0;*/
    /*        height: 3.5px;*/
    /*        width: 20%;*/
    /*        background-color: #F26E4A;*/
    /*        margin: 5px 0 80px;*/
    /*        opacity:1;*/
    /*        position:relative;*/
    /*        z-index: 1;*/
    /*        transition: all 0.4s ease;*/
    /*        border-radius: 30px;*/
    /*    }*/
        
    /*    .service-card:hover .accent-line{*/
    /*        width: 100%;*/
    /*        background-color: #fff;*/
    /*    }*/

    /*    .service-card p {*/
    /*        color: #d0d0d0;*/
    /*font-size: 14px;*/
    /*line-height: 20px;*/
    /*font-weight: 300;*/
    /*    }*/
        
    /*    .design-accordion .accordion-button:not(.collapsed){*/
    /*        border-bottom: 0;*/
    /*    }*/
        
    /*    .design-accordion .accordion-button{*/
    /*        padding-bottom:0 !important;*/
    /*    }*/
        
    /*    .service-card  .accent-line-pm{*/
    /*        margin-bottom: 30px;*/
    /*    }*/
        
        
        
        
        
.info-box {
  position: absolute;
    bottom: 26px;
    left: 26px;
    width: 364px;
    padding: 20px 30px;
    background: rgb(255 255 255 / 29%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.5s ease;
}
.info-box:hover{
    background:#F26E4A;
}

.info-box h3 {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 25px 0;
  position: relative; 
}

.info-box h3 span::after {
  content: '';
    position: absolute;
    left: 0;
    bottom: -13.5px;
    width: 20%;
    height: 4px;
    background-color: #E97C4A;
    transition: all 0.5s ease;
    border-radius: 30px;
}
.info-box:hover h3 span::after{
    width: 100%;
    background-color: #fff;
}
.info-box h3 span::before{
    content: '';
  position: absolute;
  left: 0;
  bottom: -11.5px;
  width: 100%;
  height: 0.5px;
  background-color: #ffffff8c;
  border-radius: 30px;
}

.info-box p {
  line-height: 18px;
  font-weight: normal;
  margin: 0;
  opacity: 0.7;
  font-size: 14px;
}

.cta-button {
  position: absolute;
    bottom: 26px;
  left: 421px;
    width: 28px;
    height: 28px;
  background: #E97C4A;
  border: 0.5px solid #E97C4A;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.2s ease;
  padding: 10px;
}

.cta-button img{
    max-width: 100%;
    max-height: 100%;
}

.cta-button:hover {
  transform: scale(1.05);
  background:#000;
}


.performance-video{
    height: 264px;
    border-radius: 20px;
    
}

.performance-video video{
    height: 264px;
   
}
.performance-video-cnt .b-des-0{
    width: 61%;
    margin: auto;
}



.panasonic-img img{
   filter: blur(3px);
   object-fit: cover;
}

.mt3{
    padding: 20px 0 0 0;
}




.partners-0{
   width: 19.26%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #AAA19C; 
  border-radius: 20px; 
  aspect-ratio: 1 / 1; 
  padding: 25px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}
.partners-0::after{
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height:100%;
    background:#F26E4A;
    transition: all 0.5s ease;
    transform: translateY(102%);
    z-index: -1;
}
.partners-0:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
    
}

.partners-0:hover::after{
    transform: translateY(0%);
}

.logo-card img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain; 
  filter: grayscale(100%); 
}
     
     .footer{
         font-size: 12px;
         line-height: 12px;
         color:#ffffff73;
         background:#000000;
         padding: 16px 0px;
         font-weight: normal;
     }   
     
     
     
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.part0{
    flex-wrap: wrap;
    gap: 10px;
}
 .per-top {
    margin-top: 40px;
}  

/*.faqs .faq-accordion {*/
/*  margin-top: 50px;*/
/*}*/

/*.faqs .accordion-item {*/
/*    border: none;*/
/*    border-radius: 0px;*/
/*    margin-bottom: 0;*/
/*    overflow: hidden;*/
/*    background-color: transparent;*/
/*    border-bottom: 0.5px solid #0000003b;*/
/*}*/
/*.accordion-button:focus {*/

/*    box-shadow: unset;*/
/*}*/
/*.faqs .accordion-button {*/
/*    background: transparent;*/
/*    font-weight: 300;*/
/*    font-size: 20px;*/
/*    padding: 26px 18px;*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/

/*}*/

/*.accordion-button .num-sub{*/
/*    display: inline-block;*/
/*    font-size: 13px;*/
/*    margin-right: 10px;*/
/*}*/

/*.accordion-button:not(.collapsed) {*/
/*  background: transparent;*/
/*  color: #000;*/
/*  box-shadow: none;*/
/*}*/

/*.accordion-button::after {*/
  /*display: none; */
/*}*/

/*.accordion-body {*/
/*  padding: 28px 58px;*/
/*  background: transparent;*/
/*  font-size: 0.95rem;*/
/*  line-height: 1.6;*/
/*  color: #333;*/
/*}*/

/* Plus/Minus Icon Styling */
/*.accordion-button .icon {*/
/*  width: 16px;*/
/*  height: 16px;*/
/*  position: relative;*/
/*  flex-shrink: 0;*/
/*}*/

/*.accordion-button .icon::before,*/
/*.accordion-button .icon::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  background-color: #000;*/
/*  transition: transform 0.3s ease;*/
/*}*/

/*.accordion-button .icon::before {*/
/*  top: 7px;*/
/*  left: 0;*/
/*  right: 0;*/
/*  height: 2px;*/
/*}*/

/*.accordion-button .icon::after {*/
/*  left: 7px;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  width: 2px;*/
/*}*/

/* Show only minus icon when open */
/*.accordion-button:not(.collapsed) .icon::after {*/
 /*transform: scaleY(0); */
/*}*/

  

/* When accordion is expanded (active) */
/*.accordion-button[aria-expanded="true"] {*/
/*  background-color: #F26E4A; */
/*  color: #ffffff;           */
/*}*/
/*.accordion-button[aria-expanded="true"] .icon::before{*/
/*   background-color:#fff;*/
/*}*/

/* When accordion is collapsed */
/*.accordion-button[aria-expanded="false"] {*/
/*  background-color: transparent; */
  
/*}*/
        
/*projects*/
     
    
     
     
     
     .goal-details p{
         margin-top: 60px;
         padding-right: 40px;
     }
     
     .brdbtm{
         border-bottom: 0.5px solid #ffffff78;
     }
     
     .ai-des{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor:pointer;
     }
     
     .slick-slide img{
         object-fit: cover;
     }
    
     
     .get-res{
    /*height: 400px;*/
    height: 100%;
    display: inline-flex !important
;
    flex-direction: column;
    /* background-image: linear-gradient(45deg, #F26E4A, #ebebeb3d); */
    border-radius: 20px;
    color: #fff;
    padding: 26px;
    justify-content: space-between;
    border: 0.5px solid #f26e4a5c;
     }
     .pl100{
         padding-left: 100px;
     }
     .get-res-img{
    width: 100%;
    height: 180px;
}

.get-results .slick-track{
    display: flex;
    height: auto;
}
.get-results .slick-slide{
   height: auto; 
}
.get-results .slick-slide>div{
    height: 100%;
}
     
     .get-res h3{
         margin-top: 20px;
         margin-bottom: 8px;
         color:#F26E4A;
     }
     
     .slider-nav {
         display: inline-flex;
    /* justify-content: center; */
    gap: 18px;
    margin-top: 8px;
    position: relative;
}

.slider-nav::after{
   content: "";
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    height: 60%;
    width: 0.5px;
    background: #ffffff85;
    margin: auto;
    transform: rotate(14deg);
}

.slider-nav button {
 padding: 0;
    font-size: 18px;
    cursor: pointer;
    background: transparent;
    color: #ffffff85;
    border: 0;
    font-weight: 100;
}

.slider-nav .next-slide{
    padding-top: 20px;
}

     
     .get-results .slick-slide {
      margin: 0 10px;
  }

 
  .get-results .slick-list {
      margin: 0 -10px;
  }
  
  .get-results .slider-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.get-results .slider-nav button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.get-results .slide-count {
  font-weight: bold;
}

.permormance-main-02{
    width:33.33%;
}
       
       .help-0{
           padding-left: 100px;
       }
       .help-1{
           padding: 28px;
            border: 0.5px solid #f26e4a47;
            border-radius: 20px;
            height: 100%;
            transition: all 0.5s ease;
       }
       .help-1:hover{
           background:#000;
       }
       .help-1 span{
           display: inline-block;
            width: 57px;
       }
       .help-1 span img {
            max-width: 100%;
        }
        h3{
            font-size: 1.25rem;
            transition: all 0.5s ease;
        }
        .help-1 h3{
            margin-top: 20px;
        }
        .help-1:hover h3, .help-1:hover p{
            color:#fff;
        }
        
        .accent-line {
            border: 0;
            height: 3.5px;
            width: 20%;
            background-color: #F26E4A;
            margin: 5px 0 30px;
            opacity:1;
            position:relative;
            z-index: 1;
            transition: all 0.4s ease;
            border-radius: 30px;
        }
        
        
        
        .help-1:hover .accent-line{
            width: 100%;
            /*background-color: #fff;*/
        }
        
        .help-1 h3::after {
    content: "";
    position: absolute;
    bottom: -10.3px;
    left: 0;
    height: 0.5px;
    width: 100%;
    background: #565656;
    z-index: 0;
    border-radius: 30px;
}

.help-0 .col-md-6{
    margin-bottom: 30px;
}

.partnership{
   padding-left: 16px;
    padding-right: 16px;
    aspect-ratio: 1 / 1;
    border: 0.5px solid #00000036;
    margin: 13px 0px;
    transition: all 0.5s ease;
}
.partnership:hover{
    background:#000;
}
.main-title-section2{
    margin-bottom: 40px;
}
.partnership svg{
    width: 100%;
    fill: #000;
    transition: all 0.5s ease;
}
  .partnership:hover svg{
    fill: #fff;
}   


.partnesrslider .slick-slide {
      margin: 0 5px;
  }

 
  .partnesrslider .slick-list {
      margin: 0 -5px;
  }
  
  .cstudy .col-md-6{
      margin-bottom: 35px;
  }
        
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}



@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/* Slide-down animation */
@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up-animation {
  animation: fadeUp 0.6s ease both;
}

#contact {
    position: relative; 
    z-index: 5; 
}

/*ai*/
.ai-heading {
    margin-bottom: 30px;
}
.scale-wrapper .scale img {
    /*    width: 250px;
    height: 250px;
    max-width: 250px;
    max-height: 250px;*/
}
.bg.pad80.pt-0, footer{
        z-index: 9;
    position: relative;
}
.scale-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    top: 0;
        width: 250px;
    height: 250px;
    max-width: 250px;
    max-height: 250px;
}
.scale {
    margin: 0;
    width: 250px;
    height: 250px;
    max-width: 250px;
    max-height: 250px;
  
    align-items: center;
    overflow:hidden;
     /*background: #e8262b;*/
    border-radius: 50%;
    justify-content: center;
       background: url(../images/BG-ai.webp) no-repeat;
            background-size: cover;
            position:absolute;
            right:0;
            left:0;
            right:0;
            bottom:0;
            margin:auto;
}

.scale-wrapper p.show{
        position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 250px;
    height: 250px;
    max-width: 250px;
    max-height: 250px;
    display: flex;
    color:#fff;
    align-items: center;
    justify-content: center;
}
.service-top0{
    overflow:hidden;
}


    /*.navbar {background:#000;}*/
    @media (min-width: 991px){
        .navbar-expand-lg .navbar-nav .nav-link.cont:hover{
        background:#F26E4A;
        color:#fff;
    }
    }
    
    .ai-bg{
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    width: 100vw;
    z-index: -1;
    background-color: #082639;
    }
     .enlarged-canvas {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        .aibanner{
           height: 100vh;
    padding: 0;
    /*display: flex;*/
    /*align-items: center;*/
    position: relative;
    z-index: 1;
        }
        
        .aibanner video{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /*.main{*/
        /*    inset:0;*/
        /*    position: fixed;*/
        /*}*/
        
        /*.content{*/
        /*    height: 100vh;*/
            
        
        /*}*/
        
        .aibanner .container{
            position: absolute;
    height: 100%;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
        }
        
        .aibanner .h1{
          font-size: 68px;
    line-height: 78px;
    letter-spacing: -0.025em;
    /*font-weight: normal;*/
        }
         #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        /*background-color: #0d1a2a; */
        background-image: url('');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        top:0;
    }
    
    /*p{*/
    /*    font-weight: 300;*/
    /*}*/
    .outer_scroll3{
    display: flex
;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    }
    .scroll-down4 {
    width: 0.5px;
    height: 91px;
    background: #f4f1efa3;
    animation: 1.7s infinite scrollDown4;
    margin: 0 auto;
}

@keyframes scrollDown4 {
    0% {
        transform-origin: top;
        transform: scaleY(0);
    }
    45% {
        transform-origin: top;
        transform: scaleY(1);
    }
    55% {
        transform-origin: bottom;
        transform: scaleY(1);
    }
    100% {
        transform-origin: bottom;
        transform: scaleY(0);
    }
}




  
    .first-circle {
        color: #fff;
        opacity: 1;
    }
    .first-circle::after {
        opacity: 1;
    }
    

 .main-wrapper__panel-wrapper { position: relative; z-index: 3; margin-top:80px; height: 100vh;}
        .main-wrapper__panel { 
 position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100vh; 
            
            
            background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; font-size: 5rem; color: white;   will-change: transform; }
        
        /*ai solutions*/
        .ai-solutions{
        width: 100%;
        height: 100%;
        color: #000;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-weight: 400;
        transition: color 0.5s ease;
        /*background-color: #F4F1EF;*/
        /*padding-right: 550px;*/
        /*padding-top: 20px;*/
       
        
        }
        
        
    /*    .ai-solutions1::after {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background: linear-gradient(to right, #1b2978, #7ed9df);*/
        /*z-index: -1;*/
        /*opacity: 0;*/
    /*    transition: opacity 0.5s ease;*/
    /*}*/
    .ai-solutions h2{
        position: relative;
        z-index:1;
        color:#fff;
        font-size: 14px;
        line-height: 14px;
        margin: 0;
        font-weight: bold;
        margin-bottom: 8px;
        
    }
    
    .ai-data h3{
        /*margin-bottom: 30px;*/
        color:#fff;
    }
    .ai-solutions h3{
        position: relative;
        z-index:1;
        color:#fff;
        font-size: 40px;
        color: #231F20;
        line-height: 44px;
        margin: 0;
        font-weight: bold;
        /*margin-bottom: 30px;*/
    }
    .ai-solution-main{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        padding: 40px 0px;
    }
    .main-wrapper__panel img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .ai-data{
        display: flex;
    }
    .ai-image{
        width: 30%;
    }
    .ai-description{
        width:70%;
        display: flex;
        padding-left:50px;
        align-items: end;
        flex-direction: column;
    }
    .ai-description ul{
        margin-bottom:0;
    }
    .ai-description ul li{
        font-size: 14px;
    font-weight: normal;
    color: #fff;
    padding-top: 12px;
    }
    
    
    .main-wrapper-inner{
            position: absolute;
           /* width: 280px;
            height: 280px;
            border-radius: 50%;*/
            /*border: 0.5px solid #4f2792;*/
            top: 0%;
            left: 0%;
            right:0%;
            bottom:0%;
            margin: auto;
            cursor: pointer;
            /*overflow: hidden;*/
            /*text-align: center;*/
            align-items: center;
            justify-content: center;
            /*background: url(images/BG-ai.webp) no-repeat;
            background-size: cover;*/
        }
        
        /*.main-wrapper__panel .container{*/
        /*    position: absolute;*/
        /*    height: 100%;*/
        /*    width: 100%;*/
        /*}*/
        
        /*.ai-data1{*/
        /*    width: 0;*/
        /*    height: 0;*/
        /*    opacity: 0;*/
        /*    visibility: hidden;*/
        /*}*/
        /*.ai-solutions1 .ai-heading h3{*/
        /*    width: 0;*/
        /*    height: 0;*/
        /*    opacity: 0;*/
        /*    visibility: hidden;*/
        /*}*/
        
        /*.ai-solutions1 h2{*/
        /*    margin-bottom:0;*/
        /*}*/
        /*.ai-solutions1{*/
        /*    justify-content: center;*/
        /*}*/
        
        .main-wrapper-inner p.show{
        /*
        display: flex;
        align-items: center;
            justify-content: center;
        z-index:1;
        color:#fff;
        font-size: 14px;
        line-height: 14px;
       
        font-weight: bold;
        margin-bottom: 0px;
        text-align:center;
        position: absolute;
    top: 0;
    width: 100%;
    height: 100%;*/
    }
    
    .main-wrapper-inner .ai-solution-main1{
        visibility: hidden;
        opacity:0;
    }
    .main-wrapper-inner p.show.has-arrived{
        opacity:0;
        display: none;
    }
    
     .spinner-load {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background: rgb(0 0 0 / 51%);
    z-index: 999;
    display: flex
;
    align-items: center;
    justify-content: center;
}
    
    @media (min-width: 1499px){
        .ai-solution-main{
            padding: 80px 0px;
        }
        .ai-solutions h3 {
    font-size: 60px;
    line-height: 60px;
}
    }
    
    @media (max-width: 1199px){
        .aibanner .h1 {
    font-size: 54px;
    line-height: 62px;
    
}
.ai-solutions h3 {
    font-size: 32px;
    line-height: 32px;
}
    }
    
     @media (max-width: 1024px){
        
.ai-solutions h3 {
    font-size: 26px;
    line-height: 26px;
}
.ai-description p{
    font-size: 14px
}
.ai-description{
    padding-left: 30px;
}

.ai-image{
        width: 35%;
    }
    .ai-description{
        width:65%;
    }
    .ai-solution-main {
   
    padding: 68px 0px;
}
    }
    
    
     @media (max-width: 1024px){
        
.ai-solutions h3 {
    font-size: 32px;
    line-height: 32px;
}
.ai-description p{
    font-size: 16px
}
.ai-description{
    padding-left: 30px;
}


    .ai-solution-main {
   
    padding: 68px 0px;
}
    }
    
    
    @media (max-width: 991px){
  .aibanner .h1 {
        font-size: 32px;
        line-height: 44px;
    }
    .main-wrapper__panel{
        position: relative;
    }
    .main-wrapper__panel-wrapper {
   
    height: auto;
}
    }
    
     @media (max-width: 767px){
  .aibanner {
    height: 560px;
  }
  .ai-data {
   
    flex-direction: column;
    padding-top: 30px;
}
    .ai-image {
        width: 100%;
    }
        .ai-description {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }
    /*.ai-solutions{*/
    /*    justify-content: center;*/
    /*}*/
  
      .ai-solutions h3 {
        font-size: 28px;
        line-height: 32px;
    }
        .ai-solution-main {
        padding: 50px 0px;
    }
    .ai-solutions h3 br{
        display: none;
    }
.main-wrapper__panel2,.main-wrapper__panel3,.main-wrapper__panel{
    height: auto;
}
.ai-solution-main, .main-wrapper-inner{
    position: relative;
    
}
.main-wrapper__panel>img{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
}
.ai-data{
    padding-top: 0px;
}
    }
      #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        /*background-color: #0d1a2a; */
        background-image: url('');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        top:0;
    }
    

.brand-bd2 .container{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    height: 100%;
}

 .top155{
         padding-top: 180px;
     }  
     
             .projectdetails .h1{
                font-size: 68px;
            line-height: 78px;
            letter-spacing: -0.025em;
   
        }
         .projectdetails .h2{
                font-size: 28px;
           line-height: 32px;
    font-weight: 300;
    margin: 0px;
   
        }
         .details-bar {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 50px;
        }
        .detail-item {
            /*background-color: #fff;*/
            border-radius: 8px;
            padding: 25px;
            /*box-shadow: 0 5px 20px rgba(0,0,0,0.05);*/
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            align-items: center;
            gap: 20px;
            /* The accent edge */
            /*border-left: 4px solid #F26E4A;*/
        }
        /*.detail-item:hover {*/
        /*    transform: translateY(-8px);*/
        /*    box-shadow: 0 12px 25px rgba(0,0,0,0.1);*/
        /*}*/
        .detail-icon {
            font-size: 2rem;
            color: #F26E4A;
        }
        .detail-text .label {
            display: block;
            font-weight: 600;
            font-size: 0.8rem;
            text-transform: uppercase;
            color: rgb(242 110 74);
            margin-bottom: 0.3rem;
        }
        .detail-text .value {
            font-size: 15px;
            color: #000;
        }


            
        
        
        .videonatics-banner {
    /*height: 100vh; */
    overflow: hidden;
    
}

.videonatics-banner video {
   
    width: 100%;
    height: 100%; 
    object-fit: cover; 
  
}


/**/
 .mandate-strategy-section {
        background-color: #F4F1EF; /* Match your light theme background */
    }

    .strategy-container {
        display: flex;
        border-radius: 16px;
        overflow: hidden;
       border: 0.5px solid #d0d0d0;
    }

    .mandate-panel, .strategy-panel {
        flex: 1 1 50%; /* Each panel takes up half the space */
        padding: 50px;
    }

    /* Style the dark "Mandate" panel */
    .mandate-panel {
        /*background-color: #111111;*/
        color: #000;
         border-right: 0.5px solid #d0d0d0;
    }

    /* Style the light "Strategy" panel */
    /*.strategy-panel {*/
    /*    background-color: #ffffff;*/
    /*}*/

    .panel-icon i {
        font-size: 2.8rem;
        color: #F26E4A;
        margin-bottom: 25px;
        display: block;
    }

    .panel-title {
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .panel-description {
        
        opacity: 0.9;
    }

    /* Highlight the key strategic phrase */
    .panel-description strong {
        color: #F26E4A;
        font-weight: 600;
    }

  
    
    
        .tactics-top{
            margin-top: 40px;
        }
        .tactics-card-img{
            height: 200px;
        }
        .tactics-card-content h5{
                font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 8px;
        }
        .tactics-card-content{
           padding-top: 15px;
        }
        
        
        

    .impact-triptych {
        display: flex
;
    background-color:#000000;
    border-radius: 12px;
    padding: 40px 10px;
    
    }

    .impact-item {
        flex: 1; /* Each item takes equal space */
        padding: 0 30px;
        position: relative;
    }

    /* The minimalist dividers */
    .impact-item:not(:first-child) {
        border-left: 1px solid rgb(255 255 255 / 38%);
    }

    .impact-highlight {
        font-size: 40px; /* Large, eye-catching text */
        font-weight: 700;
        color: #F26E4A; /* Brand accent color */
        margin-bottom: 10px;
        line-height: 1;
        transition: transform 0.3s ease-out;
    }

    .impact-item:hover .impact-highlight {
        transform: scale(1.05); /* Subtle hover effect */
    }

    .impact-title {
        font-size: 1.2rem;
        font-weight: 600;
        color: #fff;
        margin-bottom: 10px;
    }
    
   

    .impact-description {
        font-size: 15px;
        line-height: 1.6;
        color: #ffffffb5;
    }

    /* Responsive adjustments for mobile */
    @media (max-width: 991px) {
        .impact-triptych {
            flex-direction: column; /* Stack vertically on mobile */
            gap: 40px;
            padding: 30px;
        }
        .impact-item:not(:first-child) {
            border-left: none; /* Remove side borders */
            border-top: 1px solid rgb(255 255 255 / 38%); /* Add top borders */
            padding-top: 40px;
        }
        .impact-highlight {
            font-size: 3rem;
        }
    }
        .metrics-section {
        padding-bottom: 80px;
        background-color: #F8F8F7; /* A very light, clean off-white like the image */
    }

    .metrics-list {
        max-width: 100%; /* Constrain width for a clean look */
        margin: 20px auto 0;
    }

    .metric-item {
        display: flex;
        align-items: center;
        padding: 35px 0;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.2); /* The subtle separator */
    }

    .metric-item:last-child {
        border-bottom: none;
    }

    .metric-value {
        font-size: 40px;
         font-weight: 600;
            color: #222;
            flex: 0 0 35%;
            line-height: 1;
           
            display: flex;
            align-items: baseline;
    }
    .metric-value .metric-suffix {
            font-size: 20px; 
            font-weight: 500;
            margin-left: 5px;
        }
        .metric-label {
            font-size: 15px;
            line-height: 1.5;
            color: #555;
            flex: 0 0 30%;
        }

    .metric-insight {
        font-size: 15px;
        line-height: 1.5;
        color: #555;
        flex: 0 0 35%; 
    }