/* import variable */
@import url("variable.css");

/* Large devices query */
@media (max-width:1650px) {}

@media (max-width:1600px) {}

@media (max-width:1366px) {}

@media (max-width:1280px) {}

@media (max-width:1199px) {}

@media (max-width:1024px) {}

/* Tab devices query */

@media (max-width:991px) {
    .foooter-wrapper {
        padding: 30px 0 30px;
    }

    /* .hero__img{
        height:700px;
    }
     */
    .btn-custom,
    .btn-outline {
        padding: 15px 15px;
        font-size: 15px;
    }
}

@media (max-width:820px) {
    .video-thumbnail {
        margin-top: -60px;
    }
}


@media (max-width:767px) {
    .hero__img {
        display: none !important;
    }

    .faq-sec {
        padding: 80px 0 50px;
    }

    .hero__img-mobile {
        display: block !important;
        height: 768px;
    }

    .video-thumbnail {
        margin-top: -140px;
    }

    .main-container {
        grid-template-columns: 1fr;
    }

    .col-one-container {
        margin-bottom: 15px;
    }

    .icon-menu svg {
        display: flex;
        justify-content: end;
    }
}

/* Mobile devices query */

@media (max-width: 600px) {
    .faq-sec {
        padding: 80px 0 50px;
    }

    .icon-close {
        position: absolute;
        right: 10px;
        top: -10px;
    }

    .social-link a.profile{
        display: none;
    }

    .nav-link::after {
        display: none;
    }

    .nav-link:hover {
        color: var(--clr-primary-100);
    }

    .mobile-btn-w .btn-custom {
        display: block;
        width: 100%;
    }

    .mobile-btn-w .btn-outline {
        display: block;
        width: 100%;
    }

    .main-container .accordion p {
        font-size: 19px;
    }

}

@media (max-width:414px) {
    .video-thumbnail {
        margin-top: -70px;
    }
}

@media (max-width:430px) {
    .hero__img-mobile {
        height: 700px;
    }

    .video-thumbnail {
        margin-top: -100px;
    }
}


@media (max-width:390px) {
    .hero__img-mobile {
        height: 760px;
    }

    .video-thumbnail {
        margin-top: -110px;
    }
}

@media (max-width:375px) {
    .hero__img-mobile {
        height: 760px;
    }

    .video-thumbnail {
        margin-top: -110px;
    }
}

@media (max-width:360px) {}

@media (max-width:320px) {}