@media (min-width: 2560px) {
    .section-title {
        font-size: 50px;
    }
}

@media screen and (min-width: 2021px) and (max-width: 2560px) {

    .ser-hero-card,
    .ser-hero-banner-img {
        height: 570px;
    }

    .header-container {
        max-width: 1990px;
        padding: 0 15px 0 80px;
    }

    .service-help-flex {
        max-width: 1895px;
    }

    .container {
        max-width: 2000px;
    }

    .compliance-container {
        padding: 0 0 0 270px;
    }

    .hero-fire-service-btn {
        top: 20%;
        right: 35%;
    }

    .hero-technology-service-btn {
        bottom: 44%;
        right: 14%;
    }

    .hero-water-service-btn {
        top: 3%;
        left: 29%;
    }
}

@media screen and (min-width: 1921px) and (max-width: 2200px) {
    .header-container {
        max-width: 1560px;
        padding: 0 15px 0 15px;
    }

    .service-help-flex {
        max-width: 1860px;
    }

    .container {
        max-width: 1660px;
    }

    .compliance-container {
        padding: 0 0 0 270px;
    }

    .hero-technology-service-btn {
        bottom: 49%;
        right: 11%;
    }

    .hero-fire-service-btn {
        top: 23%;
        right: 32%;
    }

    .hero-water-service-btn {
        top: 5%;
        left: 29%;
    }

}

@media (max-width: 1800px) {
    .container-custom {
        padding: 0 240px;
    }

    .header-container {
        padding: 0 15px 0 60px;
    }

    .hero-container::after {
        width: 240px;
    }

    .hero-container {
        padding: 0 0 0 240px;
    }

    .technical-support-title {
        margin: 0 0 62px 300px;
    }

    .service-hero-container {
        padding: 0 0 0 240px;
    }

    .service-help-section {
        margin: -400px 0 0 240px;
    }

    .services-hero-section::after {
        left: 209px;
    }

    .inner-details-container {
        padding: 0 0 0 240px;
    }

    .company-registration-flex {
        padding: 86px 0 120px 235px;
    }

    .shape-page-full {
        width: 240px;
    }

    .cms-details-section {
        padding: 68px 0 30px 240px;
    }

    .compliance-container {
        padding: 0 0 0 225px;
    }

    .hero-fire-service-btn {
        top: 26%;
        right: 27%;
    }

    .hero-technology-service-btn {
        bottom: 30%;
        right: 10%;
    }

    .home-trusted-section {
        padding: 33px 0 0 300px;
    }

    .inner-hero-container {
        padding: 0 0 0 250px;
    }

    .services-trusted-section {
        padding: 94px 0 165px 300px;
    }
}

@media screen and (min-width: 1513px) and (max-width: 1799px) {
    .inner-hero-container {
        padding: 0 0 0 200px;
    }

    .services-trusted-section {
        padding: 94px 0 165px 265px;
    }

    .inner-page-details-main .shape-page-full {
        width: 200px;
    }

    .inner-details-shape-container::after {
        width: 200px;
    }

    .service-help-section {
        margin: -400px 0 0 200px;
    }

    .inner-details-container {
        padding: 0 0 0 200px;
    }

    .technical-support-title {
        margin: 0 0 62px 265px;
    }

    .services-hero-section::after {
        left: 169px;
    }

    .home-trusted-section {
        padding: 33px 0 0 265px;
    }

    .hero-container::after {
        width: 200px;
    }

    .container-custom {
        padding: 0 200px;
    }

    .hero-container {
        padding: 0 0 0 200px;
    }

    .service-hero-container {
        padding: 0 0 0 200px;
    }

    .inner-page-details-main .cms-details-section {
        padding: 68px 0 30px 200px;
    }

    .hero-technology-service-btn {
        bottom: 32%;
        right: 8%;
    }
}

@media (max-width: 1680px) {
    .services-trusted-section {
        padding: 94px 0 165px 180px;
    }

    .inner-hero-container {
        padding: 0 0 0 115px;
    }

    .technical-support-title {
        margin: 0 0 62px 210px;
    }

    .service-help-section {
        margin: -400px 0 0 115px;
    }

    .hero-technology-service-btn {
        bottom: 32%;
        right: 8%;
    }

    .hero-fire-service-btn {
        top: 27%;
        right: 26%;
    }

    .header-container {
        padding: 0 15px 0 20px;
    }

    .inner-page-details-main .shape-page-full {
        width: 115px;
    }

    .inner-details-shape-container::after {
        width: 115px;
    }

    .inner-details-container {
        padding: 0 0 0 115px;
    }

    .technical-support-title {
        margin: 0 0 62px 220px;
    }

    .home-trusted-section {
        padding: 33px 0 0 185px;
    }

    .hero-container::after {
        width: 115px;
    }

    .container-custom {
        padding: 0 115px;
    }

    .hero-container {
        padding: 0 0 0 115px;
    }

    .service-hero-container {
        padding: 0 0 0 115px;
    }

    .inner-page-details-main .cms-details-section {
        padding: 68px 0 30px 115px;
    }
}

@media (max-width: 1512px) {
    .technical-support-title {
        margin: 0 0 62px 155px;
    }

    .header-container {
        padding: 0 15px 0 50px;
    }

    .hero-water-service-btn {
        top: 15%;
        left: 29%;
    }

    .hero-fire-service-btn {
        top: 27%;
        right: 25%;
    }

    .hero-technology-service-btn {
        bottom: 36%;
        right: 8%;
    }

    .hero-training-service-btn {
        bottom: 26%;
        left: 36%;
    }

    .case-study-trusted-section {
        padding: 86px 0 86px 153px;
    }

    .container-custom {
        padding: 0 96px;
    }

    .footer-social-list {
        margin: 0 0 0 25px;
    }

    .inner-page-details-main .cms-details-section {
        padding: 68px 0 30px 96px;
    }


    .inner-hero-container {
        padding: 0 0 0 96px;
    }

    .service-hero-container {
        padding: 0 0 0 96px;
    }

    .home-trusted-section {
        padding: 33px 0 0 153px;
    }

    .inner-details-container {
        padding: 0 0 0 96px;
    }

    .service-help-section {
        margin: -400px 0 0 96px;
    }

    .compliance-container {
        padding: 0 0 0 96px;
    }

    .shape-page-full {
        width: 96px;
    }

    .inner-page-details-main .shape-page-full {
        width: 96px;
    }

    .inner-details-shape-container::after {
        width: 96px;
    }

    .hero-container::after {
        width: 96px;
    }

    .hero-container {
        padding: 0 0 0 96px;
    }

    .company-registration-flex {
        padding: 86px 0 122px 96px;
    }

    .services-trusted-section {
        padding: 94px 0 165px 153px;
    }

    .services-hero-section::after {
        left: 66px;
    }


    .map-container {
        padding: 0 0 0 96px;
    }

    .inner-details-shape-container::after {
        width: 96px;
    }

    .contact-hero-img {
        display: none;
    }

    .contact-hero-card {
        height: 315px;
    }

    .contact-trusted-section {
        padding: 96px 15px 97px 153px;
    }

    .inner-contact-card-title {
        max-width: 526px;
    }
}

@media (max-width: 1440px) {
    .hero-fire-service-btn {
        top: 28%;
        right: 23%;
    }

    .hero-water-service-btn {
        top: 17%;
        left: 29%;
    }

    .hero-technology-service-btn {
        bottom: 38%;
        right: 6%;
    }

    .hero-training-service-btn {
        bottom: 27%;
        left: 36%;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1511px) {

    .header-container {
        padding: 0 15px 0 85px;
    }

    .container {
        max-width: 1300px;
    }
}

@media (max-width: 1366px) {
    .technical-support-title {
        margin: 0 0 62px 105px;
    }

    .home-trusted-section {
        padding: 33px 0 0 100px;
    }

    .about-inner-shape-box {
        padding: 25px 0 0 75px;
    }

    .page-wrapper {
        padding: 101px 0 0 0;
    }

    .shape-title.shape-hero-sec::after {
        left: -30px;
    }

    .container-custom {
        padding: 0 60px;
    }

    .inner-details-card {
        padding: 65px 59px 60px 30px;
    }

    .inner-page-details-main .cms-details-section {
        padding: 68px 0 30px 60px;
    }

    .inner-page-details-main .shape-page-full {
        width: 66px;
    }

    .inner-details-shape-container::after {
        width: 66px;
    }

    .section-sub-title {
        font-size: 24px;
    }

    .services-hero-section::after {
        left: 29px;
    }

    .footer-social-list {
        margin: 0;
    }

    .service-help-section {
        margin: -400px 0 0 60px;
    }

    .offer-tech-section {
        margin: 59px 0 122px 0;
    }

    .services-trusted-section {
        padding: 94px 0 94px 153px;
    }

    .how-can-section-title {
        margin: 0 0 40px 60px;
    }

    .container {
        max-width: 1180px;
    }

    .service-section-details-flex {
        gap: 40px;
    }

    .cream-rounded-btn-icon {
        height: 22px;
        width: 22px;
    }

    .service-help-subtitle {
        font-size: 20px;
    }

    .service-sector-list-item {
        font-size: 20px;
        line-height: 1.6;
    }

    .compliance-title-box {
        gap: 20px;
    }

    .section-title {
        font-size: 38px;
    }

    .hero-card {
        height: 550px;
    }

    .ser-hero-banner-img {
        height: 440px;
    }

    .ser-hero-card {
        height: 440px;
    }

    .service-sector-details-para,
    .quoute-para {
        font-size: 20px;
        margin: 0 0 45px 0;
    }

    .service-sector-details-para-bold {
        font-size: 18px;
    }

    .inner-details-img {
        margin: 0 0 40px 0;
    }

    .quoute-box {
        margin: 0 0 83px 0;
        padding: 48px 30px 30px 30px;
    }

    .service-card-title {
        font-size: 20px;
        min-height: 72px;
    }

    .accordion-content {
        padding: 39px 37px 39px 37px;
    }

    .our-tech-team-section {
        padding: 0 0 80px 0;
    }

    .our-commercial-team-section {
        padding: 0 0 80px 0;
    }

    .working-for-zeta-section {
        padding: 80px 0 80px 0;
    }

    .inner-page-details-bg {
        margin: 0;
    }

    .service-section-details-main {
        margin: 55px 0 0 0;
    }

    .shape-page-full {
        width: 60px;
    }

    .case-study-with-us-section {
        padding: 107px 0 128px 0;
    }

    .contact-form-para {
        font-size: 24px;
    }

    .technical-support-section {
        padding: 96px 0 98px 0;
    }

    .tab-list {
        min-width: 370px;
        flex: 0 0 370px;
    }

    .risk-details-flex {
        padding: 0;
    }

    .service-left-title,
    .service-left-large-main .service-left-title {
        max-width: 100%;
        font-size: 24px;
    }

    .contact-map {
        height: 492px;
    }

    .setting-check-title {
        font-size: 28px;
    }

    .oops-trusted-section {
        padding: 10px 0 80px 153px;
    }

    .inner-details-container {
        padding: 0 0 0 60px;
    }

    .thank-you-shape-container::after {
        height: 440px;
    }

    .inner-details-shape-container::after {
        width: 60px;
        height: 260px;
    }

    .quoute-para {
        font-size: 19px;
    }

    .shape-inner-contact-hero-card {
        height: 104px;
    }

    .contact-trusted-section {
        padding: 70px 15px 70px 153px;
    }

    .setting-card-title {
        font-size: 25px;
    }

    .employee-benefit-section {
        padding: 0 0 80px 0;
    }

    .about-speak-with-us-section {
        margin: 47px 0 135px;
    }

    .hero-container::after {
        width: 60px;
    }

    .hero-container {
        padding: 0 0 0 60px;
    }

    .service-hero-container {
        padding: 0 0 0 60px;
    }

    .setting-section {
        margin: 0 0 119px 0;
    }

    .fire-risk-offer-section {
        margin: 80px 0 0 0;
    }

    .service-help-container {
        padding: 73px 40px 0px 59px;
    }

    .service-help-btn-flex {
        margin: 25px 0 0 0;
    }

    .service-how-can-title {
        margin: 0 0 19px 0;
    }

    .fire-down-speak-with-us-section {
        margin: 70px 0 70px 0;
    }

    .tech-support-logo {
        min-width: 231px;
    }

    .our-value-details-section {
        padding: 80px 0 115px 0;
    }

    .our-value-cards-sec {
        padding: 69px 0 106px 0;
    }

    .our-executive-team-section {
        padding: 80px 0 96px 0;
    }

    .shape-inner-hero-details-card {
        height: 70px;
    }

    .inner-hero-section {
        height: 300px;
    }

    .inner-hero-details-card {
        height: 300px;
        padding: 30px;
    }

    .hero-shape-space {
        margin: 0 0 0 -30px;
    }

    .our-value-card-para {
        max-width: 242px;
        margin: auto;
    }

    .inner-hero-card-title {
        margin: 0 0 30px 0;
    }

    .about-our-story-sec {
        padding: 77px 0 80px 0;
    }

    .why-join-us-section {
        padding: 80px 0 80px 0;
    }

    .training-compliance-section {
        margin: 80px 0 80px 0;
    }

    .compliance-section {
        margin: 80px 0 80px 0;
    }

    .sector-oevrlap-section {
        margin: -297px 0 0 0;
        padding: 297px 0 0 0;
    }

    .accordion-tab {
        padding: 65px 30px 53px 30px;
    }

    .compliance-card-carouse .owl-nav {
        bottom: -50px;
    }

    .fire-how-work-section {
        padding: 80px 0 0 0;
    }

    .accordion-tab-icon {
        height: 40px;
        width: 40px;
    }

    .accordion-tab-inner-flex {
        gap: 20px;
    }

    .accordion-tab-title {
        font-size: 24px;
    }

    .header-logo {
        width: 240px;
        height: 50px;
    }

    .benefit-para {
        font-size: 15px;
    }

    .why-join-us-card {
        padding: 47px 30px 53px;
    }

    .footer-title {
        font-size: 36px;
    }

    .our-team-img {
        min-height: 350px;
    }

    .our-team-card-sub-title {
        font-size: 16px;
    }

    .service-sector-btn-flex {
        align-items: flex-start;
        gap: 19px;
        flex-direction: column;
    }

    .about-mission-sub-title {
        font-size: 24px;
    }

    .about-sector-section {
        margin: -67px 0 0 0;
    }

    .header-container {
        padding: 0 15px 0 90px;
    }

    .our-team-card-title {
        font-size: 18px;
    }

    .tech-small-card-title {
        font-size: 17px;
        max-width: 100%;
    }

    .tech-small-card {
        padding: 25px 20px 22px;
    }

    .zik-zak-large-card {
        max-width: 58%;
        flex: 0 0 58%;
    }

    .offer-tech-title {
        font-size: 24px;
        min-width: 306px;
    }

    .offer-tech-inner-flex {
        column-gap: 25px;
    }
}

@media (max-width: 1280px) {
    .hero-water-service-btn {
        top: 17%;
        left: 26%;
    }

    .hero-fire-service-btn {
        top: 28%;
        right: 19%;
    }

    .hero-technology-service-btn {
        bottom: 38%;
        right: 0;
    }

    .hero-training-service-btn {
        bottom: 30%;
        left: 36%;
    }
}

@media (max-width: 1180px) {
    .zik-zak-large-card {
        max-width: 47%;
        flex: 0 0 47%;
    }

    .zik-zak-small-card {
        max-width: 47%;
        flex: 0 0 47%;
    }


    .service-help-btn-flex {
        flex-wrap: wrap;
    }

    .setting-card-flex {
        gap: 18px;
        flex-wrap: wrap;
        margin: 0 0 40px 0;
    }

    .fire-inner-hero-section {
        margin: 0 0 44px 0;
    }

    .ser-hero-card {
        padding: 50px 36px 68px 0;
    }

    .hero-card {
        padding: 50px 19px 88px 0;
    }

    .help-content-wrapper {
        padding: 0 0 0 37px;
    }

    .accordion-wrapper {
        flex-direction: column;
    }

    .accordion-tab.active .accordion-tab-arrow-icon {
        transform: rotate(270deg);
    }

    .accordion-tab-arrow-icon {
        transform: rotate(90deg);
    }

    .tab-list {
        width: 100%;
    }

    .accordion-content {
        display: none;
    }

    .injected-panel {
        display: block;
        margin: -25px 0 0 0;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .container {
        max-width: 1040px;
        padding: 0 37px;
    }

    .setting-section-title-main {
        max-width: 554px;
    }

    .service-section-details-img {
        min-height: 221px;
    }

    .service-sector-img-box {
        max-width: 330px;
        flex: 0 0 330px;
    }

    .tech-support-card {
        flex-wrap: wrap;
        gap: 24px;
    }

    .judge-us-row {
        gap: 29px;
    }

    .company-registration-flex {
        padding: 78px 0px 91px 43px;
        flex-direction: column;
        align-items: flex-start;
        gap: 27px;
    }

    .company-registration-box {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .company-registration-title {
        max-width: 250px;
    }

    .judge-us-btn-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

    .judge-us-img {
        min-width: 344px;
    }

    .service-sector-list {
        column-gap: 45px;
    }

    .our-value-card {
        padding: 25px;
    }

    .our-team-card-flex {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 13px;
        row-gap: 30px;
    }

    .working-zeta-flex {
        gap: 30px;
        padding: 0;
    }

    .service-sector-logo,
    .zik-zak-logo,
    .service-sectior-logo-box {
        height: 90px;
        width: 90px;
    }

    .service-help-right-main,
    .service-help-small-right-main {
        max-width: 350px;
        flex: 0 0 350px;
        margin: 0 37px 0 0;
    }

    .ser-get-help-card {
        padding: 47px 34px 50px 37px;
    }

    .service-help-section {
        padding: 40px 0 0 0;
    }

    .service-help-container {
        padding: 79px 0 0 0;
    }

    .fire-down-warpper {
        padding: 0 20px 0 30px;
    }

    .offer-tech-inner-flex {
        align-items: flex-start;
        flex-direction: column;
        row-gap: 46px;
        column-gap: 40px;
    }

    .tech-how-can-left-main {
        max-width: 370px;
        width: 100%;
        flex: 0 0 370px;
    }

    .tech-how-can-help-img {
        width: 240px;
        height: 163px;
    }

    .service-flex {
        flex-direction: column;
        padding: 65px 0 0 0px;
        gap: 30px;
    }

    .service-card-flex {
        gap: 15px;
    }

    .service-card {
        min-width: 125px;
        padding: 23px 5px 29px;
    }

    .need-title {
        font-size: 20px;
        line-height: 1.3;
    }

    .need-check-icon {
        height: 42px;
        width: 42px;
    }

    .need-span {
        display: block;
    }

    .need-box {
        margin: 16px 0 0 0;
        padding: 38px 65px 43px 22px;
    }


    .service-left-main,
    .service-left-large-main {
        max-width: 100%;
        flex: 1;
    }

    .offer-tech-img {
        width: 180px;
        height: 49px;
    }

    .why-join-us-right-main {
        max-width: 400px;
        flex: 0 0 400px;
    }

    .contact-form-flex {
        gap: 30px;
        flex-wrap: wrap;
    }

    .tab-services-img-flex {
        padding: 15px 36px 40px;
    }

    .accordion-tab.active::before,
    .accordion-tab.active::after {
        display: none;
    }

    .tab-service-content-box {
        margin: 0;
    }

    .accordion-tab {
        margin: 0;
        padding: 65px 30px 53px 49px;
    }

    .accordion-tab.active {
        margin: 0;
    }

    .speak-with-us-title {
        font-size: 24px;
    }

    .compliance-title {
        max-width: 394px;
    }

    .inner-page-details-main .cms-details-section {
        padding: 21px 0 30px 60px;
    }

    .footer-social-list {
        margin: 0 0 0 25px;
    }

    .about-details-title-box {
        padding: 0 20px 0 30px;
    }

    .inner-details-flex {
        gap: 30px;
    }
}

@media (max-width: 1024px) {
    .hero-water-service-btn {
        top: 13%;
        left: 29%;
    }

    .hero-technology-service-btn {
        bottom: 34%;
        right: 9%;
    }

    .hero-fire-service-btn {
        top: 26%;
        right: 26%;
    }

    .hero-training-service-btn {
        bottom: 25%;
        left: 36%;
    }

    .inner-details-right {
        margin: 0 30px 0 0;
    }

    .service-help-container {
        border-radius: 0;
    }

    .container-custom {
        padding: 0;
    }

    .inner-details-wrapper {
        padding: 0 30px 0 30px;
    }

    .service-sector-listing-box,
    .service-section-details-main {
        padding: 0 45px;
    }

    .offer-legionella-section {
        margin: 70px 0 0 0;
    }

    .setting-section {
        margin: 0 0 74px 0;
    }

    .shape-title {
        padding: 0 30px 0 35px;
    }

    .hero-card-shape {
        padding: 0 0 0 40px;
    }

    .risk-details-section-title {
        margin: 0 0 40px 0;
    }

    .service-sector-section {
        border-radius: 0;
        padding: 60px 0 80px
    }

    .legionella-speak-with-us-section {
        margin: 70px 0 105px 0;
    }

    .about-our-story-sec .container {
        padding: 0;
    }

    .common-content-wrapper {
        padding: 0 30px 0 30px;
    }

    .content-warpper {
        padding: 0 0 0 30px;
    }

    .inner-details-card {
        padding: 50px 30px 40px 0px;
    }

    .inner-hero-sub-title-large {
        padding: 0 0 0 40px;
    }

    .our-value-sector-section {
        margin: -80px 0 0 0;
    }

    .inner-page-details-main .cms-details-section {
        padding: 50px 0 30px 0px;
    }

    .cms-details-section h1 {
        font-size: 32px;
        padding: 0 0 0 30px;
        margin: 0 0 30px 0;
    }

    .view-all-btn {
        width: 100%;
        margin-left: auto;
    }

    .compliance-title-flex {
        align-items: flex-start;
        flex-direction: column;
        gap: 45px;
        margin: 0 0 44px 0;
    }

    .compliance-more-box {
        width: 100%;
    }

    .shape-page-full {
        display: none;
    }

    .service-hero-container {
        padding: 0;
    }

    .about-story-flex {
        flex-direction: column;
        gap: 45px;
    }

    .about-mission-main {
        height: auto;
        background-size: cover;
    }

    .about-story-right-main {
        order: 1;
        width: 100%;
        padding: 0 30px;
    }

    .about-story-left-main {
        order: 2;
        position: relative;
    }

    .company-regi-card-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .speak-with-us-flex {
        flex-direction: column;
        padding: 42px 27px;
        gap: 30px;
        align-items: flex-start;
    }

    .header-logo {
        width: 308px;
        height: 61px;
    }

    .header-btn-text {
        display: none;
    }

    .header-call-btn {
        padding: 15px;
    }

    .page-wrapper {
        padding: 89px 0 0 0;
    }

    .header-container {
        padding: 0 30px;
    }

    .about-details-main {
        padding: 50px 0 50px 0;
    }

    .about-our-story-sec {
        padding: 50px 0 50px 0;
    }

    .about-sector-section {
        margin: -81px 0 0 0;
    }

    .our-value-card-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .our-details-flex:last-child {
        margin: 0;
    }

    .sm-our-details-title {
        font-size: 18px;
        font-weight: 800;
        line-height: 1.6;
    }

    .our-details-flex {
        margin: 0 0 126px 0;
        flex-direction: column;
    }

    .inner-hero-details-card::before {
        display: none;
    }


    .why-join-us-flex {
        gap: 60px;
    }

    .why-join-us-right-main {
        max-width: 100%;
        flex: 1;
        margin: 0 30px 0 0;
    }

    .why-join-us-section {
        padding: 50px 0 40px 0;
    }

    .benefit-flex {
        gap: 23px;
    }

    .zik-zak-flex {
        row-gap: 107px;
        margin: 0 0 107px 0;
    }

    .case-study-trusted-section {
        padding: 78px 0 78px 19px;
    }

    .zik-zak-section {
        padding: 20px 0 0;
    }

    .zik-zak-img {
        min-height: 355px;
        max-height: 355px;
    }

    .inner-details-right {
        max-width: 100%;
        flex: 1;
    }

    .ser-hero-banner-img {
        height: 465px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .ser-hero-banner-box {
        margin: 0;
    }

    .service-tech-card-title {
        min-height: auto;
    }

    .how-can-help-img {
        min-width: 323px;
        max-width: 323px;
        height: 436px;
    }

    .how-can-help-card {
        margin: 0 0 39px 0;
        padding: 44px 31px 49px;
    }

    .service-help-icon-btn {
        order: 2;
    }

    .how-can-section-title {
        margin: 0 0 40px 0;
    }

    .services-trusted-section {
        padding: 70px 0 132px 35px;
    }

    .service-help-section {
        margin: -400px 0 0 0px;
        padding: 0;
    }

    .service-help-flex {
        gap: 17px;
    }

    .service-help-left-main {
        margin: 0;
    }

    .service-card-section {
        padding: 0 0 64px 0;
    }

    .oops-btn-flex {
        margin: 40px 0 0 0;
    }


    .thank-you-trusted-section {
        padding: 50px 0 50px 60px;
    }

    .oops-trusted-section {
        padding: 10px 0 50px 60px;
    }

    .cms-content-warper h1 {
        font-size: 35px;
        margin: 0 0 20px 0;
        padding: 0 0 0 30px;
    }

    .contact-hero-img {
        max-width: 100%;
        flex: 0 0 100%;
        height: 200px;
    }


    .contact-form-section .container {
        padding: 0;
    }

    .contact-form-para {
        padding: 0 20px;
        margin: 0 0 76px 0;
    }

    .contact-hero-card {
        padding: 21px 59px 60px 0;
    }

    .inner-details-section {
        padding: 57px 0 0 0;
    }

    .contact-form-flex {
        padding: 0 0 100px 0;
        gap: 108px;
    }

    .map-container {
        padding: 0 0 0 37px;
    }

    .contact-info-box {
        padding: 0;
    }

    .contact-form-wrapper {
        padding: 0 35px;
    }

    .contact-hero-flex {
        flex-direction: column;
        margin: 0;
    }

    .inner-details-container {
        padding: 0;
        margin: 0 0 45px 0;
    }

    .about-mission-title {
        max-width: 247px;
        margin: auto;
    }

    .about-mission-main {
        padding: 80px 0 0 0;
    }

    .contact-trusted-section {
        padding: 50px 15px 50px 50px;
    }

    .inner-details-shape-container::after {
        display: none;
    }

    .inner-hero-container {
        padding: 0;
    }

    .about-service-content-wrapper {
        padding: 0 20px 0 20px;
    }

    .shape-title.shape-hero-sec {
        padding: 0 0 0 40px;
    }

    .why-join-us-section .container {
        padding: 0;
    }

    .employee-benefit-section .container {
        padding: 0;
    }

    .employee-benefit-main {
        padding: 0 0 0 30px;
    }

    .why-join-us-card {
        margin: 0 0 58px 0;
    }

    .inner-hero-details-card .section-sub-title {
        padding: 0 0 0 40px;
    }

    .inner-hero-details-card {
        max-width: 100%;
        height: auto;
        padding: 50px 21px 21px 0;
    }

    .inner-hero-section {
        height: auto;
    }

    .working-for-zeta-section {
        padding: 67px 0 78px 0;
    }

    .working-zeta-right-main {
        max-width: 350px;
        flex: 0 0 350px;
    }

    .our-people-title-flex {
        margin: 0 0 54px 0;
    }

    .ser-banner-content-flex {
        flex-direction: column;
    }

    .setting-right-main {
        max-width: 344px;
        flex: 0 0 344px;
    }

    .hero-card {
        max-width: 100%;
        height: auto;
        padding: 50px 19px 51px 0;
    }

    .hero-banner-img {
        height: 653px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .hero-card-title {
        margin: 0 0 50px 0;
        max-width: 641px;
    }

    .accordion-tab-inner-flex {
        gap: 36px;
    }

    .accordion-tab-title {
        font-size: 30px;
    }

    .accordion-tab-icon {
        height: 61px;
        width: 61px;
    }

    .hero-container {
        padding: 0;
    }

    .hero-banner-content-flex {
        flex-direction: column;
    }

    .trusted-flex {
        gap: 20px;
    }

    .ser-hero-card {
        height: auto;
        width: 100%;
        padding: 50px 36px 68px 0;
        border-radius: 0;
    }

    .hero-card-shape::after {
        left: 0;
    }

    .service-card-logo {
        width: 100%;
    }

    .tech-how-can-logo-card {
        min-height: auto;
    }

    .tech-how-can-left-main {
        max-width: 323px;
        flex: 0 0 323px;
    }

    .hero-container::after {
        display: none;
    }

    .home-trusted-section {
        padding: 33px 0 0 38px;
    }

    .service-section-details-flex {
        gap: 36px;
    }

    .judge-us-section {
        padding: 78px 0 0 0;
    }

    .judge-us-left {
        margin: 0;
    }

    .setting-the-highest-bg-wrapper::after {
        display: none;
    }

    .tech-support-section {
        margin: 0 0 129px 0;
    }

    .footer-image-bg {
        height: 396px;
    }

    .footer-title-flex {
        margin: 0 0 30px 0;
    }

    .how-can-flex {
        gap: 43px;
    }

    .footer-card-shape {
        padding: 0 0 0 30px;
    }

    .tech-support-card {
        padding: 30px 30px 44px 34px;
    }

    .tech-support-card-flex {
        column-gap: 17px;
    }

    .setting-card-title {
        font-size: 28px;
    }

    .setting-row {
        gap: 60px;
    }

    .technical-support-title {
        margin: 0 0 62px 34px;
        max-width: 436px;
    }

    .section-title.service-sector-title {
        margin: 0 0 44px 0;
        max-width: 100%;
    }

    .sm-container-none.container {
        padding: 0;
    }

    .home-accordion-main .container {
        padding: 0;
    }

    .setting-left-main {
        padding: 0;
    }

    .service-section-wrapper .container {
        padding: 0;
    }

    .offer-tech-flex {
        padding: 48px 47px 71px;
        gap: 65px;
    }

    .compliance-container {
        padding: 0 36px 0 36px;
    }

    .compliance-section {
        margin: 130px 0 135px 0;
    }

    .compliance-card-carouse .owl-nav {
        left: 0;
    }

    .sector-oevrlap-section .container {
        padding: 0;
    }

    .ser-hero-card-subtitle {
        font-size: 19px;
        line-height: 1.5;
        margin: 0 0 9px 0;
    }

    .offer-fire-down-section {
        margin: 40px 0 70px 0;
    }

    .none-speak-with-us-sec {
        display: none;
    }

    .service-section-details-titles {
        font-size: 28px;
    }

    .setting-section-title {
        max-width: 554px;
    }

    .setting-card-img {
        max-width: 100%;
    }

    .setting-the-highest-bg-wrapper {
        padding: 118px 0 0 0;
    }

    .judge-us-title {
        margin: 0 0 40px 0;
    }

    .footer-title {
        font-size: 28px;
        max-width: 316px;
    }

    .tech-support-logo {
        min-width: 100%;
    }

    .how-we-card {
        padding: 30px 20px;
    }

    .ser-hero-fire-logo {
        width: 250px;
        margin: 44px 20px 0 40px;
    }

    .shape-training-ser-card {
        height: 80px;
    }

    .shape-fire-ser-card {
        height: 133px;
    }

    .training-mission-row {
        column-gap: 45px;
        padding: 0;
    }

    .compliance-title-icon {
        height: 74px;
        width: 74px;
    }

    .water-sector-service-section .container {
        padding: 0;
    }

    .cms-content-warper {
        padding: 0 20px 0 0;
    }

    .cus-accordion-button {
        font-size: 18px;
    }

    .faq-accordion-main {
        padding: 10px 30px 30px 30px;
    }

    .shape-title.shape-hero-sec::after {
        left: 0;
    }

    .company-registration-section {
        padding: 150px 0 0 0;
    }

    .company-regi-card-row {
        padding: 0 20px;
        margin: 0 0 67px 0;
    }

    .company-regi-title-flex {
        gap: 20px;
        padding: 0 20px 0 0;
        margin: 0 0 60px 0;
    }

    .contact-right-main {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
    }

    .contact-info-box {
        padding: 0 35px;
    }

    .risk-details-section .container {
        padding: 0;
    }

    .cms-content-warper-inner p {
        padding-left: 30px;
    }

    .fire-how-work-title {
        margin: 0 0 42px 0;
    }

    .fire-how-work-title-flex {
        margin: 0;
    }

    .fire-how-work-section .container {
        padding: 0;
    }

    .how-we-card-row {
        padding: 0 30px;
    }

    .service-help-subtitle {
        max-width: 244px;
    }

    .about-inner-shape-box {
        padding: 65px 0 0 50px;
    }

    .service-sector-section.about-inner-sector-section {
        padding: 0 21px 70px 0;
        border-radius: 10px;
    }

    .inner-details-img {
        height: 204px;
        margin: 0 0 76px 0;
    }

    .service-sectior-logo-text {
        font-size: 20px;
    }

    .about-details-card {
        padding: 50px 59px 60px 0;
    }

    .hero-shape-space {
        margin: 0;
    }

    .working-zeta-card-content {
        padding: 28px 35px 43px 35px;
    }

    .service-sector-quote-icon {
        margin: -25px 10px 0px 0px;
    }

    .employee-benefit-main {
        padding: 0 20px 0 20px;
    }

    .about-details-inner-container {
        max-width: 100%;
    }

    .ser-hero-card-title {
        max-width: 539px;
    }

    .service-sector-img-title-box {
        top: 15px;
        left: 15px;
    }
}

@media (max-width:991px) {
    .footer-col {
        position: relative;
    }

    .footer-col-1 {
        order: 1;
    }

    .footer-col-2 {
        order: 3;
    }

    .footer-col-3 {
        order: 2;
    }

    .footer-col-4 {
        order: 4;
    }

    .footer-terms-link-flex {
        max-width: 267px;
        flex-wrap: wrap;
    }

    .footer-part-of-box {
        max-width: 100%;
        margin: 0;
    }

    .footer-social-list {
        justify-content: start;
        margin: 0;
    }

    .footer-social-main {
        max-width: 50%;
        width: 100%;
        margin: -76px 0 0 auto;
    }

    .footer-terms-para {
        margin: 42px 0 0 0;
    }
}

@media (max-width:800px) {
    .hero-water-service-btn {
        top: 15%;
        left: 27%;
    }

    .hero-technology-service-btn {
        bottom: 39%;
        right: 1%;
    }

    .hero-fire-service-btn {
        top: 28%;
        right: 19.5%;
    }

    .hero-training-service-btn {
        bottom: 26%;
        left: 35%;
    }

    .footer-join-flex {
        gap: 70px;
    }

    .employee-benefit-section {
        padding: 0 0 0 0;
    }

    .tech-small-card-flex {
        grid-template-columns: repeat(1, 1fr);
    }

}

@media (max-width: 767px) {
    .technical-support-title {
        margin: 0 0 62px 20px;
    }

    .hero-water-service-btn {
        top: 14%;
        left: 20%;
    }

    .hero-technology-service-btn {
        bottom: 37%;
        right: 3%;
    }

    .hero-fire-service-btn {
        top: 24%;
        right: 12%;
    }

    .hero-training-service-btn {
        bottom: 23%;
        left: 31%;
    }

    .zik-zak-large-card,
    .zik-zak-small-card {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .cms-content-warper-inner p {
        padding-left: 20px;
    }

    .zik-zak-flex {
        flex-direction: column;
    }

    .header-container {
        padding: 0 15px;
    }

    .section-mid-title {
        font-size: 38px;
    }

    .hero-service-icon {
        height: 22px;
        max-width: 22px;
        min-width: 22px;
    }

    .hero-service-btn-span {
        gap: 8px;
    }

    .hero-service-btn span .hero-redirect-icon {
        display: none;
    }

    .hero-service-btn {
        min-width: 90px;
        font-size: 10px;
        padding: 4px 5px 4px 5px;
    }

    .setting-left-main {
        padding: 0 20px;
    }

    .setting-card-img {
        height: 242px;
    }

    .setting-section {
        margin: 0 0 119px 0;
    }

    .help-content-wrapper.faq-help-content-wrapper {
        padding: 0;
    }

    .fire-risk-speak-with-us-sec {
        display: none;
    }

    /* .zik-zak-flex:last-child {
        margin: 0 0 107px 0;
    } */

    .company-registration-section {
        padding: 103px 0 0 0;
    }

    .service-sector-img-box {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .why-join-us-flex {
        flex-direction: column;
    }

    .inner-details-right {
        margin: 0;
    }

    .why-join-us-card {
        border-radius: 0;
    }

    .inner-details-flex {
        flex-direction: column;
    }

    .inner-hero-details-card {
        padding: 21px 21px 21px 0;
    }

    .about-details-card {
        padding: 21px 59px 60px 0;
    }

    .inner-details-card {
        padding: 21px 30px 40px 0px;
    }

    .about-story-right-main {
        padding: 0 20px;
    }

    .working-zeta-flex {
        gap: 92px;
    }

    .inner-details-wrapper {
        padding: 0 20px 0 20px;
    }

    .service-sector-listing-box,
    .service-section-details-main {
        padding: 0 20px 0 40px;
    }

    .offer-fire-risk-section {
        margin: 68px 0 134px 0;
    }

    .important-info-fire-section {
        margin: 40px 0 0 0;
    }

    .hero-banner-img {
        height: 367px;
        background-image: url(../images/png/hero-mobile-banner.png) !important;
    }

    .setting-the-highest-bg-wrapper {
        padding: 83px 0 0 0;
    }

    .how-we-card-row {
        padding: 0 20px;
    }

    .inner-btn-flex {
        flex-wrap: wrap;
    }

    .content-warpper {
        padding: 0 0 0 20px;
    }

    .contact-info-box {
        padding: 0 20px;
    }

    .about-details-title-box {
        padding: 0 20px 0 30px;
    }

    .inner-hero-banner {
        display: block;
        height: 231px;
        width: 100%;
        background-size: 100% 100%;
        margin: 30px 0 0 0;
        background-repeat: no-repeat;
    }

    .our-value-card-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .header-main .container {
        padding: 0 16px;
    }

    .hero-card-title {
        margin: 0 0 45px 0;
    }

    .home-trusted-section {
        padding: 33px 0 0 19px;
    }

    .container {
        max-width: 100%;
        padding: 0 20px;
    }

    .accordion-tab-title {
        font-size: 28px;
    }

    .accordion-tab {
        padding: 65px 49px 53px 34px;
    }

    .accordion-tab:nth-child(4),
    .accordion-tab:nth-child(5) {
        padding: 15px 49px 15px 34px;
    }

    .accordion-tab-inner-flex {
        gap: 15px;
    }

    .technical-support-section {
        padding: 96px 0 76px 0;
    }

    .tab-services-img-flex {
        flex-direction: column;
        padding: 20px 20px 53px;
    }

    .service-sector-details-box .service-sector-details-para p:first-of-type::before {
        margin: -10px 10px 0 0;
    }

    .tab-services-img {
        height: 353px;
    }

    .setting-row {
        flex-direction: column;
    }

    .setting-right-main {
        max-width: 100%;
        flex: 1;
    }

    .tech-support-card-flex {
        grid-template-columns: repeat(1, 1fr);
    }

    .tech-support-section {
        margin: 0 0 82px 0;
    }

    .service-sector-list {
        column-gap: 45px;
        column-count: 1;
    }

    .about-inner-shape-box {
        padding: 0 0 0 40px;
    }

    .service-section-details-flex {
        gap: 49px;
        flex-direction: column;
    }

    .service-section-details-titles {
        max-width: 293px;
    }

    .judge-us-title {
        max-width: 352px;
    }

    .judge-us-content-box {
        padding: 37px 18px 43px 18px;
    }

    .judge-us-section {
        padding: 85px 0 0 0;
    }

    .judge-us-row {
        flex-direction: column;
        gap: 56px;
    }

    .company-registration-flex {
        padding: 68px 0px 118px 20px;
        gap: 36px;
    }

    .footer-content-wrapper {
        margin: -59px 0 0 0;
    }

    .footer-join-flex {
        flex-direction: column;
    }

    .footer-social-main {
        max-width: 100%;
        margin: 50px 0 0 0;
    }

    .header-logo {
        width: 192px;
        height: 38px;
    }

    .header-right-main {
        gap: 6px;
    }

    .header-btn-flex {
        gap: 6px;
    }

    .hero-card {
        padding: 21px 19px 51px 0;
    }

    .header-menu-main {
        width: 100%;
        padding: 71px 30px;
    }

    .header-menu-close-btn {
        right: 30px;
    }

    .footer-terms-desktop {
        display: none;
    }

    .footer-terms-para-mobile {
        display: block;
        margin: 24px 0 0 0;
    }

    .menu-call-btn {
        background-color: #EBE3D1;
        color: #3E3B4D;
    }

    .header-btn-icon {
        filter: brightness(0) saturate(100%) invert(20%) sepia(6%) saturate(2049%) hue-rotate(210deg) brightness(98%) contrast(87%);
        height: 27px;
        width: 27px;
    }

    .mobile-header-logo {
        display: block;
        margin: 0 0 47px 0;
    }

    .tab-list {
        min-width: 100%;
        flex: 1;
    }

    .page-wrapper {
        padding: 77px 0 0 0;
    }

    .ser-hero-card {
        padding: 21px 36px 35px 0;
    }

    .ser-hero-banner-img {
        height: 228px;
    }

    .service-card-flex {
        gap: 12px;
        grid-template-columns: repeat(1, 1fr);
    }

    .service-card-title {
        min-height: auto;
        margin: 0;
        max-width: 100%;
        text-align: left;
    }

    .service-card-icon-flex {
        display: flex;
        align-items: center;
        gap: 23px;
    }

    .service-card {
        min-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 17px 24px 20px;
        gap: 23px;
    }

    .service-card-icon {
        width: 37px;
        height: 42px;
    }

    .need-box {
        margin: 12px 0 0 0;
        padding: 15px 22px;
    }

    .service-help-flex {
        flex-direction: column;
        gap: 135px;
    }

    .trusted-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .trusted-box {
        max-width: 253px;
        flex: 0 0 100%;
    }

    .compliance-title-flex {
        margin: 0 0 28px 0;
    }

    .services-trusted-section {
        padding: 135px 0 118px 19px;
    }

    .how-can-section-title {
        max-width: 238px;
    }

    .how-can-help-img {
        height: 300px;
        min-width: 100%;
        max-width: 100%;
    }

    .how-can-flex {
        flex-direction: column;
    }

    .how-can-help-card {
        padding: 27px 26px 50px;
    }

    .offer-tech-flex {
        padding: 48px 19px 52px;
        flex-wrap: wrap;
        gap: 55px;
    }

    .offer-tech-inner-flex {
        row-gap: 31px;
    }

    .shape-title {
        padding: 0 20px 0 32px;
    }

    .offer-tech-para {
        max-width: 100%;
        min-width: 100%;
    }

    .compliance-more-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 26px 24px 30px;
    }

    .compliance-more-title {
        font-size: 18px;
    }

    .compliance-container {
        padding: 0 20px 0 20px;
    }

    .footer-terms-box {
        margin: 40px 0 0 0;
    }

    .service-flex {
        padding: 30px 0 0 0px;
    }

    .service-left-title {
        text-align: center;
    }

    .services-hero-section::after {
        display: none;
    }

    .legionella-mission-row {
        flex-direction: column;
        row-gap: 21px;
    }

    .important-info-flex {
        flex-direction: column;
        padding: 25px 25px 37px 25px;
    }

    .offer-tech-img {
        width: 100%;
        height: 100%;
    }

    .training-card-flex {
        grid-template-columns: repeat(1, 1fr);
    }

    .tech-services-card {
        flex-direction: column;
    }



    .tech-how-can-left-main {
        max-width: 100%;
        flex: 1;
    }

    .tech-how-can-flex {
        flex-direction: column;
    }

    .inner-page-details-main .cms-details-section {
        padding: 21px 0 30px 0;
    }

    .risk-details-flex {
        grid-template-columns: repeat(1, 1fr);
    }

    .risk-details-next-flex {
        margin: 0;
    }

    .risk-ass-title-flex {
        margin: 0;
    }

    .common-content-wrapper {
        margin: 0 0 80px 0;
        padding: 0 20px;
    }

    .risk-icon-text-flex {
        margin: 0 0 30px 0;
    }

    .how-we-card-row {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 42px;
    }

    .training-mission-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .cus-marquee-content {
        gap: 5px;
    }

    .cus-marquee {
        margin: 0 0 5px 0;
    }

    .about-details-sub-title {
        font-size: 24px;
        padding: 0 20px 0 32px;
    }

    .about-details-title-flex {
        gap: 28px;
    }

    .about-mission-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .about-service-ul {
        column-count: 1;
    }

    .about-our-story-box .common-content-wrapper {
        margin: 0;
    }

    .about-service-location-bg {
        height: 282px;
    }


    .about-sector-section .container {
        padding: 0;
    }

    .company-regi-sub-title {
        font-size: 19px;
    }

    .company-regi-card {
        padding: 41px 17px;
    }

    .about-service-btn {
        font-size: 11px;
        min-width: 124px;
    }

    .about-service-icon {
        height: 22px;
        max-width: 22px;
        min-width: 22px;
    }

    .about-redirect-icon {
        display: none;
    }

    .about-sector-section {
        margin: 0;
    }

    .about-water-service-btn {
        top: 40px;
        right: 31%;
    }

    .about-service-btn::after {
        width: 51px;
        right: -51px;
    }

    .about-fire-service-btn {
        top: 83px;
        right: 17%;
    }

    .about-technology-service-btn {
        top: 126px;
        right: 21%;
    }

    .about-training-service-btn {
        top: 170px;
        right: 12%;
    }

    .our-values-img {
        height: 333px;
        min-width: 100%;
    }

    .our-details-left-main {
        max-width: 100%;
        flex: 1;
    }

    .our-value-sector-section {
        margin: 0;
    }

    .about-service-location-sec {
        height: 100%;
    }

    .our-value-sector-section .container {
        padding: 0;
    }

    .shape-inner-hero-details-card {
        top: 30px;
    }

    .our-team-img {
        min-height: 216px;
    }

    .our-team-card-details {
        padding: 13px 15px;
    }

    .working-zeta-right-main {
        max-width: 100%;
        flex: 1;
    }

    .zik-zak-name-box {
        left: 16px;
        top: 19px;
    }

    .zik-zak-logo {
        height: 94px;
        width: 94px;
    }

    .radio-group {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .contact-trusted-section {
        padding: 59px 15px 78px 19px;
    }

    .contact-title {
        font-size: 35px;
    }

    .contact-form-wrapper {
        padding: 0 20px;
    }

    .map-container {
        padding: 0 0 0 37px;
    }

    .service-help-container {
        padding: 60px 0px 0px 0px;
        border-radius: 30px 0 0 0;
    }

    .service-help-right-main,
    .service-help-small-right-main {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .compliance-card-carouse .owl-stage-outer {
        padding: 0;
    }

    .help-content-wrapper {
        padding: 0 20px 0 20px;
    }

    .ser-get-help-card {
        border-radius: 0;
    }

    .faq-service-help-flex {
        flex-direction: column;
        gap: 55px;
    }

    .header-email-btn,
    .header-toggle-btn {
        height: 48px;
        width: 48px;
    }

    .our-team-card-flex {
        grid-template-columns: repeat(2, 1fr);
    }

    .header-call-btn {
        padding: 10px;
    }

    .setting-check-content-box {
        padding: 26px 27px 43px;
    }

    .tech-support-card-flex {
        column-gap: 24px;
    }

    .footer-image-bg {
        height: 194px;
    }

    .footer-row {
        row-gap: 40px;
    }

    .legionella-details-flex {
        margin: 0;
    }

    .compliance-card-title {
        min-height: auto;
    }

    .services-details-logo {
        width: 100%;
        height: 100%;
        padding: 0 20px;
    }

    .important-info-title {
        margin: 0 0 17px 0;
    }

    .tech-how-can-help-img {
        width: 100%;
    }

    .important-training-info-img {
        max-width: 100%;
    }

    .zik-zak-card-title {
        min-height: auto;
    }

    .service-sector-section.about-inner-sector-section {
        border-radius: 0;
    }

    .setting-check-img {
        min-height: 342px;
    }

    .about-story-img {
        min-height: 100%;
        min-width: 100%;
    }

    .hero-water-service-btn::after {
        height: 51px;
    }

    .hero-fire-service-btn::after {
        height: 34px;
    }

    .hero-technology-service-btn::after {
        height: 87px;
    }

    .hero-training-service-btn::after {
        height: 60px;
    }
}

@media (max-width: 392px) {
    .judge-us-img {
        min-width: 100%;
    }

    .zik-zak-card-title {
        font-size: 22px;
    }

    .header-logo {
        width: 140px;
    }

    .header-call-btn {
        padding: 8px;
    }

    .header-email-btn,
    .header-toggle-btn {
        height: 37px;
        width: 37px;
    }

    .header-btn-icon {
        height: 20px;
        width: 20px;
    }

    .header-toggle-icon {
        width: 14px;
        height: 14px;
    }

    .menu-call-btn {
        font-size: 15px;
    }

}

@media screen and (min-width: 320px) and (max-width: 392px) {
    .hero-water-service-btn {
        top: 13%;
        left: 14%;
    }

    .hero-technology-service-btn {
        bottom: 37%;
        right: 0;
    }

    .hero-fire-service-btn {
        top: 24%;
        right: 5%;
    }

    .hero-training-service-btn {
        bottom: 23%;
        left: 28%;
    }

    .hero-service-btn {
        min-width: 31px;
        font-size: 8px;
        padding: 3px;
    }

    .hero-service-icon {
        height: 16px;
        max-width: 20px;
        min-width: 20px;
    }

    .accordion-tab-icon {
        height: 30px;
        width: 30px;
    }

    .accordion-tab-title {
        font-size: 22px;
    }

    .setting-card-title {
        font-size: 22px;
    }

    .compliance-title-icon {
        height: 50px;
        width: 50px;
    }
}