.banner {
    position: relative;
    font-size: 1.6rem;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.banner-content {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: left;
}

.banner-text-1 {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5em;
    background: linear-gradient(92.74deg, #b6933d 2.93%, #b6933d 100.38%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1rem;
}

.banner-text-2 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 300;
    background: rgba(81, 81, 81, 1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1rem;
}

.banner-text-3 {
    font-family: 'Inter' !important;
    font-size: 60px;
    font-weight: 400;
    /*letter-spacing: -0.08em;*/
    letter-spacing: 0.01em;
    background: linear-gradient(92.74deg, #b6933d 2.93%, #b6933d 100.38%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

.mt--5 {
    margin-top: 5rem !important;
}

.mt--6 {
    margin-top: 4.5rem;
}

.banner img {
    width: 100%;
    object-fit: cover;
}

.owl-carousel {
    /*display: none;*/
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px,0px,0px)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: 0;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

.w--60 {
    width: 60% !important;
}

.h--190 {
    height: 190px !important;
}

.h--170 {
    height: 170px !important;
}

.h--150 {
    height: 150px !important;
}

.t-82 {
    top: 82px !important;
}

#primary-nav {
    display: flex !important;
}

.nav-item {
    display: inline-block;
}

@media (min-width: 1200px) {
    .carousel-items-4-5 .carousel-item {
        width: 25% !important;
    }
}

@media (max-width: 768px) {
    .responsive .carousel-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .align .carousel-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/*.flickity-page-dots .dot:nth-child(n+4) {
    display: none;*/ /* Hide all dots after the third one */
/*}*/

.accolades-img {
    height: 308px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.accolades-img-1 {
    background-image: url('../img/homepageimg/first_1.jpg');
}

.accolades-img-2 {
    background-image: url('../img/homepageimg/first-2.jpg');
}

.accolades-img-3 {
    background-image: url('../img/homepageimg/first-3.jpg');
}

.accolades-img-4 {
    background-image: url('../img/homepageimg/first-4.jpg');
}

.accolades-img-5 {
    background-image: url('../img/homepageimg/first-5.jpg');
}

.accolades-img-6 {
    background-image: url('../img/homepageimg/first-6.jpg');
}

.accolades-img-7 {
    background-image: url('../img/homepageimg/first-7.jpg');
}

.accolades-img-8 {
    background-image: url('../img/homepageimg/first-8.jpg');
}

.accolades-img-9 {
    background-image: url('../img/homepageimg/first-9.jpg');
}

.accolades-img-10 {
    background-image: url('../img/homepageimg/first-10.jpg');
}

.accolades-img-11 {
    background-image: url('../img/homepageimg/first-11.jpg');
}

.divClientImageContainer {
    width: 150px;
    height: 80px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.img-1 {
    background-image: url('../img/client/avanse.png');
}

.img-2 {
    background-image: url('../img/client/axis.png');
}

.img-3 {
    background-image: url('../img/client/axisbank.png');
}

.img-4 {
    background-image: url('../img/client/bharat.png');
}

.img-5 {
    background-image: url('../img/client/bharti.png');
}

.img-6 {
    background-image: url('../img/client/deutsche.png');
}

.img-7 {
    background-image: url('../img/client/dse.png');
}

.img-8 {
    background-image: url('../img/client/equires.png');
}

.img-9 {
    background-image: url('../img/client/hdfc.png');
}

.img-10 {
    background-image: url('../img/client/hp.png');
}

.img-11 {
    background-image: url('../img/client/iim.png');
}

.img-12 {
    background-image: url('../img/client/itp.png');
}

.img-13 {
    background-image: url('../img/client/khaja.png');
}

.img-14 {
    background-image: url('../img/client/lodha.png');
}

.img-15 {
    background-image: url('../img/client/mirae.png');
}

.img-16 {
    background-image: url('../img/client/moneybox.png');
}

.img-17 {
    background-image: url('../img/client/msc.jpg');
}

.img-18 {
    background-image: url('../img/client/nahar.png');
}

.img-19 {
    background-image: url('../img/client/sany.png');
}

.img-20 {
    background-image: url('../img/client/vkc.jpg');
}

.img-21 {
    background-image: url('../img/client/yesbank.png');
}


/* Active state styling for the nav-item */
#primary-nav .nav-item.active .nav-link {
    color: #b6933d !important;
}

/* Optional hover effect */
#primary-nav .nav-link:hover {
    color: #b6933d !important;
}

.desktop--view {
    display: block !important;
}

.mobile--view {
    display: none !important;
}

.banner-desktop {
    display: block !important;
}

.banner-mobile {
    display: none !important;
}

/*For all Mobile version Mobile View (Common) */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .t--8 {
        top: 8px !important;
    }

    .mt--6 {
        margin-top: 0 !important;
    }

    .h--158 {
        height: 158px !important;
    }

    .desktop--view {
        display: none !important;
    }

    .mobile--view {
        display: block !important;
    }

    .banner {
        font-size: 1.4rem;
        height: auto; /* Let height adapt to content */
        padding-bottom: 2rem; /* Add padding for spacing */
    }

    .banner-content {
        left: 1rem; /* Closer to the left edge */
        top: auto; /* No need to set a specific top position */
        width: 100%; /* Stretch content width */
        transform: none; /* Remove translate for simpler layout */
        bottom: 100px;
    }

    .banner-text-1 {
        font-size: 12px;
        /* margin-bottom: 0.5rem;*/
        margin-bottom: 7rem;
        letter-spacing: 0.2em;
    }

    .banner-text-2 {
        font-size: 14px;
        margin-bottom: 0.5rem;
    }

    .banner-text-3 {
        /*font-size: 2rem;*/
        font-size: 1.5rem;
        line-height: 1.1;
        margin-bottom: 1rem;
    }

    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }

    .banner img.banner-mobile {
        object-fit: cover; /* Ensure image covers the width */
        height: auto; /* Maintain aspect ratio */
        width: 100%; /* Full width */
    }

    .banner-content-modi {
        top: 8px !important;
    }

    .banner-text-1-modi {
        margin-bottom: 0rem !important;
    }

    .mt--5 {
        margin-top: 1rem !important;
    }

    .font-size--12 {
        font-size: 14px;
    }

    .font-size--14 {
        font-size: 34px;
    }


    .pt--40 {
        padding-top: 40px !important;
    }

    .h--0 {
        height: auto !important;
    }

    #primary-nav {
        display: unset !important;
    }

    .w--100 {
        width: 100% !important;
    }

    .m--30 {
        margin-top: -30% !important;
    }

    .pb--50 {
        padding-bottom: 50px !important;
    }

    .pt--50 {
        padding-top: 50px !important;
    }

    .pt--0 {
        padding-top: 0 !important;
    }

    .pb--0 {
        padding-bottom: 0 !important;
    }

    .pb--30 {
        padding-bottom: 30px !important;
    }

    .p--6 {
        padding: 6px;
    }
}