.region-content .basic-page .content .basic-title-page h1{
            color: #ffffff;
        }
        /* Base Styles */
        img {
            width: 100%;
            height: auto;
        }
        a{
            text-decoration: none;
        }

        /* Commitment Section */
        .commitment-section .commitment-text{
            /* padding: 50px 0px 35px 0px; */
            text-align: left;
            margin-bottom: 20px;
        }

        
        /* Stats Section */
        .stats-section {
            /* padding: 0 0 50px 0; */
        }
        .stats-section .stats-content {
            display: flex;
            gap: 15px;
            flex-direction: row;
        }
        .stat-item {
            text-align: right;
            height: 330px;
            position: relative;
            background-size: cover;
            background-position: center;
            overflow: hidden;
        }
        .stat-item.col-percent{
            width: 40%;
        }
        .stat-item.col-years{
            width: 60%;
        }
        .stat-item:first-child {
            background-image: url('/sites/zyxel/files/library/assets/esg/responsible_supply_chain/02_Mineral_sources.jpg');
        }
        .stat-item:last-child {
            background-image: url('/sites/zyxel/files/library/assets/esg/responsible_supply_chain/03_ISO.jpg');
        }
        .stat-item > * {
            position: relative;
            z-index: 2;
            color: #fff;
        }
        .stat-number-wrap{
            position: absolute;
            bottom: 40px;
            right: 15px;
            padding-left: 10px;
            color: #ffffff;
        }
        .stat-number-wrap .stat-number {
            font-size: 70px;
            line-height: 1;
        }
        .stat-number-wrap .stat-text {
            font-size: 20px;
            font-weight: 500;
            margin: 0;
        }
        .stat-number-wrap .percent, .stat-number-wrap .text {
            font-size: 24px;
            font-weight: 600;
        }

       
        /* Supplier Management Section */
        .supplier-management-section {
            /* padding: 50px 0; */
            text-align: center;
            background-color: #efefef;
        }


        .management-cards {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            gap: 20px;
            margin-top: 40px;
        }

        .management-card {
            flex: 1;
            min-width: 200px;
            height: 460px;
            background-size: cover;
            background-position: center;
            overflow: hidden;
            position: relative;
            color: white;
            display: flex;
            align-items: flex-end;
           /*  transition: transform 0.3s ease; */
        }

        /* .management-card:hover {
            transform: translateY(-10px);
        } */

        .management-card:nth-child(1) {
            background-image: url('/sites/zyxel/files/library/assets/esg/responsible_supply_chain/04_Qualification.jpg');
        }

        .management-card:nth-child(2) {
            background-image: url('/sites/zyxel/files/library/assets/esg/responsible_supply_chain/05_Risk_management.jpg');
        }

        .management-card:nth-child(3) {
            background-image: url('/sites/zyxel/files/library/assets/esg/responsible_supply_chain/06_Conflict_mineral_management.jpg');
        }

        .card-content {
            position: relative;
            display: block;
            z-index: 1;
            padding: 1.5rem;
            width: 100%;
            min-height: 34%;
            text-align: left;
            /* background-color: rgba(0,0,0,0.5); */
            background: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
        }

        .card-content h2 {
            font-size: 24px;
            margin: 0 0 15px 0;
        }

        /* Supplier Qualification Section */
        .qualification-content {
            display: flex;
            gap: 50px;
            align-items: center;
            flex-direction: row;
        }

        .qualification-text,
        .risk-text,
        .mineral-text,
        .qualification-image,
        .risk-image,
        .mineral-image {
            width: 50%;
        }

        .qualification-image img{
            height: 500px;
        }
        .risk-image img{
            height: 650px;
        }
        .mineral-image img{
            height: 400px;
        }
        .qualification-image img,
        .risk-image img,
        .mineral-image img{
            width: 100%;
            object-fit: cover;
            object-position: center;
        }

        .qualification-icons {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin: 20px 0;
        }


        .icon-item {
            text-align: center;
            font-size: 14px;
        }

        .icon {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
        }

        .risk-content {
            display: flex;
            gap: 50px;
            align-items: center;
            flex-direction: row;
        }

        .certification-table {
            margin: 20px 0;
        }

        .certification-table h3,
        .pandemic-response h3 {
            font-size: 20px;
            margin-bottom: 20px;
        }

        .certification-table table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1.5rem;
        }

        .certification-table table th, table td {
            padding: 12px;
            text-align: center;
            border: 1px solid #ddd;
        }

        .certification-table table th {
            background-color: #f1f1f1;
        }


        /* Conflict Mineral Section */
        .mineral-content {
            display: flex;
            gap: 50px;
            align-items: center;
            flex-direction: row;
        }

        /* Mineral Source Survey */
        .survey_results-section{
            background-color: #f9f9f9;
        }
        .survey_results-section .survey_charts{
            padding: 0 50px;
            margin: 30px auto;
            display: flex;
            gap: 20px;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
        }
        .survey_results-section .survey_charts .survey_chart_img{
            width: 40%;
        }

        /* Responsive Styles */
        @media (max-width: 992px){
            .card-content {
                min-height: 48%;
            }
        }
        @media (max-width: 767px) {
            .qualification-text,
            .risk-text,
            .mineral-text,
            .qualification-image,
            .risk-image,
            .mineral-image {
                width: 100%;
            }
            .qualification-image img,
            .risk-image img,
            .mineral-image img{
                height: 350px;
            }
            
            .stat-item.col-percent,
            .stat-item.col-years{
                width: 100%;
            }

            .stat-item{
                text-align: left;
            }
            .stat-number-wrap{
                bottom: 20px;
                right: 20px;
                left: 20px;
            }
            .management-cards{
                margin-top: 20px;
            }
            .management-card{
                flex: auto;
                height: 200px;
            }
            .card-content{
                display: flex;
                min-height: 100%;
                flex-direction: column;
                justify-content: center;
            }

            .icon-item{
                font-size: 14px;
            }
            
            .certification-table{
                 overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }
            .stats-section .stats-content,
            .supplier-management-section .management-cards,
            .supplier-qualification-section .qualification-content,
            .risk-management-section .risk-content{
                gap: 20px;
                align-items: center;
                flex-direction: column;
            }
            .conflict-mineral-section .mineral-content
            {
                gap: 20px;
                align-items: center;
                flex-direction: column-reverse;
            }
            
            .qualification-icons {
                grid-template-columns: repeat(2, 1fr);
            }

            .survey_results-section .survey_charts .survey_chart_img{
                width: 80%;
            }
            
        }
        @media (max-width: 640px) {
            .survey_results-section .survey_charts{
                padding: 0 0;
            }
            .survey_results-section .survey_charts .survey_chart_img{
                width: 100%;
            }
        }