/* Banner Section Styles */
.banner-section {
    position: relative;
    width: 100%;
    overflow: hidden;
   
}

.banner-container {
    position: relative;
    width: 100%;
 
    display: flex;
    align-items: center;
}

.banner-content {
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 20px;
    display: flex;
    align-items: center;
}



.banner-title {
    font-size: 100px;
    line-height: 110px;
    font-weight: 600;
    margin-bottom: 24px;
    color:#01203C;
}

.banner-text p {
    font-size: 28px;
    line-height: 40px;
    color:#576272;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px;

}
.btn-default .btn-content{font-size: 18px;}
.btn-md{padding: 13px 35px;}



/* Responsive Design */

@media (max-width:1600px){
    .banner-content{max-width: 1200px;}
    .banner-title {
        font-size: 81px;
        line-height: 91px;
    }
    .banner-text p {
        font-size: 24px;
        line-height: 36px;
    }
}

@media (max-width:1399px){
    .banner-content {
        max-width: 1100px;
    }
    .banner-title {
        font-size: 72px;
        line-height: 82px;
    }
    .banner-text p {
        font-size: 20px;
        line-height: 32px;
        max-width: 520px;
    }
}

@media (max-width: 1024px) {
    .banner-content {
        max-width: 800px;
    }
    .btn-default .btn-content{font-size: 16px;}
    .btn-md{padding: 10px 22px;}
    .banner-text p {
        font-size: 18px;
        line-height: 28px;
        max-width: 480px;
    }
    .banner-title {
        font-size: 52px;
        line-height: 62px;
    }
}

@media (max-width: 991px) {
    .banner-content {
        max-width: 600px;
    }
    .banner-text p {
        font-size: 16px;
        line-height: 24px;
        max-width: 400px;
    }
    .banner-title {
        font-size: 38px;
        line-height: 48px;
    }
   
}

@media (max-width: 480px) {
    .banner-title {
        font-size: 32px;
        line-height: 42px;
    }
 
  .banner-content{padding: 0 5px;}
  .banner-text p {
 letter-spacing: 0.2px;
}
.btn-md {
    padding: 13px 29px;
}
}

/* We deliver impact at scale */
.deliver-impact{padding-top: 75px !important;}
.above-text-wrap{display: flex;gap: 160px; justify-content: space-between;margin-bottom: 40px;padding-right: 100px;}
.above-text-wrap *{flex: 1;}
.above-text-wrap .above-text-title{line-height: 36px;font-weight: 600;}
.above-text-wrap p{font-size: 18px;line-height: 28px;color: #576272;font-weight: 400;flex: 1.4;}

/* Counter Grid Overrides for Lending OS Page */
.solutions-section .counter-grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
    padding:30px 100px 50px 0px;
}



.solutions-section .counter-number .unit {
   
    color: #FF6B35;
    margin: 0;
   
}

.solutions-section .counter-number .plus {
    color: #FF6B35;
    margin: 0;

}


/* AI Solutions Section */
.ai-solutions-section {
 
    position: relative;
    overflow: hidden;
}

.ai-solutions-section .commonHeadingBlock .common-heading-row{flex: 1;}
.ai-solutions-section .commonHeadingBlock .section-title{flex: 2.1;}
.ai-solutions-section .commonHeadingBlock{padding-right: 70px;}

.ai-solutions-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 55% 45%;
    gap: 0px;
    align-items: start;
    margin-top: 60px;
    padding-left: 18%;
    border-top: 1px solid #E6E8EA;
}

/* Left Column - Solutions with Accordion */
.solutions-left {
    padding-right: 40px;
}

.solution-components {
    display: flex;
    flex-direction: column;

}

.solution-component.accordion-item {
    border: 1px solid #E6E8EA;
    border-top: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* .solution-component.accordion-item:hover {
    border-color: #FF6B35;
    box-shadow: 0 4px 20px rgba(255, 107, 53, 0.1);
} */

.component-header {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 40px;
    cursor: pointer;
    background: #FFFFFF;
    transition: background-color 0.3s ease;
}
.component-header:hover h3{color: #ED6F2E;}

.component-header:hover {
    background: #FAFAFA;
}

.component-number {
    background: #F2F2F2;
    color: #576272;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

/* .solution-component.accordion-item.active .component-number {
    background: #FF6B35;
    color: white;
} */

.component-content {
    flex: 1;
}

.component-content h3 {
    font-size: 24px;
    font-weight: 400;
    color: #101828;
    margin-bottom: 15px;
    text-align: right;
    line-height: 1.2;
    transition: color 0.3s ease;
}

.solution-component.accordion-item.active .component-content h3 {
    color: #ED6F2E;
    font-weight: 500;
}

.component-content p {
    font-size: 20px;
    color: #576272;
    font-weight: 400;
    margin: 0;
    text-align: right;
}

.accordion-arrow {
    transition: transform 0.3s ease;
    flex-shrink: 0;
    display: none;
}

.solution-component.accordion-item.active .accordion-arrow {
    transform: rotate(180deg);
}

.component-details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
   
}

.solution-component.accordion-item.active .component-details {
    max-height: 500px;
}

.component-details .feature-item {
    padding: 24px 0px;
    border-top: 1px solid #E6E8EA;
    display: block;
    margin: 0 40px;
}

.component-details .feature-item:first-child {
    border-top: none;
}

.component-details .feature-item h4 {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 8px;
}

.component-details .feature-item p {
    font-size: 18px;
    color: #576272 ;
    line-height: 28px;
    margin: 0;
}
/* .solutions-right{align-self: center;} */

.features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

.feature-card {
    display: flex;
    align-items: center;
    gap: 35px;
    border-bottom: 1px solid #E6E8EA;
    padding-bottom: 25px;
}
.feature-card:first-child{padding-top: 30px;}
.feature-content h4 {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    margin-bottom: 12px;
}
.feature-content p{
    font-weight: 400;
    font-size: 18px;
    color: #576272;
    line-height: 28px;
}
.feature-icon{flex:  0 0 80px;}
.solution-components .solution-component.accordion-item:last-child{border-bottom: 0;}
.ai-solutions-animation {
    position: absolute;
    z-index: -1;
    top: 12%;
    left: -7%;
    opacity: 1;
}
.ai-solutions-animation img {
    width: 400px;
    max-width: 100%;
}
.ai-driven-animation{
    max-width: 18%;
    top: 41px;
}


/* Responsive overrides */

@media (max-width: 1600px){
    .above-text-wrap .above-text-title {
        line-height: 30px;
        font-weight: 600;
        font-size: 20px;
    }
    .above-text-wrap p{font-size: 16px;line-height: 26px;}
    .counter-number {font-size: 26px;}
    .ai-solutions-section .commonHeadingBlock .common-heading-row {
        flex: none;
    }
    .component-content h3 {font-size: 20px;margin-bottom: 10px;}
    .component-content p, .component-number {font-size: 18px;}
    
}

@media (max-width: 1499px){
    .component-details .feature-item h4, .component-details .feature-item p, .feature-content h4, .feature-content p{font-size: 16px;line-height: 26px;}
    .component-details .feature-item p br{display: none;}
    .ai-solutions-section .commonHeadingBlock{padding-right: 0;}
    .feature-content h4{margin-bottom: 8px;}
    .ai-solutions-section{padding-top: 60px;}
}
@media (max-width: 1399px){
    .solutions-section .counter-grid{padding-right: 0;padding-top: 0;}
    .ai-driven-animation {
        max-width: 14%;
        top: 41px;
        overflow: hidden;
        right: 0;
    }
    .above-text-wrap{gap: 60px;padding-right: 0;}
    .ai-solutions-animation {left: -14%;}

}
@media (max-width: 1299px){
    .feature-icon {
        flex: 0 0 70px;
    }
    .feature-icon svg {
      width: 70px;
    }
    .feature-content h4 br{display: none;}
}
@media (max-width: 1024px) {
    .ai-driven-animation, .ai-solutions-animation{display: none;}
    .solutions-section .counter-grid{grid-template-columns: 1fr 1fr 1fr;}
    .ai-solutions-section.commonSpace .commonHeadingBlock{flex-direction: column;gap: 35px;}
    .ai-solutions-content{padding-left: 0;}
    .component-details .feature-item{
        margin: 0 25px;
    }
    .component-header{
        padding:25px;
    }
    .ai-solutions-section{padding-top: 40px;}
}

@media (max-width: 991px) {
   
  .ai-solutions-section.commonSpace .commonHeadingBlock{gap: 15px;}
}

@media (max-width: 480px) {
    .above-text-wrap{flex-direction: column;gap: 20px;}
    .above-text-wrap .above-text-title{line-height: 28px;}
    .deliver-impact{padding-top: 40px !important;}
    .solutions-section .counter-grid{grid-template-columns: 1fr 1fr;}
    .ai-solutions-content{grid-template-columns: 1fr;}
    .solutions-left{padding-right: 0;}
    .component-number{display: none;}
    .component-content h3, .component-content p{text-align: left;}
    .accordion-arrow{display: block;}
    .solution-component.accordion-item{border-left: 0;border-right: 0;}
    .component-header{padding: 20px 0;}
    .component-content h3{font-weight: 500;}
    .component-content p{font-size: 16px;}
    .component-details .feature-item h4, .feature-content h4{font-size: 18px;font-weight: 500;}
    .component-details .feature-item p, .feature-content p{font-size: 16px;line-height: 24px;}
    .component-details .feature-item{margin: 0;}
    .features-grid {
    
        border-top: 4px solid #E6E8EA;
        padding-top: 25px;
        margin: 0 -15px;
        padding: 25px 15px 0 15px;
    }
    .feature-card{align-items: flex-start;}
    .ai-solutions-section{padding-top: 0;}
    .feature-card:first-child{padding-top: 0;}

}

/* Portfolio Section */
.portfolio-section {
    background: #F9F9F9;
    padding: 80px 0;
}

/* Button Outline Style */
.btn-outline {
    background: #FFFFFF;
    border: 1px solid #101828;
    color: #101828;
    transition: all 0.3s ease;
}

.btn-outline:hover {
    background: #101828;
    color: #FFFFFF;
}

/* .portfolio-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    gap: 40px;
} */

.content-newblock {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
}

.content-newblock h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #101828;
    margin-bottom: 20px;
    max-width: 640px;
}

.content-newblock p {
    font-size: 18px;
    line-height: 1.6;
    color: #667085;
    margin: 0;
    max-width: 500px;
}

.portfolio-header .commonHeadingBlock {
    flex-direction: column;
    gap: 35px;
}

.portfolio-header .commonHeadingBlock .common-heading-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
}



.portfolio-header .smallHeading {
    font-size: 18px;
    font-weight: 600;
    color: #101828;
    margin: 0;
}

.portfolio-header .common-heading-row svg {
    margin-left: auto;
    flex-shrink: 0;
}

.portfolio-header .common-heading-row svg path {
    stroke: #101828;
    stroke-width: 1.5;
}

.portfolio-features {
    display: flex;
  margin-top: 60px;
    margin-bottom: 80px;
    flex-wrap: wrap;
    border: 1px solid #E6E8EA;
    background: #fff;
    padding: 20px 35px;
    border-radius: 20px;
    justify-content: space-between;
}

.portfolio-features .feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 500;
    color: #04142D;
    flex: 1;
    position: relative;
   
}
.portfolio-features .feature-item:after{
    content: "";
    border-right: 1px solid #E6E8EA;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 20%;
    top: 0;
    display: block;

}
.portfolio-features .feature-item:last-child:after{
    display: none;
}


.check-icon {
    flex-shrink: 0;
}

.portfolio-solutions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
   

   
    margin: 0 auto;
}




.solution-icon {
    margin-bottom: 24px;
    display: flex;
    justify-content: flex-start;
}
.solution-icon img{width: 120px; height: 120px; object-fit: contain;}

.solution-content h3 {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 16px;
    line-height: 1.3;
}

.solution-content p {
    font-size: 18px;
    line-height: 28px;
    color: #576272;
    margin: 0;
}

.solution-card{padding: 25px;background-color: #fff;border-radius: 20px;}
/* Responsive Design for Portfolio */

@media (max-width: 1600px){
    .content-newblock h2 {  max-width: 500px;}
    .portfolio-features .feature-item{font-size: 15px;flex: auto;}
    /* .portfolio-solutions {max-width: 80%;} */
    .solution-icon svg{width: 100px;}
    .portfolio-features .feature-item:after {right: 14%;}
    .solution-icon img{width: 100px; height: 100px;}
}

@media (max-width: 1499px){
    .portfolio-solutions {
        /* max-width: 90%; */
        padding: 45px;
    }
    .solution-content h3{font-size: 20px;}
    .solution-content p{font-size: 16px;}
    .content-newblock h2{max-width: 450px;}
    .content-newblock p{max-width: 400px;}
    .portfolio-features .feature-item{flex: none;}
    .portfolio-features .feature-item:after{right: -12%;}
}


@media (max-width: 1024px) {
    .portfolio-header {
        flex-direction: column;
        gap: 30px;
    }
    
    .content-newblock {
        flex-direction: column;
        gap: 30px;
    }
    
    .portfolio-features {
        gap: 25px;
        margin-bottom: 60px;
    }
    
    .portfolio-solutions {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .portfolio-section {
        padding: 60px 0;
    }
    
    .content-newblock h2 {
        font-size: 36px;
    }
    
    .content-newblock p {
        font-size: 16px;
    }
    
    .portfolio-features {
        flex-direction: column;
gap: 0;
        margin-bottom: 50px;
        padding-bottom: 40px;
    }
    
    .portfolio-features .feature-item {
        font-size: 16px;
        padding: 20px 0;
        border-bottom: 1px solid #E6E8EA;
    }
    
    .portfolio-solutions {
 display: flex;
        gap: 30px;
        background: transparent;
        overflow-x: scroll;
        padding: 0;
    }
    
    .solution-card {
        padding: 30px 20px;
        flex: 0 0 60%;
        background-color: #fff;
        border-radius: 30px;
    }
    .portfolio-solutions{max-width: 100%;}
    .portfolio-features .feature-item:last-child{border-bottom: 0;}
    .portfolio-features{margin-bottom: 30px;}
    .solution-content p{line-height: 24px;}
    .portfolio-header .commonHeadingBlock{gap: 15px;}
}

@media screen and (max-width:767px) {

  .solution-icon{margin-bottom: 0;}
}

@media (max-width: 480px) {
   .solution-card{flex: 0 0 80%;padding: 15px;border-radius: 20px;}
   .portfolio-features .feature-item{font-size: 18px;font-weight: 500;}
   .portfolio-features{padding: 25px;margin-top: 25px;}
   .solution-icon{margin-bottom: 0;}
}
@media (max-width: 390px) {

    .portfolio-features .feature-item{font-size: 16px;font-weight: 500;}
    .portfolio-features{padding: 25px;margin-top: 25px;}
    .solution-icon{margin-bottom: 0;}
    .solution-content h3 {
        font-size: 18px;
    }
    .solution-content p{line-height: 20px;font-size: 14px;}
    .solution-icon svg {
        width: 70px;
        height: 70px;
    }
    .solution-icon img{width: 70px; height: 70px;}
 }

/* Liquidity Section */
.liquidity-section {
    background: #FFFFFF;
    padding: 80px 0;
}


.liquidity-header .content-newblock {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
    width: 100%;
}
.liquidity-header p{max-width: 570px;}
.liquidity-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: start;
    margin-top: 75px;
}

.liquidity-left {
    position: relative;
    padding-right: 20%;
}

.liquidity-accordion {
    display: flex;
    flex-direction: column;
    
}

.liquidity-accordion .accordion-item {
    border: 1px solid #E6E8EA;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}
.liquidity-accordion .accordion-item.active:after {
    content: "";
    border-bottom: 1px solid red;
    width: 45%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.liquidity-accordion .accordion-header {
    padding: 25px 0px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    transition: all 0.3s ease;
}

.liquidity-accordion .accordion-header:hover {
    background: #F9FAFB;
}
.liquidity-accordion .accordion-arrow{display: none;}


.liquidity-accordion .accordion-title {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
}

.liquidity-accordion .accordion-arrow {
    transition: transform 0.3s ease;
}

.liquidity-accordion .accordion-item.active .accordion-arrow {
  display: block;
}

.liquidity-accordion .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
   
}


.liquidity-accordion .accordion-item.active .accordion-content {
    max-height: 300px;
 
}
.liquidity-accordion .accordion-content p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #576272;
    margin-bottom: 16px;
    padding-right: 15%;
}

/* Accordion Image - Hidden on Desktop, Visible on Mobile */
.liquidity-accordion .accordion-image {
    display: none; /* Hidden by default on desktop */
}

.liquidity-accordion .accordion-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 16px;
}

.liquidity-right {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.liquidity-right *{height: 100% !important;object-fit: cover;}

.tab-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tab-content.active {
    display: block;
    opacity: 1;
}

.content-placeholder {
    text-align: center;
}

.content-placeholder img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Liquidity Video Styles */
.liquidity-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  background: #FF6B35;
  mix-blend-mode: lighten;
}

.content-placeholder {
  background: #FF6B35;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Responsive Design for Liquidity */

@media (max-width: 1600px) {
    .solution-content h3, .liquidity-accordion .accordion-title{font-size: 20px;}
    .solution-content p, .liquidity-accordion .accordion-content p {font-size: 16px;line-height: 24px;}

}
@media (max-width: 1399px) {
    .liquidity-left{padding-right: 15%;}
}


@media (max-width: 1024px) {
    .liquidity-header .content-newblock {
        flex-direction: column;
        gap: 30px;
    }
    .liquidity-accordion .accordion-item.active .accordion-content {
        max-height: max-content;
        padding-bottom: 15px;
    }
    
    .liquidity-main {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .liquidity-left {
        padding-right: 0;
    }
    
   .liquidity-right{display: none;}
   .liquidity-accordion .accordion-image{display: block;}
   .liquidity-main{margin-top: 0;}
}

/* Investors Section Styles */
.investors-section {
    background: #fff;
    padding: 60px 0 40px 0;
  }
  .investors-section .commonHeadingBlock {
    margin-bottom: 32px;
  }
   
   /* Investors Tabs */
   .investors-tabs {
     margin-bottom: 40px;
   }
   
   .tab-nav {
     display: flex;
     justify-content: flex-end;
     gap: 40px;
     border-bottom: 1px solid #E8E8E9;
   }
   
   .tab-btn {
     background: none;
     border: none;
     padding: 16px 0;
     cursor: pointer;
     position: relative;
     display: flex;
     align-items: center;
     gap: 8px;
     transition: all 0.3s ease;
     font-family: var(--font-onest, 'Sofia Pro', Arial, sans-serif);
   }
   
   .tab-btn .tab-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: transparent;
     transition: all 0.3s ease;
   }
   
   .tab-btn .tab-text {
     font-size: 16px;
     font-weight: 500;
     color: #98A2B3;
     transition: all 0.3s ease;
     font-size: 20px;
   }
   
   .tab-btn.active .tab-dot {
     background: #DCDC5B;
   }
   
   .tab-btn.active .tab-text {
     color: #101828;
     font-weight: 500;
     font-size: 24px;
     font-family: var(--font-onest, 'Sofia Pro', Arial, sans-serif);
   }
   
   .tab-btn.active::after {
     content: '';
     position: absolute;
     bottom: -1px;
     left: 0;
     right: 0;
     height: 2px;
     background: #101828;
   }
   
   .tab-btn:hover .tab-text {
     color: #101828;
   }
   
   .investors-logos-slider {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 24px;
    padding-top: 24px;
  }
  .investors-logos-slider .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 0 8px;
  }
  .investors-logos-row {
    display: flex;
    border-bottom: 1px solid #E8E8E9;
    width: 100%;
  }
  .investors-logos-row:last-child {
    border-bottom: none;
  }
  .investor-logo {
    flex: 1;
  padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #E8E8E9;
    background: #fff;
  }
  .investor-logo:last-child {
    border-right: none;
  }
  .investor-logo img {
  mix-blend-mode: luminosity;
    width: auto;
    height: auto;
    object-fit: contain;
    /* filter: grayscale(1) brightness(0.7); */
    transition: filter 0.2s;
  }
  .investor-logo img:hover {
    filter: grayscale(0) brightness(1);
  }
  /* Investors Tab Content */
.investors-tab-content {
    margin-top: 40px;
  }
  
  .investors-tab-content .tab-content {
    display: none;
  }
  
  .investors-tab-content .tab-content.active {
    display: block;
  }
  
  .investors-tab-content .investors-logos-slider {
    margin-top: 0;
  }
  .swiper-pagination { display: none; }
  @media (max-width: 1600px) {
    .liquidity-section{
        padding-bottom: 0;
    }
    .tab-btn.active .tab-text{font-size: 20px;}
    .tab-btn .tab-text{font-size: 18px;}
  }
  @media (max-width: 991px) {
    .investors-logos-slider .swiper-slide {
      flex-direction: row;
      flex-wrap: wrap;
    }
    
    .investors-logos-row {
      flex-direction: row;
      /* border-bottom: none; */
    }
    .investor-logo {
      /* border-right: none; */
      min-width: 33.33%;
      max-width: 33.33%;
      min-height: 70px;
      padding: 8px 4px;
    }
    .swiper-pagination {
      display: block;
    }
    
    /* Responsive tabs */
    .tab-nav {
      justify-content: center;
      gap: 30px;
    }
    
  
  }
  @media (min-width: 992px) {
    .swiper-pagination {
      display: none !important;
    }
  }
  @media (max-width: 767px) {
    .investors-section {
      padding: 40px 0 16px 0;
    }
    .investor-logo img {
      max-width: 80px;
      /* max-height: 28px; */
    }
    .swiper-slide .investors-logos-row:first-child .investor-logo:nth-child(3) {
        border-right: 0;
      }
      .swiper-slide .investors-logos-row:first-child .investor-logo:nth-child(6) {
        border-right: 0;
      }
      .swiper-slide .investors-logos-row:nth-child(2) .investor-logo:nth-child(3) {
        border-right: 0;
      }
      .swiper-slide .investors-logos-row:nth-child(2) .investor-logo:nth-child(6) {
        border-right: 0;
      }
    
    /* Mobile tabs */
    .tab-nav {
      gap: 20px;
    }
    
    .tab-btn {
      padding: 12px 0;
    }
    
    .tab-btn .tab-text {
      font-size: 20px;
    }
    .tab-btn.active .tab-text{font-size: 20px;}
    
    .tab-btn .tab-dot {
      width: 6px;
      height: 6px;
    }
  }
  @media (max-width: 480px) {
    .tab-nav {
      gap: 15px;
    }
    
   
  }


  /* hero section */

  /* common pagination and btn */

.swiper-pagination-btn{display: flex; gap: 30px; align-items: center;}


.swiper-pagination{height: 4px !important; width: 100%; background: #F1F1F1 !important; position: relative; margin-top: 16px; overflow: hidden; border-radius: 8px; border-radius: 2px; position: static !important; max-width: 800px; margin-top: 0 !important;}

.swiper-pagination .swiper-pagination-progressbar-fill{background: #EE6048 !important; height: 100%; transition: width 0.3s ease; border-radius: 8px;}

.swiper-btn{display: flex; gap: 10px; align-items: center;}
.swiper-common-btn{width: 40px; height: 40px; cursor: pointer;}
.swiper-common-btn svg{width: 100%; height: 100%;}

@media screen and (min-width:1699px) {

  .swiper-common-btn{width: 48px; height: 48px;}

}

@media screen and (max-width:991px) {

  .swiper-common-btn{width: 30px; height: 30px;}
}

  .heroes-pagination-btn{margin-top: 20px; text-align: center; justify-content: center; display: none;}
.meet-heros-section{overflow: hidden;}
.heroes-slide{position: relative; height: auto;}
.heroes-img{height: 100%;}
.heroes-img img{border-radius: 20px; width: 100%;}
.heroes-des-box{padding: 12px 20px; border-radius: 12px; background-color: #fff; position: absolute; bottom: 20px; left: 20px; width: max-content;}
.play-icpn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.hero-name{font-size: 16px; font-weight: 500; color: #04142D;}
.hero-post{font-size: 13px; font-weight: 400; color: #576272; padding-right: 20px;}

.meet-hero-section.hear-from-clients .commonHeadingBlock .common-heading-row{width: auto;}
.meet-hero-section.hear-from-clients .section-title{margin-left: 0;}



.heroes-slide.video-active .hero-videos {
  display: block;
}

.heroes-slide .hero-videos {display: none; width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}

.heroes-slide.video-active .hero-video-img, .heroes-slide.video-active .play-icpn, .heroes-slide.video-active .heroes-des-box{display: none;}

.testimonial-video{aspect-ratio: 1/0.8;}


@media screen and (min-width:1699px) {

  .heroes-slider-wrapper{padding-top: 20px;}
  .hero-name{font-size: 20px;}
  .hero-post{font-size: 16px;}
  .heroes-des-box{padding: 20px 30px;}
}

@media screen and (max-width:991px) {

  .meet-heros-section{padding-bottom: 0 !important;}
  .meet-hero-section .testimonial-wrap{bottom: 20px;}
}

@media screen and (max-width:767px) {

  .heroes-des-box{bottom: 10px; left: 10px;}
  .heroes-pagination-btn{display: flex;}
}
.capital-card-title{font-size: 18px; font-weight: 500; color: #04142D; line-height: 1.2;}
.capital-date-time{font-size: 13px; font-weight: 400; color: #576272; line-height: 1;}
.capital-date-time:first-child{padding-right: 10px; border-right: 1px solid #E6E8EA;}
.capital-date-time:last-child{padding-left: 5px;}


@media screen and (min-width:1699px) {

    .capital-card-title{font-size: 22px;}
    .capital-date-time{font-size: 16px;}
    .capital-common-btn{font-size: 16px;}
    .capital-card p{font-size: 18px ;}
  }

@media screen and (max-width:1380px) {

    .capital-card-title{font-size: 17px;}
  }
  
  @media screen and (max-width:767px) {
  
    /* .capital-date-time{font-size: 12px;} */
    .capital-card-title{font-size: 16px;}
    /* .capital-common-btn{font-size: 12px;} */
  }
  .security-compliance-section .container{
    background-color: #F9F9F9;
  padding: 80px;
    border-radius: 30px;
  }
  .security-compliance-section .content-newblock{align-items: center;text-align: left;}



.security-compliance-section .commonHeadingBlock {
  text-align: center;
  margin-bottom: 60px;
  gap: 0;
}

.security-compliance-section .section-title {
 max-width: 680px;
  margin-top: 16px;
}

.security-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  margin-top: 80px;
}

.security-card {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 60px 80px;
  text-align: center;
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}



.security-icon {
  width: 200px;
  height: 200px;
  margin: 40px auto 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.security-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.security-card h3 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
  color: #101828;
  margin-bottom: 16px;
}

.security-card p {
  font-size: 18px;
  line-height: 28px;
  color: #576272;
  margin: 0;
  font-weight: 400;
}

/* Responsive Design */
@media (min-width:1026px){
    .security-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
      }
}
@media (max-width:1600px) {
    .security-card {padding: 50px;}
    .security-card h3{font-size: 22px;}
    .security-card p{font-size: 16px; line-height: 24px;}
    .security-icon{width: 170px; height: 170px;}
    
}

@media (max-width:1499px){
    .security-card {
        padding: 40px;
    }
    .security-icon{width: 150px;height: 150px;}
}
@media (max-width:1399px){
    .security-compliance-section .container{padding: 60px;}
    .security-card h3{font-size: 20px;}
    .security-card p{font-size: 16px;line-height: 24px}
    .security-cards-grid {gap: 30px;}
    .security-cards-grid{margin-top: 20px;}
}

@media  (max-width:1024px){
    .security-compliance-section .content-newblock{align-items: flex-start;} 
    .security-cards-grid{display: flex;overflow-x: scroll;}
    .security-card{flex: 0 0 45%;margin-bottom: 15px;}

}
@media (max-width: 991px) {
    .security-compliance-section .container {
        padding: 40px 16px;
    }

  
 
 
  
  .security-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  .security-card h3 {
    font-size: 20px;
  }
  
  .security-card p {
    font-size: 15px;
  }
  .security-card{padding: 30px 40px;}
}

@media (max-width: 767px) { 
    .security-card {
       
        flex: 0 0 80%;
    }
    .security-cards-grid {margin-top: 0;}
    .liquidity-header .content-newblock {gap: 15px;}
    .security-compliance-section .container{
        border-radius: 0;
    }
}

@media screen and (max-width:480px) {

  .security-card{padding: 20px;}
  .security-icon{margin-top: 10px;}
  .security-compliance-section .commonHeadingBlock{margin-bottom: 40px;}
  
}