@media (max-width: 425.98px) {
    .bda-dropdown-box {
        width: 315px;
        padding: 20px;
    }

    .bda-single-massage {
        gap: 18px;
    }

    .bda-w-70-img {
        width: 40px;
        height: 40px;
    }

    .user-img-dropdown {
        width: 70px;
        height: 70px;
    }
}


/*-----------------------------
 landing page css start
 -----------------------------*/

@media (max-width: 1199.98px) {

    .bda-about-img {
        margin-top: 0;
    }

    .bda-about-pt {
        padding-top: 60px;
    }

    .bda-lan-banner-area {
        padding-bottom: 180px;
    }

    .bda-bot-arrow img {
        margin-top: 150px;
    }

    .circle-animation-main-box, .start-box-waiting-left, .start-box-waiting-right {
        display: none;
    }
}

@media (max-width: 1024.98px) {
    .bda-banner-fs-100 {
        font-size: 47px;
        line-height: 52px;
    }

    .bda-lan-banner-area {
        padding-top: 200px;
        padding-bottom: 80px;
    }
}

@media (max-width: 991.98px) {

    .bda-bg-lg-black {
        background: var(--tiles-dark);
    }

    .circle-animation {
        padding: 60px 30px;
    }

    .inner-page-banner {
        padding-top: 80px;
    }


}

@media (max-width: 575.98px) {
    .version-border-left{
        padding-left: 30px;
    }
}

/* --------------------------
landing page css end
---------------------------*/