@media (max-width: 1800px){
    .title{
        font-size: 32px;
        line-height: 42px;
   }
    .hero-section .flex-card img{
        max-width: 50%;
   }
    .testimonial-section .flex-card p{
        font-size: 24px;
        line-height: 36px;
   }
    .profile-section .left-block .title{
        font-size: 34px;
        line-height: 48px;
   }
    .profile-section .left-block{
        min-height: 700px;
   }
    .login-section .left-blk img{
        min-height: 190px;
        height: 190px;
   }
    .service-modal .modal-content{
        min-height: 550px;
   }
   .testimonial-section .flex-card p:before{
        left: -9%;
   }
   .login-section .right-blk{
        max-height: 596px;
   }
   .login-section .right-blk{
        padding: 65px 100px;
   }
   .forgot-password-section .left-blk img {
        height: inherit;
        min-height: inherit;
        margin: 0;
    }
    .forgot-password-section .right-blk {
        max-height: inherit;
    }
}
@media (max-width: 1399px){
    .login-section .right-blk{
        padding: 50px 100px;
   }
    .highest-rated-slider .slick-current {
        width: 565px !important;
    }
    .hero-section .right-block .last-text{
        padding: 0;
    }
    .profile-section .profile-slider .slick-slide {
        margin-right: 8px;
        margin-left: 8px;
    }
    .testimonial-section .flex-card p:before {
        left: -4%;
    }
}
@media (max-width: 1200px){
    .title{
        font-size: 26px;
        line-height: 36px;
   }
    .hero-section .slider-block h3{
        font-size: 28px;
   }
    footer .footer-bottom p{
        font-size: 16px;
   }
    .testimonial-section .flex-card p {
        font-size: 20px;
        line-height: 32px;
   }
    .profile-section .left-block .title {
        font-size: 30px;
        line-height: 42px;
   }
    .profile-section .main-service .flex-card a{
        font-size: 16px;
   }
    .login-section .right-blk {
        padding: 50px 50px;
   }
   .highest-rated-slider .slick-current {
        width: 572px !important;
   }
   .hero-section .slider-block .book-text{
    font-size: 30px;
   }
   .book-service-section .flex-card .num-blk:after{
    left: 69%;
   }
}

@media (max-width: 1024px) {
    .highest-rated-slider .slick-current {
        width: 500px !important;
        overflow: hidden;
    }
}

@media (max-width: 992px){
    .testimonial-section .flex-card p{
        max-width: 75%;
   }
    .testimonial-section .flex-card p {
        font-size: 20px;
        line-height: 30px;
   }
    footer .footer-bottom{
        text-align: center;
   }
    footer .social-media{
        padding: 0 0 15px;
   }
    footer .privacy-blk{
        text-align: center;
   }
    footer .footer-bottom p {
        padding: 0 0 10px;
   }
    .hero-section {
        padding: 60px 0 200px;
   }
    .service-section {
        padding: 50px 0;
   }
    .service-section .title {
        padding: 0 0 20px;
   }
    .book-service-section {
        padding: 50px 0 20px;
   }
    .book-service-section .title {
        padding: 0 0 20px;
   }
    .testimonial-section {
        padding: 40px 0;
   }
    .book-service-section .flex-card .num-blk:after{
        left: 72%;
   }
    html, html body{
        overflow-x: hidden;
   }
    .book-service-section .flex-card p {
        max-width: 100%;
   }
    header .navbar-collapse{
        background: #fff;
        width: 100%;
        padding: 30px 20px 20px 20px;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 5;
        text-align: center;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
   }
    header .navbar-nav .nav-item {
        margin: 0 0 20px;
   }
    .fa-xmark {
        display: none;
   }
    .navbar-toggler.active .fa-xmark{
        display: block;
   }
    .navbar-toggler .fa-xmark, .navbar-toggler .fa-bars{
        font-size: 25px;
        width: 22px;
   }
    .navbar-toggler.active .fa-bars{
        display: none;
   }
    .navbar-toggler:focus{
        box-shadow: none;
   }
    .navbar-toggler{
        background: #11578f;
        color: #fff;
        padding: 6px 10px;
   }
    header .navbar-nav .nav-item a{
        padding: 0;
        line-height: normal;
   }
    .testimonial-section .testimonial-slider{
        padding: 40px 0;
   }
    .service-modal .custom-width{
        width: 33.33%;
        margin: 0 0 20px;
   }
    .service-modal .custom-row{
        height: 400px;
        overflow-y: auto;
        padding-bottom: 50px !important;
   }
    .wizard-content .wizard>.steps>ul{
        margin: 0 auto 0 50px;
   }
    .service-modal .title {
        font-size: 22px;
   }
    .service-modal .btn-close{
        top: 14px;
        right: 20px;
   }
    .success-modal .modal-body img{
        max-width: 30%;
   }
    .login-section .custom-row{
        flex-direction: column-reverse;
   }
    .profile-section .profile-slider .custom-width {
        margin: 0;
   }
   .highest-rated-slider .slick-current {
        width: 520px !important;
        overflow: hidden;
    }
    .highest-rated {
        padding: 50px 0px;
    }   
    .highest-rated .title {
        padding: 0 0 20px;
    }
    .testimonial-section .flex-card p:before{
        top: -29%;
    }
    .testimonial-section .flex-card p:after{
        top: 80%;
    }

    .privacy-policy-section h3{
        font-size: 22px;
        line-height: 32px;
    }
    .privacy-banner {
        padding: 60px 0;
        margin: 0 0 40px;
    }
    .blog-details-section .right-blk .title{
        font-size: 24px;
    }
}

@media (max-width: 767px){
    .title {
        font-size: 22px;
        line-height: 32px;
   }
    .hero-section .right-block .title {
        padding: 0 0 20px;
   }
    .hero-section .slider-block h3 {
        font-size: 26px;
   }
    .hero-section .slider-block{
        padding: 20px 50px;
   }
    .book-service-section .flex-card .num-blk:after{
        display: none;
   }
    .book-service-section .flex-card img{
        margin: 0 auto 15px;
   }
    .hero-section {
        padding: 60px 0 200px;
   }
    .register-banner-section .register-banner-wrapper{
        padding: 40px 20px;
   }
   .register-banner-section .register-banner-wrapper p{
    line-height: 25px;
   }
    .service-section {
        padding: 50px 0;
   }
    .service-section .title {
        padding: 0 0 20px;
   }
    .book-service-section {
        padding: 50px 0 20px;
   }
    .book-service-section .title {
        padding: 0 0 20px;
   }
    .testimonial-section {
        padding: 40px 0;
   }
    .testimonial-section .slick-prev {
        left: 7px;
   }
    .testimonial-section .slick-next {
        right: 7px;
   }
    .testimonial-section .flex-card p {
        font-size: 16px;
        line-height: 30px;
   }
    .testimonial-section .testimonial-slider{
        padding: 20px 0;
   }
    .testimonial-section .flex-card p {
        max-width: 85%;
   }
    .testimonial-section .flex-card h4{
        font-size: 16px;
   }
    .wrapper.show {
        right: 0;
   }
    .hero-section .right-block{
        text-align: center;
   }
    .service-section .panel-container:has(.panel-control:checked) {
        width: 100%;
   }
    .service-section .panel-container{
        width: 100%;
   }
    .service-section .panel-container .panel-content .title{
        max-width: 100%;
   }
    .hero-section .slider-block:after{
        background: linear-gradient(90deg, rgba(157, 93, 42, 1) 35%, rgb(255 255 255 / 0%) 100%);
   }
    .service-section .panel-container .panel:after{
        background: linear-gradient(90deg, rgba(157, 93, 42, 1) 35%, rgb(255 255 255 / 0%) 100%);
   }
    .service-section .panel-container:has(.panel-control:checked) .panel {
        padding: 30px 40px;
        width: 93vw;
   }
    .service-section .panel-container {
        width: 93vw;
   }
    .service-section .panel-container .panel{
        width: 93vw;
   }
    .service-section .gallery{
        gap: 15px;
   }
    .hero-section .right-block p {
        padding: 0 0 20px;
        line-height: 25px;
   }
    .hero-section .right-block .last-text{
        padding: 0;
   }
    .service-modal .custom-width {
        width: 50%;
        margin: 0 0 20px;
   }
    .service-modal .modal-content{
        margin: 0 10px;
   }
    .service-modal .title{
        font-size: 20px;
        padding: 10px 20px;
   }
    .service-modal .btn-close{
        top: 12px;
        right: 15px;
   }
    .service-modal .custom-row {
        padding: 0 20px;
   }
    .profile-section .left-block {
        min-height: 500px;
   }
    .profile-section .main-service .custom-width {
        width: 100%;
        margin: 0 0 20px;
   }
    .profile-section .left-block .title {
        font-size: 26px;
        line-height: 38px;
   }
    .profile-section .title{
        padding: 0 0 10px;
   }
    .profile-section .main-service {
        margin: 0 0 30px;
   }
    .profile-section .slick-prev {
        left: -10px;
   }
    .profile-section .slick-next {
        right: -10px;
   }
    .profile-section .profile-slider .custom-width {
        margin: 0;
   }
    .login-section {
        padding: 50px 0 30px;
   }
    .login-section .right-blk .title{
        font-size: 22px;
   }
    .login-section .right-blk {
        padding: 30px 30px;
   }
    .login-section .right-blk .sub-title{
        padding: 0 0 20px;
   }
    .login-section .right-blk .text-link{
        display: inline-block;
   }
    .login-section .right-blk .text-link{
        font-size: 14px;
   }
    .login-section .checkmark{
        height: 26px;
        width: 26px;
        top: -1px;
   }
    .login-section .contain .checkmark:after{
        left: 8px;
        top: 3px;
        width: 8px;
        height: 14px;
   }
    .login-section .contain{
        padding-left: 34px;
   }
    .login-section .right-blk .text-link:after{
        bottom: 0;
   }


   .hero-section .title-small {
        padding: 50px 0 15px 0;
        text-align: center;
    }
    .hero-section .right-block .last-text span{
        font-size: 24px;
    }
    .highest-rated-slider .slick-current {
        width: 6% !important;
        overflow: hidden;
    }
    .highest-rated-slider .slider-bg-img p{
        max-width: 70%;
    }
    .highest-rated-slider .slick-current h3{
        font-size: 24px;
    }
    .testimonial-section .flex-card p:before {
        top: -19%;
        left: -13%;
    }
    .login-section .left-blk .custom-g3 {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
    }
    .login-section .left-blk .margin-bot{
        margin-bottom: 11px;
    }
    .privacy-policy-section h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .hero-section .slider-block .book-text {
        font-size: 28px;
    }
    .profile-section .btn-blk .theme-btn-blue{
        margin: 55px 10px 0 0;
    }
    .profile-section .sub-title {
        padding: 0 0 30px;
        text-align: center;
    }
    .profile-section .title-small{
        padding: 0 0 15px;
    }   
    .profile-section {
        padding: 60px 0 60px;
    }
    .forgot-password-section .right-blk .msg-text-fst {
        padding: 0 0 20px;
    }
    .forgot-password-section .right-blk .sub-title{
        font-size: 24px;
    }
    .book-service-section .flex-card .num-blk {
        margin: 0 0 20px;
    }
    .book-service-section .g-5, .book-service-section .gy-5 {
        --bs-gutter-y: 0;
    }
    .blog-list-section .flex-card{
        height: auto;
    }
    .blog-details-section .right-blk .title {
        margin-top: 0;
    }
    .blog-details-section .flex-card img {
        height: 180px;
    }
    .blog-details-section .right-blk .title {
        font-size: 20px;
    }
    .blog-details-section {
        padding: 0 0 10px;
    }
}