/* .container {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
} */

.main-menu.index-page .navbar-nav .nav-item .nav-link { color: #101f2b; }
.home-banner { border-radius: 15px;}
.banner__content {
    position: absolute;
    top: 0;
    padding: 30px;
}

.banner__content h1 {
    font-size: 40px;
    color: #111111;
    margin-bottom: 14px;
    font-weight: 600;
}

.banner__content h1 span {
    font-weight: 600;
}

.banner__content ul {
    list-style: none;
    padding-top: 10px;
    margin: 0;
}

.banner__content ul li {
    color: #111111;
    line-height: 24px;
    font-size: 16px;
    position: relative;
    padding-left: 36px; /* tick + proper gap */
    margin-bottom: 8px; /* spacing between list items */
}

.banner__content ul li::before {
    content: "(✔)"; /* tick with brackets */
    color: #111111;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* center align tick vertically */
}
.text-primary-new{
    color: #111111;
}

.text-primary-orange{
    color: #ff9d35;
}

.text-30{
     font-size: 30px;
}
/* Base button */
.btn_theme_new {
    color: #ff9d35;
    background: transparent; /* #fff0 same as transparent */
    border: 1px solid #ff9d35;
    font-size: 16px;
    padding: 14px 28px;
    border-radius: 0.375rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    min-width: max-content;
    transition: all 0.35s ease-in-out;
    z-index: 1;
    cursor: pointer;
}

/* Small version */
.btn_theme_new.small-btn {
    padding: 6px 14px;   /* smaller padding */
    font-size: 14px;      /* smaller font */
    border-radius: 6px;   /* optional */
}

/* Hover effect */
.btn_theme_new:hover,
.btn_theme_new.small-btn:hover {
    color: #fff;            /* text changes to white */
    background: #ff9d35;    /* background filled on hover */
    border-color: #ff9d35;  /* keep border same color */
    transition: all 0.35s ease-in-out;
}


.slick-dots {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
}

 /* .slick-dots li button:before { font-size: 12px; opacity: .4; }
 .slick-dots li.slick-active button:before { opacity: 1; }
 */

/*----------------------homepage-main-section--------------------------------------------*/

h2 {
    text-align: center;
}

.expertise {
    background-color: #F4F8FB;
    padding: 50px 0;
    margin-top: 101px;
    
}

.expertise h2{
    color: #101F2B;
}

.expertise-section {
    padding: 8px;
    background: #fff;
    border-radius: 5px;
    min-height: 400px;   /* existing minimum height */
    position: relative;

    display: flex;        /* make it a flex container */
    flex-direction: column; 
}

.expertise-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* pushes button to bottom */
    flex-grow: 1;                   /* fills remaining space */
}


.expertise-section h3 {
    font-size: 18px;
    font-weight: 600;
}

.our-expertise img {
    border-radius: 5px;
}
.text-end {
    text-align: right; /* right-align content */
}

.common-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* space between arrow and text */
    position: relative;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;             /* text color white */
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s ease;
}

.common-btn .btn-text {
    opacity: 0;                /* hide text initially */
    transform: translateX(-10px); /* slide-in effect */
    transition: all 0.3s ease;
    color: #fff;               /* ensure text is white */
}

.common-btn i {
    font-size: 16px;         /* arrow size */
    transition: transform 0.3s ease, color 0.3s ease;
    color: #4B5D6B;
}

.common-btn:hover .btn-text {
    opacity: 1;                /* show text on hover */
    transform: translateX(0);
}
.common-btn:hover{
background: #0C98FF;     /* button background */
    padding: 10px 20px;      /* button padding */
    border-radius: 5px;      /* optional rounded corners */
}

.common-btn:hover i {
    transform: translateX(5px); /* arrow moves slightly on hover */
    color: #fff;                /* optional: arrow color remains white */
}


.clientsuccess-section {
    background-color: #F4F8FB;
    padding: 50px 0;
}

.clientsuccess {
    background: #fff;
    text-align: center;
    border-radius: 10px;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.card-shadow {
    box-shadow: 0px 0px 14px 0px #1166A43D;
}

.clientsuccess-content {
    font-size: 30px;
    margin-bottom: 10px;
}

.clientsuccess-content h3 {
    font-size: 40px;
    line-height: 35px;
    color: #000;
}

.clientsuccess-content h3 span {
    font-size: 18px;
    font-weight: 400;
}

.clientsuccess-icon {
    border-radius: 50px;
    width: 66px;
    height: 66px;
    text-align: center;
    margin: 0 auto;
     display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F8FB;
}

.clientsuccess-content .stat-text{
   line-height: 30px;
}

.clientsuccess-icon i {
    font-size: 25px;
}

.clientsuccess:hover {
    background: #0c98ff;
    transition: 0.5s;
    color: #fff;
}

.clientsuccess:hover,
.clientsuccess-content h3:hover {
    color: #fff;
}


.choose-col:hover{
    background: #0c98ff;
    transition: 0.5s;
    color: #fff;
}

.choose-col:hover:hover {
    color: #fff;
}



.choose-us--secondary {
    background-image: url(images/chooseus-bg.png);
    background-position: center center;
    background-size: cover;
}

.choose-col {
    border-radius: 10px;
    min-height: 230px;
}

.choose-col h3 {
    font-size: 1.1rem;
}

.rewards-recoginition {
    background-color: #F4F8FB;
}


.slick-slide {
    padding: 0 10px;
    /* 10px gap on left & right */
    box-sizing: border-box;
    /* ensures padding doesn't mess up layout */
}

.slick-slide img {
    /* border-radius: 10px;
    border: #fff solid 4px; */
    /* box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb), .075) !important; */
}

.slick-list {
    margin: 0 -10px;
    /* cancels out the padding so first/last slides align */
}

.download-app {
    position: relative;
    z-index: 0;
    background: #fff;
    border: 1px solid #DAE8F2;
}

.download-app h2{
    color: #101F2B;
}

.download-app .section__content-list {
    list-style: none;      /* remove default bullets */
    padding-left: 0;
    margin: 0;
}

.download-app .section__content-list li {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.6;
}

.download-app .section__content-list li i {
    color: #0B93FF;   /* your blue */
    margin-right: 8px; /* space between icon & text */
    font-size: 14px;  /* adjust size */
}

.client-name h5 {
    font-size: 1rem;
}

.download-app::after {
    background: #fff !important;
}

.bgGray {
    background-color: #f4f5f6;
}


.ourpartner-card {
    padding: 10px;
}


.new-footer {
    background-color: #101f2b;
    color: #ccc;
}

.new-footer a {
    color: #ccc !important;
}

.new-footer h2 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    text-align: left;
}

.new-footer ul li a {
    color: #ccc;
    line-height: 30px;
}

.new-footer ul li a:hover {
    color: #ff931e !important;
}

.new-footer-links a {
    color: #ccc !important;
}

.new-footer address {
    line-height: 25px;
    font-style: normal;
}


.social-links a {
    font-size: 18px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 4px;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

.social-links a:hover {
    background: #1b9eff;
    color: #fff !important;
    text-decoration: none;
}

.download-icon {
    background: #fff;
    border-radius: 10px;
}

@media(max-width:767px){
    .banner__content {
    position: relative;
}

.common-btn {
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    bottom: 0;
    width: 100%;
}

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

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.clientsuccess-content h3 {
    font-size: 30px;
    line-height: 20px;
}

.clientsuccess-content h3 span {
    font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
    display: inline-block;
}

.clientsuccess {
    min-height: 210px;
}

.choose-us--secondary br, .rewards-recoginition br { display: none;}

}


/* new css  */
.text-blue{
    color: #0C98FF;
}
.text-36{
    font-size: 36px;
}
.section__subtitle {
    color: #4B5D6B;         /* subtle gray for subtitle */
    line-height: 1.6;    /* spacing for readability */
    font-weight: 400;    /* normal weight */
    text-align: center; /* center align */
}



.nhome-new-about .aboutrow{
    border: 1px solid #DAE8F2;
    border-radius: 19px;
}
.nhome-new-about .aboutrow h2{
   text-align:left;
   font-size: 36px;
}
.nhome-new-about .aboutrow p{
    font-size: 16px;
}
.nhome-new-about .aboutrow .nhome-section-badge {
    background: #DAE8F2;
    color: #0C98FF;
    width: max-content;
    padding: 4px 10px;   /* smaller padding */
    border-radius: 6px;  /* softer corner */
    font-size: 13px;     /* smaller font */
    font-weight: 600;    /* keep bold look */
    line-height: 1.2;    /* tighter spacing */
    letter-spacing: 0.5px; /* optional: for neatness */
}

.about-img-wrapper img {
    width: 454px;
    height: 404px;
    object-fit: cover; /* keeps image from stretching */
    border-radius: 8px; /* optional for rounded corners */
    max-width: 100%; /* responsive on smaller screens */
}

.download-app__thumb img {
    width: 420px;
    height: 481px;
    object-fit: cover; /* keeps image from stretching */
    border-radius: 8px; /* optional for rounded corners */
    max-width: 100%; /* responsive on smaller screens */
}


.nhome-new-about{
    padding:24px;
}
.margin-5{
    margin-top: 5rem;
}

.signinwithoutactive{
    color:#0C98FF !important;
}