.elementor-8852 .elementor-element.elementor-element-46c650c > .elementor-background-overlay{background-color:#000000;opacity:0.76;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8852 .elementor-element.elementor-element-46c650c .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8852 .elementor-element.elementor-element-46c650c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8852 .elementor-element.elementor-element-e6a723c{--spacer-size:23px;}.elementor-8852 .elementor-element.elementor-element-d8fec0f{text-align:center;}.elementor-8852 .elementor-element.elementor-element-d8fec0f .elementor-heading-title{-webkit-text-stroke-width:1;stroke-width:1;-webkit-text-stroke-color:var( --e-global-color-66e6a532 );stroke:var( --e-global-color-66e6a532 );text-shadow:1px 0px 7px #000000;color:#FFFFFF;}.elementor-8852 .elementor-element.elementor-element-d8fec0f .elementor-heading-title a{transition-duration:0s;}.elementor-8852 .elementor-element.elementor-element-e1fd6db{--spacer-size:17px;}.elementor-8852 .elementor-element.elementor-element-09d7130{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8852 .elementor-element.elementor-element-09d7130 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8852 .elementor-element.elementor-element-772eb74 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8852 .elementor-element.elementor-element-b72c064{column-gap:0px;text-align:center;font-family:"Prompt", Sans-serif;font-size:16px;}.elementor-8852 .elementor-element.elementor-element-b72c064 > .elementor-widget-container{border-radius:5px 5px 5px 5px;box-shadow:5px 37px 52px -5px rgba(255, 255, 255, 0.98) inset;}.elementor-8852 .elementor-element.elementor-element-cd5e7a3 > .elementor-background-overlay{background-color:#162244;opacity:0.08;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8852 .elementor-element.elementor-element-cd5e7a3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8852 .elementor-element.elementor-element-baaa227:not(.elementor-motion-effects-element-type-background), .elementor-8852 .elementor-element.elementor-element-baaa227 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#162244;}.elementor-8852 .elementor-element.elementor-element-baaa227{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8852 .elementor-element.elementor-element-baaa227 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8852 .elementor-element.elementor-element-c995b9c{--spacer-size:13px;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-9425815 */<style>
    :root {
        --primary-color: #162244;
        --secondary-color: #5376c0;
        --accent-red: #b30000;
        --bg-light: #f4f7fa;
    }

    .cqc-section {
        font-family: 'Kanit', sans-serif;
        padding: 60px 20px;
        color: var(--primary-color);
    }

    .cqc-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .cqc-header {
        text-align: center;
        margin-bottom: 50px;
    }

    .cqc-header h2 {
        font-size: 36px;
        font-weight: 600;
        color: var(--primary-color);
        margin-bottom: 15px;
        position: relative;
        display: inline-block;
    }

    .cqc-header h2::after {
        content: '';
        display: block;
        width: 60px;
        height: 4px;
        background: var(--secondary-color);
        margin: 10px auto 0;
    }

    .cqc-header p {
        font-size: 18px;
        color: #444;
        max-width: 850px;
        margin: 15px auto 0;
    }

    .text-important {
        color: var(--accent-red);
        font-weight: 600;
    }

    /* จัด Layout การ์ด 3 บน 2 ล่าง */
    .cqc-steps {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: center;
    }

    .step-card {
        flex: 0 1 calc(31% - 10px); 
        min-width: 300px;
        background: #fff;
        border: 1px solid #e1e8f0;
        border-radius: 20px;
        padding: 40px 25px;
        text-align: center;
        transition: all 0.4s ease;
        position: relative;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    }

    .step-card:hover {
        transform: translateY(-10px);
        border-color: var(--secondary-color);
        box-shadow: 0 15px 30px rgba(22, 34, 68, 0.1);
    }

    .step-number {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 40px;
        font-weight: 800;
        color: rgba(83, 118, 192, 0.1);
        line-height: 1;
    }

    .icon-wrapper {
        width: 100px;
        height: 100px;
        background: var(--bg-light);
        color: var(--primary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 25px;
        font-size: 42px;
        transition: all 0.4s ease;
    }

    .step-card:hover .icon-wrapper {
        background: var(--primary-color);
        color: #fff;
    }

    .step-card h3 {
        font-size: 22px;
        margin-bottom: 15px;
        color: var(--primary-color);
    }

    .step-card p {
        font-size: 15px;
        color: #666;
        line-height: 1.6;
    }

    /* Management Section */
    .cqc-footer {
        margin-top: 60px;
        background: var(--primary-color);
        border-radius: 25px;
        padding: 50px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer-text {
        flex: 1;
        min-width: 300px;
    }

    .footer-text h3 {
        color: #fff;
        font-size: 28px;
        margin-bottom: 15px;
    }

    .team-display {
        display: flex;
        gap: 40px;
    }

    .member {
        text-align: center;
    }

    .member-img-container {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 4px solid var(--secondary-color);
        margin: 0 auto 15px;
        overflow: hidden;
        background: #fff;
    }

    .member-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 10%; 
        transform: scale(1.7); 
        transform-origin: center 15%;
    }

    .member-name {
        font-weight: 400;
        display: block;
        font-size: 16px;
    }

    @media (max-width: 992px) {
        .step-card {
            flex: 0 1 calc(45% - 10px);
        }
    }

    @media (max-width: 768px) {
        .step-card {
            flex: 0 1 100%;
        }
        .cqc-footer {
            text-align: center;
            padding: 30px;
        }
        .team-display {
            justify-content: center;
            width: 100%;
        }
    }
</style>/* End custom CSS */