/* Tư vấn & Giải pháp - template linh hoạt */
.pq-solution-detail{overflow:hidden;background:#fff}.pq-solution-hero{position:relative;min-height:var(--pq-solution-hero-height,360px);display:flex;align-items:center;background-position:center;background-size:cover}.pq-solution-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,30,62,.78),rgba(5,30,62,.15))}.pq-solution-hero__content{position:relative;z-index:1;text-align:center;color:#fff}.pq-solution-hero h1{margin:0;    font-size: 35px;line-height:1.15;text-transform:uppercase}.pq-solution-hero p{margin:8px 0 0;font-size:18px}.pq-solution-intro,.pq-solution-editor-content{padding:32px 0}.pq-solution-richtext{margin:auto;color:#444;line-height:1.7}
.pq-solution-richtext>:first-child{margin-top:0}.pq-solution-richtext>:last-child{margin-bottom:0}
.pq-solution-heading{text-align:center;margin-bottom:28px}
.pq-solution-heading h2 {
    margin: 0;
    color: #073D8F;
       font-size: 29px;
    text-transform: uppercase;
}
.pq-solution-heading p{margin:8px 0 0}.pq-solution-heading--red h2,.pq-solution-heading--red p{color:#e51b23}.pq-solution-heading--light h2{color:#fff}
.pq-solution-cards{padding:0px 0 58px;}
.pq-solution-cards__grid{display:grid;grid-template-columns:repeat(var(--pq-card-columns,3),minmax(0,1fr));gap:22px}
.pq-solution-card{overflow:hidden;border:1px solid #000;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(7,37,68,.08)}
.pq-solution-card__image{background:linear-gradient(#cdefff,#f4fbff);display:flex;align-items:center;justify-content:center;padding:12px}.pq-solution-card__image img{width:100%;height:100%;object-fit:contain}


.pq-solution-card h3 {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
       padding: 3px 5px;
    min-height: 60px;

    background: #123d65;
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    border-radius: 20px;
}
.pq-solution-card__code{padding:8px 15px 0;color:#123d65;font-size:13px;font-weight:700}.pq-solution-card__text{padding:15px;line-height:1.55}.pq-solution-cards--teal .pq-solution-card h3,.pq-solution-card--teal h3{background:#278f96}.pq-solution-cards--mixed .pq-solution-card:nth-child(odd) h3{background:#0d47a1}.pq-solution-cards--mixed .pq-solution-card:nth-child(even) h3{background:#2a969b}.pq-solution-card--navy h3{background:#102c51}


/* =========================================================
   KHỐI ESG 3 TẦNG
========================================================= */

.pq-solution-esg {
    position: relative;
    overflow: hidden;
    padding: 0 0 50px;
    background: #fff;
}

/* Tiêu đề */

.pq-solution-esg__heading {
    max-width: 920px;
    margin: 0 auto 28px;
    text-align: center;
}

.pq-solution-esg__heading h2 {
    margin: 0;
    color: #ef1018;
    font-size: 34px;
    line-height: 1.2;
 
    text-transform: uppercase;
}

.pq-solution-esg__heading p {
    margin: 3px 0 0;
    color: #ef1018;
    font-size: 34px;
    line-height: 1.25;
    font-weight: bold;
    text-transform: uppercase;
}

/* Grid chung */

.pq-solution-esg__stage {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    max-width: 1080px;
    margin: 0 auto;
}

.pq-solution-esg-card {
    position: relative;
    min-width: 0;
    padding: 24px 22px;
    border-radius: 18px;
}

.pq-solution-esg-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 13px;
    font-size: 20px;
    line-height: 1.35;
   
    text-align: center;
}

.pq-solution-esg-card__content {
    position: relative;
    z-index: 2;
       text-align: left;
    line-height: 1.6;
}

.pq-solution-esg-card__content p {
    margin: 0 0 8px;
}

.pq-solution-esg-card__content p:last-child {
    margin-bottom: 0;
}

.pq-solution-esg-card__content ul,
.pq-solution-esg-card__content ol {
    margin: 0;
    padding-left: 19px;
}

.pq-solution-esg-card__content li {
    margin-bottom: 5px;
}

/* =========================================================
   TẦNG 1: 3 KHỐI MÀU
========================================================= */

.pq-solution-esg__stage--1 .pq-solution-esg-card {
    min-height: 330px;
    color: #fff;
    background: #338f95;
    border: 7px solid rgba(255, 255, 255, .16);
    box-shadow:
        0 9px 0 rgba(0, 0, 0, .16),
        0 12px 24px rgba(5, 42, 69, .18);
}

.pq-solution-esg__stage--1 .pq-solution-esg-card::before {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 12px;
    pointer-events: none;
}

.pq-solution-esg__stage--1 .pq-solution-esg-card:nth-child(2) {
    background: #092e59;
}

/* =========================================================
   TẦNG 2: 3 KHỐI TRẮNG
========================================================= */

.pq-solution-esg__stage--2 {
    position: relative;
}

/* .pq-solution-esg__stage--2::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    width: 100vw;
    height: 10px;
    background: #111;
    transform: translateX(-50%);
} */

.pq-solution-esg__stage--2 .pq-solution-esg-card {
    min-height: 210px;
    color: #262626;
    background: #fff;
    border: 1px solid #898989;
    box-shadow:
        0 7px 0 rgba(0, 0, 0, .12),
        0 9px 20px rgba(0, 0, 0, .1);
}

.pq-solution-esg__stage--2 .pq-solution-esg-card::before {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid #dadada;
    border-radius: 12px;
    pointer-events: none;
}

.pq-solution-esg__stage--2 .pq-solution-esg-card h3 {
    color: #268b91;
}

.pq-solution-esg__stage--2 .pq-solution-esg-card:nth-child(2) h3 {
    color: #123d83;
}

/* =========================================================
   TẦNG 3: 3 KHỐI GIẢI PHÁP CÓ NÚT
========================================================= */

.pq-solution-esg__stage--3 .pq-solution-esg-card {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
    background: #338f95;
    border: 7px solid rgba(255, 255, 255, .16);
    box-shadow: 0 10px 22px rgba(5, 40, 72, .18);
}

.pq-solution-esg__stage--3 .pq-solution-esg-card::before {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 12px;
    pointer-events: none;
}

.pq-solution-esg__stage--3 .pq-solution-esg-card:nth-child(2) {
    background: #092e59;
}

/* .pq-solution-esg__stage--3 .pq-solution-esg-card h3 {
    max-width: 240px;
}
 */
.pq-solution-esg__stage--3 .pq-solution-esg-card__content {
    flex: 1;
}

/* Nút chi tit */

.pq-solution-esg-card__button {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    height: 44px;
    margin-top: 18px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
  background: linear-gradient(120deg, #ff1010 0%, #9e0f0f 100%);
    color: #fff;
    line-height: 1;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 3px 7px rgba(150, 0, 0, .25);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.pq-solution-esg-card__button:hover {
    color: #fff;
    background: linear-gradient(
        180deg,
        #f00000 0%,
        #c80000 100%
    );
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .25),
        0 6px 12px rgba(150, 0, 0, .3);
}

.pq-solution-esg-card__button:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .8);
    outline-offset: 3px;
}

/* =========================================================
   MŨI TÊN GIỮA CÁC TẦNG
========================================================= */

.pq-solution-esg__arrows {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    max-width: 1080px;
    margin: 17px auto 22px;
    text-align: center;
}

.pq-solution-esg__arrows img {
    display: block;
    width: 40px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {
    .pq-solution-esg__stage,
    .pq-solution-esg__arrows {
        gap: 16px;
    }

    .pq-solution-esg-card {
        padding: 21px 17px;
    }

    .pq-solution-esg__stage--1 .pq-solution-esg-card {
        min-height: 370px;
    }
}

@media (max-width: 767px) {
    .pq-solution-esg {
        padding: 36px 0 46px;
    }

    .pq-solution-esg__heading {
        margin-bottom: 22px;
    }

    .pq-solution-esg__stage {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pq-solution-esg__arrows {
        grid-template-columns: 1fr;
        gap: 10px;
        margin: 14px auto 18px;
    }

    .pq-solution-esg__arrows img {
        width: 34px;
    }

    .pq-solution-esg__stage--1 .pq-solution-esg-card,
    .pq-solution-esg__stage--2 .pq-solution-esg-card,
    .pq-solution-esg__stage--3 .pq-solution-esg-card {
        min-height: 0;
    }

    .pq-solution-esg__stage--2::before {
        top: -15px;
        height: 7px;
    }
}





.pq-solution-notes{padding:36px 0 48px}.pq-solution-notes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pq-solution-note{padding:18px;border:1px solid #ccd5dc;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.06)}

.pq-solution-process {
    padding: 50px 0 55px;
    background-color: #041f50;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}




.pq-solution-process__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
    padding-top: 25px;
}

.pq-solution-process__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
    padding-top: 25px;
}

.pq-solution-process__grid::before {
    content: "";
    position: absolute;
    top: 81px;
    left: 0;
    right: 5px;
    height: 3px;
    background: #fff;
    z-index: 1;
}

.pq-solution-process__grid::after {
    content: "";
    position: absolute;
    top: 75px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #fff;
    z-index: 1;
}

.pq-solution-process-item {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.pq-solution-process-item__icon-wrap {
    position: relative;
    width: 112px;
    height: 112px;
    margin: 0 auto 18px;
}

.pq-solution-process-item__icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    padding: 18px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
}

.pq-solution-process-item__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}





/* Số đỏ thò ra khoảng 80% ngoài hình */
.pq-solution-process-item__number {
	    top: -8px;
    position: absolute;
    left: -30px;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
background: linear-gradient(125deg, #ff1f1f 0%, #bb1b21 50%, #830505 100%);
    color: #fff;
    font-size: 21px;
    line-height: 1;
    font-weight: 800;
}

.pq-solution-process-item h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.pq-solution-process-item__description {
    color: #fff;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
}

.pq-solution-process-item__description p {
    margin: 0;
}

@media (max-width: 991px) {
    .pq-solution-process__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pq-solution-process__grid::before,
    .pq-solution-process__grid::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .pq-solution-process__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 18px;
    }

    .pq-solution-process-item__icon-wrap,
    .pq-solution-process-item__icon {
        width: 96px;
        height: 96px;
    }

    .pq-solution-process-item__number {
        top: -12px;
        left: -18px;
        width: 46px;
        height: 46px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .pq-solution-process__grid {
        grid-template-columns: 1fr;
    }
}



.pq-solution-contact{padding:30px 0 50px}.pq-solution-contact__heading{text-align:center;margin-bottom:22px}
.pq-solution-contact__heading h2{margin:0;color:#08488f;    font-size: 29px;}
.pq-solution-contact__heading div{max-width:760px;margin:8px auto 0}
.pq-solution-contact__form {
    margin: auto;
    border: 2px solid #000;
    padding: 10px 50px 10px;
    border-radius: 10px;
}

@media(max-width:991px){.pq-solution-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pq-solution-process__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pq-solution-notes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:767px){.pq-solution-hero{min-height:280px}.pq-solution-cards__grid,.pq-solution-esg__stage,.pq-solution-notes__grid{grid-template-columns:1fr}.pq-solution-esg__arrows{grid-template-columns:1fr}

	
.pq-solution-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.pq-solution-process__grid{grid-template-columns:1fr}}

.pq-solution-process-item__description {
    margin: 0;
    color: #fff;
  
    line-height: 1.4;
    text-align: center;
}

.pq-solution-process-item__description p {
    margin: 0;
}

/*background*/
.pq-solution-process {
    width: 100%;
    padding: 0;
}

.pq-solution-process__box {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    background-color: #06275f;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pq-solution-heading--light {
    margin: 0;
    padding: 35px 20px 28px;
}

.pq-solution-process__grid {
    padding: 34px 0 42px;
}
/* Thẻ bi viết được chọn trong Nhóm lĩnh vực */
.pq-solution-card h3 a{color:inherit;text-decoration:none}.pq-solution-card__image{display:block;overflow:hidden}.pq-solution-card__image img{width:100%;height:230px;object-fit:cover;transition:transform .35s ease}.pq-solution-card:hover .pq-solution-card__image img{transform:scale(1.04)}.pq-solution-card__link{display:inline-flex;margin-top:auto;color:#d71920;font-weight:700;text-decoration:none}.pq-solution-notes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pq-solution-note{padding:24px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.08)}@media(max-width:767px){.pq-solution-notes__grid{grid-template-columns:1fr}.pq-solution-card__image img{height:210px}}

/* Card category: title bar is the only detail link. */
.pq-solution-category .pq-solution-card__link{display:none!important}


/* Nhóm Lĩnh vc: màu xen kẽ cố định và hiển thị đầy đủ m tả thẻ */
.pq-solution-cards--mixed .pq-solution-card:nth-child(odd) h3 {
    background: #102B4E !important;
}
.pq-solution-cards--mixed .pq-solution-card:nth-child(even) h3 {
    background: #2a969b !important;
}
.pq-solution-card__text {
    height: auto;
    max-height: none;
    overflow: visible;
    display: block;
}
.pq-solution-card__text p:last-child {
    margin-bottom: 0;
}