.bannerWrap {
    height: 100vh;

    .bannerInner {
        height: 100%;

        .bannerCont {
            height: 100%;

            .slick-list {
                height: 100%;

                .slick-track {
                    height: 100%;

                    .eachSlider {
                        height: 100%;
                        display: flex;
                        /* display: none; */
                        position: relative;
                        align-items: center;

                        &.slick-active{
                            display: flex;
                        }

                        /* justify-content: center; */
                        &.slick-slide {
                            .bannerContBox {
                                opacity: 1;
                            }
                        }

                        &:before {
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            z-index: 1;
                            content: "";
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            background-color: #00000060;
                        }
                    }
                }
            }

            .bannerImg, .bannerImgMob {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .bannerImgMob{
                display: none;
            }

            .bannerContBox {
                top: 50%;
                z-index: 2;
                left: 0px;
                right: 0px;
                opacity: 0;
                text-align: left;
                padding-left: 15px;
                padding-right: 15px;
                position: absolute;
                transform: translateY(-50%);

                .bannerTitle {
                    display: inline-block;
                    padding: 4px 0;
                    color: transparent;
                    text-align: center;
                    position: relative;
                    letter-spacing: 0px;
                    text-decoration: none;
                    /* transition: 0.6s; */
                    text-transform: uppercase;
                    line-height: 140px !important;
                    -webkit-text-stroke: 1px #fff;
                    background-clip: text;
                    -webkit-background-clip: text;
                    font: 700 170px "Poppins", sans-serif;
                    font: 700 100px "IBM Plex Sans", sans-serif;
                    background-repeat: no-repeat;
                    background-size: 200% 100%;
                    animation: moveBox 4s linear infinite;
                    text-align: left;
                }

                .banParaDiv {
                    width: 100%;
                    max-width: 80%;
                    margin-bottom: 20px;

                    p {
                        font-size: 20px;
                    }
                }

                .btnWrap {
                    z-index: 2;
                    /* padding: 0 100px; */
                    position: relative;
                    text-align: left !important;
                }
            }
        }
    }
}

.bannerSlider {
    visibility: hidden;
}
.bannerSlider.slick-initialized {
    visibility: visible;
}

.commonFAQWrap {
    .getInTouchWrap {
        .getInTouchWrapInner {
            position: sticky;
            top: 60px;
        }
    }
}

@keyframes moveBox {
    0% {
        opacity: 0.7;
        background-position: 200% 0;
        background-image: linear-gradient(to right,
                transparent 30%,
                #fff 45%,
                #fff 55%,
                transparent 70%);
    }

    50% {
        opacity: 1;
        background-position: -100% 0;
        background-image: linear-gradient(to right,
                transparent 30%,
                #fff 45%,
                #fff 55%,
                transparent 70%);
    }

    100% {
        opacity: 0.7;
        background-position: -200% 0;
        background-image: linear-gradient(to right,
                transparent 30%,
                #fff 45%,
                #fff 55%,
                transparent 70%);
    }
}

.aboutDozco_sec {
    .secHeadWrap {
        padding: 0 30px;
        margin-bottom: 60px;

        .smallTitle {
            font-weight: 400;
            color: #000000 !important;
            font-family: "IBM Plex Sans", sans-serif;
            padding-left: 0;
            font-size: 32px;
            color: #0c0056 !important;

            &::before {
                content: normal;
            }
        }

        p {
            color: #000 !important;
        }

        .secHead {
            font-weight: 500;
            line-height: 1.5;
            margin-bottom: 30px;

            img {
                display: inline-block;
            }
        }

        .basic_btn {
            color: #0081EB !important;

            &:hover {
                color: #fff !important;
            }
        }
    }

    .inline-img {
        width: 250px;
        display: inline-block;
    }
}

.ourProduct {
    background-color: #f0f0f0;
    padding-bottom: 220px;

    .secHeadWrap {
        width: 55%;
    }

    .productTabWrap {
        position: relative;
        margin-top: -110px;

        .tabWrapInner {
            .tabList {
                display: flex;
                flex-wrap: wrap;
                margin-bottom: 50px;
                justify-content: flex-end;

                li {
                    &.basic_btn {
                        cursor: pointer;
                        border: 1px solid #00000025;

                        span {
                            color: #595959;
                            transition: 0.3s;
                        }
                    }

                    &:not(:last-child) {
                        margin-right: 25px;
                    }

                    span {}

                    &.active,
                    &:hover {
                        /* background-color: #0c0056; */
                        background-color: #0081EB;

                        span {
                            color: #fff;
                        }
                    }
                }
            }

            .tabContWrap {
                .tab_content {
                    display: none;

                    &.active {
                        display: block;
                    }

                    &#tab-21 {
                        .productCardWrap {
                            .eachProductCard {
                                transition: 0.6s;

                                .cardInner {
                                    cursor: default;
                                    pointer-events: none;
                                }

                                &:hover {
                                    .cardInner {
                                        .cardInnerWrap {
                                            border-radius: 25px;
                                            background-color: #0081EB;

                                            .figureWrap {
                                                .figure {
                                                    background-color: #0081EB;
                                                }
                                            }

                                            .figContBox {
                                                .figContBoxInner {
                                                    .figContLeft {
                                                        .figContTitle {
                                                            visibility: visible;
                                                            opacity: 1;
                                                            color: #fff;

                                                            a{
                                                                color: #fff;

                                                                &:hover{
                                                                    color: #9fd4ff;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }

                    &#tab-21 .figContTitle a {
                        pointer-events: none;
                    }
                }

                .accTrigger {
                    display: none;
                }

                .accCont {
                    .accInner {
                        /* .productCardWrap{
                            .eachProductCard{
                                width: 100%;
                                padding: 0 15px;
                                padding-top: 75px;
                                position: relative;
                                .figTitleBtn{
                                    top: 0;
                                    left: 40px;
                                    width: 170px;
                                    height: 75px;
                                    display: flex;
                                    position: absolute;
                                    align-items: center;
                                    flex-direction: column;
                                    justify-content: center;
                                    background-color: #0081EB;
                                    border-radius: 10px 10px 0 0;

                                    span{
                                        display: block;
                                        font-size: 18px;
                                        line-height: 1.2;
                                        color: #ffffff;
                                    }
                                }
                                .cardInner{
                                    transition: 0.6s;
                                    position: relative;
                                    .cardInnerWrap{
                                        .figureWrap{
                                            position: relative;
                                            .figure{
                                                width: 100%;
                                                height: 500px;
                                                display: flex;
                                                align-items: center;
                                                border-radius: 25px;
                                                justify-content: center;
                                                background-color: #F4F4F4;
                                                img{
                                                    z-index: 1;
                                                    position: relative;
                                                }
                                            }
                                        }
                                        .figContBox{
                                            padding: 30px 10px 40px;
                                            .figContBoxInner{
                                                display: flex;
                                                align-items: center;
                                                .figContLeft{
                                                    width: calc(100% - 180px);
                                                    .figContTitle{
                                                        color: #0C0056;
                                                        font-weight: 700;
                                                        font-family: "Geologica", sans-serif;
                                                    }
                                                    .figContTitle + p{
                                                        color: #000000;
                                                        font-weight: 400;
                                                        font-family: "Geologica", sans-serif;
                                                    }
                                                }
                                                .basic_btn{
                                                    transform: scale(0);
                                                }
                                            }
                                        }
                                    }

                                    &:hover{
                                        .cardInnerWrap{
                                            border-radius: 25px;
                                            background-color: #0081EB;
                                            .figureWrap{
                                                position: relative;
                                                .figure{
                                                    width: 100%;
                                                    height: 500px;
                                                    display: flex;
                                                    align-items: center;
                                                    border-radius: 25px;
                                                    justify-content: center;
                                                    background-color: #0081EB;
                                                    img{
                                                        z-index: 1;
                                                        position: relative;
                                                    }
                                                }
                                            }
                                            .figContBox{
                                                .figContBoxInner{
                                                    .figContLeft{
                                                        .figContTitle{
                                                            color: #FFF;
                                                        }
                                                        .figContTitle + p{
                                                            color: #fff;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                                &:hover{
                                    .figTitleBtn{
                                        top: 0;
                                        left: 40px;
                                        background-color: #0C0056;
                                    }
                                }
                            }
                        } */
                    }
                }
            }
        }
    }
}

.clientTesti {
    &.commonApplicationWrap {}
}

.event {
    &.commonEventWrap {}
}

.dealer {
    &.commonDealerWrap {
        border-top: 2px solid #fff;
    }
}


/* start after sale */
.afterSlcSec {
    border-bottom: 1px solid #00000090;

    .afterSlcWrap {
        text-align: center;
        margin-bottom: 30px;
    }

    .afterSlcBtm {
        .eachAfterSlc {
            .afterSlcInn {
                border-radius: 20px;
                box-shadow: 0 5px 55px 3px #00000016;
                background-color: #fff;
                text-align: center;
                padding: 20px;
                min-height: 230px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                transition: .4s;

                .afterIcon {
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    border: 1px solid #00000090;
                    padding: 10px;
                    margin: 0 auto 20px;
                    transition: .4s;

                    img {
                        filter: brightness(0) saturate(100%) invert(35%) sepia(16%) saturate(21%) hue-rotate(336deg) brightness(98%) contrast(92%);
                    }
                }

                .afterCont {
                    p {
                        transition: .4s;
                    }
                }

                &:hover {
                    background-color: #0081EB;
                    color: #fff;

                    .afterIcon {
                        background-color: #0081EB;
                        border: 1px solid #fff;

                        img {
                            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(331deg) brightness(103%) contrast(101%);
                        }
                    }

                    .afterCont {
                        p {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}
/* end after sale */

/* Responsive */

@media (max-width: 1768px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    left: 100px;
                    right: 100px;

                    .bannerTitle {
                        font-size: 110px;
                        line-height: 110px !important;
                    }

                    .banParaDiv {
                        width: 100%;
                        max-width: 100%;
                    }

                    .btnWrap {
                        padding-right: 50px;
                    }
                }
            }
        }
    }
}

@media (max-width: 1680px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    top: 55%;
                    left: 170px;
                    right: 170px;
                }
            }
        }
    }

    .aboutDozco_sec {
        .secHeadWrap {
            .secHead {
                margin-bottom: 60px;
                font-size: 36px;

                img {
                    width: 200px;
                    height: auto;
                }
            }
        }
    }
}

@media (max-width: 1600px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    left: 40px;
                    right: 150px;

                    .btnWrap {
                        /* padding-right: 0; */
                    }

                    .banParaDiv {
                        p {
                            font-size: 18px;
                        }
                    }

                    .bannerTitle {
                        line-height: 110px;
                        /* font-size: 130px; */
                    }
                }
            }
        }
    }

    .aboutDozco_sec {
        .secHeadWrap {
            .smallTitle {
                font-size: 26px;
            }
        }
    }
}

@media (max-width: 1480px) {
    .aboutDozco_sec {
        .secHeadWrap {
            .secHead {
                font-size: 34px;
            }
        }
    }
}

@media (max-width: 1440px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    .bannerTitle {
                        line-height: 170px !important;
                        font-size: 100px;
                    }
                }
            }
        }
    }

    .aboutDozco_sec {
        .secHeadWrap {
            .secHead {
                font-size: 30px;
            }

            .smallTitle {
                font-size: 22px;
            }
        }
    }

    .ourProduct {
        padding-bottom: 180px;
    }
}

@media (max-width: 1366px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    .bannerTitle {
                        line-height: 100px !important;
                        font-size: 100px;
                    }

                    .btnWrap {
                        /* padding: 0px 80px 0px 50px; */
                    }
                }
            }
        }
    }

    .aboutDozco_sec {
        .secHeadWrap {
            .secHead {
                margin-bottom: 50px;
                font-size: 30px;

                img {
                    width: 165px;
                }
            }
        }
    }
}

@media (max-width: 1280px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    left: 15px;
                    right: 40px;

                    .bannerTitle {
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }

    .aboutDozco_sec {
        .secHeadWrap {
            .secHead {
                img {
                    width: 130px;
                }
            }
        }
    }

    .ourProduct {
        .secHeadWrap {
            width: 100%;
            text-align: center;

            .smallTitle {
                margin-bottom: 8px;
            }
        }

        .productTabWrap {
            margin-top: 0;

            .tabWrapInner {
                .tabList {
                    justify-content: center;
                    margin-bottom: 30px;
                }
            }
        }
    }
}

@media (max-width: 1199px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    .bannerTitle {
                        line-height: 70px !important;
                        font-size: 80px;
                    }
                }
            }
        }
    }

    .aboutDozco_sec {
        .secHeadWrap {
            .secHead {
                font-size: 24px;
                line-height: 50px;
            }
        }
    }

    .faqContact {
        .secHeadWrap {
            text-align: center;
        }
    }

    .ourProduct {
        .productTabWrap {
            .tabWrapInner {
                .tabList {
                    li {
                        &:not(:last-child) {
                            margin-right: 15px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    .bannerWrap {
        height: 500px;

        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    width: 100%;
                    top: 52%;
                    left: 50%;
                    right: auto;
                    transform: translate(-50%, -50%);
                    text-align: center;

                    .bannerTitle {
                        line-height: 60px !important;
                        font-size: 60px;
                        letter-spacing: 10px;
                        margin-bottom: 10px;
                        text-align: center;
                    }

                    .banParaDiv {
                        p {
                            font-size: 14px;
                        }
                    }

                    .btnWrap {
                        padding: 0;
                        margin-top: 20px;
                        display: flex;
                        justify-content: center;
                    }
                }

                .slick-arrow {
                    bottom: 25px;

                    &.slick-prev {
                        right: auto;
                        left: calc(50% - 60px);
                    }

                    &.slick-next {
                        right: calc(50% - 60px);
                    }
                }
            }
        }
    }

    .newsTabWrap {
        .accEach {
            &:not(:last-child) {
                .accCont {
                    display: none;
                }
            }
        }
    }

    /* .ourApp {
        &.commonApplicationWrap {
            padding-top: 0 !important;
        }
    } */

    .ourProduct {
        padding-bottom: 80px;

        .productTabWrap {
            .tabWrapInner {
                .tabList {
                    display: none;
                }

                .tabContWrap {
                    .accEach {
                        display: block;
                        border: 1px solid #00000025;
                        border-radius: 10px;
                        overflow: hidden;

                        &:not(:last-child) {
                            margin-bottom: 25px;
                        }

                        .accTrigger {
                            display: block;
                            cursor: pointer;
                            font-size: 20px;
                            transition: 0.3s;
                            overflow: hidden;
                            margin-bottom: 0;
                            position: relative;
                            padding: 20px 85px 25px 20px;

                            &::after {
                                content: "\f0d7";
                                position: absolute;
                                font-family: fontawesome;
                                color: #00000025;
                                right: 20px;
                                top: 15px;
                                font-size: 25px;
                                transition: 0.3s;
                            }
                        }

                        .accCont {
                            padding: 30px 10px 100px;
                            display: none;

                            .productCardWrap {
                                .slick-arrow {
                                    bottom: -70px;
                                }
                            }
                        }

                        &.active {
                            .accTrigger {
                                background-color: #0c0056;
                                color: #fff;

                                &::after {
                                    color: #fff;
                                    transform: rotate(180deg);
                                }
                            }

                            .accCont {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 991px) {
    .aboutDozco_sec {
        .secHeadWrap {
            .secHead {
                font-size: 24px;
                line-height: 40px;
                text-align: center;
            }

            .smallTitle {
                text-align: center;
            }
            .colInner {
                img {
                    margin: 0 auto;
                }
            }
        }

    }

    /* after sale */
    .afterSlcSec {
        .afterSlcBtm {
            .row {
                justify-content: center;
            }

            .eachAfterSlc {
                margin: 15px 0;

                .afterSlcInn {
                    min-height: 180px;
                }
            }
        }
    }

    /* end after sale */
}

@media (max-width: 768px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    .bannerTitle {
                        line-height: 45px !important;
                        font-size: 45px;
                        padding: 0px 10px;
                    }
                }
            }
        }
    }

    .ourProduct {
        padding-bottom: 60px;

        .productTabWrap {
            .tabWrapInner {
                .tabContWrap {
                    .accEach {
                        .accTrigger {
                            font-size: 18px;
                            padding: 20px 60px 20px 20px;
                        }
                    }
                }
            }
        }
    }
}

@media(max-width: 767px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerImg{
                    display: none !important;
                }
                .bannerImgMob {
                    display: block !important;
                }
            }
        }
    }
    

    /* after sale */
    .afterSlcSec {
        .afterSlcBtm {
            .eachAfterSlc {
                .afterSlcInn {
                    min-height: auto;

                    background-color: #0081EB;
                    color: #fff;

                    .afterIcon {
                        background-color: #0081EB;
                        border: 1px solid #fff;
                        width: 70px;
                        height: 70px;

                        img {
                            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(331deg) brightness(103%) contrast(101%);
                        }
                    }

                    .afterCont {
                        p {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }

    /* end after sale */

    .aboutDozco_sec {
        .secHeadWrap {
            padding: 0 0px;
        }
    }
}

@media (max-width: 640px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    .bannerTitle {
                        line-height: 45px !important;
                        font-size: 34px;
                    }
                }
            }
        }
    }
}

@media (max-width: 575px) {
    .aboutDozco_sec{
        .col_2{
            .btnWrap{
                text-align: center;
            }
        }
    }
}

@media (max-width: 480px) {
    .bannerWrap {
        .bannerInner {
            .bannerCont {
                .bannerContBox {
                    .bannerTitle {
                        line-height: 38px !important;
                        font-size: 30px;
                        letter-spacing: 4px;
                        text-align: center;
                    }
                }
            }
        }
    }
}