/* ===============================================
==================================================
            LATEST PROJECT SECTION
==================================================
=============================================== */
@media (max-width: 1699.98px) {
    .latest-project-sec .slider-container {
        max-width: 1515px;
    }

    /* .project-slider.slick-slider .slick-prev.slick-arrow {
        left: 0;
    }

    .project-slider.slick-slider .slick-next.slick-arrow {
        right: 0;
    } */
}

@media (max-width: 1599.98px) {

    /* 03 : Heading Style CSS BOF
  =================================================== */
    .h1 {
        font-size: 4.4.375rem;
        /* 70px ÷ 16 */
    }

    .h2 {
        /* font-size: 3rem; */
        /* 48px ÷ 16 */
        /* line-height: 56px; */
        font-size: 2.25rem;
        /* 1 dec (wellmax 2.0)  */
        /* 36px */
    }

    .h3 {
        font-size: 2.5rem;
        /* 40px ÷ 16 */
        line-height: 50px;
    }

    .h4 {
        /* font-size: 2.375rem; */
        /* 38px */
    }

    .h5 {
        font-size: 2.1875rem;
        /* 35px ÷ 16 */
    }

    .font-34 {
        font-size: 1.875rem;
        /* 30px ÷ 16 */
    }

    .font-30 {
        font-size: 1.5625rem;
        /* 27px ÷ 16 */
    }

    .font-24 {
        /* font-size: 1.3125rem;
        line-height: 30px; */
        /* 21px ÷ 16 */
    }

    .font-54 {
        font-size: 3.125rem;
        /* 50px */
        line-height: 50px;
    }

    .font-42 {
        font-size: 2rem;
        /* 32px ÷ 16 */
        line-height: 30px;
    }

    .font-20 {
        font-size: 1.125rem;
        /* 18px ÷ 16px */
    }

    .font-18 {
        /* font-size: 1rem; */
        /* 16px ÷ 16 */
    }

    .font-28 {
        font-size: 1.625rem;
        /* 26px */
        line-height: 30px;
    }

    /* ===============================================
==================================================
              BANNER SECTION
==================================================
=============================================== */
    /* 1 dec (wellmax 2.0)  */
    .banner-slider-wrapper .banner-content-wrapper {
        padding: 290px;
    }

    /* ===============================================
==================================================
              TESTIMONIAL SECTION
==================================================
=============================================== */
    .testimonial-slider-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* ===============================================
==================================================
              LATEST PROJECT SECTION
==================================================
=============================================== */
    .latest-project-sec .slider-container {
        max-width: 1330px;
    }

    .project-slider.slick-slider .slick-prev.slick-arrow {
        left: -25px;
    }

    .project-slider.slick-slider .slick-next.slick-arrow {
        right: -25px;
    }

    .project-slider .slick-slide,
    .project-slider .project-img {
        /* height: 531px;
        min-height: 531px; */
        height: 486px;
        /* 1 dec (wellmax 2.0)  */
        min-height: 486px;
        /* 1 dec (wellmax 2.0)  */
    }

    .project-slider .slick-center .project-img {
        /* height: 359px;
        min-height: 359px; */
        height: 343px;
        /*1 dec (wellmax 2.0)  */
        min-height: 343px;
        /* 1 dec (wellmax 2.0)  */
    }

    .project-title {
        margin-top: 10px;
    }

    .project-slider .project-content-wrapper {
        padding: 33px 20px;
    }

    /* .project-sub-title {
        line-height: 55px;
    } */

    /* ===============================================
==================================================
              CONTACT SECTION
==================================================
=============================================== */

    .contact-form {
        width: 58%;
    }

    .contact-us-img {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 39%;
    }

    /* ===============================================
==================================================
              OUR EXPERTISE PAGE
==================================================
=============================================== */
    .expertise-core-value-sec-wrapper {
        width: 816px;
    }

    .expertise-right {
        height: 433px;
    }

    /* ===============================================
==================================================
            OUR CORE VALUE PAGE
==================================================
=============================================== */
    .single-core-img {
        min-width: 380px;
        min-height: 300px;
        height: 300px;
    }

    .core-value-icon {
        width: 300px;
        height: 300px;
    }

    .single-core-wrapper {
        gap: 50px;
    }

    /* ===============================================
==================================================
            OUR APPROCH PAGE
==================================================
=============================================== */
    .our-approch-sec {
        background-size: 1200px;
    }

    .our-approch-video-wrapper {
        width: 500px;
    }

    .approach-bottom-image {
        height: 700px;
        width: 850px;
    }

    /* ===============================================
==================================================
            OUR TEAM PAGE
==================================================
=============================================== */
    .environment-sec {
        background-size: 800px 900px;
    }

    .team-layout {
        gap: 40px;
    }

    .team-img {
        /* height: 350px; */
        height: 300px;
        /* 1 dec (wellmax 2.0)  */
    }

    .team-img-sec-bottom {
        height: 300px;
        /* 1 dec (wellmax 2.0)  */
    }

    /* ===============================================
==================================================
            OUR Accreditations PAGE
==================================================
=============================================== */
    .accrenditations-logo-sec {
        background-size: 1000px;
    }

    /* ===============================================
==================================================
            CASE STUDY PAGE
==================================================
=============================================== */


    .case-study-list-sec {
        background-size: 700px;
    }

    .single-case-study .case-study-list-img {
        height: 280px;
    }

    .case-study-list {
        gap: 25px;
    }

    /* ===============================================
==================================================
            CAREER PAGE
==================================================
=============================================== */
    /* .career-sec {
        padding: 180px 0;
    } */

    .career-desc {
        line-height: 25px;
    }

    .career-btn {
        min-width: 140px;
        padding: 17px 10px;
    }

    /* ===============================================
==================================================
            CAREER DETAILS PAGE
==================================================
=============================================== */
    /* .career-job-details {
        line-height: 25px;
    } */

    .career-job-desc {
        gap: 10px;
    }

    .quantity-details .expertise-icon {
        margin-top: 8px;
    }

    .quantity-img {
        margin-bottom: 30px;
    }

    .quantity-details {
        gap: 20px;
    }

    /* .job-desc {
        gap: 10px;
    } */

    .single-quantity {
        padding: 17px 0;
    }

    .job-btn {
        margin-top: 45px;
    }

    /* .career-job-title {
        margin-bottom: 20px;
    } */

    /* .career-job-details {
        line-height: 25px;
        font-size: 18px;
    } */

    /* .job-details-font {
        font-size: 18px;
    } */

    /* ===============================================
==================================================
            CONTACT PAGE
==================================================
=============================================== */
    .contact-box-img {
        width: 250px;
    }

    /* ===============================================
==================================================
            Equipment PAGE
==================================================
=============================================== */
    .equipment-img-sec {
        height: 380px;
    }

    .traning-sec,
    .equipment-sec {
        background-size: 900px;
    }

    /* ===============================================
==================================================
            Integrated PAGE
==================================================
=============================================== */
    /* .environmental-bottom {
        margin-top: 60px;
    } */

    .environmental-logo {
        width: 250px;
    }

    /* ===============================================
==================================================
            CHARITY & SPONSERSHIPS
==================================================
=============================================== */

    .charity-event-grid,
    .charity-gallery-grid,
    .charity-event-grid-3 {
        gap: 1rem;
    }

    .charity-quotes-row {
        gap: 20px;
        /*1 dec (wellmax 2.0)  */
    }

    .charity-quotes-row .charity-quotes-col {
        margin: 20px 0 0 0;
        /*1 dec (wellmax 2.0)  */
    }

    .charity-quotes-row .charity-quotes-col:before {
        bottom: calc(100% + 20px);
        /* 1 dec (wellmax 2.0)  */
    }

    /* ===============================================
==================================================
    CASE STUDY DETAIL PAGE BY PRITESH 10-11-25 
==================================================
=============================================== */

    .cs-project-detail-list {
        padding: 17px 0;
    }


}

@media (max-width: 1399.98px) {


    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        /* font-size: 3.75rem; */
        /* 60px ÷ 16 */
        /* line-height: 62px; */
        font-size: 3.4375rem;
        /* 55px ÷ 16 */
        /* line-height: 55px; */
    }

    .h2 {
        /* font-size: 2.5rem; */
        /* 40px ÷ 16 */
        /* line-height: 50px; */
        font-size: 1.875rem;
        line-height: 120%;
    }

    .h3 {
        font-size: 2rem;
        /* 32px ÷ 16 */
        line-height: 26px;
    }

    .h4 {
        /* font-size: 1.875rem; */
        /* 30px */
    }

    .h5 {
        /* font-size: 1.875rem; */
        /* 30px ÷ 16 */
        font-size: 1.75rem;

    }

    .font-34 {
        font-size: 1.6875rem;
        /* 27px ÷ 16 */
    }

    .font-23 {
        font-size: 1.25rem;
        line-height: 35px;
        /* 20px */
    }

    .font-26 {
        font-size: 1.3125rem;
        /* 21px */
        line-height: 30px;
    }

    .font-28 {
        font-size: 1.375rem;
        /* 22px */
        line-height: 28px;
    }

    .font-24 {
        /* font-size: 1.125rem; */
        /* 18px ÷ 16 */
        /* line-height: 25px; */
        font-size: 1.3125rem;
        /* 1 dec (wellmax 2.0)  */
        /* 21px */
        line-height: 120%;
    }

    .font-42 {
        font-size: 1.75rem;
        /* 28px ÷ 16 */
        line-height: 25px;
    }

    .font-16 {
        font-size: 0.875rem;
        /* 14px ÷ 16 */
    }

    .font-54 {
        font-size: 2.8125rem;
        line-height: 50px;
        /* 45px */
    }


    /* COMMON LINE HEIGHT */

    .lh-35 {
        line-height: 28px;
    }

    /*** Buttton Varilation CSS BOF ***/

    .btn {
        padding: 16px;
        font-size: 13px;
        min-width: 120px;
    }


    /* COMMON LINE HEIGHT */

    .lh-35 {
        line-height: 31px;
    }

    /* COMMON PADDING */
    .common-padding {
        padding: 80px 0;
    }

    .common-padding-t {
        padding-top: 80px;
    }

    .common-padding-b {
        padding-bottom: 80px;
    }

    .common-padding-t60 {
        padding-top: 50px;
    }

    .common-padding-b60 {
        padding-bottom: 50px;
    }

    .common-page-details {
        padding: 50px 0;
    }

    /* COMMON TITLE */
    .title-main {
        gap: 4px;
    }

    /* COMMON SLIDER NAVIGATION */

    .slick-slider .slick-arrow {
        width: 45px;
        height: 45px;
        background-size: 16px;
    }

    .slick-slider .slick-prev.slick-arrow {
        left: -55px;
    }

    .slick-slider .slick-next.slick-arrow {
        right: -55px;
    }




    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main .header-inner-main nav.navbar {
        /* padding: 14px 24px; */
        /* padding: 0 24px; */
        padding: 0 20px;
        /* 1 dec (wellmax 2.0)  */
    }

    .header-logo .header-logo-link .logo {
        max-width: 150px;
    }

    .header-main .header-inner-main .header-inner {
        /* padding: 0 22px; */
        padding: 0 15px;
        /* 1 dec (wellmax 2.0)  */
    }

    .header-menu .header-menu-inner ul li a {
        font-size: 17px;
        padding: 35px 0;
        margin: 0 9px;
    }

    .header-menu .header-menu-inner .nav-item .submenu li a {
        font-size: 13px;
    }

    .header-button .btn {
        max-width: 141px;
        min-width: 141px;
        padding: 16px 6px 16px 6px;
    }

    li.nav-item .plus-icon {
        width: 12px;
    }

    /* ===============================================
==================================================
               BANNER SECTION
==================================================
=============================================== */

    .banner-slider-wrapper .banner-content-wrapper {
        /* padding: 240px 227px; */
        padding: 240px 164px;
    }

    .banner-btn-wrapper .banner-btn-proficiency {
        padding: 16px 13px 16px 11px;
    }

    .banner-btn-wrapper .banner-btn-our-work {
        padding: 16px 17px 16px;
    }

    /* slider pagination */
    .banner-slider .slick-dots li button {
        width: 170px;
    }


    /* ===============================================
==================================================
              ABOUT US SECTION
==================================================
=============================================== */

    .about-wrapper {
        /* gap: 40px; */
        gap: 80px;
        /* 1 dec (wellmax 2.0)  */
    }

    .about-wrapper .about-left-wrapper {
        /* width: 560px; */
        width: 500px;
        /* 1 dec (wellmax 2.0)  */
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper {
        margin-left: 30px;
        /* 1 dec (wellmax 2.0)  */
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img1 {
        /* width: 420px; */
        width: 334px;
        /*1 dec (wellmax 2.0)  */
        margin-top: 50px;
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img2 {
        max-width: 210px;
        /*1 dec (wellmax 2.0)  */
    }

    .about-details .about-points-wrapper {
        gap: 30px;
        /*1 dec (wellmax 2.0)  */
    }

    .about-points {
        gap: 10px;
        /*1 dec (wellmax 2.0)  */
    }

    .about-wrapper .about-left-wrapper .customer-satisfied-badge {
        width: 130px;
        height: 130px;
        padding: 9px;
    }

    .about-wrapper .about-left-wrapper .customer-satisfied-badge .cs-badge-content {
        padding: 17px;
        width: 110px;
        height: 110px;
    }

    .cs-badge-content .cs-badge-title {
        font-size: 40px;
        line-height: 40px;
    }

    .cs-badge-content .cs-badge-desc {
        font-size: 14px;
        line-height: 17px;
    }

    .about-wrapper .about-right-wrapper {
        /* width: calc((100% - 560px) - 40px); */
        width: calc((100% - 500px) - 80px);
        /* 1 dec (wellmax 2.0)  */
    }

    .about-points .checkCircle-icon {
        max-width: 28px;
    }

    /* ===============================================
==================================================
                CORE VALUE SECTION
==================================================
=============================================== */

    .core-value-wrapper {
        gap: 145px;
        max-width: 980px;
    }

    .core-value-wrapper::before {
        width: 940px;
        top: 64px;
    }

    .core-value-wrapper .core-value-card .cv-icon-wrapper {
        width: 132px;
        height: 132px;
    }

    .core-value-wrapper .core-value-card .cv-icon-wrapper .cv-inner-icon {
        padding: 15px;
        width: 113px;
        height: 113px;
    }

    .cv-icon-wrapper .cv-inner-icon .cv-icon {
        max-width: 70px;
    }

    /* ===============================================
==================================================
        ACCREDITATIONS & AWARDS SECTION
==================================================
=============================================== */

    .accreditation-wrapper .accreditation-card,
    .awards-wrapper .awards-card {
        min-height: 170px;
    }

    .accreditation-wrapper .accreditation-card img,
    .awards-wrapper .awards-card img {
        max-width: 190px;
    }

    .accreditation-bg-img {
        bottom: -180px;
        max-width: 850px;
    }

    /* ===============================================
==================================================
              LATEST PROJECT SECTION
==================================================
=============================================== */
    .latest-project-sec .slider-container {
        max-width: 1150px;
    }

    /* .project-slider .project-card-wrapper {
        width: 400px;
    } */

    .project-slider .slick-slide,
    .project-slider .project-img {
        /* height: 460px;
        min-height: 460px; */
        height: 465px;
        /* 1 dec (wellmax 2.0)  */
        min-height: 465px;
        /* 1 dec (wellmax 2.0)  */
    }

    .project-slider .slick-center .project-img {
        height: 332px;
        min-height: 332px;
    }

    .project-slider .project-content-wrapper {
        padding: 31px 15px;
    }

    /* .project-sub-title {
        line-height: 40px;
    } */

    .project-slider.slick-slider .slick-prev.slick-arrow {
        left: -20px;
    }

    .project-slider.slick-slider .slick-next.slick-arrow {
        right: -20px;
    }


    /* ===============================================
==================================================
              TESTIMONIAL SECTION
==================================================
=============================================== */

    .testimonial-slider .testimonial-card {
        padding: 20px 20px 30px;
    }

    /* .testimonial-card .tc-desc {
        line-height: 25px;
    } */

    .testimonial-card .testimonial-icon {
        position: absolute;
        right: 28px;
        top: 28px;
        max-width: 90px;
    }

    .testimonial-slider .slick-slide .testimonial-card {
        margin: 0 9px;
    }

    .testimonial-slider .slick-list {
        margin: 0 -9px;
    }


    /* ===============================================
==================================================
            PROJECT CASE STUDY SECTION
==================================================
=============================================== */
    .call-wrapper {
        width: 90px;
        height: 90px;
    }

    /* span.case-study-line {
        height: 85px;
    } */

    .case-study-wrapper {
        width: 700px;
    }

    /* ===============================================
==================================================
            EVENT SECTION
==================================================
=============================================== */
    .gallery-grid {
        grid-auto-rows: 150px;
        gap: 20px;
    }

    /* ===============================================
==================================================
            NEWS SECTION
==================================================
=============================================== */

    .lates-news-sec .news-card .news-img-wrapper .news-image-link .news-img {
        min-height: 200px;
        max-height: 200px;
    }

    .lates-news-sec .news-card .news-img {
        max-height: 165px;
    }

    .lates-news-sec .news-card .news-sub-desc,
    .news-date {
        line-height: 20px;
        font-size: 14px;
    }

    .lates-news-sec .news-slider {
        gap: 10px 20px;
    }

    /* ===============================================
==================================================
            CONTACT SECTION
==================================================
=============================================== */

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

    /* .copywrite_text {
        font-size: 0.9375rem;
    } */

    .copywrite_text::after {
        height: 16px;
    }

    /* ===============================================
==================================================
              OUR EXPERTISE PAGE
==================================================
=============================================== */
    .innerpage-banner {
        height: 350px;
        padding: 176px 0 100px 0;
    }

    .single-expertise:nth-child(odd)::after,
    .single-expertise:nth-child(even):not(:last-child)::after {
        width: 200px;
        height: 200px;
        background-size: 200px;
    }

    .expertise-list-sec {
        background-size: 900px;
    }

    .expertise-core-value-sec-wrapper {
        width: 652px;
    }

    .single-expertise {
        padding: 20px;
    }

    .single-expertise-wrapper {
        gap: 25px;
    }

    .single-expertise-icon {
        min-width: 55px;
        width: 55px;
        /* height: 55px; */
    }

    .expertise-list-wrapper {
        gap: 40px;
    }

    .expertise-right {
        height: 380px;
        width: 421px;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    /* ===============================================
==================================================
            OUR CORE VALUE PAGE
==================================================
=============================================== */
    .single-core-img {
        min-width: 322px;
        min-height: 274px;
        height: 274px;
    }

    .core-value-icon {
        width: 220px;
        height: 220px;
    }

    .single-core-wrapper {
        gap: 30px;
    }

    /* 
    .core-value-list {
        gap: 40px;
    } */

    .core-video-wrapper {
        /* height: 400px; */
        height: 410px;
        /* 1 dec (wellmax 2.0)  */
    }

    .core-play-btn {
        width: 80px;
        height: 80px;
    }

    /* ===============================================
==================================================
            OUR APPROCH PAGE
==================================================
=============================================== */
    .approach-bottom-image {
        height: 550px;
        width: 700px;
    }

    .our-approch-center-wrapper {
        padding: 19px 30px;
    }

    .our-approch-sec {
        background-size: 1000px;
    }

    .our-approch-video-wrapper {
        width: 420px;
    }

    .our-approch-img {
        padding-left: 20px;
    }

    /* ===============================================
==================================================
            OUR TEAM PAGE
==================================================
=============================================== */
    .environment-sec {
        background-size: 600px 700px;
    }

    .team-layout {
        gap: 40px;
    }

    .team-img-sec {
        width: 350px;
    }

    .team-img-sec-bottom {
        /* width: 450px; */
        width: 350px;
        /* 1 dec (wellmax 2.0)  */
        height: 260px;
    }

    .team-img {
        height: 260px;
    }

    /* ===============================================
==================================================
            OUR Accreditations PAGE
==================================================
=============================================== */
    .accrenditations-logo-sec {
        background-size: 800px;
    }

    /* ===============================================
==================================================
            CASE STUDY PAGE
==================================================
=============================================== */
    .case-study-list-sec {
        background-size: 600px;
    }

    .single-case-study .case-study-list-img {
        height: 250px;
    }

    .case-study-list {
        gap: 20px;
    }

    .case-study-list-desc {
        padding: 15px 1px;
    }

    /* ===============================================
==================================================
            CAREER PAGE
==================================================
=============================================== */
    /* .career-sec {
        padding: 120px 0;
    } */

    .career-desc {
        line-height: 20px;
    }

    .career-btn {
        min-width: auto;
        padding: 15px;
    }

    .career-list {
        gap: 30px;
    }

    .career-type {
        font-size: 14px;
        padding: 3px 10px;
        line-height: 26px;
    }

    .career-card {
        padding: 20px 26px;
    }

    .vacancies-img {
        height: 220px;
        margin: 10px 0 20px;
        /*1 dec (wellmax 2.0)  */
    }

    /* ===============================================
==================================================
            CAREER DETAILS PAGE
==================================================
=============================================== */
    .quantity-right {
        padding: 25px 0;
    }

    .career-job-desc {
        gap: 8px;
    }

    .quantity-img {
        height: 250px;
        margin-bottom: 20px;
    }

    /* .career-job-title {
        margin-bottom: 15px;
    } */

    .career-details-video {
        height: 280px;
    }

    /* ===============================================
==================================================
            NEWS PAGE
==================================================
=============================================== */
    .news-page-sec .nav-tabs .nav-link {
        min-width: 130px;
        /* font-size: 20px; */
        /* line-height: 23px; */
        padding: 12px;
    }

    .news-page-sec .lates-news-sec .news-slider {
        gap: 20px;
    }

    /* ===============================================
==================================================
            CONTACT PAGE
==================================================
=============================================== */
    .iframe-sec,
    .contact-box {
        width: 570px;
        height: 490px;
    }

    .contact-box {
        padding: 50px 85px;
    }

    .contact-box {
        height: auto;
    }

    /* .contact-thankyou-text {
        line-height: 23px;
    } */

    .contact-page-img {
        width: 480px;
        height: auto;
    }

    .contact-box-img {
        width: 210px;
    }

    .expertise-icon {
        margin-top: 9px;
    }

    /* ===============================================
==================================================
            Training Apprenticeships PAGE
==================================================
=============================================== */
    .training-image {
        height: 350px;
    }

    .traning-bottom-img {
        height: 300px;
    }

    .traning-image-layout {
        gap: 30px;
        /* 1 dec (wellmax 2.0)  */
    }

    /* .traning-box {
        gap: 20px;
    } */

    /* ===============================================
==================================================
            Equipment PAGE
==================================================
=============================================== */
    .equipment-img-sec {
        height: 300px;
    }

    /* .equipment-desc {
        margin-bottom: 30px;
    } */

    /* .equipment-text {
        line-height: 22px;
        font-size: 1rem;
    } */

    /* ===============================================
==================================================
            Integrated PAGE
==================================================
=============================================== */
    /* .environmental-bottom {
        margin-top: 50px;
    } */

    .environmental-logo {
        width: 200px;
    }

    .environmental-image-layout {
        gap: 30px;
    }

    /* ===============================================
==================================================
    CASE STUDY DETAIL PAGE BY PRITESH 10-11-25 
==================================================
=============================================== */

    .case-study-detail-wrapper {
        gap: 25px;
    }

    .case-study-detail-right {
        padding: 25px 0;
    }

    .case-study-detail-left {
        width: calc(750px + 24px);
        margin: 0 -12px;
    }

    .case-study-detail-right {
        width: calc((100% - 750px) - 25px);
    }



    /* ===============================================
==================================================
      NEWS-DETAIL SECTION BY PRITESH 10-11-25
==================================================
=============================================== */

    .blog-detail-main .blog-detail-wrapper h1.entry-title {
        font-size: 2.6rem;
        line-height: 50px;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content h2 {
        font-size: 2.2rem;
        margin: 26px 0;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content h3 {
        font-size: 1.8rem;
        margin: 20px 0;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content p {
        line-height: 23px;
        margin: 14px 0;
    }

    .case-study-detail-read-more-wrapper .read-about-wrapper .read-about-link,
    .case-study-detail-read-more-wrapper .read-more-link,
    .case-study-detail-read-more-wrapper .read-more-text {
        line-height: 23px;
    }

    /*about modal */
    .about-content-modal {
        margin: 0;
    }

    .about-feature-icon {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 1199.98px) {

    .h1 {
        /* font-size: 3.375rem; */
        /* 60px ÷ 16 */
        /* line-height: 55px; */
        font-size: 3.125rem;
        /* 50px */
    }

    .h2 {
        /* font-size: 2.25rem; */
        /* 36px ÷ 16 */
        /* line-height: 45px; */
        font-size: 1.75rem;
        /* 1 dec (wellmax 2.0)  */
        /* 28px */
    }

    .h3 {
        font-size: 1.8125rem;
        /* 29px ÷ 16 */
    }

    .h4 {
        /* font-size: 1.75rem; */
        /* 28px */
    }

    .h5 {
        font-size: 1.625rem;
        /* 26px ÷ 16 */
    }

    .font-30 {
        font-size: 1.5rem;
        /* 24px ÷ 16 */
    }

    .font-20 {
        /* font-size: 1rem; */
        /* 16px ÷ 16 */

    }

    .font-34 {
        font-size: 1.5625rem;
        /* 25px ÷ 16 */
    }

    /* custom gap */

    .gap-12 {
        gap: 9px;
    }

    /* COMMON PADDING */
    .common-padding {
        padding: 70px 0;
    }

    .common-padding-t {
        padding-top: 70px;
    }

    .common-padding-b {
        padding-bottom: 80px;
    }


    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main .header-inner-main nav.navbar {
        /* padding: 10px 16px; */
        padding: 0 16px;
    }

    .header-logo .header-logo-link .logo {
        max-width: 130px;
    }

    .header-main .header-inner-main .header-inner {
        padding: 0 10px;
    }

    .header-menu .header-menu-inner ul li a {
        /* font-size: 15px; */
        font-size: 14px;
        /* 1 dec (wellmax 2.0)  */
        padding: 30px 0;
        /* margin: 0 5px; */
        margin: 0 7px;
        /* 1 dec (wellmax 2.0)  */
    }

    .header-menu .header-menu-inner .nav-item .submenu li a {
        font-size: 12px;
        padding: 8px;
    }

    .header-button .btn {
        max-width: 125px;
        min-width: 125px;
        font-size: 12px;
        padding: 14px 9px;
    }

    li.nav-item .plus-icon {
        width: 10px;
    }

    /* ===============================================
==================================================
               BANNER SECTION
==================================================
=============================================== */

    .banner-slider-wrapper .banner-content-wrapper {
        padding: 180px 66px;
    }

    /* .banner-slider-wrapper .banner-content-wrapper .banner-slide-text {
        line-height: 55px;
    } */


    /* slider pagination */

    .banner-slider .slick-dots {
        bottom: 60px;
        gap: 20px;
    }

    .banner-slider .slick-dots li button {
        width: 150px;
    }

    /* ===============================================
==================================================
              ABOUT US SECTION
==================================================
=============================================== */

    .about-wrapper {
        gap: 30px;
    }

    .about-wrapper .about-left-wrapper {
        width: 450px;
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper {
        padding-bottom: 22px;
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img1 {
        width: 350px;
        /* margin-right: 40px; */
        margin-top: 70px;
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img2 {
        max-width: 200px;
    }

    .about-wrapper .about-left-wrapper .customer-satisfied-badge {
        width: 100px;
        height: 100px;
        padding: 9px;
    }

    .about-wrapper .about-left-wrapper .customer-satisfied-badge .cs-badge-content {
        padding: 13px;
        width: 84px;
        height: 84px;
    }

    .cs-badge-content .cs-badge-title {
        font-size: 30px;
        line-height: 32px;
    }

    .cs-badge-content .cs-badge-desc {
        font-size: 11px;
        line-height: 13px;
    }

    .about-wrapper .about-right-wrapper {
        width: calc((100% - 450px) - 30px);
    }

    .about-points .checkCircle-icon {
        max-width: 24px;
    }

    .about-details .about-points-wrapper {
        gap: 13px;
    }

    /* ===============================================
==================================================
                CORE VALUE SECTION
==================================================
=============================================== */

    .core-value-wrapper {
        gap: 100px;
        max-width: 830px;
    }

    .core-value-wrapper::before {
        width: 800px;
        top: 64px;
    }

    /* ===============================================
==================================================
              LATEST PROJECT SECTION
==================================================
=============================================== */
    .latest-project-sec .slider-container {
        max-width: 960px;
    }

    /* .project-slider .project-card-wrapper {
        width: 320px;
    } */

    .project-slider .slick-slide,
    .project-slider .project-img {
        height: 380px;
        min-height: 380px;
    }

    .project-slider .slick-center .project-img {
        /* height: 274px;
        min-height: 274px; */
        height: 276px;
        /* 1 dec (wellmax 2.0)  */
        min-height: 276px;
        /* 1 dec (wellmax 2.0)  */
    }

    .project-slider .project-content-wrapper {
        padding: 20px 15px;
    }

    .project-slider.slick-slider .slick-prev.slick-arrow {
        left: -8px;
    }

    .project-slider.slick-slider .slick-next.slick-arrow {
        right: -8px;
    }

    /* ===============================================
==================================================
        ACCREDITATIONS & AWARDS SECTION
==================================================
=============================================== */
    .accreditation-slider,
    .awards-slider {
        gap: 16px 22px;
    }

    .accreditation-wrapper .accreditation-card,
    .awards-wrapper .awards-card {
        min-height: 145px;
        padding: 14px 20px;
        /* margin: 0 11px 16px */
    }

    /* .accreditation-wrapper .accreditation-card {
        margin: 0;
    } */

    .accreditation-wrapper .accreditation-card img,
    .awards-wrapper .awards-card img {
        max-width: 170px;
    }

    .accreditation-bg-img {
        bottom: -105px;
        max-width: 720px;
    }

    /* ===============================================
==================================================
            PROJECT CASE STUDY SECTION
==================================================
=============================================== */
    .call-wrapper {
        width: 80px;
        height: 80px;
    }

    span.case-study-line {
        height: 70px;
    }

    .case-study-wrapper {
        width: 600px;
    }

    .call-img {
        width: 50px;
        height: 50px;
    }

    /* ===============================================
==================================================
            Equipment PAGE
==================================================
=============================================== */
    .equipment-img-sec {
        height: 250px;
    }

    /* ===============================================
==================================================
            EVENT SECTION
==================================================
=============================================== */

    /*  EVENT SECTION POPUP START*/

    .gallery-popup {
        padding: 0 60px;
    }

    .gallery-popup .nav {
        width: 40px;
        height: 40px;
    }

    .gallery-popup .nav svg {
        max-width: 30px;
        max-height: 30px;
    }




    /* ===============================================
==================================================
            NEWS SECTION
==================================================
=============================================== */
    .lates-news-sec .news-slider {
        gap: 20px 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    /* ===============================================
==================================================
            FOOTER SECTION
==================================================
=============================================== */
    /* .footer-text {
        line-height: 22px;
    } */

    .footer-link-list {
        gap: 7px;
    }

    /* .copywrite_text {
        font-size: 0.75rem;
    } */

    .copywrite_text::after {
        height: 13px;
    }

    /* ===============================================
==================================================
            OUR APPOCH SECTION
==================================================
=============================================== */
    .expertise-content {
        padding-right: 20px;
    }

    /* ===============================================
==================================================
            OUR TEAM PAGE
==================================================
=============================================== */
    .environment-sec {
        background-size: 500px 600px;
    }

    .team-layout {
        gap: 30px;
    }

    .team-img-sec {
        width: 325px;
    }

    .team-img-sec-bottom {
        /* width: 350px; */
        width: 325px;
        /* 1 dec (wellmax 2.0)  */
        height: 100%;
        /* 1 dec (wellmax 2.0)  */
    }

    .team-sec {
        padding: 30px;
    }

    .team-img {
        /* height: 280px; */
        height: 100%;
        /* 1 dec (wellmax 2.0)  */
    }

    /* ===============================================
==================================================
            CASE STUDY PAGE
==================================================
=============================================== */
    .case-study-list-sec {
        background-size: 400px;
    }

    /* ===============================================
==================================================
            CAREER DETAILS PAGE
==================================================
=============================================== */
    .quantity-left {
        padding: 20px;
    }

    .quantity-details {
        gap: 15px;
    }

    /* .career-job-title {
        margin-bottom: 10px;
    } */

    .quantity-body {
        margin: 0 20px;
    }

    /* .career-job-details {
        line-height: 22px;
    } */

    .quantity-header {
        padding: 0 20px 20px;
    }

    /* ===============================================
==================================================
            CONTACT PAGE
==================================================
=============================================== */
    .iframe-sec,
    .contact-box {
        width: 514px;
        height: 497px;
    }

    .contact-box {
        padding: 50px 80px;
    }

    .contact-box {
        height: auto;
    }

    /* .contact-thankyou-text {
        line-height: 23px;
    } */

    .contact-text,
    .head_office_sec {
        /* gap: 11px; */
    }

    .contact-text {
        /* padding: 12px 0; */
    }

    .contact-page-img {
        width: 430px;
    }

    .contact-us {
        gap: 30px;
    }

    .contact-box-img {
        width: 180px;
    }

    /* .our-approch-video-wrapper {
        width: 400px;
    } */


    /* ===============================================
==================================================
    CASE STUDY DETAIL PAGE BY PRITESH 10-11-25 
==================================================
=============================================== */

    .case-study-detail-sec .case-study-detail-main {
        padding: 25px;
    }

    .case-study-detail-left {
        width: calc(600px + 16px);
        margin: 0 -8px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-main .csd-gallery-slide-card {
        height: 400px;
        padding: 0 8px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav {
        margin-top: 20px;
        padding: 0 8px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .csd-gallery-slide-nav-card {
        margin: 0 8px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-arrow {
        width: 30px;
        height: 30px;
        background-size: 12px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-next.slick-arrow {
        right: 8px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-prev.slick-arrow {
        left: 8px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .csd-gallery-slide-nav-card .case-study-thumb {
        max-height: 100px;
        min-height: 100px;
    }

    .case-study-detail-right {
        width: calc((100% - 600px) - 25px);
    }

    /* .case-study-detail-sec .case-study-content h2,
    .case-study-detail-sec .case-study-gallery-title {
        font-size: 1.525rem;
        line-height: 30px;
        margin-bottom: 12px;
    } */

    /* .case-study-detail-sec .case-study-content p {
        font-size: 1rem;
        line-height: 20px;
        margin: 14px 0;
    } */

    .case-study-detail-sec .case-study-content ul {
        margin: 14px 0 0;
        padding-left: 22px;
    }

    .case-study-detail-sec .case-study-content ul li {
        /* font-size: 1rem;
        line-height: 20px; */
    }

    /* .case-study-detail-sec .case-study-gallery-title {
        margin: 0 0 16px;
    } */

    .cs-project-detail-header {
        padding: 0 20px 20px;
    }

    .cs-project-detail-body {
        margin: 0 20px;
    }


    /* ===============================================
==================================================
      NEWS-DETAIL SECTION BY PRITESH 10-11-25
==================================================
=============================================== */

    .blog-detail-main .blog-detail-wrapper {
        padding: 20px;
    }



    .lates-news-sec .news-card .news-img-wrapper .news-image-link .news-img {
        min-height: 280px;
        max-height: 280px;
    }


    /* PAGE NOT FOUND  */

    .error-page-sec {
        padding: 120px 0 70px;
    }

    .error-page-sec .page-not-found-image {
        max-width: 400px;
    }

}

@media (max-width: 991.98px) {

    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        /* font-size: 3rem; */
        /* slightly smaller than 1199px */
        /* line-height: 48px; */
        font-size: 2.5rem;
    }

    .h2 {
        /* font-size: 2rem;
        line-height: 40px; */
        /* 32 */
        font-size: 1.5625rem;
        /* 1 dec (wellmax 2.0)  */
    }

    .h3 {
        font-size: 1.5rem;
        /* 24 */
    }

    .h5 {
        font-size: 1.25rem;
        /* 20 */
    }

    .font-26 {
        font-size: 1.25rem;
        /* 20 */
        line-height: 22px;
    }

    .font-34 {
        font-size: 1.375rem;
        /* 22px */
    }

    .font-30 {
        font-size: 1.375rem;
        /* 22px */
    }

    .font-42 {
        font-size: 1.5rem;
        /* 24px ÷ 16 */
        line-height: 25px;
    }

    .font-20 {
        /* font-size: 0.9375rem; */
        /* 15px */
    }

    .font-18 {
        /* font-size: 0.875rem; */
        /* 14px */
        font-size: 1rem;
        /* 1 dec (wellmax 2.0)  */
    }

    .font-54 {
        font-size: 2.5rem;
        /* 40px */
        line-height: 40px;
    }

    .font-28 {
        font-size: 1.25rem;
        /* 20px */
        line-height: 25px;
    }

    /* COMMON PADDING */
    .common-padding {
        padding: 60px 0;
    }

    .common-padding-t {
        padding-top: 60px;
    }

    .common-padding-b {
        padding-bottom: 60px;
    }

    .common-padding-t60 {
        padding-top: 40px;
    }

    .common-padding-b60 {
        padding-bottom: 40px;
    }

    .common-padding-b30 {
        padding-bottom: 20px;
    }

    .common-padding-t30 {
        padding-top: 20px;
    }

    .common-page-details {
        padding: 30px 0;
    }

    /* common input */
    .common-input {
        font-size: 14px;
        padding: 17px 25px;
    }

    /* common moadl */
    .common-modal .modal-header {
        padding: 20px 20px 5px 20px;
    }

    .common-modal .modal-body {
        padding: 5px 20px 5px 20px;
    }
    .common-modal .modal-content{
        padding-bottom: 20px;
    }

    .common-modal .modal-close-btn {
        width: 15px;
    }

    /* COMMON SLIDER NAVIGATION */
    .Slider-navigation-container .slick-arrow {
        width: 45px;
        height: 45px;
        background-size: 16px;
    }

    .Slider-navigation-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        margin-top: 16px;
    }

    .Slider-navigation-container .slick-prev.slick-arrow {
        background-image: url('../images/prev-arrow-Icon.png');
    }

    .Slider-navigation-container .slick-next.slick-arrow {
        background-image: url('../images/next-arrow-Icon.png');
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main .header-inner-main nav.navbar {
        padding: 10px 20px;
    }

    .header-main .header-inner-main .header-inner {
        padding: 0;
    }

    .header-main .header-inner-main .header-inner .header-menu .header-menu-inner {
        position: fixed;
        top: 116px;
        left: 20px;
        border-radius: 10px;
        right: 20px;
        width: calc(100% - 40px);
        background: var(--white);
        z-index: 777;
        height: calc(100svh - 140px);
        overflow: auto;
        transition: all 400ms ease;
        transform: translateY(-20px);
        visibility: hidden;
        opacity: 0;
    }

    .header-main .header-inner-main .header-inner .header-menu.show .header-menu-inner {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .header-main .header-inner-main .header-inner .header-menu ul li.nav-item {
        padding: 0 16px;
    }

    .header-main .header-inner-main .header-inner .header-menu ul li a {
        margin: 0;
        padding: 13px 0;
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        justify-content: space-between;
    }

    .header-main .header-inner-main .header-inner .header-menu ul li a.mobile-contact-btn {
        padding: 9px 14px;
        max-width: 150px;
        min-width: 140px;
        font-size: 14px;
    }

    .header-menu .header-menu-inner .nav-item .submenu {
        position: relative;
    }

    .header-main .header-inner-main .header-inner .header-menu ul li.nav-item .submenu a {
        font-size: 13px;
        padding: 5px 0;
    }

    li.nav-item .plus-icon {
        width: 15px;
        height: 15px;
    }


    .header-menu .header-menu-inner .nav-item .plus-icon-wrapper .plus-icon {
        transform: rotate(0deg);
    }

    .header-menu .header-menu-inner .nav-item.open .plus-icon-wrapper .plus-icon {
        transform: rotate(45deg);
    }

    /* ===============================================
==================================================
               BANNER SECTION
==================================================
=============================================== */

    .banner-slider-wrapper .banner-content-wrapper {
        padding: 160px 80px;
    }

    /* ===============================================
==================================================
              LATEST PROJECT SECTION
==================================================
=============================================== */

    .project-slider.slick-slider .slick-prev.slick-arrow {
        left: 0;
    }

    .project-slider.slick-slider .slick-next.slick-arrow {
        right: 0;
    }

    /* ===============================================
==================================================
              ABOUT US SECTION
==================================================
=============================================== */

    .about-wrapper .about-left-wrapper {
        max-width: 540px;
        margin: auto;
    }

    .about-wrapper .about-right-wrapper {
        width: 100%;
    }


    /* ===============================================
==================================================
                CORE VALUE SECTION
==================================================
=============================================== */

    .core-value-wrapper {
        gap: 65px;
        max-width: 728px;
    }

    .core-value-wrapper::before {
        width: 700px;
        top: 64px;
    }


    /* ===============================================
==================================================
        ACCREDITATIONS & AWARDS SECTION
==================================================
=============================================== */
    .accreditation-bg-img {
        bottom: -10px;
        max-width: 640px;
    }

    .accreditation-slider,
    .awards-slider {
        display: flex;
    }

    .accreditation-slider .slick-list,
    .awards-slider .slick-list {
        margin: 0 -11px -16px;
    }

    .accreditation-wrapper .accreditation-card,
    .awards-wrapper .awards-card {
        margin: 0 11px 16px;
    }


    /* ===============================================
==================================================
              TESTIMONIAL SECTION
==================================================
=============================================== */

    .testimonial-slider .slick-slide .testimonial-card {
        margin: 0 7px;
    }

    .testimonial-slider .slick-list {
        margin: 0 -7px;
    }

    .testimonial-slider .testimonial-card {
        padding: 22px 22px 50px;
    }

    .testimonial-card .testimonial-icon {
        right: 22px;
        top: 22px;
        max-width: 75px;
    }

    .testimonial-slider-wrapper {
        padding-left: 0;
        padding-right: 0px;
    }


    /* ===============================================
==================================================
            PROJECT CASE STUDY SECTION
==================================================
=============================================== */
    .case-study-wrapper {
        width: 70%;
    }

    .call-wrapper {
        width: 80px;
        height: 80px;
    }

    /* span.case-study-line {
        height: 75px;
        top: 5px;
    } */
    .case-study-desc {
        padding: 7px 0;
    }

    /* ===============================================
==================================================
            EVENT SECTION
==================================================
=============================================== */
    .gallery-grid {
        grid-auto-rows: 100px;
        gap: 10px;
    }

    .view-more-link {
        margin: 5px;
    }

    .view-more {
        font-size: 12px;
    }

    /* ===============================================
==================================================
            LATEST NEWS SECTION
==================================================
=============================================== */
    .lates-news-sec .news-slider {
        display: flex;
    }

    .news-nav-container {
        position: absolute;
        justify-content: space-between;
        margin-top: 0;
        width: 100%;
    }

    .lates-news-sec .news-card-wrapper {
        margin: 0 8px 15px 8px;
    }

    .lates-news-sec .news-slider .slick-list {
        margin: 0 -8px;
    }

    /* ===============================================
==================================================
            FOOTER SECTION
==================================================
=============================================== */
    /* .footer-text {
        line-height: 22px;
    } */

    /* ===============================================
==================================================
            OUR EXPERTISE PAGE
==================================================
=============================================== */
    .expertise-core-value-sec {
        background-position: 81%;
        /*1 dec (wellmax 2.0)  */
    }

    .innerpage-banner {
        height: 300px;
        padding: 175px 0 78px 0;
    }

    .expertise-icon {
        margin-top: 10px;
    }

    .single-expertise {
        width: 90%;
        padding: 30px;
        border-radius: 10px;
    }

    .single-expertise:nth-child(odd)::after,
    .single-expertise:nth-child(even):not(:last-child)::after {
        width: 150px;
        height: 150px;
        background-size: 150px;
    }

    .single-expertise:nth-child(odd)::after {
        left: 10px;
    }

    .single-expertise:nth-child(even):not(:last-child)::after {
        right: 10px;
    }

    .single-expertise:nth-child(even) {
        margin-right: 0;
        /*1 dec (wellmax 2.0)  */
    }

    .single-expertise-wrapper {
        gap: 15px;
    }

    .single-expertise-icon {
        min-width: 50px;
        width: 50px;
        /* height: 50px; */
    }

    .expertise-core-value-sec-wrapper {
        width: 450px;
    }

    .expertise-content {
        padding-right: 0;
    }

    .expertise-list-wrapper {
        gap: 30px;
    }

    .expertise-right {
        height: 280px;
        width: 321px;
    }

    /* ===============================================
==================================================
            OUR CORE VALUE PAGE
==================================================
=============================================== */
    .single-core-img {
        /* min-width: 350px;
        min-height: 280px;
        height: 280px; */
        min-width: 280px;
        /* 1 dec (wellmax 2.0)  */
        min-height: 260px;
        /* 1 dec (wellmax 2.0)  */
        height: 260px;
        /* 1 dec (wellmax 2.0)  */
    }

    .core-value-icon {
        width: 150px;
        height: 150px;
    }

    .single-core-wrapper {
        gap: 20px;
    }

    .core-value-list {
        gap: 20px;
    }

    .core-list li::before {
        left: -18px;
        font-size: 27px;
    }

    .core-list {
        padding-left: 20px;
    }

    .single-core-value {
        padding: 18px;
    }

    .single-core-value:nth-child(odd) .core-value-icon {
        display: none;
    }

    .single-core-value:nth-child(even) .core-value-icon {
        display: none;
    }

    .our-approch-video-wrapper .core-play-btn,
    .career-details-video .core-play-btn {
        width: 50px;
        height: 50px;
    }

    /* ===============================================
==================================================
            OUR APPROCH PAGE
==================================================
=============================================== */
    .approach-bottom-image {
        height: 400px;
        width: 500px;
    }

    .our-approch-video-wrapper {
        width: 350px;
        height: 350px;
    }

    /* ===============================================
==================================================
            OUR TEAM PAGE
==================================================
=============================================== */
    .team-layout {
        gap: 30px;
    }

    .team-img-sec-bottom {
        width: 100%;
        height: 400px;
    }

    .team-sec {
        padding: 20px;
    }

    .team-img-sec {
        height: auto;
        width: 100%;
    }

    .team-img {
        height: 400px;
        object-position: top;
    }

    /* ===============================================
==================================================
            OUR Accreditations PAGE
==================================================
=============================================== */
    .accrenditations-logo-sec {
        background-size: 400px;
    }

    /* ===============================================
==================================================
            CASE STUDY PAGE
==================================================
=============================================== */
    .case-study-list-sec {
        background-size: 400px;
    }

    .case-study-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .single-case-study .case-study-list-img {
        height: 220px;
    }

    /* ===============================================
==================================================
            CAREER PAGE
==================================================
=============================================== */
    .career-card {
        padding: 15px;
    }

    .career-list {
        gap: 20px;
    }

    .career-type {
        font-size: 13px;
        padding: 3px 7px;
        line-height: 24px;
    }

    .career-btn {
        padding: 13px 10px;
    }

    /* .career-sec {
        padding: 80px 0;
    } */

    .vacancies-img {
        height: 150px;
    }

    /* ===============================================
==================================================
            CAREER DETAILS PAGE
==================================================
=============================================== */
    .quantity-right {
        width: 100%;
    }

    .career-job-desc {
        gap: 4px;
    }

    .quantity-body {
        display: flex;
        flex-wrap: wrap;
    }

    .job-btn {
        margin-top: 30px;
    }

    .single-quantity {
        width: 50%;
    }

    /* .job-desc {
        gap: 6px;
    } */

    /* .job-details-font {
        font-size: 15px;
    } */

    /* ===============================================
==================================================
            NEWS PAGE
==================================================
=============================================== */
    .news-page-sec .lates-news-sec .news-slider {
        display: grid;
    }

    .news-page-sec .lates-news-sec .news-slider {
        gap: 20px;
    }

    .news-page-sec {
        background-size: 600px;
    }

    .news-page-sec .nav-tabs .nav-link {
        min-width: 124px;
        /* font-size: 19px;
        line-height: 21px; */
        padding: 11px;
    }

    .news-search {
        padding: 10px 20px;
        line-height: 26px;
    }

    .news-search-icon {
        right: 20px;
        width: 40px;
    }

    .latest-project-sec .slider-container .title-main {
        padding: 0 20px;
    }

    /* ===============================================
==================================================
            CONTACT PAGE
==================================================
=============================================== */
    .iframe-sec,
    .contact-box {
        width: 400px;
        height: 430px;
    }

    .contact-box {
        height: auto;
    }

    .contact-box {
        padding: 40px 50px;
    }

    .contact-text,
    .head_office_sec {
        /* gap: 7px; */
    }

    .contact-text {
        padding: 9px;
    }

    .head_office_sec {
        padding-bottom: 9px;
    }

    .contact-us {
        gap: 20px;
    }

    .contact-page-img {
        width: 330px;
    }

    .contact-box {
        margin-top: 80px;
        margin-left: -50px;
    }

    /* .contact-thankyou-text {
        line-height: 20px;
    } */

    .contact-page-form {
        gap: 14px;
    }

    .contact-box-img {
        width: 160px;
    }

    /* ===============================================
==================================================
            Training Apprenticeships PAGE
==================================================
=============================================== */
    .training-image {
        height: 280px;
    }

    .traning-bottom-img {
        height: 230px;
    }

    .traning-image-layout {
        gap: 20px;
        /* 1 dec (wellmax 2.0)  */
    }

    .traning-box {
        padding: 15px;
        gap: 15px;
    }

    /* ===============================================
==================================================
            Equipment PAGE
==================================================
=============================================== */
    .equipment-inner {
        padding: 20px;
    }

    .equipment-img-sec {
        height: 200px;
    }

    .equipment-desc {
        padding-bottom: 20px;
    }

    .equipment-img-list {
        gap: 15px;
    }

    .traning-sec,
    .equipment-sec {
        background-size: 500px;
    }

    /* ===============================================
==================================================
            Integrated PAGE
==================================================
=============================================== */
    /* .environmental-bottom {
        margin-top: 40px;
    } */

    .environmental-logo {
        width: 150px;
    }

    .environmental-image-layout {
        gap: 20px;
    }

    .integrated-wrapper {
        padding: 20px;
    }

    /* ===============================================
==================================================
            CHARITY & SPONSERSHIPS
==================================================
=============================================== */
    /* .charity-tabs button {
        font-size: 20px;
    } */
    .charity-quotes-row .charity-quotes-col {
        margin-top: 20px;
    }

    .charity-quotes-row {
        gap: 15px;
        /*1 dec (wellmax 2.0)  */
    }

    .charity-quotes-row .charity-quotes-col {
        margin: 15px 0 0 0;
        /*1 dec (wellmax 2.0)  */
    }

    .charity-quotes-row .charity-quotes-col:before {
        bottom: calc(100% + 15px);
        /* 1 dec (wellmax 2.0)  */
    }

    /* ===============================================
==================================================
    CASE STUDY DETAIL PAGE BY PRITESH 10-11-25 
==================================================
=============================================== */

    .case-study-detail-left {
        width: calc(100% + 16px);
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-prev.slick-arrow {
        left: 6px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-next.slick-arrow {
        right: 6px;
    }

    .case-study-detail-right {
        width: 100%;
    }

    .cs-project-detail-body {
        column-gap: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .cs-project-detail-list {
        width: calc((100% / 2) - 10px);
    }

    .lates-news-sec .news-card .news-img-wrapper .news-image-link .news-img {
        min-height: 250px;
        max-height: 250px;
    }


    /* PAGE NOT FOUND  */

    .error-page-sec {
        padding: 80px 0 70px;
    }

    .error-page-sec .page-not-found-image {
        max-width: 350px;
    }

    /* case study details page */

    .case-study-detail-sec .case-study-content h2 {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {

    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        /* font-size: 3rem; */
        /* 48px ÷ 16 */
        font-size: 1.875rem;
    }

    .h5 {
        font-size: 1.375rem;
        /* 22px ÷ 16 */
    }

    .font-30 {
        font-size: 1.5rem;
        /* 24px ÷ 16 */
    }

    .font-20 {
        /* font-size: 1rem; */
        /* 16px ÷ 16 */
    }

    .font-54 {
        font-size: 1.875rem;
        /* 30px */
        line-height: 30px;
    }

    .font-17,
    .case-study-detail-sec .case-study-content ul li,
    .case-study-detail-sec .case-study-content p {
        line-height: 120%;
    }

    /* COMMON TITLE */
    .title-main {
        gap: 6px;
    }

    .lh-35 {
        line-height: 28px;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-logo .header-logo-link .logo {
        max-width: 120px;
    }

    .header-main .header-inner-main nav.navbar {
        padding: 6px 17px;
    }

    .header-main .header-inner-main .header-inner .header-menu .header-menu-inner {
        top: 95px;
    }



    /* ===============================================
==================================================
               BANNER SECTION
==================================================
=============================================== */

    .banner-sec .banner-slider-wrapper {
        height: 100vh;
        min-height: unset;
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper {
        margin-left: 0;
        /* 1 dec (wellmax 2.0)  */
    }

    @media (max-height: 575px) {
        .banner-sec .banner-slider-wrapper {
            min-height: 650px;
        }
    }

    .banner-slider-wrapper .banner-content-wrapper {
        padding: 100px 20px;
    }

    /* .banner-slider-wrapper .banner-content-wrapper .banner-slide-text {
        line-height: 35px;
    } */

    /* .banner_text {
        line-height: 18px;
    } */

    /* ===============================================
    ==================================================
                LATEST PROJECT SECTION
    ==================================================
    =============================================== */

    .project-slider .slick-slide {
        margin: 0 6px;
    }

    .project-slider .slick-list {
        border-radius: 0;
    }

    .project-slider-wrapper {
        padding-bottom: 64px;
    }

    .project-slider.slick-slider .slick-next.slick-arrow {
        bottom: unset;
        top: calc(100% + 24px);
        right: 0;
        left: 64px;
    }

    .project-slider.slick-slider .slick-prev.slick-arrow {
        bottom: unset;
        top: calc(100% + 24px);
        left: 0;
        right: 64px;
    }

    /* ===============================================
==================================================
                CORE VALUE SECTION
==================================================
=============================================== */

    .core-value-wrapper {
        max-width: 100%;
        flex-direction: column;
    }

    .core-value-wrapper::before {
        display: none;
    }

    .core-value-wrapper .core-value-card .cv-icon-wrapper .cv-inner-icon {
        width: 135px;
        height: 135px;
    }

    .core-value-wrapper .core-value-card .cv-icon-wrapper {
        width: 155px;
        height: 155px;
    }

    /* ===============================================
==================================================
            PROJECT CASE STUDY SECTION
==================================================
=============================================== */
    .case-study-wrapper {
        width: 80%;
    }

    .case-study-sec {
        background-image: var(--mobile-bg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* ===============================================
==================================================
            EVENT SECTION
==================================================
=============================================== */
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 200px;
        gap: 25px;
    }

    .gallery-grid .gallery-image:nth-child(1),
    .gallery-grid .gallery-image:nth-child(2),
    .gallery-grid .gallery-image:nth-child(3),
    .gallery-grid .gallery-image:nth-child(4),
    .gallery-grid .gallery-image:nth-child(5),
    .gallery-grid .gallery-image:nth-child(6),
    .gallery-grid .gallery-image:nth-child(7),
    .gallery-grid .gallery-image:nth-child(8),
    .gallery-grid .view-more {
        grid-column: 1 / -1;
        grid-row: auto;
        width: 100%;
    }

    .gallery-grid .gallery-image:nth-child(5) {
        grid-row: span 2;
    }

    .gallery-grid .gallery-image:nth-child(2) {
        grid-column: 1;
    }

    .gallery-grid .gallery-image:nth-child(3) {
        grid-column: 2;
    }

    .gallery-grid .gallery-image:nth-child(7) {
        grid-column: 1;
    }

    .gallery-grid .gallery-image:nth-child(8) {
        grid-column: 2;
    }

    /* ===============================================
==================================================
            CONTACT SECTION
==================================================
=============================================== */
    .contact-form {
        width: 100%;
    }

    .contact-us-img {
        position: relative;
        width: 100%;
        border-radius: 10px;
    }

    /* ===============================================
==================================================
            FOOTER SECTION
==================================================
=============================================== */
    /* .footer-text {
        line-height: 25px;
        font-size: 16px;
    } */

    .footer-link-list {
        gap: 7px;
    }

    .phone-copywrite-icon {
        width: 20px;
        height: 20px;
    }

    .footer-col1,
    .footer-col2,
    .footer-col3 {
        max-width: 100%;
        text-align: center;
    }

    .footer-social {
        gap: 25px;
    }

    /* .footer-title {
        font-size: 1.25rem;
    } */

    .footer-title::after {
        right: 0;
        margin: auto;
    }

    .footer-link-list {
        margin-top: 15px;
        gap: 12px;
    }

    .footer-contact-info:nth-child(2) {
        align-items: center !important;
    }

    .footer-contact-info:nth-child(2) img {
        margin-top: 0px;
    }

    /* .footer-link-list .footer-link {
        font-size: 1rem;
    } */

    .footer-contact {
        margin-top: 15px;
    }

    .footer-contact-info {
        /* font-size: 1rem; */
        justify-content: center;
    }

    .copywrite-sec {
        padding: 50px 0;
    }

    .copywrite_text {
        /* font-size: 1rem; */
        line-height: 25px;
        font-weight: normal;
    }

    .copywrite_text:first-child::after {
        width: 0;
        height: 0;
    }

    .copywrite_text::after {
        height: 20px;
    }

    /* ===============================================
==================================================
            OUR EXPERTISE PAGE
==================================================
=============================================== */
    .innerpage-banner {
        height: 230px;
        padding: 130px 0 33px 0;
    }

    /* .innerpage-title {
        font-size: 1.875rem;
    } */

    /* .expertise-image {
        margin-top: 15px;
    } */

    .single-expertise {
        width: 100%;
        padding: 15px;
    }

    .single-expertise-wrapper {
        gap: 10px;
    }

    .single-expertise-icon {
        min-width: 40px;
        width: 40px;
        /* height: 40px; */
    }

    .expertise-list-wrapper {
        gap: 20px;
    }

    .expertise-list-sec {
        background-image: none;
    }

    .single-expertise:nth-child(odd)::after,
    .single-expertise:nth-child(even):not(:last-child)::after {
        background: none;
    }

    .expertise-core-value-sec {
        background-position: 70%;
    }

    .expertise-core-value-sec-wrapper {
        width: 100%;
    }

    .expertise-core-list {
        padding-left: 10px;
    }

    .expertise-right {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    /* ===============================================
==================================================
            OUR CORE VALUE PAGE
==================================================
=============================================== */
    .single-core-img {
        min-width: unset;
        min-height: 250px;
        height: 250px;
        width: 100%;
    }

    .single-core-img img {
        width: 100%;
    }

    .single-core-wrapper {
        gap: 10px;
    }

    .core-video-wrapper {
        height: auto;
        width: 100%;
    }

    .core-play-btn {
        width: 40px;
        height: 40px;
    }

    /* ===============================================
==================================================
            OUR APPROCH PAGE
==================================================
=============================================== */
    .approach-bottom-image {
        height: 220px;
    }

    .our-approch-center-wrapper {
        padding: 19px;
    }

    .responsibility-image {
        max-height: 250px;
    }

    .our-approch-video-wrapper .core-play-btn,
    .career-details-video .core-play-btn {
        width: 40px;
        height: 40px;
    }

    .our-approch-img {
        float: unset;
    }

    /* ===============================================
==================================================
            OUR TEAM PAGE
==================================================
=============================================== */
    .team-layout {
        gap: 15px;
    }

    .team-img-sec-bottom,
    .team-img {
        height: 250px;
    }

    /* ===============================================
==================================================
            OUR Accreditations PAGE
==================================================
=============================================== */
    .accrenditations-logo-sec {
        background-size: 300px;
    }

    /* ===============================================
==================================================
            CAREER PAGE
==================================================
=============================================== */
    .career-list {
        grid-template-columns: repeat(1, 1fr);
    }

    /* .career-sec {
        padding: 40px 0;
    } */

    .career-desc {
        line-height: 17px;
    }

    .meta-desc {
        font-size: 0.8125rem;
    }

    /* ===============================================
==================================================
            CAREER DETAILS PAGE
==================================================
=============================================== */
    .quantity-body {
        display: block;
    }

    .quantity-img {
        height: 200px;
    }

    .quantity-left {
        padding: 15px;
    }

    /* .career-job-details {
        line-height: 22px;
        font-size: 16px;
    } */

    .single-quantity {
        width: 100%;
    }

    .contect-bottom-text {
        font-size: 1rem;
        line-height: 20px;
    }

    /* ===============================================
==================================================
            NEWS PAGE
==================================================
=============================================== */
    .news-page-sec .lates-news-sec .news-slider {
        grid-template-columns: repeat(1, 1fr);
    }

    .news-page-sec {
        background-size: 400px;
    }

    .news-page-sec .nav-tabs .nav-link {
        min-width: 116px;
        /* font-size: 16px;
        line-height: 17px; */
        padding: 10px;
    }

    /* ===============================================
==================================================
            CONTACT PAGE
==================================================
=============================================== */
    .iframe-sec,
    .contact-box {
        width: 100%;
        height: 300px;
    }

    .contact-box {
        height: auto;
    }

    .contact-box {
        margin-bottom: 40px;
        margin-left: 0;
        margin-top: 0;
    }

    .contact-box-img {
        width: 150px;
    }

    .contact-page-img {
        width: 100%;
        border-radius: 10px 10px 0 0;
    }

    .form-sec {
        padding: 20px;
    }

    .contact-us {
        gap: 0;
    }

    .contact-row-layout {
        gap: 14px;
    }

    .contact-btn.contact-page-btn {
        height: 45px;
        font-size: 13px;
    }

    /* ===============================================
==================================================
            Training Apprenticeships PAGE
==================================================
=============================================== */
    .training-image {
        height: 180px;
    }

    .traning-bottom-img {
        height: 180px;
    }

    .expertise-icon {
        margin-top: 7px;
        width: 14px;
    }

    /* ===============================================
==================================================
            Equipment PAGE
==================================================
=============================================== */
    .equipment-inner {
        padding: 15px;
    }

    .equipment-img-sec {
        height: 180px;
    }

    .equipment-img-list {
        gap: 10px;
    }

    .equipment-wrapper {
        gap: 30px;
    }

    /* ===============================================
==================================================
            Integrated PAGE
==================================================
=============================================== */
    /* .environmental-bottom {
        margin-top: 30px;
    } */

    .environmental-logo {
        width: 100px;
    }

    .integrated-wrapper {
        padding: 15px;
    }

    /* ===============================================
==================================================
            CHARITY & SPONSERSHIPS
==================================================
=============================================== */
    .common-details-card {
        padding: 20px 16px;
    }

    .charity-quotes-row .charity-quotes-col {
        padding-left: 10px;
    }

    .charity-event-grid,
    .charity-gallery-grid,
    .charity-event-grid-3 {
        gap: 0.75rem;
    }

    .charity-event-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .charity-gallery-grid,
    .charity-event-grid-3 {
        grid-template-columns: auto;
    }

    .charity-tabs {
        gap: 10px;
    }

    .charity-tabs button {
        font-size: 17px;
        width: 100%;
        padding: 10px;
    }

    .charity-gallery-grid img:nth-child(5) {
        grid-column: unset
    }

    .charity-event-grid-3 img:nth-child(1) {
        grid-row: unset;
    }

    .charity-event-grid-3 img:nth-child(2),
    .charity-event-grid-3 img:nth-child(3) {
        grid-column: unset
    }

    .charity-event-certificate .charity-event-certificate-card {
        min-height: 170px;
    }

    .post-navigation .nav-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }


    /* ===============================================
==================================================
    CASE STUDY DETAIL PAGE BY PRITESH 10-11-25 
==================================================
=============================================== */

    .case-study-detail-sec .case-study-detail-main {
        padding: 20px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-main .csd-gallery-slide-card {
        height: 320px;
    }

    .cs-project-detail-body {
        display: block;
    }

    .case-study-detail-sec .case-study-detail-left .case-study-detail-gallery-row .case-study-img {
        max-height: 350px;
    }

    .case-study-detail-sec .case-study-detail-left .case-study-detail-gallery-row iframe {
        min-height: 350px;
        max-height: 350px;
    }

    .cs-project-detail-list {
        width: 100%;
    }


    /* ===============================================
==================================================
      NEWS-DETAIL SECTION BY PRITESH 10-11-25
==================================================
=============================================== */

    .blog-detail-main .blog-detail-padding {
        padding: 60px 0 30px;
    }

    .blog-detail-main .blog-detail-wrapper h1.entry-title {
        font-size: 2.1rem;
        line-height: 36px;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content h2 {
        font-size: 1.9rem;
        margin: 20px 0;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content h3 {
        font-size: 1.5rem;
        margin: 14px 0;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content p {
        font-size: 1rem;
        line-height: 20px;
        margin: 12px 0;
    }

    .case-study-detail-read-more-wrapper .read-about-wrapper .read-about-link,
    .case-study-detail-read-more-wrapper .read-more-link,
    .case-study-detail-read-more-wrapper .read-more-text {
        font-size: 1rem;
        line-height: 20px;
    }

    nav.navigation.post-navigation {
        margin-bottom: 40px;
    }

    .post-navigation .nav-links a {
        padding: 7px 25px 7px 20px;
        gap: 5px;
        font-size: 16px;
    }

    .post-navigation .nav-links .nav-next a {
        padding: 7px 20px 7px 25px;
    }

    .post-navigation .nav-links a span {
        width: 24px;
        height: 20px;
    }

    .post-navigation .nav-links a span svg {
        width: 20px;
        height: 20px;
    }

    /* .lates-news-sec .news-card .news-img-wrapper .news-image-link .news-img {
        min-height: min-content;
        max-height: 300px;
    } */


    /* PAGE NOT FOUND  */

    .error-page-sec {
        padding: 60px 0 50px;
    }
}

@media (max-width: 575px) {

    /* 03 : Heading Style CSS BOF
  =================================================== */

    /* .h1 {
        font-size: 2.375rem;
        line-height: 38px;
    }

    .h2 {
        font-size: 1.875rem;
        line-height: 36px;
    } */
    .h2 {
        font-size: 1.4375rem;
        /* 1 dec (wellmax 2.0)  */
    }

    .h3 {
        font-size: 1.25rem;
        /* 20px ÷ 16 */
    }


    .h5 {
        font-size: 0.875rem;
        /* 14px  ÷ 16 */
        line-height: 18px;
    }

    .font-30 {
        font-size: 1.5rem;
        /* 24px ÷ 16 */
    }

    .font-24 {
        /* font-size: 1rem;
        line-height: 23px; */
        /* 16px ÷ 16 */
    }

    .font-23 {
        font-size: 1.125rem;
        /* 18px */
        line-height: 30px;
    }

    .font-42 {
        font-size: 1.25rem;
        /* 20px ÷ 16 */
        line-height: 25px;
    }

    .font-20 {
        /* font-size: 0.9375rem; */
        /* 15px ÷ 16 */
    }

    .font-34 {
        font-size: 0.625rem;
        /* 10px ÷ 16 */
    }

    /* 
    .font-18 {
        font-size: 0.8125rem;
    } */

    /* Common padding */

    .common-padding {
        padding: 50px 0;
    }

    .common-padding-t {
        padding-top: 50px;
    }

    .common-padding-b {
        padding-bottom: 50px;
    }

    .common-padding-t60 {
        padding-top: 30px;
    }

    .common-padding-b60 {
        padding-bottom: 30px;
    }

    /* COMMON SLIDER NAVIGATION */
    .Slider-navigation-container .slick-arrow {
        width: 40px;
        height: 40px;
        background-size: 14px;
    }

    /* common btn */
    .btn {
        font-size: 9px;
        min-width: 120px;
        padding: 11px 10px;
        border-radius: 6px;
    }

    .btn-arrow svg {
        width: 9px;
        height: 9px;
    }


    /* ===============================================
==================================================
               BANNER SECTION
==================================================
=============================================== */

    .banner-slider-wrapper .banner-content-wrapper {
        padding: 140px 0px;
    }

    .banner-btn-wrapper .banner-btn-proficiency {
        font-size: 9px;
        min-width: 120px;
        padding: 11px 5px;
        border-radius: 6px;
    }

    .banner-btn-wrapper .banner-btn-our-work {
        font-size: 9px;
        min-width: 120px;
        padding: 11px 5px;
        border-radius: 6px;
    }

    .banner-slider .slick-dots li button {
        width: 94px;
        height: 7px;
    }

    /* ===============================================
==================================================
              ABOUT US SECTION
==================================================
=============================================== */

    .about-wrapper .about-left-wrapper {
        max-width: 400px;
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img1 {
        width: 275px;
        /* 1 dec (wellmax 2.0)  */
        /* margin-right: 42px; */
        /* margin-top: 70px; */
        margin-top: 61px;
        /* 1 dec (wellmax 2.0)  */
    }

    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img2 {
        /* max-width: 180px; */
        max-width: 176px;
        /* 1 dec (wellmax 2.0)  */
    }

    .about-wrapper .about-left-wrapper .customer-satisfied-badge {
        width: 90px;
        height: 90px;
        padding: 5px;
    }

    .about-wrapper .about-left-wrapper .customer-satisfied-badge .cs-badge-content {
        padding: 10px;
        width: 75px;
        height: 75px;
    }

    .cs-badge-content .cs-badge-title {
        font-size: 25px;
        line-height: 29px;
    }

    .cs-badge-content .cs-badge-desc {
        font-size: 9px;
        line-height: 10px;
    }

    .about-details .about-points-wrapper {
        gap: 8px;
    }

    .about-list {
        /* line-height: 25px; */
        gap: 10px;
    }


    .about-text {
        font-weight: bold;
        font-size: 0.8125rem;
    }

    .about-points .checkCircle-icon {
        max-width: 19px;
    }



    /* ===============================================
    ==================================================
                LATEST PROJECT SECTION
    ==================================================
    =============================================== */

    .project-slider .slick-slide,
    .project-slider .project-img {
        /* height: 349px;
        min-height: 349px; */
        height: 358px;
        /* 1 dec (wellmax 2.0)  */
        min-height: 358px;
        /* 1 dec (wellmax 2.0)  */
    }

    .project-sub-title {
        line-height: normal;
    }

    .project-slider .project-content-wrapper {
        padding: 15px;
    }

    .project-slider .slick-center .project-img {
        height: 268px;
        min-height: 268px;
    }

    .latest-project-title {
        margin: 0 -9px;
    }

    /* ===============================================
==================================================
                CORE VALUE SECTION
==================================================
=============================================== */

    .core-value-wrapper {
        gap: 30px;
    }

    /* .core-value-text {
        font-size: 1.5rem;
    } */

    /* ===============================================
==================================================
        ACCREDITATIONS & AWARDS SECTION
==================================================
=============================================== */
    .accreditation-wrapper .accreditation-card img,
    .awards-wrapper .awards-card img {
        max-width: 258px;
        width: 100%;
    }

    .accreditation-wrapper .accreditation-card,
    .awards-wrapper .awards-card {
        min-height: 186px;
    }

    /* ===============================================
==================================================
              TESTIMONIAL SECTION
==================================================
=============================================== */
    /* .testimonial-card .tc-desc {
        font-size: 18px;
    } */

    /* ===============================================
==================================================
            PROJECT CASE STUDY SECTION
==================================================
=============================================== */
    .call-wrapper {
        width: 40px;
        height: 40px;
    }

    .call-img {
        width: 24px;
        height: 24px;
    }

    span.case-study-line {
        height: 100%;
        top: 0;
    }

    .case-study-list-desc {
        line-height: 13px;
        font-size: 0.75rem;
    }

    .call-support {
        /* font-size: 0.625rem; */
        /* 10px */
    }

    .case-study-title {
        /* font-size: 1.125rem; */
        /* 18px */
        /* line-height: 35px; */
    }

    .case-study-desc {
        padding: 0;
        margin-top: 10px;
    }

    /* ===============================================
==================================================
            EVENT SECTION
==================================================
=============================================== */

    /*  EVENT SECTION POPUP START*/

    .gallery-popup {
        padding: 0 40px;
    }

    .gallery-popup .prev {
        left: 10px;
    }

    .gallery-popup .next {
        right: 10px;
    }

    .gallery-popup .nav {
        width: 30px;
        height: 30px;
        padding: 2px;
    }

    .gallery-popup .nav svg {
        max-width: 25px;
        max-height: 25px;
    }

    /* ===============================================
==================================================
            NEWS SECTION
==================================================
=============================================== */
    .lates-news-sec .news-card .news-desc {
        padding: 27px 15px 10px;
    }

    .lates-news-sec .news-card .news-sub-desc,
    .news-date {
        font-size: 0.875rem;
        line-height: 23px;
    }

    .lates-news-sec .news-title {
        font-size: 1.1875rem;
        line-height: 32px;
    }

    /* .lates-news-sec .news-card .news-img-wrapper .news-image-link {
        padding: 22px 44px;
    } */

    /* ===============================================
==================================================
            CONTACT SECTION
==================================================
=============================================== */
    .contact-btn {
        font-size: 0.875rem;
        height: 57px;
    }

    .contact-btn.btn-arrow svg {
        width: 13px;
        height: 14px;
    }

    /* ===============================================
==================================================
            FOOTER SECTION
==================================================
=============================================== */
    /* .footer-title {
        font-size: 1.25rem;
    } */

    .footer-contact-info {
        /* font-size: 1rem;
        line-height: 20px; */
    }

    /* ===============================================
==================================================
            OUR EXPERTISE PAGE
==================================================
=============================================== */
    .innerpage-title {
        /* font-size: 1.75rem; */
        /* 28px */
    }

    /* ===============================================
==================================================
            CASE STUDY PAGE
==================================================
=============================================== */
    .case-study-list-sec {
        background-size: 400px;
    }

    .case-study-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .case-study-list-title {
        font-size: 1.25rem;
    }

    /* ===============================================
==================================================
            CAREER DETAILS PAGE
==================================================
=============================================== */
    /* .career-job-details {
        line-height: 22px;
        font-size: 16px;
    } */

    /* ===============================================
==================================================
            CHARITY & SPONSERSHIPS
==================================================
=============================================== */
    .nav-pills li {
        width: 100%;
    }


    /* ===============================================
==================================================
    CASE STUDY DETAIL PAGE BY PRITESH 10-11-25 
==================================================
=============================================== */

    .case-study-detail-sec .case-study-detail-main {
        padding: 16px;
    }

    .case-study-detail-left {
        width: calc(100% + 12px);
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav {
        margin-top: 16px;
        padding: 0 6px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .csd-gallery-slide-nav-card {
        margin: 0 6px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .csd-gallery-slide-nav-card .case-study-thumb {
        max-height: 60px;
        min-height: 60px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-next.slick-arrow {
        right: 4px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-prev.slick-arrow {
        left: 4px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-nav .slick-arrow {
        width: 25px;
        height: 25px;
        background-size: 10px;
    }

    .case-study-detail-gallery-wrapper .csd-gallery-slider-main .csd-gallery-slide-card {
        height: 280px;
        padding: 0 6px;
    }


    /* ===============================================
==================================================
      NEWS-DETAIL SECTION BY PRITESH 10-11-25
==================================================
=============================================== */

    .blog-detail-main .blog-detail-padding {
        padding: 40px 0 30px;
    }

    .blog-detail-main .blog-detail-wrapper h1.entry-title {
        font-size: 1.8rem;
        line-height: 34px;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content h2 {
        font-size: 1.4rem;
        margin: 14px 0;
    }

    .blog-detail-main .blog-detail-wrapper .entry-content h3 {
        font-size: 1.2rem;
        margin: 12px 0;
    }

    /* PAGE NOT FOUND  */

    .error-page-sec .page-not-found-image {
        max-width: 300px;
    }
}

@media (max-width: 480px) {

    .about-wrapper .about-left-wrapper {
        max-width: 340px;
        width: 340px;
        margin: auto;
    }

    /* 
    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img1 {
        width: 275px;
        margin-right: 42px;
        margin-top: 70px;
    }


    .about-wrapper .about-left-wrapper .about-img-wrapper .about-img2 {
        max-width: 150px;
    } */
}

@media (max-width: 400px) {

    /* ===============================================
==================================================
        ACCREDITATIONS & AWARDS SECTION
==================================================
=============================================== */
    .accreditation-wrapper .accreditation-card img,
    .awards-wrapper .awards-card img {
        max-width: 240px;
        width: 100%;
    }

    .accreditation-wrapper .accreditation-card,
    .awards-wrapper .awards-card {
        min-height: 163px;
    }
}