/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/



/* stirp banner section css  */




        /* ==========================================
           UNIQUE SERVICE DETAIL HERO BANNER
        ========================================== */

        #pvxSvcHero_9x4a {
            width: calc(100% - 24px);
            min-height: 500px;
            margin: 8px auto;
            position: relative;
            overflow: hidden;
            border-radius: 12px;

            background-image:
                linear-gradient(
                    90deg,
                    rgba(13, 13, 16, 0.99) 0%,
                    rgba(13, 13, 16, 0.96) 26%,
                    rgba(13, 13, 16, 0.88) 43%,
                    rgba(13, 13, 16, 0.55) 63%,
                    rgba(13, 13, 16, 0.18) 82%,
                    rgba(13, 13, 16, 0.08) 100%
                ),
                url('../img-p/about-banner.png');

            background-size: cover;
            background-position: center right;
            background-repeat: no-repeat;

            display: flex;
            align-items: center;

            font-family: Arial, Helvetica, sans-serif;
        }

        /* slight full banner dark overlay */
        #pvxSvcHero_9x4a::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.08);
            pointer-events: none;
            z-index: 1;
        }

        /* ==========================================
           BIG FADED DETAILS TEXT
        ========================================== */

        .pvx9-watermark-title {
            position: absolute;
            top: 100px;
            left: 390px;

            font-size: clamp(90px, 10vw, 120px);
            font-weight: 800;
            line-height: 1;

            color: transparent;
            -webkit-text-stroke: 2px rgba(255, 255, 255, 0.034);

            letter-spacing: 2px;
            white-space: nowrap;

            z-index: 2;
            pointer-events: none;
            user-select: none;
        }

        /* ==========================================
           CONTENT WRAPPER
        ========================================== */

        .pvx9-hero-inner {
            width: 100%;
            max-width: 1500px;

            margin: 0 auto;

            padding:
                90px
                clamp(45px, 10vw, 190px)
                105px;

            position: relative;
            z-index: 5;
        }

        .pvx9-hero-copy {
            max-width: 970px;
        }

        /* ==========================================
           HEADING
        ========================================== */

        .pvx9-main-heading {
            margin: 0;

            color: #ffffff;

            font-size: clamp(38px, 4vw, 62px);
            line-height: 1.28;

            font-weight: 800;
            letter-spacing: -1px;

            text-transform: none;
        }

        .pvx9-main-heading span {
            display: block;
        }

        /* ==========================================
           DECORATIVE BUILDING LINE
        ========================================== */

        .pvx9-building-line {
            position: absolute;
            left: 25px;
            bottom: 0;

            width: 230px;
            height: 410px;

            opacity: 0.11;
            z-index: 2;

            pointer-events: none;
        }

        .pvx9-building-line::before,
        .pvx9-building-line::after {
            content: "";
            position: absolute;
        }

        .pvx9-building-line::before {
            left: 70px;
            bottom: -40px;

            width: 110px;
            height: 320px;

            border-left: 2px solid #ffffff;
            border-right: 2px solid #ffffff;

            clip-path: polygon(
                50% 0,
                100% 27%,
                100% 100%,
                0 100%,
                0 27%
            );
        }

        .pvx9-building-line::after {
            left: 93px;
            bottom: -10px;

            width: 65px;
            height: 280px;

            border-left: 1px solid #ffffff;
            border-right: 1px solid #ffffff;

            transform: skewY(-28deg);
        }

        /* ==========================================
           BREADCRUMB
        ========================================== */

        .pvx9-breadcrumb-box {
            position: absolute;

            left: clamp(45px, 10vw, 190px);
            bottom: 0;

            min-height: 58px;

            display: inline-flex;
            align-items: center;
            gap: 16px;

            padding: 0 32px;

            background: #ffffff;

            border-radius: 10px 10px 0 0;

            z-index: 10;
        }

        .pvx9-breadcrumb-link {
            color: #111111;
            text-decoration: none;

            font-size: 15px;
            font-weight: 700;

            transition: 0.3s ease;
        }

        .pvx9-breadcrumb-link:hover {
            color: #A6130B;
        }

        .pvx9-breadcrumb-divider {
            width: 4px;
            height: 4px;

            background: #b9b9b9;
            border-radius: 50%;
        }

        .pvx9-breadcrumb-current {
            color: #A6130B;

            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
        }

        /* ==========================================
           RESPONSIVE - LARGE TABLET
        ========================================== */

        @media (max-width: 1200px) {

            #pvxSvcHero_9x4a {
                min-height: 470px;

                background-position: 60% center;
            }

            .pvx9-hero-inner {
                padding-left: 80px;
                padding-right: 60px;
            }

            .pvx9-main-heading {
                max-width: 760px;
            }

            .pvx9-breadcrumb-box {
                left: 80px;
            }

            .pvx9-watermark-title {
                left: 160px;
            }
        }

        /* ==========================================
           RESPONSIVE - TABLET
        ========================================== */

        @media (max-width: 991px) {

            #pvxSvcHero_9x4a {
                min-height: 430px;

                background-image:
                    linear-gradient(
                        90deg,
                        rgba(10, 10, 12, 0.97) 0%,
                        rgba(10, 10, 12, 0.92) 45%,
                        rgba(10, 10, 12, 0.55) 72%,
                        rgba(10, 10, 12, 0.22) 100%
                    ),
                    url('assets/images/service-banner.jpg');

                background-position: 60% center;
            }

            .pvx9-hero-inner {
                padding:
                    70px
                    50px
                    95px;
            }

            .pvx9-main-heading {
                max-width: 680px;

                font-size: clamp(36px, 5vw, 52px);
            }

            .pvx9-breadcrumb-box {
                left: 50px;
            }

            .pvx9-watermark-title {
                left: 120px;
                top: 70px;
            }

            .pvx9-building-line {
                opacity: 0.06;
            }
        }

        /* ==========================================
           RESPONSIVE - MOBILE
        ========================================== */

        @media (max-width: 767px) {

            #pvxSvcHero_9x4a {
                width: calc(100% - 16px);

                min-height: 430px;

                margin: 8px auto;

                border-radius: 10px;

                align-items: flex-end;

                background-image:
                    linear-gradient(
                        90deg,
                        rgba(11, 11, 13, 0.97) 0%,
                        rgba(11, 11, 13, 0.90) 52%,
                        rgba(11, 11, 13, 0.52) 100%
                    ),
                    url('assets/images/service-banner.jpg');

                background-position: 66% center;
            }

            .pvx9-hero-inner {
                padding:
                    80px
                    25px
                    105px;
            }

            .pvx9-hero-copy {
                max-width: 100%;
            }

            .pvx9-main-heading {
                font-size: 38px;
                line-height: 1.18;

                letter-spacing: -0.5px;
            }

            .pvx9-watermark-title {
                top: 80px;
                left: 35px;

                font-size: 90px;
            }

            .pvx9-breadcrumb-box {
                left: 25px;

                min-height: 55px;

                padding: 0 24px;

                gap: 12px;
            }

            .pvx9-breadcrumb-link,
            .pvx9-breadcrumb-current {
                font-size: 13px;
            }

            .pvx9-building-line {
                display: none;
            }
        }

        /* ==========================================
           RESPONSIVE - SMALL MOBILE
        ========================================== */

        @media (max-width: 480px) {

            #pvxSvcHero_9x4a {
                min-height: 390px;

                background-position: 64% center;
            }

            .pvx9-hero-inner {
                padding:
                    60px
                    20px
                    90px;
            }

            .pvx9-main-heading {
                font-size: 31px;
                line-height: 1.22;
            }

            .pvx9-main-heading span {
                display: inline;
            }

            .pvx9-watermark-title {
                top: 60px;
                left: 20px;

                font-size: 67px;
            }

            .pvx9-breadcrumb-box {
                left: 20px;

                min-height: 52px;

                padding: 0 18px;
            }
        }























/* prodcut section start  */


/* =====================================
   UNIQUE RESPONSIVE PRODUCT SECTION
===================================== */

#fx-product-detail-sec {
    width: 100%;
    padding: 50px 20px;
    box-sizing: border-box;
}

#fx-product-detail-sec .fxp-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* IMAGE AREA */
#fx-product-detail-sec .fxp-image-wrap {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 30px;
    position: relative;
    line-height: 0;
}

/* PRODUCT IMAGE */
#fx-product-detail-sec .fxp-image {
    width: 100%;
    height: 520px;
    display: block;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* SHINE EFFECT */
#fx-product-detail-sec .fxp-image-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 45%;
    height: 100%;
    z-index: 2;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.15) 30%,
        rgba(255, 255, 255, 0.65) 50%,
        rgba(255, 255, 255, 0.15) 70%,
        transparent 100%
    );

    transform: skewX(-20deg);
    pointer-events: none;
}

/* HOVER SHINE */
#fx-product-detail-sec .fxp-image-wrap:hover::before {
    animation: fxpShineMove 0.9s ease forwards;
}

/* IMAGE HOVER ZOOM */
#fx-product-detail-sec .fxp-image-wrap:hover .fxp-image {
    transform: scale(1.035);
}

@keyframes fxpShineMove {
    0% {
        left: -100%;
    }

    100% {
        left: 140%;
    }
}

/* TITLE */
#fx-product-detail-sec .fxp-title {
    margin: 0 0 12px;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.25;
    font-weight: 800;
    color: #111111;
    text-align: left;
}

/* DESCRIPTION */
#fx-product-detail-sec .fxp-description {
    width: 100%;
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 500;
    color: #444444;
    text-align: left;
}

/* LARGE TABLET */
@media (max-width: 1024px) {

    #fx-product-detail-sec {
        padding: 45px 20px;
    }

    #fx-product-detail-sec .fxp-image {
        height: 450px;
    }
}

/* TABLET */
@media (max-width: 768px) {

    #fx-product-detail-sec {
        padding: 35px 16px;
    }

    #fx-product-detail-sec .fxp-image-wrap {
        border-radius: 18px;
        margin-bottom: 24px;
    }

    #fx-product-detail-sec .fxp-image {
        height: 360px;
    }

    #fx-product-detail-sec .fxp-description {
        font-size: 16px;
        line-height: 1.7;
    }
}

/* MOBILE */
@media (max-width: 576px) {

    #fx-product-detail-sec {
        padding: 28px 14px;
    }

    #fx-product-detail-sec .fxp-image-wrap {
        border-radius: 14px;
        margin-bottom: 20px;
    }

    #fx-product-detail-sec .fxp-image {
        height: 280px;
    }

    #fx-product-detail-sec .fxp-title {
        margin-bottom: 10px;
    }

    #fx-product-detail-sec .fxp-description {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* SMALL MOBILE */
@media (max-width: 400px) {

    #fx-product-detail-sec {
        padding: 22px 12px;
    }

    #fx-product-detail-sec .fxp-image {
        height: 230px;
    }

    #fx-product-detail-sec .fxp-description {
        font-size: 14px;
    }
}

/* REDUCED MOTION SUPPORT */
@media (prefers-reduced-motion: reduce) {

    #fx-product-detail-sec .fxp-image {
        transition: none;
    }

    #fx-product-detail-sec .fxp-image-wrap:hover::before {
        animation: none;
    }

    #fx-product-detail-sec .fxp-image-wrap:hover .fxp-image {
        transform: none;
    }
}















/* =========================================
   PAVEMAX PRODUCT SPECIFICATION SECTION
========================================= */

#pmp-tech-spec-section {
    width: 100%;
    padding: 40px 20px 60px;
    box-sizing: border-box;
    overflow: hidden;
}

#pmp-tech-spec-section * {
    box-sizing: border-box;
}

#pmp-tech-spec-section .pmp-spec-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================================
   HEADING
========================================= */

#pmp-tech-spec-section .pmp-spec-heading {
    margin: 0 0 25px;

    font-size: 34px;
    line-height: 1.25;
    font-weight: 800;

    color: #111111;
}

#pmp-tech-spec-section .pmp-spec-heading::after {
    content: "";

    display: block;

    width: 65px;
    height: 3px;

    margin-top: 10px;

    background: #BD0202;

    border-radius: 20px;
}


/* =========================================
   MAIN TWO COLUMN LAYOUT
========================================= */

#pmp-tech-spec-section .pmp-spec-main-row {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 28px;

    align-items: start;
}


/* =========================================
   LEFT TABLE
========================================= */

#pmp-tech-spec-section .pmp-spec-left {
    width: 100%;
    min-width: 0;
}


#pmp-tech-spec-section .pmp-spec-table-box {
    width: 100%;

    background: #ffffff;

    overflow: hidden;

    border: 1px solid #dddddd;

    box-shadow:
        0 3px 12px rgba(0, 0, 0, 0.08);
}


#pmp-tech-spec-section .pmp-spec-table {
    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;

    background: #ffffff;
}


#pmp-tech-spec-section .pmp-spec-table td {
    padding: 11px 14px;

    border: 1px solid #dddddd;

    font-size: 14px;
    line-height: 1.45;

    color: #333333;

    vertical-align: middle;

    overflow-wrap: anywhere;
}


#pmp-tech-spec-section .pmp-spec-table td:first-child {
    width: 43%;

    font-weight: 650;

    color: #151515;

    background: #f8f8f8;
}


#pmp-tech-spec-section .pmp-spec-table td:last-child {
    width: 57%;

    font-weight: 500;

    background: #ffffff;
}


#pmp-tech-spec-section .pmp-spec-table tr {
    transition: 0.25s ease;
}


#pmp-tech-spec-section .pmp-spec-table tr:hover td {
    background: #f4f4f4;
}


/* =========================================
   RIGHT SIDE
========================================= */

#pmp-tech-spec-section .pmp-spec-right {
    width: 100%;
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 22px;
}


/* =========================================
   COMMON CARD
========================================= */

#pmp-tech-spec-section .pmp-info-card {
    width: 100%;

    height: auto;

    padding: 30px;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


#pmp-tech-spec-section .pmp-info-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.15);
}


/* =========================================
   APPLICATION CARD
========================================= */

#pmp-tech-spec-section .pmp-app-card {
    background: #ffffff;

    border: 1px solid #d6dce1;
}


/* =========================================
   KEY FEATURES RED CARD
========================================= */

#pmp-tech-spec-section .pmp-feature-card {
    background: #BD0202;

    border: 1px solid #BD0202;
}


/* =========================================
   CARD HEADING
========================================= */

#pmp-tech-spec-section .pmp-info-heading {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 26px;
}


#pmp-tech-spec-section .pmp-info-icon {
    width: 28px;
    min-width: 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 21px;
}


#pmp-tech-spec-section .pmp-info-heading h3 {
    margin: 0;

    font-size: 19px;
    line-height: 1.3;

    font-weight: 800;

    text-transform: uppercase;
}


/* APPLICATION HEADING */

#pmp-tech-spec-section .pmp-app-card .pmp-info-icon {
    color: #BD0202;
}

#pmp-tech-spec-section .pmp-app-card .pmp-info-heading h3 {
    color: #111111;
}


/* FEATURE HEADING */

#pmp-tech-spec-section .pmp-feature-card .pmp-info-icon {
    color: #ffffff;
}

#pmp-tech-spec-section .pmp-feature-card .pmp-info-heading h3 {
    color: #ffffff;
}


/* =========================================
   CARD POINTS
========================================= */

#pmp-tech-spec-section .pmp-info-list {
    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 28px;

    row-gap: 18px;
}


#pmp-tech-spec-section .pmp-info-list li {
    position: relative;

    min-width: 0;

    padding-left: 17px;

    font-size: 14px;
    line-height: 1.45;

    font-weight: 500;
}


/* BULLET */

#pmp-tech-spec-section .pmp-info-list li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 8px;

    width: 6px;
    height: 6px;

    border-radius: 50%;
}


/* APPLICATION POINTS */

#pmp-tech-spec-section .pmp-app-card .pmp-info-list li {
    color: #333333;
}

#pmp-tech-spec-section .pmp-app-card .pmp-info-list li::before {
    background: #BD0202;
}


/* FEATURE POINTS */

#pmp-tech-spec-section .pmp-feature-card .pmp-info-list li {
    color: #ffffff;
}

#pmp-tech-spec-section .pmp-feature-card .pmp-info-list li::before {
    background: #ffffff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    #pmp-tech-spec-section {
        padding: 35px 15px 50px;
    }

    #pmp-tech-spec-section .pmp-spec-main-row {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    #pmp-tech-spec-section .pmp-spec-right {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }

    #pmp-tech-spec-section .pmp-info-card {
        padding: 25px 22px;
    }

    #pmp-tech-spec-section .pmp-info-list {
        grid-template-columns: 1fr;

        row-gap: 13px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    #pmp-tech-spec-section {
        padding: 30px 12px 40px;
    }

    #pmp-tech-spec-section .pmp-spec-heading {
        font-size: 27px;
    }


    /* TABLE */

    #pmp-tech-spec-section .pmp-spec-table td {
        padding: 10px 9px;

        font-size: 12px;

        line-height: 1.4;
    }

    #pmp-tech-spec-section .pmp-spec-table td:first-child {
        width: 42%;
    }

    #pmp-tech-spec-section .pmp-spec-table td:last-child {
        width: 58%;
    }


    /* CARDS */

    #pmp-tech-spec-section .pmp-spec-right {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    #pmp-tech-spec-section .pmp-info-card {
        padding: 22px 18px;
    }

    #pmp-tech-spec-section .pmp-info-heading {
        margin-bottom: 20px;
    }

    #pmp-tech-spec-section .pmp-info-heading h3 {
        font-size: 18px;
    }

    #pmp-tech-spec-section .pmp-info-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 18px;

        row-gap: 14px;
    }

    #pmp-tech-spec-section .pmp-info-list li {
        font-size: 13px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    #pmp-tech-spec-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    #pmp-tech-spec-section .pmp-spec-heading {
        font-size: 24px;
    }


    #pmp-tech-spec-section .pmp-spec-table td {
        padding: 9px 7px;

        font-size: 11px;
    }


    #pmp-tech-spec-section .pmp-info-list {
        grid-template-columns: 1fr;

        row-gap: 12px;
    }


    #pmp-tech-spec-section .pmp-info-card {
        padding: 20px 16px;
    }

}










/* =========================================
   MOBILE ACCORDION DEFAULT
========================================= */

#pmp-tech-spec-section .pmp-spec-mobile {
    display: none;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    #pmp-tech-spec-section {
        padding: 35px 15px 45px;
    }

    #pmp-tech-spec-section .pmp-spec-main-row {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    #pmp-tech-spec-section .pmp-spec-left,
    #pmp-tech-spec-section .pmp-spec-right {
        width: 100%;
        min-width: 0;
    }

    #pmp-tech-spec-section .pmp-spec-right {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    #pmp-tech-spec-section {
        width: 100%;
        max-width: 100%;
        padding: 30px 12px 40px;
        overflow-x: hidden;
    }

    #pmp-tech-spec-section .pmp-spec-container {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    #pmp-tech-spec-section .pmp-spec-main-row {
        display: block;
        width: 100%;
    }


    /* =====================================
       HIDE DESKTOP TABLE
    ===================================== */

    #pmp-tech-spec-section .pmp-spec-table-box {
        display: none !important;
    }


    /* =====================================
       SHOW MOBILE ACCORDION
    ===================================== */

    #pmp-tech-spec-section .pmp-spec-mobile {
        display: block !important;
        width: 100%;
        max-width: 100%;
    }


    /* =====================================
       ACCORDION
    ===================================== */

    #pmp-tech-spec-section .pmp-spec-accordion {
        width: 100%;
        max-width: 100%;

        margin: 0 0 10px;

        background: #ffffff;

        border: 1px solid #dddddd;

        border-radius: 6px;

        overflow: hidden;

        box-shadow: 0 3px 10px rgba(0,0,0,0.06);
    }


    #pmp-tech-spec-section .pmp-spec-accordion summary {
        position: relative;

        width: 100%;

        padding: 14px 45px 14px 15px;

        font-size: 14px;
        line-height: 1.4;
        font-weight: 600;

        color: #222222;

        background: #f7f7f7;

        cursor: pointer;

        list-style: none;

        overflow-wrap: break-word;
        word-break: normal;
    }


    #pmp-tech-spec-section .pmp-spec-accordion summary::-webkit-details-marker {
        display: none;
    }


    /* PLUS / MINUS */

    #pmp-tech-spec-section .pmp-spec-accordion summary::before,
    #pmp-tech-spec-section .pmp-spec-accordion summary::after {
        content: "";

        position: absolute;

        right: 16px;
        top: 50%;

        width: 14px;
        height: 2px;

        background: #BD0202;

        transform: translateY(-50%);

        transition: 0.3s ease;
    }


    #pmp-tech-spec-section .pmp-spec-accordion summary::after {
        transform: translateY(-50%) rotate(90deg);
    }


    #pmp-tech-spec-section .pmp-spec-accordion[open] summary::after {
        transform: translateY(-50%) rotate(0);
    }


    #pmp-tech-spec-section .pmp-spec-answer {
        width: 100%;

        padding: 13px 15px;

        font-size: 13px;
        line-height: 1.6;

        color: #555555;

        background: #ffffff;

        border-top: 1px solid #eeeeee;

        overflow-wrap: anywhere;
        word-break: normal;
    }


    /* =====================================
       RIGHT CARDS
    ===================================== */

    #pmp-tech-spec-section .pmp-spec-right {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 16px;

        margin-top: 25px;
    }


    #pmp-tech-spec-section .pmp-info-card {
        width: 100%;
        max-width: 100%;

        padding: 22px 18px;

        overflow: hidden;
    }


    #pmp-tech-spec-section .pmp-info-heading {
        margin-bottom: 20px;
    }


    #pmp-tech-spec-section .pmp-info-heading h3 {
        font-size: 18px;
    }


    #pmp-tech-spec-section .pmp-info-list {
        width: 100%;

        display: grid;

        grid-template-columns: 1fr;

        gap: 13px;
    }


    #pmp-tech-spec-section .pmp-info-list li {
        width: 100%;
        min-width: 0;

        font-size: 13px;
        line-height: 1.55;

        overflow-wrap: break-word;
        word-break: normal;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    #pmp-tech-spec-section {
        padding: 25px 10px 35px;
    }

    #pmp-tech-spec-section .pmp-spec-heading {
        font-size: 24px;
        margin-bottom: 20px;
    }

    #pmp-tech-spec-section .pmp-spec-accordion summary {
        padding: 13px 42px 13px 13px;
        font-size: 13px;
    }

    #pmp-tech-spec-section .pmp-spec-answer {
        padding: 12px 13px;
        font-size: 12px;
    }

    #pmp-tech-spec-section .pmp-info-card {
        padding: 20px 16px;
    }

    #pmp-tech-spec-section .pmp-info-list li {
        font-size: 13px;
    }

}








/* gallry section start  */


/* ==========================================
   GALLERY SECTION
========================================== */

#pmx-gallery-sec {
    width: 100%;
    max-width: 100%;
    padding: 60px 15px;
    overflow: hidden;
    box-sizing: border-box;
    background: #ffffff;
}

#pmx-gallery-sec * {
    box-sizing: border-box;
}

#pmx-gallery-sec .pmx-gallery-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}


/* ==========================================
   DESKTOP GRID
========================================== */

#pmx-gallery-sec .pmx-gallery-grid {
    width: 100%;
    display: grid;

    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(6, 90px);

    gap: 12px;

    overflow: hidden;
}


/* ==========================================
   COMMON CARD
========================================== */

#pmx-gallery-sec .pmx-gallery-card {
    position: relative;

    width: 100%;
    min-width: 0;
    height: 100%;

    overflow: hidden;

    background: #eeeeee;
}


/* Image */

#pmx-gallery-sec .pmx-gallery-card img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}


/* ==========================================
   SHINE EFFECT
========================================== */

#pmx-gallery-sec .pmx-gallery-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 45%;
    height: 100%;

    z-index: 2;

    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(255,255,255,0.08) 25%,
        rgba(255,255,255,0.48) 50%,
        rgba(255,255,255,0.08) 75%,
        transparent 100%
    );

    transform: skewX(-20deg);

    pointer-events: none;
}


/* Hover Image */

#pmx-gallery-sec .pmx-gallery-card:hover img {
    transform: scale(1.05);
    filter: brightness(1.03);
}


/* Shine Animation */

#pmx-gallery-sec .pmx-gallery-card:hover::before {
    animation: pmx-shine 1s ease;
}

@keyframes pmx-shine {

    0% {
        left: -130%;
    }

    100% {
        left: 150%;
    }

}


/* ==========================================
   DESKTOP POSITIONS
========================================== */

#pmx-gallery-sec .pmx-gallery-card-1 {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
}

#pmx-gallery-sec .pmx-gallery-card-2 {
    grid-column: 1 / span 3;
    grid-row: 3 / span 4;
}

#pmx-gallery-sec .pmx-gallery-card-3 {
    grid-column: 4 / span 6;
    grid-row: 1 / span 3;
}

#pmx-gallery-sec .pmx-gallery-card-4 {
    grid-column: 10 / span 3;
    grid-row: 1 / span 3;
}

#pmx-gallery-sec .pmx-gallery-card-5 {
    grid-column: 4 / span 3;
    grid-row: 4 / span 3;
}

#pmx-gallery-sec .pmx-gallery-card-6 {
    grid-column: 7 / span 3;
    grid-row: 4 / span 3;
}

#pmx-gallery-sec .pmx-gallery-card-7 {
    grid-column: 10 / span 3;
    grid-row: 4 / span 3;
}





















/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    #pmx-gallery-sec {
        padding: 45px 12px;
    }

    #pmx-gallery-sec .pmx-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;

        gap: 10px;

        overflow: hidden;
    }

    #pmx-gallery-sec .pmx-gallery-card-1,
    #pmx-gallery-sec .pmx-gallery-card-2,
    #pmx-gallery-sec .pmx-gallery-card-3,
    #pmx-gallery-sec .pmx-gallery-card-4,
    #pmx-gallery-sec .pmx-gallery-card-5,
    #pmx-gallery-sec .pmx-gallery-card-6,
    #pmx-gallery-sec .pmx-gallery-card-7 {
        grid-column: auto;
        grid-row: auto;

        min-width: 0;

        aspect-ratio: 4 / 3;
        height: auto;
    }

    #pmx-gallery-sec .pmx-gallery-card-3 {
        grid-column: 1 / -1;
        aspect-ratio: 16 / 9;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 575px) {

    #pmx-gallery-sec {
        padding: 35px 10px;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    #pmx-gallery-sec .pmx-gallery-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    #pmx-gallery-sec .pmx-gallery-grid {
        width: 100%;

        grid-template-columns: minmax(0, 1fr);

        gap: 8px;

        overflow-x: hidden;
    }

    #pmx-gallery-sec .pmx-gallery-card-1,
    #pmx-gallery-sec .pmx-gallery-card-2,
    #pmx-gallery-sec .pmx-gallery-card-3,
    #pmx-gallery-sec .pmx-gallery-card-4,
    #pmx-gallery-sec .pmx-gallery-card-5,
    #pmx-gallery-sec .pmx-gallery-card-6,
    #pmx-gallery-sec .pmx-gallery-card-7 {

        grid-column: 1;
        grid-row: auto;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        height: auto;

        aspect-ratio: 4 / 3;
    }

    #pmx-gallery-sec .pmx-gallery-card-2 {
        aspect-ratio: 4 / 5;
    }

    #pmx-gallery-sec .pmx-gallery-card-3 {
        aspect-ratio: 16 / 10;
    }

}


/* ==========================================
   EXTRA SMALL MOBILE
========================================== */

@media (max-width: 380px) {

    #pmx-gallery-sec {
        padding-left: 8px;
        padding-right: 8px;
    }

    #pmx-gallery-sec .pmx-gallery-grid {
        gap: 7px;
    }

}


/* ==========================================
   TOUCH DEVICES
========================================== */

@media (hover: none) {

    #pmx-gallery-sec .pmx-gallery-card:hover img {
        transform: none;
        filter: none;
    }

    #pmx-gallery-sec .pmx-gallery-card:hover::before {
        animation: none;
    }

}




























    /* =========================================================
       MAIN SECTION
    ========================================================= */

    #trp45spec-technical-section {
        width: 100%;
        background: #ffffff;
        box-sizing: border-box;
        margin-bottom: 50px;
    }

    #trp45spec-technical-section *,
    #trp45spec-technical-section *::before,
    #trp45spec-technical-section *::after {
        box-sizing: border-box;
    }

    .trp45spec-container {
        width: 100%;
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 20px;
    }


    /* =========================================================
       HEADING
    ========================================================= */

    .trp45spec-heading {
        position: relative;
        margin: 0 0 35px;
        padding: 0 0 18px;
        color: #111111;
        font-size: 36px;
        line-height: 1.2;
        font-weight: 700;
    }

    .trp45spec-heading::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 65px;
        height: 3px;
        border-radius: 10px;
        background: #d50000;
    }


    /* =========================================================
       TABLE
    ========================================================= */

    .trp45spec-table-wrap {
        width: 100%;
        border: 1px solid #dcdcdc;
        background: #ffffff;
        overflow: hidden;
    }

    .trp45spec-table {
        width: 100%;
        margin: 0;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .trp45spec-table td {
        padding: 13px 16px;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        color: #111111;
        font-size: 14px;
        line-height: 1.45;
        vertical-align: middle;
    }

    .trp45spec-table tr:last-child td {
        border-bottom: none;
    }

    .trp45spec-table td:last-child {
        border-right: none;
    }

    .trp45spec-table td:first-child {
        width: 43%;
        background: #fafafa;
        font-weight: 700;
    }

    .trp45spec-table td:last-child {
        width: 57%;
        background: #ffffff;
        font-weight: 400;
    }


    /* =========================================================
       CATEGORY ROW
    ========================================================= */

    .trp45spec-category-row td {
        padding: 12px 16px !important;
        background: #f1f1f1 !important;
        color: #111111 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        border-right: none !important;
    }


    


    /* =========================================================
       TABLET
    ========================================================= */

    @media (max-width: 991px) {

        #trp45spec-technical-section {
            padding: 45px 0;
        }

        .trp45spec-heading {
            font-size: 32px;
            margin-bottom: 30px;
        }

        .trp45spec-table td {
            padding: 12px 14px;
            font-size: 13px;
        }

    }


    /* =========================================================
       MOBILE
    ========================================================= */

    @media (max-width: 767px) {

        #trp45spec-technical-section {
            padding: 35px 0;
        }

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

        .trp45spec-heading {
            margin-bottom: 25px;
            padding-bottom: 15px;
            font-size: 27px;
        }

        .trp45spec-heading::after {
            width: 55px;
        }

        .trp45spec-table td {
            padding: 11px 10px;
            font-size: 12px;
            line-height: 1.4;
        }

        .trp45spec-table td:first-child {
            width: 46%;
        }

        .trp45spec-table td:last-child {
            width: 54%;
        }

        .trp45spec-category-row td {
            padding: 11px 10px !important;
            font-size: 14px !important;
        }

    }


    /* =========================================================
       SMALL MOBILE
    ========================================================= */

    @media (max-width: 480px) {

        .trp45spec-heading {
            font-size: 24px;
        }

        .trp45spec-table td {
            padding: 10px 8px;
            font-size: 11px;
        }

        .trp45spec-table td:first-child {
            width: 48%;
        }

        .trp45spec-table td:last-child {
            width: 52%;
        }

    }






















































    /* =========================================================
   CM 800U FEATURES SECTION
========================================================= */

.cm800u-features-section {
    width: 100%;
    max-width: 100%;
    padding: 95px 0 105px;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}

.cm800u-features-section *,
.cm800u-tech-details-section *,
.cm800u-tech-details-section *::before,
.cm800u-tech-details-section *::after {
    box-sizing: border-box;
}


.cm800u-features-container {
    width: 100%;
    max-width: 1200px;
    min-width: 0;
    margin: 0 auto;
    padding: 0 20px;
}



/* =========================================================
   FEATURES INTRO
========================================================= */

.cm800u-features-intro {
    width: 100%;
    max-width: 780px;
    margin-bottom: 65px;
}

.cm800u-features-label {
    display: inline-block;
    margin-bottom: 13px;

    color: #168bd1;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.cm800u-features-intro h2 {
    margin: 0 0 18px;

    color: #111111;

    font-size: 40px;
    line-height: 1.18;
    font-weight: 700;

    letter-spacing: -0.5px;
}

.cm800u-features-intro h2 span {
    color: #168bd1;
}

.cm800u-features-intro p {
    max-width: 700px;
    margin: 0;

    color: #666666;

    font-size: 15px;
    line-height: 1.8;
}



/* =========================================================
   FEATURE ROW
========================================================= */

.cm800u-feature-row {
    position: relative;

    display: grid;

    grid-template-columns:
        100px
        250px
        minmax(0, 1fr);

    gap: 35px;

    width: 100%;
    min-width: 0;

    padding: 38px 0;

    border-top: 1px solid #e2e6e9;

    transition:
        padding 0.4s ease,
        background 0.4s ease;
}

.cm800u-feature-row:last-child {
    border-bottom: 1px solid #e2e6e9;
}



/* =========================================================
   LARGE NUMBER
========================================================= */

.cm800u-feature-big-number {
    color: #dce8ef;

    font-size: 58px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: -3px;

    transition:
        color 0.4s ease,
        transform 0.4s ease;
}



/* =========================================================
   FEATURE NAME
========================================================= */

.cm800u-feature-name {
    padding-top: 5px;
}

.cm800u-feature-name span {
    display: block;

    margin-bottom: 8px;

    color: #999999;

    font-size: 13px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 1.7px;
}

.cm800u-feature-name h3 {
    margin: 0;

    color: #111111;

    font-size: 23px;
    line-height: 1.3;

    font-weight: 700;

    transition: color 0.35s ease;
}



/* =========================================================
   FEATURE CONTENT
========================================================= */

.cm800u-feature-content {
    width: 100%;
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 13px;
}

.cm800u-feature-item {
    display: flex;
    align-items: flex-start;

    width: 100%;
    min-width: 0;

    padding: 14px 16px;

    border-left: 3px solid #168bd1;

    background: #f8fafc;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.cm800u-feature-arrow {
    flex: 0 0 auto;

    margin-right: 12px;

    color: #168bd1;

    font-size: 16px;
    line-height: 1.5;

    font-weight: 700;
}

.cm800u-feature-item p {
    min-width: 0;

    margin: 0;

    color: #333333;

    font-size: 13px;
    line-height: 1.7;

    font-weight: 400;
}



/* =========================================================
   HOVER EFFECTS
========================================================= */

.cm800u-feature-row:hover {
    padding-left: 15px;
    padding-right: 15px;

    background: #fbfcfd;
}

.cm800u-feature-row:hover
.cm800u-feature-big-number {
    color: #168bd1;

    transform: translateX(5px);
}

.cm800u-feature-row:hover
.cm800u-feature-name h3 {
    color: #168bd1;
}

.cm800u-feature-item:hover {
    background: #ffffff;

    transform: translateX(7px);

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.06);
}



/* =========================================================
   CENTER TECHNICAL IMAGE
   SAME AS FIBER LASER PAGE
========================================================= */

.cm800u-technical-image-section {
    width: 100%;
    padding: 85px 0 70px;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}

.cm800u-technical-image-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* =========================================================
   PRODUCT REFERENCE HEADING
========================================================= */

.cm800u-technical-image-heading {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 25px;
    padding: 0 20px;
    text-align: left;
    box-sizing: border-box;
}

.cm800u-technical-image-heading span {
    display: block;
    margin-bottom: 10px;

    color: #168bd1;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.cm800u-technical-image-heading h2 {
    margin: 0;
    padding: 0;

    color: #111111;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
}

.cm800u-technical-image-heading h2 strong {
    color: #168bd1;
    font-weight: 700;

}


/* =========================================================
   CM 800U TECHNICAL IMAGE
   CENTER IMAGE - SAME AS FIBER LASER PAGE
========================================================= */

.cm800u-technical-image-box {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;

    border: 1px solid #dddddd;

    background: #ffffff;

    text-align: center;

    overflow: hidden;

    box-sizing: border-box;
}

.cm800u-technical-image-box img {
    display: block;

    width: auto;
    max-width: 1200px;
    height: auto;

    margin: 0 auto;

    object-fit: contain;
}

/* =========================================================
   TECHNICAL SPECIFICATIONS
========================================================= */

.dhyan-specification-section {
    width: 100%;
    padding: 60px 0 70px;
    background: #ffffff;
    overflow: hidden;
}

.dhyan-specification-heading {
    width: 100%;
    margin-bottom: 28px;
    text-align: left;
}

.dhyan-specification-heading h2 {
    position: relative;

    margin: 0;
    padding: 0 0 12px;

    color: #111111;

    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;

    text-align: left;
}

.dhyan-specification-heading h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 47px;
    height: 2px;

    background: #168bd1;
}



/* =========================================================
   SPECIFICATION TABLE
========================================================= */

.dhyan-specification-table-wrap {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    border: 1px solid #d7d7d7;

    overflow: hidden;

    box-sizing: border-box;
}

.dhyan-specification-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    border-collapse: collapse;

    table-layout: fixed;

    background: #ffffff;
}

.dhyan-specification-table tr {
    border-bottom: 1px solid #d7d7d7;
}

.dhyan-specification-table tr:last-child {
    border-bottom: none;
}

.dhyan-specification-table th {
    width: 38%;

    padding: 13px 12px;

    background: #f5f5f5;

    border-right: 1px solid #d7d7d7;

    color: #111111;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;

    text-align: left;
    vertical-align: middle;

    overflow-wrap: break-word;
}

.dhyan-specification-table td {
    width: 62%;

    padding: 13px 12px;

    background: #ffffff;

    color: #333333;

    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;

    text-align: left;
    vertical-align: middle;

    overflow-wrap: break-word;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .cm800u-technical-image-section {
        padding: 70px 0 60px;
    }

    .cm800u-technical-image-heading h2 {
        font-size: 31px;
    }

    .cm800u-technical-image-box {
        padding: 14px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .cm800u-technical-image-section {
        width: 100% !important;
        padding: 60px 0 45px !important;
        overflow: hidden !important;
    }

    .cm800u-technical-image-container {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 16px;
        padding-right: 16px;
    }

    .cm800u-technical-image-heading {
        margin-bottom: 25px;
    }

    .cm800u-technical-image-heading span {
        font-size: 9px;
        letter-spacing: 1.6px;
    }

    .cm800u-technical-image-heading h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .cm800u-technical-image-box {
        width: 100% !important;
        max-width: 100% !important;

        padding: 8px;

        overflow: hidden !important;
    }

    .cm800u-technical-image-box img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 auto !important;
    }


    /* Specifications */

    .dhyan-specification-section {
        width: 100% !important;
        padding: 45px 0 50px !important;

        overflow: hidden !important;
    }

    .dhyan-specification-section .container {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 16px;
        padding-right: 16px;
    }

    .dhyan-specification-heading {
        margin-bottom: 22px !important;
    }

    .dhyan-specification-heading h2 {
        font-size: 24px !important;
    }

    .dhyan-specification-table-wrap {
        width: 100% !important;
        max-width: 100% !important;

        overflow: hidden !important;
    }

    .dhyan-specification-table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        table-layout: fixed !important;
    }

    .dhyan-specification-table th {
        width: 38% !important;

        padding: 10px 7px !important;

        font-size: 11px !important;
        line-height: 1.4 !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .dhyan-specification-table td {
        width: 62% !important;

        padding: 10px 7px !important;

        font-size: 11px !important;
        line-height: 1.45 !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .cm800u-technical-image-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .cm800u-technical-image-heading h2 {
        font-size: 25px;
    }

    .cm800u-technical-image-box {
        padding: 5px;
    }

    .dhyan-specification-section .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .dhyan-specification-heading h2 {
        font-size: 22px !important;
    }

    .dhyan-specification-table th {
        width: 40% !important;
        padding: 8px 6px !important;
        font-size: 9.5px !important;
    }

    .dhyan-specification-table td {
        width: 60% !important;
        padding: 8px 6px !important;
        font-size: 9.5px !important;
    }

}


/* =========================================================
   FINAL HORIZONTAL SCROLL PROTECTION
========================================================= */


.cm800u-technical-image-section,
.cm800u-technical-image-container,
.cm800u-technical-image-box,
.dhyan-specification-section,
.dhyan-specification-table-wrap {
    max-width: 100% !important;
    min-width: 0 !important;
}



/* =========================================================
   CM 800U FEATURES — COMPACT HEIGHT FIX
   KEEP FEATURES IN LIMITED SPACE
========================================================= */

.cm800u-features-section {
    width: 100% !important;
    max-width: 100% !important;

    padding: 35px 0 35px !important;

    background: #ffffff !important;

    overflow: hidden !important;
}


.cm800u-features-container {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
}


/* =========================================================
   INTRO — COMPACT
========================================================= */

.cm800u-features-intro {
    max-width: 760px !important;

    margin-bottom: 25px !important;
}

.cm800u-features-intro h2 {
    margin-bottom: 8px !important;

    font-size: 30px !important;
    line-height: 1.2 !important;
}

.cm800u-features-intro p {
    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   FEATURE ROW — COMPACT
========================================================= */

.cm800u-feature-row {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 18px 0 !important;

    margin: 0 !important;

    border-top: 1px solid #e2e6e9 !important;

    overflow: hidden !important;
}


/* =========================================================
   NUMBER + TITLE
========================================================= */

.cm800u-feature-big-number {
    display: inline-block !important;

    margin-right: 12px !important;

    font-size: 38px !important;

    line-height: 1 !important;

    vertical-align: middle !important;
}

.cm800u-feature-name {
    display: inline-block !important;

    max-width: calc(100% - 70px) !important;

    padding: 0 !important;

    vertical-align: middle !important;
}

.cm800u-feature-name span {
    margin-bottom: 3px !important;

    font-size: 8px !important;
}

.cm800u-feature-name h3 {
    font-size: 18px !important;

    line-height: 1.2 !important;
}


/* =========================================================
   FEATURE POINTS — SMALL GAP
========================================================= */

.cm800u-feature-content {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 10px !important;

    gap: 6px !important;

    display: flex !important;
    flex-direction: column !important;
}

.cm800u-feature-item {
    width: 100% !important;
    max-width: 100% !important;

    padding: 8px 11px !important;

    border-left: 2px solid #168bd1 !important;

    background: #f7f9fb !important;

    box-sizing: border-box !important;
}

.cm800u-feature-arrow {
    margin-right: 7px !important;

    font-size: 11px !important;
}

.cm800u-feature-item p {
    margin: 0 !important;

    font-size: 10.5px !important;

    line-height: 1.4 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .cm800u-features-section {
        padding: 30px 0 !important;
    }

    .cm800u-feature-row {
        padding: 16px 0 !important;
    }

    .cm800u-feature-content {
        margin-top: 9px !important;
        gap: 5px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .cm800u-features-section {
        padding: 25px 0 30px !important;

        overflow-x: hidden !important;
    }

    .cm800u-features-container {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .cm800u-features-intro {
        margin-bottom: 20px !important;
    }

    .cm800u-features-intro h2 {
        font-size: 25px !important;
    }

    .cm800u-features-intro p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }


    .cm800u-feature-row {
        padding: 14px 0 !important;
    }

    .cm800u-feature-big-number {
        font-size: 31px !important;
        margin-right: 9px !important;
    }

    .cm800u-feature-name h3 {
        font-size: 16px !important;
    }

    .cm800u-feature-content {
        margin-top: 8px !important;
        gap: 5px !important;
    }

    .cm800u-feature-item {
        padding: 7px 8px !important;
    }

    .cm800u-feature-item p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .cm800u-features-section {
        padding: 22px 0 25px !important;
    }

    .cm800u-feature-row {
        padding: 12px 0 !important;
    }

    .cm800u-feature-big-number {
        font-size: 28px !important;
    }

    .cm800u-feature-name h3 {
        font-size: 15px !important;
    }

    .cm800u-feature-item p {
        font-size: 9.5px !important;
    }

}













































.dhyan-plc-partners-section {
    width: 100%;
    padding: 65px 0;
    background: #ffffff;
    overflow-x: hidden;
    box-sizing: border-box;
}

.dhyan-plc-partners-section .container {
    min-width: 0;
    box-sizing: border-box;
}


/* =========================================================
   LEFT ALIGNED HEADING
========================================================= */

.dhyan-plc-partners-heading {
    width: 100%;
    max-width: 720px;
    margin-bottom: 38px;
    text-align: left;
}

.dhyan-plc-partners-heading > span {
    display: block;
    margin-bottom: 8px;
    color: #075fae;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.dhyan-plc-partners-heading h2 {
    margin: 0;
    color: #111111;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.dhyan-plc-partners-heading h2 strong {
    color: #075fae;
    font-weight: 700;
}

.dhyan-plc-heading-line {
    width: 48px;
    height: 3px;
    margin: 13px 0 15px;
    background: #075fae;
}

.dhyan-plc-partners-heading p {
    margin: 0;
    color: #626b74;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   10 IMAGE GRID
========================================================= */

.dhyan-plc-partners-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
    min-width: 0;
    box-sizing: border-box;
}


/* =========================================================
   PARTNER CARD
========================================================= */

.dhyan-plc-partner-card {
    width: 100%;
    height: 190px;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.dhyan-plc-partner-card:hover {
    transform: translateY(-5px);
    border-color: #075fae;
    box-shadow: 0 10px 25px rgba(7, 95, 174, 0.10);
}

.dhyan-plc-partner-card img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.dhyan-plc-partner-card:hover img {
    transform: scale(1.04);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .dhyan-plc-partners-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .dhyan-plc-partner-card {
        height: 175px;
    }

}


/* =========================================================
   TABLET / SMALL SCREEN
========================================================= */

@media (max-width: 767px) {

    .dhyan-plc-partners-section {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden !important;
        box-sizing: border-box;
    }

    .dhyan-plc-partners-heading {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .dhyan-plc-partners-heading h2 {
        font-size: 32px;
    }

    .dhyan-plc-partners-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        box-sizing: border-box;
    }

    .dhyan-plc-partner-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 150px;
        padding: 18px;
        box-sizing: border-box;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .dhyan-plc-partners-heading h2 {
        font-size: 28px;
    }

    .dhyan-plc-partners-heading p {
        font-size: 13px;
    }

    .dhyan-plc-partners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .dhyan-plc-partner-card {
        height: 125px;
        padding: 12px;
        border-radius: 6px;
    }

}