@media (max-width: 1440px) {
    .service-list{
        background-size: 100% 44% !important;
    }
    .service-list::after{
        height: 75%;
        background: linear-gradient(180deg, rgba(250, 250, 250, 1) 79%, transparent);
    }
}

@media (max-width: 1200px) {
    .header .main-header .header-wrapper .header-menu {
        max-width: calc(100% - 230px);
    }
    
    .header .main-header .header-wrapper .header-menu ul li a {
        font-size: var(--font-15);
    }

    .home-banner .banner-content .content-wrapper .content-right {
        max-width: 50%;
        top: 50px;
        padding: 40px 30px;
    }

    .home-banner .banner-content .content-wrapper {
        gap: 20px;
    }
    .multi-icon{
        padding: 216px 0 58px;
    }
    .image-gallery .gallery-content{
        margin-bottom: 30px;
    }
    .image-gallery .gallery-cards{
        gap: 50px;
    }
    .image-gallery .gallery-cards .card{
        max-width: calc(33.33% - 50px * 2 / 3);
    }
    .image-gallery .tabs ul.tab-list{
        gap: 15px;
        justify-content: center;
    }
    .full-w-image-content .full-content .content{
        padding: 0 40px;
    }
    
    
}

@media (max-width: 1024px) {
    .custom-testimonial-section .testimonial-box{
        padding: 50px 80px;
    }
    
    footer.footer .footer-wrapper {
        flex-direction: column;
    }
    
    footer.footer .footer-wrapper .footer-right {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>.sub-menu {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--color-white);
        min-width: 200px;
        max-width: 200px;
        width: 100%;
        padding: 14px 20px 19px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.13);
        flex-direction: column;
        z-index: 9;
        align-items: flex-start;
        gap: 12px;
        transition: 0.3s all ease-in;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        top: calc(100% + 10px);
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children {
        padding-right: 24px;
    }
    
    .header .main-header .header-wrapper .header-menu > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul.sub-menu {
        left: 100%;
        top: 0;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children::after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 9px;
        height: 7px;
        transform: translateY(-50%);
        background: url("./../images/menu-arrow.svg");
        background-repeat: no-repeat;
        content: "";
        transition: 0.3s all ease-in;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children:hover::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .header .main-header .header-wrapper .header-menu ul li a {
        position: relative;
    }

    .header .main-header .header-wrapper .header-menu ul li a::after {
        content: "";
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: -4px;
        left: 0;
        background-color: var(--text-color);
        transform-origin: bottom left;
        transition: transform 0.3s ease-in;
    }

    .header .main-header .header-wrapper .header-menu ul li a:hover::after {
        transform: scaleX(1);
    }

    .header .main-header .header-wrapper .header-humberger {
        display: none;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu {
        display: none;
    }
}

@media (max-width: 991px) {
    .container {
        padding: 0 20px;
    }

    .header .main-header .header-wrapper .header-menu {
        position: fixed;
        top: 150px;
        height: calc(100% - 150px);
        transition: 0.3s all ease-in;
        z-index: 999;
        right: -110%;
        width: 100%;
        background: var(--color-white);
        justify-content: flex-start;
        flex-direction: column;
        display: flex;
        align-items: flex-start;
        padding: 30px 20px;
        max-width: 100%;
    }

    body.logged-in .header .main-header .header-wrapper .header-menu{
        top: 182px;
        height: calc(100% - 182px);
    }

    .header .main-header .header-wrapper .header-humberger .cross-menu {
        display: none;
    }

    .header .main-header .header-wrapper {
        padding: 20px 0;
    }

    .header .main-header .header-wrapper .header-logo {
        max-width: 162px;
        height: 60px;
    }

    .header.mobile-header .main-header .header-wrapper .header-menu {
        right: 0px;
    }

    .header .main-header .header-wrapper .header-humberger {
        max-width: 33px;
        width: 100%;
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.3s all ease-in;
    }

    .header .main-header .header-wrapper .header-humberger.humberger-active {
        transform: rotate(180deg);
    }

    .header .main-header .header-wrapper .header-humberger img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.3s all ease-in;
    }

    .header.mobile-header .main-header .header-wrapper .header-humberger.humberger-active .mobile-menu {
        display: none;
    }

    .header.mobile-header .main-header .header-wrapper .header-humberger.humberger-active .cross-menu {
        display: block;
    }

    .header .main-header .header-wrapper .header-menu ul {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item {
        width: 100%;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children::after {
        content: none;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .arrow-menu {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .arrow-menu::after {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url(./../images/black-dropdown.svg);
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(-90deg);
        right: 0;
        background-position: right;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu {
        font-size: var(--font-16);
        line-height: var(--line-20);
        font-family: var(--forth-font-family);
        font-weight: var(--font-w-medium);
        color: var(--text-color);
        position: fixed;
        right: -110%;
        top: 179px;
        width: calc(100% - 24px);
        visibility: hidden;
        opacity: 0;
        padding-left: 24px;
        text-transform: var(--t-upper);
        z-index: 9;
        transition: 0.3s all ease-in;
    }

    body.logged-in .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu{
        top: 212px;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu::after {
        position: absolute;
        background-image: url(./../images/black-dropdown.svg);
        transform: rotate(90deg);
        background-repeat: no-repeat;
        background-size: 15px 15px;
        background-position: left 0 top 6px;
        content: "";
        width: 15px;
        height: 20px;
        top: 0px;
        left: 0;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu {
        position: fixed;
        right: -110%;
        top: 150px;
        width: 100%;
        height: calc(100% - 150px);
        transition: 0.3s all;
        padding: 69px 24px !important;
        background: #fff;
        justify-content: flex-start;
        transition: 0.3s all ease-in;
    }

    body.logged-in .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu{
        top: 182px;
        height: calc(100% - 182px);
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu.active-submenu {
        right: 0;
        z-index: 9;
        text-align: left;
    }

    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu.active-submenu+.close-menu {
        opacity: 1;
        visibility: visible;
        right: 0;
    }

    .header .main-header .header-wrapper .header-menu ul li a {
        font-size: var(--font-16);
        line-height: var(--line-20);
    }

    .header .top-header .top-wrapper .top-left .top-left-wrapper,
    .header .top-header .top-wrapper .top-right .top-right-wrapper {
        gap: 10px;
    }

    .header .top-header .top-wrapper .top-left p,
    .header .top-header .top-wrapper .top-left p a,
    .header .top-header .top-wrapper .top-right p,
    .header .top-header .top-wrapper .top-right p a,
    .header .top-header .top-wrapper .top-right p a:nth-of-type(1)::after {
        font-size: var(--font-16);
        line-height: var(--line-20);
    }

    .header .top-header .top-wrapper .top-left::after {
        height: 50px;
    }

    .header .top-header .top-wrapper .top-right .top-right-wrapper img {
        width: 25px;
        height: 25px;
    }

    .home-banner .banner-content .content-wrapper .content-left h2 {
        font-size: var(--font-30);
        line-height: var(--line-34);
        margin-bottom: 15px;
    }

    .home-banner .banner-content .content-wrapper .content-left p {
        font-size: var(--font-20);
        line-height: var(--line-24);
        margin-bottom: 20px;
    }

    .home-banner .banner-content .content-wrapper .content-right form {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .home-banner .banner-content .content-wrapper .content-right h4,
    .home-banner .banner-content .content-wrapper .content-right p {
        font-size: 16px;
        line-height: 20px;
    }

    .home-banner .banner-content .content-wrapper .content-right form .forminator-row {
        margin-bottom: 12px !important;
    }

    .home-banner .banner-content .content-wrapper .content-right form .forminator-row button.forminator-button-submit {
        margin-bottom: 0px !important;
    }

    .multi-icon .icon-wrapper .icon-card {
        max-width: calc(50% - 20px * 2 / 3);
    }
    .multi-icon{
        padding: 150px 0 58px;
    }
    .service-list{
        padding: 50px 0;
    }
    .service-list h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
    }
    .service-list .list-wrapper{
        margin-top: 40px;
    }
    .service-list .list-wrapper .list-card{
        padding: 20px;
    }
    .service-list .list-wrapper .list-card .service-top h3{
        font-size: 14px;
        line-height: var(--line-20);
    }
    .service-detail .service-detail-wrapper .service-detail-left .content,
     .service-detail .service-detail-wrapper .service-detail-right .content{
        padding-right: 20px;
        max-width: 470px;
     }
     .service-full-img{
        height: 450px;
     }
     .service-detail{
        padding: 40px 0;
     }
     .image-gallery .tabs{
        padding-top: 40px;
        padding-bottom: 40px;
     }
     .image-gallery h2{
        margin-bottom: 0px;
     }
     .image-gallery{
        padding: 40px 0;
     }
     .image-gallery .tabs ul.tab-list li{
        padding: 12px 45px;
     }
     .image-gallery h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
     }
     .image-gallery .pagination .page-numbers{
         max-width: 50px;
         height: 50px;
     }
     .image-gallery .pagination{
        gap: 20px;
     }
     .image-gallery .gallery-cards{
        gap: 40px;
    }
    .image-gallery .gallery-cards .card{
        max-width: calc(50% - 40px / 2 );
    }
    .request-quote{
        padding: 40px 0;
    }
    .request-quote h2{
        font-size: 22px;
        line-height: var(--line-30);
        margin-bottom: 30px;
    }
    .contact-us .contact-wrapper .contact-right ul li{
        margin-bottom: 15px;
    }
    .contact-us .contact-wrapper{
        padding: 0px;
    }
    .header.sticky .main-header .header-wrapper{
        padding: 20px 0;
    }
    .image-content .image-content-wrapper{
        flex-direction: column;
    }
    .image-content .image-content-wrapper .image-content-left,
    .image-content .image-content-wrapper .image-content-right{
      max-width: 100%;
    }
    .image-content.white-bg{
        padding: 40px 0;
    }
    .image-content.white-bg .image-content-wrapper .image-content-left a{
        margin-top: 20px;
    }
    .image-content .image-content-wrapper .image-content-right{
        padding-top: 0px;
    }
    .image-content .image-content-wrapper{
        gap: 40px;
    }
    .service-list {
        background-size: 100% 24% !important;
    }
    .service-list::after {
        height: 95%;
        background: linear-gradient(180deg, rgba(250, 250, 250, 1) 82%, transparent);
    }
}

@media (max-width: 782px) {
    body.logged-in .header .main-header .header-wrapper .header-menu,
    body.logged-in .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu{
        top: 196px;
        height: calc(100% - 196px);
    }
    body.logged-in.admin-bar .header{
        top: 46px;
    }
    body.logged-in .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu{
        top: 225px;
    }
}

@media (max-width: 767px) {
    .home-banner .banner-content .content-wrapper {
        flex-direction: column;
    }

    .home-banner .banner-content {
        padding: 60px 0;
    }

    .home-banner .banner-content .content-wrapper .content-right {
        position: unset;
        max-width: calc(100% - 60px);
        margin: 0 30px;
        padding: 23px 37px 30px;
    }

    .header .top-header .top-wrapper {
        flex-direction: column;
    }

    .header .top-header .top-wrapper .top-left,
    .header .top-header .top-wrapper .top-right {
        max-width: 100%;
    }

    .header .top-header .top-wrapper .top-left .top-left-wrapper {
        padding-left: 0;
        justify-content: center;
    }

    .header .top-header .top-wrapper .top-right .top-right-wrapper {
        padding-right: 0;
        justify-content: center;
    }

    .header .top-header .top-wrapper .top-left .top-left-wrapper,
    .header .top-header .top-wrapper .top-right .top-right-wrapper {
        max-width: 100%;
    }

    .header .top-header .top-wrapper .top-left::after {
        content: none;
    }

    .home-banner .banner-content .content-wrapper {
        align-items: flex-start;
        gap: 38px;
    }

    .home-banner .banner-content .content-wrapper .content-left {
        max-width: 100%;
    }

    .home-banner .banner-content .content-wrapper .content-left h2 {
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin-bottom: 12px;
        max-width: 220px;
    }

    .home-banner .banner-content .content-wrapper .content-left p {
        font-size: var(--font-16);
        line-height: var(--line-25);
        margin-bottom: 15px;
    }
    .image-content{
        padding: 40px 0;
    }
    .image-content .image-content-wrapper .image-content-left,
    .image-content .image-content-wrapper .image-content-right{
        max-width: 100%;
    }
    .image-content .image-content-wrapper .image-content-right{
        padding-top: 0px;
    }
    .image-content .image-content-wrapper{
        flex-direction: column-reverse;
        gap: 38px;
    }
    .image-content .image-content-wrapper .image-content-left h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin-bottom: 16px;
        text-align: center;
    }
    .image-content .image-content-wrapper .image-content-left p{
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }
    .image-content .image-content-wrapper .image-content-left a{
        margin: 58px auto 0;
    }
    .services {
        padding: 40px 0;
    }
    .services h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin-bottom: 16px;
    }
    .services p{
        font-size: 12px;
        line-height: var(--line-20);
    }
    .services .service-wrapper{
        margin-top: 58px;
        column-gap: 42px;
        row-gap: 35px;
    }
    .services .service-wrapper .service-card{
        max-width: calc(50% - 40px * 2 / 3);
    }
    .services .service-wrapper .service-card .service-icon{
        margin: 0 auto 14px;
    }
    .services .service-wrapper .service-card h4{
        font-size: 11px;
        line-height: 19px;
        font-weight: var(--font-w-regular);
        margin-bottom: 19px;
    }
    .services .service-wrapper .service-card p{
        font-size: 12px;
        line-height: var(--line-20);
    }
    .services .medium-btn {
        margin: 45px auto 0;
    }
    .featured-review .featured-img{
        min-height: 720px;
        height: 720px;
    }
    .featured-review .featured-content h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin: 0 auto 15px;
    }
    .featured-review .featured-content .review-item{
        padding: 21px 45px 38px;
        margin-bottom: 42px;
    }
    .featured-review .featured-content .review-item .review-stars{
        margin-bottom: 16px;
    }
    .featured-review .featured-content .review-item p{
        font-size: 14px;
        line-height: var(--line-20);
        margin-bottom: 15px;
    }
    .featured-review .featured-content .review-item h6{
        font-size: 14px;
        line-height: var(--line-20);
    }
    .full-w-image-content{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 0px;
    }
    .full-w-image-content .full-image, .full-w-image-content .full-content{
        max-width: 100%;
    }
    .full-w-image-content .full-image{
        min-height: 400px;
        height: 400px;
    }
    .full-w-image-content .full-content .content h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin-bottom: 24px;
        text-align: center;
    }
    .full-w-image-content .full-content .content p{
        font-size: 14px;
        line-height: var(--line-20);
        margin-bottom: 15px;
        text-align: center;
    }
    .full-w-image-content .full-content .content p:nth-last-of-type(1){
        margin-bottom: 0px;
    }
    .full-w-image-content .full-content .content a{
        margin-top: 45px;
    }
    .full-w-image-content .full-content{
        margin-bottom: 0px;
        padding: 40px 0;
    }
    footer.footer .footer-wrapper{
        gap: 30px;
    }
    footer.footer .footer-wrapper .footer-right{
        gap: 10px;
    }
    footer.footer{
        padding: 40px 0 12px;
    }
    footer.footer .footer-wrapper{
        flex-direction: column;
        padding-bottom: 40px;
        gap: 30px;
    }
    footer.footer .footer-wrapper .footer-logo{
        margin-bottom: 24px;
    }
    footer.footer .footer-wrapper .footer-right{
        gap: 12px;
        flex-direction: column;
    }
    footer.footer .footer-wrapper .footer-right .menu-item ul{
        gap: 12px;
    }
    footer.footer .footer-wrapper .footer-right .contact-details .contact-item{
        gap: 12px;
        margin-bottom: 12px;
    }
    footer.footer .footer-wrapper .footer-right .contact-details:nth-last-of-type(1){
        margin-top: 12px;
    }
    footer.footer .footer-wrapper .footer-right .contact-details:nth-last-of-type(1) .contact-item:nth-last-of-type(1){
        align-items: center;
    }
    footer.footer .footer-bottom{
        padding-top: 12px;
    }
    .header .main-header .header-wrapper .header-menu,
    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu {
        top: 182px;
        height: calc(100% - 182px);
    }
    .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu{
        top: 211px;
    }
    .full-w-image-content .full-content .content{
        max-width: 100%;
    }
    .header .top-header .top-wrapper .top-left,
    .header .top-header .top-wrapper .top-right{
        padding: 8px 0;
    }
    .full-w-image-content .full-content .content a{
        margin: 45px auto 0;
    }    
    footer.footer .footer-wrapper .footer-logo{
        max-width: 170px;
        height: 62px;
    }
    body.logged-in .header .main-header .header-wrapper .header-menu,
    body.logged-in .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu{
        top: 228px;
        height: calc(100% - 228px);
    }
    body.looged-in .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu{
        top: 257px;
    }
    .inner-page-banner .image_container{
        height: 300px;
        min-height: 300px;
    }
    .testimonial .testimonial-content h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin-bottom: 30px;
    }
    .testimonial .testimonial-img{
        height: 700px;
        min-height: 700px;
    }
    .image-content.white-bg{
        padding: 40px 0;
    }
    .image-content.white-bg .image-content-wrapper .image-content-left h2{
        margin-bottom: 16px;
    }
    .image-content.white-bg .image-content-wrapper .image-content-left a{
        margin: 58px auto 0;
    }
    .multi-icon{
        padding: 320px 0 58px;
    }
    .service-list .list-wrapper .list-card p{
        font-size: 12px;
        line-height: var(--line-20);
    }
    .service-list .list-wrapper .list-card .yellow-btn{
        margin-top: 20px;
    }
    .service-list .list-wrapper .list-left, 
    .service-list .list-wrapper .list-right{
        gap: 40px;
    }
    .service-list .list-wrapper .list-card .service-top img{
        width: 50px;
        height: 50px;
    }
    .service-header{
        padding: 40px 0;
    }
    .service-header .service-header-wrapper h4{
        font-size: var(--font-16);
        line-height: var(--line-20);
        margin-bottom: 15px;
    }
    .service-header .service-header-wrapper h2{
        font-size: 22px;
        line-height: var(--line-26);
    }
    .service-header .service-header-wrapper h4,
    .service-header .service-header-wrapper h2{
        position: relative;
        z-index: 9;
    }
    .service-detail .service-detail-wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .service-detail .service-detail-wrapper .service-detail-left,
     .service-detail .service-detail-wrapper .service-detail-right{
        max-width: 100%;
     }
     .service-detail .service-detail-wrapper .service-detail-left .content,
      .service-detail .service-detail-wrapper .service-detail-right .content{
        padding-right: 0px;
        max-width: 100%;
     }
     .service-detail .service-detail-wrapper .content p{
        font-size: var(--font-16);
        line-height: var(--line-24);
     }
     .service-detail .service-detail-wrapper .content ul li{
        font-size: var(--font-16);
        line-height: var(--line-24);
     }
     .service-detail .service-detail-wrapper .service-detail-right .content p{
       margin-bottom: 15px;
     }
     .contact-us .contact-wrapper{
        flex-direction: column;
        gap: 30px;
     }
     .contact-us{
        padding: 40px 0;
     }
     .contact-us .contact-wrapper{
        padding: 0px;
     }
     .contact-us .contact-wrapper .contact-left{
        max-width: 100%;
     }
     .contact-us .contact-wrapper .contact-right h2{
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin-bottom: 15px;
     }
     .contact-us .contact-wrapper .contact-right ul li{
        margin-bottom: 15px;
     }
     .contact-map{
        height: 400px;
     }
     .error .error-content h1{
        font-size: 40px;
        line-height: 50px;
     }
     .error .error-content p{
        font-size: 25px;
        line-height: 35px;
     }
     .full-content.default-content {
        padding: 40px 0;
    }
    .full-content.default-content h3,
    .full-content.default-content p,
    .full-content.default-content p a{
        font-size: 15px;
        line-height: 22px;
    }
    body.logged-in .header .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu{
        top: 257px;
    }
    .custom-testimonial-section{
       padding: 40px 0;
    }
    .featured-review .featured-content .review-slider{
        margin-bottom: 20px;
    }
}

@media (max-width: 676px) {
    .multi-icon .icon-wrapper .icon-card .card-img {
        margin: 0 auto 14px;
    }

    .multi-icon .icon-wrapper .icon-card h4 {
        margin-bottom: 5px;
    }

    .multi-icon .icon-wrapper .icon-card h4 {
        font-size: var(--font-18);
        line-height: var(--line-24);
    }

    .multi-icon .icon-wrapper .icon-card p {
        font-size: var(--font-16);
        line-height: var(--line-24);
    }
    .testimonial .testimonial-content .testimonial-slide{
        padding: 40px;
    }
    .testimonial .testimonial-img{
        min-height: 550px;
        height: 550px;
    }
    .testimonial .testimonial-content .testimonial-slide .stars{
        margin-bottom: 15px;
    }
    .testimonial .testimonial-content .testimonial-slide p{
        font-size: 12px;
        line-height: var(--line-20);
    }
    .testimonial .testimonial-content .testimonial-slider button.slick-prev {
        left: 20px;
    }
    
    .testimonial .testimonial-content .testimonial-slider button.slick-next {
        right: 20px;
    }
    .featured-review .featured-content .review-item .review-stars{
        gap: 6px;
    }
    .featured-review .featured-content .review-item .review-stars img{
        width: 13px;
        height: 13px;
    }
    .service-list .list-wrapper{
        flex-direction: column;
    }
    .service-list .list-wrapper .list-card{
        max-width: 100%;
    }
    .service-header .service-header-wrapper .service-header-img{
        max-width: 150px;
        height: 150px;
    }
    .image-gallery .tabs{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .request-quote .request-wrapper form .forminator-row .forminator-col{
        margin-bottom: 15px !important;
    }
    .request-quote .request-wrapper form .forminator-row.forminator-row-last .forminator-col{
        margin-bottom: 0px !important;
    }    
    .service-list{
        background-size: 100% 20% !important;
    }
    .service-list::after{
        height: 93%;
    background: linear-gradient(180deg, rgba(250, 250, 250, 1) 88%, transparent);
    }
    .custom-testimonial-section .testimonial-heading{
        font-size: var(--font-20);
        line-height: var(--line-28);
        margin: 0 auto 40px;
    }
    .custom-testimonial-section .testimonial-box{
    padding: 21px 15px 38px;
    margin-bottom: 40px;
    }
    .custom-testimonial-section .testimonial-box:nth-last-of-type(1){
        margin-bottom: 0px;
    }
    .custom-testimonial-section .testimonial-wrapper .stars{
        margin-bottom: 16px;
        gap: 6px;
    }
    .custom-testimonial-section .testimonial-wrapper .stars img{
    width: 13px;
    height: 13px;
    }
    .custom-testimonial-section .testimonial-box .testimonial-text{
    font-size: 14px;
        line-height: var(--line-20);
        margin-bottom: 15px;
    }
    .custom-testimonial-section .testimonial-box .testimonial-author{
        font-size: 14px;
        line-height: var(--line-20);
    }
}

@media (max-width: 600px) {
    body.logged-in.admin-bar .header.sticky{
        top: 0;
    }
    body.logged-in .header.sticky .main-header .header-wrapper .header-menu,
    body.logged-in .header.sticky .main-header .header-wrapper .header-menu ul li.menu-item-has-children>ul.sub-menu {
        top: 182px;
        height: calc(100% - 182px);
    }
    body.logged-in .header.sticky .main-header .header-wrapper .header-menu ul li.menu-item-has-children .close-menu{
        top: 211px;
    }
}

@media (max-width: 576px) {
    .home-banner .banner-content .content-wrapper .content-left h2 {
        font-size: 22px;
        line-height: var(--line-26);
    }

    .multi-icon {
        padding: 220px 0 20px;
    }

    .image-content{
        padding: 20px 0 40px;
    }

    .home-banner .banner-content .content-wrapper .content-right {
        margin: 0;
        max-width: 100%;
    }
    .multi-icon .icon-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .multi-icon .icon-wrapper .icon-card{
        max-width: 100%;
    }
    .image-content .image-content-wrapper .image-content-right{
        height: 226px;
    }
    .full-w-image-content .full-image {
        min-height: 226px;
        height: 226px;
    }
    footer.footer .footer-bottom{
        flex-direction: column;
        gap: 10px;
    }
    .home-banner .banner-content .content-wrapper .content-right{
        padding: 25px 20px;
    }
    .home-banner .banner-content .content-wrapper .content-right form .forminator-row .forminator-field input,
     .home-banner .banner-content .content-wrapper .content-right form .forminator-row .forminator-field textarea{
       padding: 5px 12px;
    }
    .home-banner .banner-content{
        padding: 40px 0;
    }
    .home-banner .banner-content .content-wrapper{
        gap: 25px;
    }
    .home-banner .banner-content .content-wrapper .content-right form .forminator-row .forminator-error-message{
       font-size: 11px !important; 
    }
    .services .service-wrapper{
        column-gap: 34px;
        margin-top: 40px;
    }
    .services .service-wrapper .service-card {
        max-width: calc(50% - 34px / 2);
    }
    .featured-review .featured-content h2{
        max-width: 300px;
        width: 100%;
    }
    .service-full-img{
        height: 350px;
    }
    .image-gallery .gallery-cards .card{
        max-width: 100%;
    }
    .image-gallery .gallery-cards .card .card-img{
        height: 350px;
    }
    .request-quote h2{
        margin-bottom: 25px;
    }
    .contact-map{
        height: 350px;
    }
    .full-w-image-content .full-content .content{
        padding: 0 20px;
    }
    .full-w-image-content .full-content .content h2{
        margin-bottom: 15px;
    }
    .full-w-image-content .full-content .content a{
        margin-bottom: 15px;
    }
}