@charset "utf-8";
/* CSS Document */


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1536px) {
    .header_social {
        margin-top: 50px;
    }

    .hero_title {
        font-size: 38px;
    }

    h1 {
        font-size: 26px;
    }

    .icon_card {
        min-height: 206px;
    }

    .inner_hero_sec .hero_title {
        font-size: 26px;
    }

    .slider_container {
        bottom: -110px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    .slider_container .card {
        left: -280px;
        width: 68%;
    }

    .owl-nav .owl-next {
        right: -30px !important;
    }

    .owl-nav .owl-prev {
        left: -30px !important;
    }

    .hero_title {
        font-size: 32px;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    h1 {
        font-size: 24px;
    }

    .slider_container {
        bottom: -150px;
    }

    .app_mobile img {
        height: 390px;
    }

    .app_mobile {
        bottom: -15px;
        left: -92px;
    }

    .affiliate_img img {
        height: 350px;
    }

    .affiliate_img {
        left: 24px;
    }

    .faq_img {
        left: -75px;
    }

    .faq_img img {
        height: 450px;
    }

    .hero_title {
        font-size: 26px;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
    .slider_container .card {
        left: -230px;
    }

    .owl-nav .owl-prev {
        left: -26px !important;
    }

    .owl-nav .owl-next {
        right: -26px !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 14px;
    }

    .why_choose_sec {
        margin-top: 0px;
        background-color: #042628;
        margin-top: 50px;
    }

    .why_choose_sec h1 {
        color: #ffffff;
    }

    .app_mobile {
        left: -43px;
    }

    .app_mobile img {
        height: 400px;
    }

    .faq_bg_sec {
        min-height: 265px;
    }

    .testi_left_img {
        height: 380px;
    }

    .testi_right {
        z-index: 9;
        position: relative;
    }

    .isolation_1 img {
        opacity: 0.5;
    }

    .footer_sec .download_btn img {
        height: 40px;
    }

    .hero_title {
        font-size: 26px;
    }

    .slider_container .card {
        width: 82%;
        left: -130px;
    }

    .slider_orange_bg,
    .hero_content_sec {
        height: 600px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 768px) {
    .slider_container .card {
        width: 36%;
        bottom: -118px;
    }

    .inner_hero_sec .hero_content_sec {
        text-align: start;
        margin-bottom: 0px;
    }

    .inner_hero_sec .slider_orange_bg {
        display: none !important;
    }

    .hero_content_sec {
        height: 600px;
        justify-content: start;
        flex-direction: column;
        padding-bottom: 60px;
        padding-top: 140px;
        text-align: center;
        margin-bottom: 20px;
    }

    .hero_content_sec,
    .second_sec {
        padding-left: 5%;
        padding-right: 5%;
    }

    .main_btn .circle .icon.arrow {
        left: 0.425rem;
    }

    .main_btn .circle {
        width: 2.5rem;
        height: 2.5rem;
    }

    .main_btn .button-text {
        margin: 0 0 0 1.05rem;
        line-height: 1.1;
    }

    .main_navbar {
        padding: 3px 22px;
    }

    main {
        padding: 25px;
    }

    .plans_slider h3 {
        min-height: auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
    .testi_left {
        display: none !important;
    }

    .icon_card {
        min-height: 223px;
    }

    .text_card .custom_ul {
        min-height: 135px;
    }

    .marquee img {
        width: 78px !important;
    }

    .text_card .custom_ul {
        min-height: 128px;
    }

    .main_navbar {
        border-radius: 30px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 575px) {
    .hero_title {
        font-size: 26px;
    }

    .owl-nav .owl-next {
        right: -20px !important;
    }

    .owl-nav .owl-prev {
        left: -20px !important;
    }

    .icon_card {
        min-height: auto;
    }

    .slider_container .card {
        width: 45%;
        left: -88px;
        bottom: -127px;
    }

    main {
        padding: 15px;
    }

    .text_card .custom_ul {
        min-height: 110px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .slider_container .card {
        width: 52%;
    }

    .filter_row {
        gap: 6px;
    }

    .hero_title {
        font-size: 24px;
    }

    .slider_container .card {
        left: -99px;
    }

    .second_sec {
        padding-top: 38px;
    }

    .hero_content_sec {
        padding-top: 136px;
    }
}

@media only screen and (max-width : 460px) {
    .slider_container .card {
        width: 54%;
        bottom: -124px;
    }

    .brand_logo img {
        height: 38px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
    h1 {
        font-size: 18px;
    }

    .hero_title {
        font-size: 22px;
    }

    .slider_container .card {
        left: -87px;
    }

    .slider_container .card {
        width: 64%;
    }

    .second_sec {
        padding-top: 24px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    .second_sec {
        padding-top: 30px;
    }
}

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

@media only screen and (min-width: 992px) {}