/* Header css Start */
@media (min-width: 991px) and (max-width: 1400px) {

    .nav-link {
        font-size: 14px;
        padding: 0 10px !important;
    }

    .easy-arrow1,
    .easy-arrow2 {
        display: none;
    }
}

@media (max-width: 991px) {
    iframe {
        height: auto;
    }

    .carousel-item .paragraph {
        font-size: 11px;
    }

    .footer-area .footer-title {
        padding-right: 18px;
    }

    .header-button {
        display: flex;
        justify-content: space-around;
        margin: 30px 17px 0 17px;
    }

    .login {
        margin: 10px 0;
    }

    .signup {
        margin: 10px 0;
    }

    .header-border-bottom {
        padding: 12px 0;
    }

    .text-content {
        font-size: 27px;
    }

    .easy-info h2 {

        line-height: 45px;
        font-size: 25px;
    }

    .easy-info p {
        font-size: 15px;
        line-height: 24px;
    }

    .user-testimonial {
        padding: 20px 0;
    }

    .navbar .p-18 {
        padding: 15px 16px 15px 16px;
    }

    .nav-item .nav-link {
        padding: 20px 0 0 0px !important;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
    }

    .navbar-nav {
        padding-top: 10px;
    }

    .navbar .container {
        padding: 5px 0 !important;
    }

    .mt-130 {
        margin-top: 0px;
    }

    .welcome-area {
        padding-top: 85px;
    }

    .counter-area {
        padding-top: 70px;
    }

    .counter-area .counter-card .counter-heading {
        font-size: 65px;
        margin-bottom: 0px;
    }

    .counter-area .counter-card .counter-title {
        line-height: 25px;
        font-size: 15px;
    }

    .pb-140 {
        padding-bottom: 70px;
    }

    .service-area p {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .service-area h3 {
        line-height: 40px;
    }

    .service-area .service-card img {
        margin-bottom: 5px;
    }

    .service-area .service-card-respo {
        padding-bottom: 20px;
    }

    .manage-area {
        margin: 20px 0px;
    }

    .benefits-area .card {
        padding: 61px 20px 20px 20px;
        margin-bottom: 70px;
    }

    .copy-right-area {
        display: block;
    }

    .copy-right-area form .input-text {
        width: 100%;
    }

    .copy-right-area .title {
        padding-top: 10px;
        text-align: center;
    }

    .testi-title h5 {
        font-size: 23px;
        line-height: 34.5px;
    }

    .testi-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .cascade-slider_container {
        margin-top: 70px;
    }

    footer .footer-heading {
        padding-bottom: 10px;
        padding-top: 20px;
    }

    footer a:last-child {
        padding-bottom: 15px
    }

    .copy-right {
        margin-top: 30px;
    }

    .faq {
        padding-top: 50px;
    }

    .faq-title h3 {
        font-size: 23px;
        line-height: 34.5px;
        margin-bottom: 20px;
    }

    .insurance-area .arrow-insurance {
        display: none;
    }

    .client-testi {
        padding: 50px 0 10px 0;
    }

    .brand-area h3 {
        font-size: 23px;
        line-height: 34.5px;
        margin-bottom: 30px;
    }

    .brand-area {
        padding: 30px 0 0 0;
    }

    .benefits-area {
        padding: 140px 0 30px 0;
        margin-top: -70px;
    }

    .benefits-area .card:last-child {
        margin-bottom: 30px;
    }

    .service-area .col-12 {
        margin-bottom: 20px;
    }

    .service-area .service-card .service-title {
        line-height: 23px;
    }

    .premium-title h3 {
        font-size: 23px;
        line-height: 23px;
        text-align: center;
    }

    .premium-title p {
        font-size: 14px;
        line-height: 23px;
        text-align: center;
    }

    .premium-service {
        padding: 50px 0 0 0;
    }

    .test-img img {
        box-shadow: -2px 2px 0px 0px #D9D9D9;
    }

    .premium-box {
        padding: 30px 20px;
    }

    .pre-img {
        width: 80px;
        height: 80px;
        margin-bottom: 15px;
    }

    .pre-des {
        font-size: 15px;
        line-height: 20px;
        text-align: center;

    }

    .welcome-area .shop-text {
        font-size: 40px !important;
        line-height: 50px;
        margin-bottom: 15px;
    }

    .what-moda .moda-text,
    .user-testimonial-title h3 {
        font-size: 25px;
        line-height: 32px;
        text-align: center;
    }

    .user-testimonial-title p {
        font-size: 15px;
    }

    .step-padding {
        padding-bottom: 30px;
    }

    .step-info {
        margin-left: 10px;
    }

    .easy-step h3 {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .avtar_faces img {
        display: none;
    }

    #testimonial_slider {
        height: auto;
        max-width: 100%;
    }

    .testimonial_block {
        height: auto;
    }

    .user-testimonial {
        padding: 30px 0;
    }

    .test-info h3 {
        font-size: 22px;
        line-height: 20px;
    }

    .accordion-button {
        font-size: 15px !important;
        padding: 0px 10px 5px 10px !important
    }

    footer {
        padding: 30px 0 0 0;
    }

    .easy-arrow1,
    .easy-arrow2 {
        display: none;
    }

    .easy-step {
        padding: 30px 0px;
    }

    .easy-img img {
        max-height: 400px;
        height: 100%;
        object-fit: contain;
    }

    .step-img img {
        width: 60px;
        height: 60px;
    }

    .manage-area .pb-50 {
        padding: 0px 0 10px 0;
    }

    .what-moda {
        padding-top: 50px;
    }

    .insurance-area .pb-80 {
        padding-bottom: 30px;
    }

    .insurance-area .insurance-heading {
        font-size: 40px;
        padding-bottom: 20px;
        line-height: 30px;
        /* padding-top: 30px; */
    }

    .insurance-img {
        height: 394px;
        width: 394px;
    }

    .insurance-area .insurance-title {
        font-size: 20px;
    }


}

@media (max-width: 575px) {
    .welcome-area .card {
        border-radius: 16px;
        padding: 15px 10px;
    }

    .moda-img3 {
        background-image: none;
    }

    .welcome-area .pt-150 {
        padding-top: 50px;
    }

    .welcome-area .pb-80 {
        padding-bottom: 20px;
    }

    .welcome-area h1,
    .welcome-area h1 span {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .become-partner.mb-50 {
        margin-bottom: 15px;
    }

    .welcome-area p {
        font-size: 13px;
        line-height: 19.5px;
        margin-bottom: 15px;
    }

    .welcome-area .become-partner {
        font-size: 15px;
        line-height: 22.5px;
        text-align: center;
        width: 165px;
        padding: 0;
        height: 44px;
        border-radius: 10px;
    }

    .welcome-area .review-area .col-12 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .welcome-area .review-area .col-12 .card {
        padding: 20px 63px;
    }

    .benefits-area h2 {
        font-size: 30px;
        line-height: 34.5px;
        margin-bottom: 0px;
        padding-bottom: 80px;
    }

    .cascade-slider .pb-16 img {
        width: 20px;
        height: 20px;
    }

    .cascade-slider .pb-16 {
        padding-bottom: 5px;
    }

    .welcome-area .card .card-title {
        font-size: 16px;
        line-height: 20px;
        color: #383256;
        margin-bottom: 8px;
    }

    .insurance-area .arrow-insurance {
        display: none;
    }

    .manage-area .manage-order {
        border-radius: 20px;
        padding: 20px;
    }

    .counter-area {
        padding-top: 10px;
    }

    .service-area h3 {
        line-height: 29px;
        font-size: 30px;
    }

    .manage-area .manage-heading {
        font-size: 25px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .manage-area .manage-title {
        font-size: 15px;
    }

    .insurance-area .insurance-heading {
        font-size: 32px;
        padding-bottom: 15px;
        line-height: 25px;
        /* margin-top: 20px; */
    }

    .insurance-area .insurance-title {
        font-size: 15px;
        line-height: 23px;
    }

    .insurance-area .insurance-sub-title {
        font-size: 15px;
    }

    .benefits-area .row .col-12 {
        margin-top: 60px;
    }

    .benefits-area .row .col-12:first-child {
        margin-top: 0;
    }

    .footer-img {
        width: 180px;
    }

    .store_btn img {
        width: 180px;
    }

    .store_btn img:first-child {
        padding-bottom: 10px;
    }

    .text-c {
        text-align: center;
    }

    .brand_logos img {
        width: 150px !important;
    }

    .card-none {
        display: none !important;
    }

    .insurance-img {
        width: 320px;
        height: 320px;
    }

    .insurance-area .pb-80 {
        padding-bottom: 10px;
    }

    .manage-image1 {
        width: 100% !important;
        height: 100% !important;
    }
}

@media (min-width:767px) and (max-width:992px) {
    .welcome-area .pt-150 {
        padding-top: 100px;
    }

    .benefits-area .row .col-12 {
        margin-top: 30px;
    }

    .welcome-area h1,
    .welcome-area h1 span {
        font-size: 56px;
        line-height: 64px;
    }

    .welcome-area p {
        margin-bottom: 40px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 80% !important;
    }
}

@media (min-width:575px) and (max-width:767px) {
    .manage-image1 {
        width: 500px;
        height: 500px;
    }

    .benefits-area .row .col-12 {
        margin-top: 70px;
    }

    .welcome-area .pt-150 {
        padding-top: 60px;
    }

    .welcome-area h1,
    .welcome-area h1 span {
        font-size: 60px;
        line-height: 64px;
    }

    .benefits-area h2 {
        margin-bottom: 20px !important;
    }

    .welcome-area p {
        margin-bottom: 50px;
    }

    .manage-area .pt-170 {
        padding-top: 20px;
    }

    .manage-area .pt-70 {
        padding-top: 20px;
    }

    .manage-area .manage-order {
        padding: 25px;
        border-radius: 20px;
    }

    .client-container {
        display: none;
    }

    .client-second-carousel {
        display: block;
    }

    .manage-area .manage-order-res {
        width: 100%;
    }

    .manage-area .manage-heading {
        font-size: 25px;
        line-height: 37.5px;
        padding-bottom: 10px;
    }

    .manage-area .manage-title {
        font-size: 13px;
        line-height: 19.5px;
    }

}

@media (min-width:1650px) and (max-width:1720px) {
    .manage-area .manage-order {
        padding: 190px 100px 191px 100px;
    }
}

@media (min-width:1545px) and (max-width:1650px) {
    .manage-area .manage-order {
        padding: 190px 50px 191px 50px;
    }

}

@media (min-width:992px) and (max-width:1200px) {
    .carousel-inner {
        width: 80% !important;
        margin: 0 auto;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: unset !important;
    }

    .welcome-area .pt-150 {
        padding-top: 80px;
    }

    .welcome-area h1,
    .welcome-area h1 span {
        line-height: 74px;
    }

    .welcome-area p {
        margin-bottom: 60px;
    }

    .insurance-area .arrow-insurance {
        display: none;
    }

    .get-touch {
        padding-top: 20px;
    }

    .testi-box {
        max-width: 800px;
    }

    .benefits-area .row .col-12:last-child {
        margin-top: 70px;
    }

    .pre-des {
        font-size: 14px;
    }

    .premium-img {
        height: 200px;
    }

    .accordion-button {
        padding: 10px 8px !important;
        font-size: 15px !important;
    }

    .accordion-body {
        font-size: 14px;
        padding: 10px 8px !important;
    }

    .testimonial_block {
        height: auto;
    }

    .user-testimonial,
    .easy-step {
        padding: 60px 0;
    }

    .insurance-img {
        width: 500px;
        height: 500px;
    }
}

@media (min-width:767px) and (max-width:1545px) {
    .insurance-area .pb-80 {
        padding-bottom: 50px;
    }
}

@media (min-width:575px) and (max-width:991px) {
    .padding-footer {
        padding-top: 0 !important;
    }

    .benefits-area h2 {
        font-size: 23px;
        line-height: 34.5px;
        margin-bottom: 20px;
    }

}

@media (max-width:1200px) {

    .manage-area .manage-img {
        justify-content: center;
    }

    .carousel-item-body {
        box-shadow: none;
    }

    .client-testi {
        padding: 60px 0px;
    }

    .client-container {
        display: none;
    }

    .client-second-carousel {
        display: block;
    }

    .manage-area .container {
        max-width: 100%;
    }

    .manage-area .pt-170 {
        padding-top: 50px;
    }

    .manage-area {
        margin-top: 10px;
    }

    .manage-area .manage-img {
        position: relative;
        width: 100%;
    }

    .manage-area .manage-order-res {
        width: 100%;
    }

    .manage-area .order-last {
        width: 100%;
        /* margin-top: -40px; */
    }

    .manage-area .pt-170 {
        padding-top: 0px;
    }

    .manage-area .pt-70 {
        padding-top: 0px;
    }

    .manage-area .manage-order {
        padding: 20px 22px;
        border-radius: 20px;
    }

    .manage-area .manage-heading {
        font-size: 25px;
        line-height: 26px;
        padding-bottom: 10px;
    }

    .manage-area .manage-title {
        line-height: 20px;
        font-size: 12px;
    }

    /* .manage-area {
        margin-bottom: -90px;
    } */

    .counter-area {
        padding-top: 20px;
    }

    .service-area {
        padding-top: 140px;
        margin-top: -70px;
    }

    .service-area p {
        margin-bottom: 00px;
        padding-bottom: 50px;
    }

    .video-box img {
        width: 100%;
    }

    .pre-service-img {
        max-height: 300px;
        height: 100%;
        object-fit: contain;
    }

    .animate__moda {
        -webkit-animation-name: moda1;
        animation-name: moda1;
    }

    .manage-image1 {
        object-fit: contain;
        width: 600px;
        height: 300px;
        padding-bottom: 10px;
        display: block;
    }

    .manage-image {
        display: none;
    }


}

@media (min-width:1200px) and (max-width:1769px) {

    .manage-area .manage-heading,
    .manage-area .manage-title {
        position: relative;
        z-index: 9;
    }

    .counter-area {
        padding-top: 80px;
    }
}

@media (max-width:440px) {
    .welcome-area .ripple {
        left: 50%;
    }
}

@media (min-width:1200px) {
    .content-res {
        margin: 0 30px;
    }
}

@media (max-width:1300px) {

    .cascade-slider_item.next {
        width: 60%;
    }

    .cascade-slider_item.prev {
        width: 60%;
    }

    .ripple {
        position: absolute;
        left: 50%;
    }
}

@media (max-width:1400px) {
    .manage-area .manage-img1 {
        width: 79%;
    }

}

@media (min-width:1200px) and (max-width:1500px) {

    .cascade-slider_item.next {
        width: 60%;
    }

    .cascade-slider_item.prev {
        width: 60%;
    }

    .testi-box {
        max-width: 800px;
        width: 100%;
        padding: 20px;
    }

    .test-img img {
        box-shadow: -10px 10px 0px 0px #D9D9D9;
    width: 200px;
height: 200px;}
}