@import url('https://fonts.cdnfonts.com/css/gilroy-bold');
    a {
    text-decoration: none; /* Removes underline from links */
}

/*header*/


html {
  scroll-behavior: smooth;
}


.content {
    text-align: center;
}

.name-icon {
    margin-bottom: 20px;
}

.name-icon p {
    font-size: 18px;
    color: white;
}

.image {
    display: none;
}

.image img {
    max-width: 100%;
    height: auto;
}

.active .name-icon {
    display: block;
}

.active .image {
    display: block;
}










.mob-view{
    display:none;
}
.lapview{
    display:block;
}

.navbar-toggler:focus {
    outline: none; /* Removes the dashed focus outline */
    box-shadow: none; /* Ensures no box-shadow effect appears */
}

.include-head{
    
    position: fixed;
    top: 0; /* Adjust top value if necessary */
    left: 50%;
    transform: translateX(-50%);
    width: 100%; /* Or any specific width you prefer */
    text-align: center; /* This ensures text inside is centered */
    z-index: 1000; /* Adjust if needed */
}



.header-mainDiv{
    padding:20px 144px;
}

.container-header{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 32px 10px rgba(0, 0, 0, 0.08);
}

.distributor{
    color: #000;
    font-family: Gilroy-Bold;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ragister-now-head{
    padding: 14px 11.98px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #3A30BA;
    color: #FFF;
    font-family: Inter;
    font-size: 15.875px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 100.787% */
}

.header-text{
    color: rgba(58, 57, 57, 0.70);
    text-align: center;
    font-family: Inter;
    font-size: 13.781px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px; /* 121.905% */
    
}


.end-text
{
    text-align:right;
}
.foot2{
    color: #FFF;
text-align: justify;

/* Medium/Type@16 */
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
letter-spacing: -0.32px;
}

.one{
    color: rgba(2, 6, 12, 0.45);
    font-family: Gilroy-Bold;
    font-size: 18.906px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 116.364% */
}
.heading-2{
        color: #404040;
            font-family: Gilroy-Regular;
            font-size: 48px;
            font-style: normal;
            font-weight: 400;
            line-height: 78px; /* 162.5% */
}

.heading-2Span{
    color: #3A30BA;
    font-family: Gilroy-Bold;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 78px;
    margin-top:28px;
}

.hero-ptag{
    color: rgba(0, 0, 0, 0.53);
    font-family: Gilroy-Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 145.833% */
    max-width:418px;
    
}
.hero-btn{
    margin-top:40px;
}
.powered-text{
   font-size: 10px;
}
.logo-mobile{
    margin-left:14px;
}
.ragister-btn{
    border-radius: 10px;
    background: #3A30BA;
    color: #FFF;
    font-family: Gilroy-Bold;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
        padding: 20px 30px;
    height: 19px;
    width: 287px;
    height: 75px;
    margin-top:38px;
    
}

/*section Blue Div */

.blue-section{
    margin-top:109px;
    overflow:hidden;
    padding-bottom:78px;
}

.blue-section-header{
    padding-top:69px;
    color: #FFF;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.8px; /* 131.364% */
    letter-spacing: -0.96px;
}

.crousel-div{
    display: flex;
    justify-content: space-around;
    margin-top:148px;
}
.crousel-divs{
    text-align:center;
}

.crousel-span{
    color: rgba(255, 255, 255, 0.53);
    text-align: center;
    font-family: Gilroy-Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 145.833% */
}

.ragister-whiteDiv{
 margin-top:163px;  
 text-align:center ;
}
.ragister-white{
    border-radius: 10px;
background: #FFF;
color: #3A30BA;
font-family: Gilroy-Bold;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
 padding: 20px 30px;
}

/*retailers-section*/

.retailers-section{
background: linear-gradient(180deg,  /* Vertical direction */
    #FFEFE8 0%,     /* First color starts */
    #FFEFE8 25%,    /* First color gradually fades till 25% */
    #FFD9B6 45%,    /* Second color starts blending around 25% and fully takes over at 35% */
    #FFD9B6 55%,    /* Second color gradually fades till 55% */
    white 80%,      /* White starts blending from 55% */
    white 100%      /* White fully takes over by 100% */
);


}

.retailers-heading{
    margin-top:71px;
    color: #404040;
font-family: Gilroy-Bold;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 62px; /* 129.167% */
}

.point_padding{
    color: #000;
font-family: Gilroy-Bold;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.playstore{
    width:240px;
}

/*table-section*/

.table-section{
    margin-top:80px;
}

.tabelSec-head{
    color: #02060C;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.8px; /* 131.364% */
    letter-spacing: -0.96px;
}
.tabelSec-p{
    color: rgba(0, 0, 0, 0.53);
    text-align: center;
    font-family: Gilroy-Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 145.833% */
}

#customers{
    border-radius: 20px 20px 0px 0px;
border: 1px solid #3A30BA;
width:100%;

}
#customers th{
    border-radius: 20px 20px 0px 0px;
    background: #FFF;
    color: rgba(0, 0, 0, 0.80);
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 145.833% */
    margin-left:24px;
    padding:24px 0px;
}


#customers tr{
    border-radius: 20px;
background: #F3F2FF;
border: 1px solid #3A30BA;

}

#customers td{
    color: rgba(0, 0, 0, 0.80);
 
    font-family: Gilroy-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 175% */
     margin-left:24px;
    padding:24px 0px;
}
.svg-icon{
    margin-right:15px;
    margin-left:24px;
}

.customers-div{
    border-radius: 20px;
background: #F3F2FF;
padding:19px;
margin-top:55px;
}

/*benifits section */

.benifits{
    margin-top:154px;
}
.benifts-head{
    color: #02060C;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.8px; /* 131.364% */
    letter-spacing: -0.96px;
}
.card-HeadText2 {
    padding-top:108px;
      background-color: none !important;
    
    text-align: center;
    font-family: "Clash Grotesk Variable";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#arrow{
   background-image: url('/new_imges/arrow.svg'); 
    background-repeat: no-repeat;
    background-position: center
   
} 

#cloud{
   background-image: url('/new_imges/cloud.svg'); 
    background-repeat: no-repeat;
    background-position: center
   
   
} 
#vector{
   background-image: url('/new_imges/Vector.svg'); 
    background-repeat: no-repeat;
 
    background-position: center
} 
#booster{
     background-image: url('/new_imges/Booster.svg'); 
      background-repeat: no-repeat;
 
    background-position: center
    
}
#payments{
       background-image: url('/new_imges/payment.svg'); 
        background-repeat: no-repeat;
  
    background-position: center
}
.card {
  background-color: none !important;
}


.card,
.card-body {
  background-color: transparent !important;
}
.card-text{
    color: #1E1E1E;
text-align: center;
font-family: "Clash Grotesk Variable";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top:28px;
padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 74px;
}
 .grid-container {
     margin-top:84px;
         display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        padding: 20px; /* Padding inside the container */
        justify-content: space-around;
    }
    
    /*BG-blue section*/
    
    .bg-img{
        margin-top:113px;
        background-image: url('/new_imges/Background.svg');
    }
    
    .DM{
        color: #FFF;
text-align: center;
font-family: Gilroy-Bold;
font-size: 46.125px;
font-style: normal;
font-weight: 400;
line-height: 52.8px; /* 114.472% */
letter-spacing: -0.96px;
padding-top:126px;

    }
    
    .DM-green{
        color: #47FDA5;
    font-family: Gilroy-Bold;
    font-size: 46.125px;
    font-style: normal;
    font-weight: 400;
    line-height: 52.8px;
    letter-spacing: -0.96px;
    }
.social{
    color: #FFF;

font-family: Gilroy-Regular;
font-size: 11.438px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 209.836% */
margin-top:43px;
}
.dm-img{
    color: #FFF;
text-align: center;
font-family: Gilroy-Regular;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 100% */
}
.book-a-call-white{
    border-radius: 10px;
    background: #FFF;
    color: #3A30BA;
    font-family: Gilroy-Bold;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top:28px; 
    padding-bottom:28px;
    padding-left:56px;
    padding-right:56px;
}
.social-right{
    text-align:right
}
.social-row{
    align-items: center;
    padding-bottom:126px;
}

/*testimonial section */
.client-feedback-card.active {
    background-color: transparent !important;
}

 .testimonial-container {
    position: relative; /* For button positioning */
    max-width: 400px; /* Set max width for testimonials */
    overflow: hidden; /* Hide overflow to show only one slide */
    margin: auto; /* Center the container */
}

.testimonial-wrapper {
    display: flex; /* Align slides in a row */
    transition: transform 0.5s ease; /* Smooth transition */
}
.testimonial{
    padding-bottom: 20px;
    
}

.testimonial-slide {
    min-width: 100%; /* Each slide takes full width of the container */
    box-sizing: border-box; /* Ensure padding/margin doesn't affect width */
    text-align:center;
    margin:top:57px;
}

    .client-feedback-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Align items with space in between */
    margin: 0 auto; /* Center the container */
    max-width: 1200px; /* Limit the width for larger screens */
}

.client-feedback-card {
    width: 23%; /* Each card takes up about a quarter of the row */
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #ddd; /* Card border */
    border-radius: 8px; /* Rounded corners */
    padding: 20px; /* Internal padding */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    margin-bottom: 20px; /* Space between rows */
    position: relative; /* Positioning context for offset */
}

.client-feedback-card.odd {
    margin-bottom: 20px; /* Maintain bottom margin for odd cards */
}

.client-feedback-card.even {
    margin-top: 40px; /* Offset even cards by 40px */
}

.client-feedback-image {
    width: 100%; /* Full width for images */
    border-radius: 8px; /* Rounded corners for images */
    margin-bottom: 15px; /* Space below the image */
}

.client-feedback-author,
.client-feedback-year {
    display: block; /* Display as block to stack */
    margin-top: 10px; /* Space above author and year */
    font-weight: bold; /* Bold text for author */
}

.client-text{
    color: #424242;
text-align: center;
font-family: "Clash Grotesk Variable";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.quotes-left{
    color: #3A30BA;
    text-align: left;
    font-family: "Clash Grotesk Variable";
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.quotes-right{
    color: #3A30BA;
    text-align: right;
    font-family: "Clash Grotesk Variable";
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.key-benifits{
    color: #02060C;
text-align: center;
font-family: Gilroy-Bold;
font-size: 44px;
font-style: normal;
font-weight: 400;
line-height: 52.8px; /* 120% */
letter-spacing: -0.96px;
}

.client-feedback-container{
    margin-top:103px !important;
    align-items: flex-start;
    
}

/*end*/
.supercharge{
    color: #02060C;
text-align: center;
font-family: Gilroy-Bold;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 52.8px; /* 120% */
letter-spacing: -0.96px;
    
}


/*FAQ*/

.fin-works-text{
    color: #282828;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px; /* 140.909% */
}

.mb-0 {
  color: #1E1E1E;
    text-align: center;
    font-family: Gilroy-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;  
    }

.card-d{
    border-bottom: 1px solid #D2D2D2;
    margin-top:28px;
}











/*footer */

footer{
background: #0F0B39;
margin-top:93px;
}
.footer_head{
    color: var(--calendly-com-nero-nero, #FFF);
    text-align: justify;
    font-family: "Plus Jakarta Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 25.5px */
    letter-spacing: -0.34px;
    text-decoration-line: underline;
}
.footer-links{
    color: var(--calendly-com-nero, #FFF);
    text-align: justify;
    
    /* Regular/Type@16 */
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.32px;
}

.footer-text{
    color: #FFF;
font-family: Gilroy-Bold;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
}





/*Ragister page */

.black-bg{
     background-image: url('/new_imges/bg2.png'); 
     margin-top: 169px ;
         background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.head-ragisterPage{
    color: var(--color-white-solid, #FFF);
   padding-bottom:145px;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 100% */
    padding-top:148px;
}

.toch{
    font-family: Gilroy-Bold;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.8px; /* 131.364% */
    letter-spacing: -0.96px;
    background: linear-gradient(90deg, #3A30BA 0%, #BCB6FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-top:115px;
}
.card-ragister{
    border-radius: 19px;
    background: var(--color-white-solid, #FFF);
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.16);
    margin-top:18px;
}

.ragister-card-head{
    color: #404040;
    font-family: Gilroy-Bold;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 109.375% */
}


.ragister-card-p{
    color: #404040;
font-family: Gilroy-Regular;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 145.833% */
}
.ragister-card-p-span{
    color: #3A30BA;
    font-family: Gilroy-Bold;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}
.ragister-card-row-tag{
    padding-top:52px;
    padding-left:52px;
    padding-bottom:52px;
}

.ragister-divBlue{
    margin-top:56px;
}
.ragisterBlue{
    border-radius: 10px;
border: var(--stroke-weight-1, 1px) solid #3A30BA;
 padding: 16px 65px;
 color: #3A30BA;
font-family: Gilroy-Bold;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 194.444% */
}





.need-help{
   background: #F6F6F6;
}
.help-h3{
     padding-top:115px;
  color: #424242;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.8px; /* 131.364% */
    letter-spacing: -0.96px;
}
.help-blue{
    color: #3A30BA;
    font-family: Gilroy-Bold;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.8px;
    letter-spacing: -0.96px;
}

.help-subtxt{
      color: #404040;
    text-align: center;
    font-family: Gilroy-Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 145.833% */
}


.form-container {
    
    border-radius: 20px;
    background: var(--color-white-solid, #FFF);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
 
    margin: 50px auto;
    background-color: white;
    padding-left: 53px;
    padding-top:87px;
    padding-bottom:63px;
    padding-right:53px;
   
}

form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 14px;
    color: #666666;
    margin-bottom: 5px;
}

.form-group input[type="text"],
.form-group input[type="email"] {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 16px;
    width:100%;
}

.form-group input[type="text"]::placeholder,
.form-group input[type="email"]::placeholder {
    color: #bbbbbb;
}

.form-group p {
    font-size: 14px;
    color: #666666;
}

.radio-group {
    display: flex;
    gap: 20px;
    align-items: center;
}

.radio-group input[type="radio"] {
    margin-right: 5px;
}

button[type="submit"] {
    padding: 10px;
    border: 1px solid #4a4aa3;
    background-color: #fff;
    color: #4a4aa3;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
    
}

button[type="submit"]:hover {
    background-color: #4a4aa3;
    color: white;
}












/*privacy page */
.bolder-text{
    font-weight: 600;
    margin-top:40px;
    font-size: 21px;
    
}
.sub-head-P{
    font-size: 24px;
    margin-top:40px;
}








/*Mobile Version*/

@media screen and (max-width: 980px) {
    .mob-view{
        display:block;
        
    }
    
.lapview{
    display:none !important;
 }
 .CTA {
     display:none;
 }
 .header-mainDiv {
    padding: 23px 15px;
}
.one {
    
    font-size: 14.91px;
   
}
.heading-2 {
    
    font-size: 26px;
    line-height: 40px;
   
}
.heading-2Span {
   
    font-size: 26px;
    line-height: 40px;
   
}
.hero-ptag {
    font-size: 16px;
}
.hero-btn{
    margin-top:48px;
}

.hero-div-img{
    margin-top:61px;
}

      .marquee-container {
            width: 100%;
            margin-top:46.11px;
            overflow: hidden;
            position: relative;
        }

        .marquee {
            display: flex;
            animation: scroll 10s linear infinite;
        }

        .marquee img {
            margin-right: 10px;
            width: 150px; /* Set image width */
            height: auto; /* Adjust to keep aspect ratio */
        }

        @keyframes scroll {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }
        
        .stroke{
            margin-top:61px;
        }
        
        .blue-section-header{
            font-size: 26px;
            font-style: normal;
            font-weight: 400;
            line-height: 42px; /* 161.538% */
            letter-spacing: -0.96px;
            text-align:left;
            padding-left:15px;
            padding-right:18px;
        }
        .retailers-heading {
            color: #404040;
        font-family: Gilroy-Bold;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; /* 153.846% */
        }
        
        
        .point_padding{
         color: #000;
        font-family: Gilroy-Bold;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
}

.svg-orange{
    width:36px;
    height:36px;
}



 
    .comparison-container {
    border-radius: 20px;
    background: #F3F2FF;
    padding: 19px;
    margin-top: 55px;
     
     
    }

    .tabs {
      display: flex;
   
    }

    .tabs div {
      flex: 1;
     
   
      padding: 10px 0;
      cursor: pointer;
      
      border-radius: 20px 20px 0px 0px;
    background: #FFF;
   color: #424242;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 250% */
    padding: 24px 0px;
    }
    
     #withDistEaseTab{
         border-radius: 20px 0px 0px 0px;
     }
    #withoutDistEaseTab{
        border-radius: 0px 20px 0px 0px;
    }

    .tabs .active {
      color: #3A30BA;
      border-bottom: 3px solid #3A30BA;;
    }

    .comparison-table {
    border-radius: 20px 20px 0px 0px;
    border: 1px solid #3A30BA;
    width: 100%;
    }

    .comparison-table td {
      padding: 15px;
      border: 1px solid #3A30BA;
      position: relative;
    }

    .comparison-table td:first-child {
      border-left: 1px solid #3A30BA;
    }

    .comparison-table td:last-child {
      border-right: 1px solid #3A30BA;
    }

    .icon {
      display: inline-block;
      margin-right: 10px;
    }

   

    .comparison-table td span {
             display: flex;
        align-items: flex-start;
    }

    .hidden {
      display: none;
    }
    .table-svg{
        width:24px;
        height:24px;
        margin-left: 8px;
        margin-right: 13px;
    }
    .svg-icon{
    margin-right:0px;
    margin-left:0px;
    color: rgba(0, 0, 0, 0.80);
    font-family: Gilroy-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 250% */
}
.tabelSec-head {
    color: #02060C;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 153.846% */
    letter-spacing: -0.96px;
}
.tabelSec-p {
    color: rgba(0, 0, 0, 0.53);
text-align: center;
font-family: Gilroy-Regular;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 218.75% */
margin-top:23px;
}
   .carousel-item {
      height: 300px; /* Set a fixed height for carousel items */
    }

    .stats-mobile {
      border-radius: 20px; 
      display: flex; /* Enable flexbox for card layout */
      flex-direction: column; /* Stack content vertically */
      justify-content: center; /* Center the content */
      align-items: center; /* Center items horizontally */
      height: 100%; /* Full height for the container */
      padding: 20px; /* Padding inside the card */
      color: #000; /* Set text color */
    }

    .card-HeadText2 {
      margin: 10px 0; /* Add some margin for better spacing */
    }

    .card-text {
      text-align: center; /* Center text */
    }
.carousel-item.active {
    background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white background for active item */
    transition: background-color 0.5s ease; /* Smooth transition effect */
}
     .DM{
         color: #FFF;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 42.8px; /* 164.615% */
    letter-spacing: -0.96px;
    padding-top:76px;
     }
     
     .DM-green {
         color: #47FDA5;
    font-family: Gilroy-Bold;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 42.8px;
    letter-spacing: -0.96px;
     }
     .social-right {
    text-align: center;
}
.social-row{
    padding-bottom:87px;
}

.social{
text-align: center;
}
.key-benifits{
    color: #02060C;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 153.846% */
    letter-spacing: -0.96px;
}
    .client-feedback-container {
        display: flex;
        flex-direction: column; /* Stack cards vertically */
        justify-content: center; /* Center align the cards */
        overflow: hidden; /* Ensure only one card is visible at a time */
    }

    .client-feedback-card {
        width: 100%; /* Full width for mobile view */
        margin: 0 auto; /* Center the card */
    }
    
 .carousel-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

.item {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.text-section {
  padding: 10px;
}

.image-section img {
  max-width: 100%;
  height: auto;
}


.toch{
font-size: 28px;
text-align:center;
line-height: 35.8px;
}
.help-h3 {
    font-size: 28px;
text-align:center;
line-height: 35.8px;
}
.help-blue {
    font-size: 28px;
}
.help-subtxt{
     font-size: 18px; 
}

.ragister-card-head {
   font-size: 20px; 
}
.ragister-card-p {
     font-size: 18px; 
}

.head-ragisterPage {
     font-size: 32px; 
}
/* Optional: Add styles for responsiveness */
@media (max-width: 768px) {
  .text-section {
    padding: 5px;
  }
}

}
}
}