*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 19px;
}
p{
    margin: 0;
}
p+p{
    margin-top: 12px;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
a,a:hover{
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin: 0;
}
h1{
    font-size: 40px;
}
h2{
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}
h3{
    font-size: 25px;
}
h4{
    font-size: 20px;
    font-weight: 700;
}
h5{
    font-size: 20px;
    font-weight: 700;
}
h6{
    font-size: 16px;
}
input:focus{
    outline: none;
}
select:focus{
    outline: none;
}
textarea:focus{
    outline: none;
}
button:focus{
    outline: none;
}
.container{
    max-width: 1800px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid{
    max-width: 1800px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
:root{
    --grey-light-bg:#E5E7EB;
    --dark-bg:#071525;
    --border-color:#E5E7EB;
    --border-color2:#DDE2E8;
    --success:#4CAF50;

    --fontsize-20:20px;
    --fontsize-25:25px;
    --fontsize-28:28px;
    --fontsize-30:30px;
    --fontsize-35:35px;
    --fontsize-38:38px;
    --fontsize-45:45px;
    --fontsize-50:50px;
}
.ptop15{padding-top:5px;}
.ptop15{padding-top:15px;}
.ptop20{padding-top:20px;}
.ptop25{padding-top:25px;}
.ptop30{padding-top:30px;}
.ptop35{padding-top:35px;}
.ptop40{padding-top:40px;}
.ptop50{padding-top:50px;}
.ptop55{padding-top:55px;}
.ptop60{padding-top:60px;}
.ptop70{padding-top:70px;}
.ptop80{padding-top:80px;}
.ptop90{padding-top:90px;}
.ptop100{padding-top:100px;}
.ptop120{padding-top:120px;}

.pbottom15{padding-bottom:5px;}
.pbottom15{padding-bottom:15px;}
.pbottom20{padding-bottom:20px;}
.pbottom25{padding-bottom:25px;}
.pbottom30{padding-bottom:30px;}
.pbottom35{padding-bottom:35px;}
.pbottom40{padding-bottom:40px;}
.pbottom50{padding-bottom:50px;}
.pbottom55{padding-bottom:55px;}
.pbottom60{padding-bottom:60px;}
.pbottom70{padding-bottom:70px;}
.pbottom80{padding-bottom:80px;}
.pbottom90{padding-bottom:90px;}
.pbottom100{padding-bottom:100px;}
.pbottom120{padding-bottom:120px;}

.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.mtop25{margin-top:25px;}
.mtop30{margin-top:30px;}
.mtop35{margin-top:35px;}
.mtop40{margin-top:40px;}
.mtop50{margin-top:50px;}
.mtop55{margin-top:55px;}
.mtop60{margin-top:60px;}
.mtop70{margin-top:70px;}
.mtop80{margin-top:80px;}
.mtop90{margin-top:90px;}
.mtop100{margin-top:100px;}
.mtop120{margin-top:120px;}

.mbottom15{margin-bottom:15px;}
.mbottom20{margin-bottom:20px;}
.mbottom25{margin-bottom:25px;}
.mbottom30{margin-bottom:30px;}
.mbottom35{margin-bottom:35px;}
.mbottom40{margin-bottom:40px;}
.mbottom50{margin-bottom:50px;}
.mbottom55{margin-bottom:55px;}
.mbottom60{margin-bottom:60px;}
.mbottom70{margin-bottom:70px;}
.mbottom80{margin-bottom:80px;}
.mbottom90{margin-bottom:90px;}
.mbottom100{margin-bottom:100px;}
.mbottom120{margin-bottom:120px;}

.pleft10{padding-left: 10px;}
.pleft15{padding-left: 15px;}
.pleft20{padding-left: 20px;}
.pleft25{padding-left: 25px;}
.pleft30{padding-left: 30px;}
.pleft35{padding-left: 35px;}
.pleft40{padding-left: 40px;}
.pleft50{padding-left: 50px;}
.pleft60{padding-left: 60px;}
.pleft70{padding-left: 70px;}

.pright10{padding-right: 10px;}
.pright15{padding-right: 15px;}
.pright20{padding-right: 20px;}
.pright25{padding-right: 25px;}
.pright30{padding-right: 30px;}
.pright35{padding-right: 35px;}
.pright40{padding-right: 40px;}
.pright50{padding-right: 50px;}
.pright60{padding-right: 60px;}
.pright70{padding-right: 70px;}
/*========================HEADER SECTION CSS HERE*/
.header {
    width: 100%;
    background: #00060f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: sticky;
    top: 0;
    z-index: 999;
    /* padding: 30px 0; */
}
.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 38px;
}
.nav a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.container-full {
    max-width: 1800px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.header nav {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
}
.logobrand {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nav {
    width: 58%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.head-btn {
    width: 22%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
#menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 21px;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 50px 15px;
}
.btn {
    border-radius: 7px;
    font-size: 19px;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    height: 65px;
    max-width: 300px;
    width: 100%;
}
.logobrand img {
    max-width: 180px;
    width: 100%;
}
.btn-outline {
    border: 2px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    background: transparent;
}
.btn-green {
    background: #3bb54a;
    color: #fff;
}
.btn:hover {
    color: #3bb54a;
}
.header .btn {
    height: 65px;
    padding: 0;
}
.header .btn-1 {
    max-width: 200px;
}
.header .btn-2 {
    max-width: 150px;
}
.header ul ul a{
    color: #00060f;
    text-decoration: none;
    padding: 5px 12px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
}
.nav ul li a i {
    font-size: 18px;
}
.menu li{
    position:relative;
}
.menu li a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:6px;
}
.submenu{
    display: block !important;
    position:absolute;
    top:100%;
    left:0;
    min-width: 300px;
    background: #ffffff;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
            transform:translateY(10px);
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
            box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    border: 1px solid rgb(57 130 53 / 40%);
    border-bottom: 0;
}
.menu li:hover > .submenu{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
            transform:translateY(0);
}
.submenu li a{
    padding:14px 15px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}
.submenu .submenu{
    left:100%;
    top:0;
}
.submenu li:hover {
    background: #398235;
}
.submenu li:hover > a {
    color: #fff;
}
.submenu li {
    border-bottom: 1px solid rgb(57 130 53 / 40%);
}
.submenu .submenu-btn i {
    position: absolute;
    right: 25px;
}
.menu-toggle{
    display:none;
    font-size:28px;
    color:#fff;
    cursor:pointer;
}
.nav ul li li a {
    font-size: 14px;
}
/*=====================HOME BANNER 1 SECTION CSS HERE*/
.banner1 {
    background: #000811 url(../images/shared/homebanner.png);
    background-size: cover;
    background-position-x: 0;
    background-repeat: no-repeat;
    background-position-y: 160px;
}
.banner2 {
    background: #ffffff;
}
.bigimage img {
    width: 100%;
    margin-top: -50px;
}
.banner {
    padding: 80px 0;
    overflow: hidden;
}
.ftext.ftext-green {
    font-size: 18px;
    font-weight: 600;
    color: #39b54a;
    line-height: 18px;
    margin-bottom: 20px;
}
.banbox h1,.banbox h2 {
    margin-bottom: 25px;
    font-size: 52px;
    line-height: 62px;
    font-weight: 800;
}
.banbox h1{
    color: #fff;
}
.banbox h2{
    color: #fff;
}
.banner2 .banbox h1,
.banner2 .banbox h2{
    color: inherit;
}
.banbox h1 span,.banbox h2 span {
    color: #248636;
}
.ftext-p {
    margin-bottom: 60px;
}
.ftext-p p {
    color: #d7d7d7;
    font-size: 21px;
    line-height: 1.5;
    font-weight: 500;
}
.banner2 .ftext-p p{
    color: inherit;
}
.ftext-list {
    margin-bottom: 35px;
}
.ftext-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.ftext-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #e5e5e5;
    font-weight: 600;
    font-size: 18px;
}
.banner2 .ftext-list ul li{
    color: inherit;
}
.ftext-list ul li i {
    color: #248e46;
    font-size: 14px;
    width: 23px;
    height: 23px;
    border: 2px solid #248e46;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.banbox .inrow-btn {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
}
.starbox {
    margin-top: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    color: #fff;
}
.banner2 .starbox{
    color: inherit;
}
.banner2.workforce .ops-platform-copy {
    margin-top: 28px;
    margin-bottom: 0;
    font-weight: 700;
    text-align: left;
    color: #111827;
    font-size: 18px;
    line-height: 1.65;
    max-width: 560px;
}
.starbox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}
.starbox ul i {font-size: 12px; color: #fff;}
.starbox ul li {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #01a36a;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.starbox p {
    line-height: 1.2;
    font-weight: 500;
}
.ftext-list2 {
    margin-top: 45px;
}
.ftext-list2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.ftext-list2 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #f1f1f1;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
}
.banner2 .ftext-list2 ul li{
    color: inherit;
}
.banner .btnBig-2 {
    color: #fff;
    border-color: rgba(255,255,255,0.3);
}
.ftext-list2 ul li i {
    font-size: 20px;
    color: #fff;
}
.banner2 .ftext-list2 ul li i{
    color: inherit;
}
.banner2 .btnBig-2 {
    border: 2px solid #268540;
    color: inherit;
}
.banner2 .btnBig-2:hover{
    color: #fff;
}
.icon-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.iconbox {
    font-size: 25px;
}
.banner2 .col-lg-3 + .col-lg-3 {
    border-left: 1px solid #ddd;
}
.four4box .col-lg-3 {
    padding: 0 20px;
}
.four4box .row {
    margin: 0 -20px;
}
.iconbox i {
    color: #1f8c3a;
}
.tboxh h5 {
    font-weight: 700;
}
.oSource {
    margin-top: 50px;
}
.engage.oSource,
.pandacore .engage.oSource {
    width: 60%;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.engage.oSource .container,
.pandacore .engage.oSource .container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.engage.oSource .graybox,
.pandacore .engage.oSource .graybox {
    background: #000;
    height: auto;
    min-height: 0;
    padding: 10px 24px;
    border-radius: 16px;
    border: 0;
}
.engage.oSource .gb-not-btn {
    justify-content: center;
    align-items: center;
    gap: 14px;
}
.engage.oSource .gb-not-btn .heading {
    border-left: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    height: auto;
}
.engage.oSource .gb-not-btn .heading h3 {
    color: #fff;
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
}
.engage.oSource .gb-not-btn .heading h3 span {
    color: #39b54a;
}
.engage.oSource .hlogobox,
.pandacore .engage.oSource .graybox .hlogobox {
    max-width: 42px;
    height: auto;
    flex: 0 0 auto;
}
.engage.oSource .hlogobox img,
.pandacore .engage.oSource .graybox .hlogobox img {
    display: block;
    width: 100%;
    height: auto;
}
.circle-card-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}
.circle {
    width: 900px;
    height: 900px;
    position: absolute;
    opacity: 0.7;
    background: url(../images/shared/dotedline.png);
    background-repeat: no-repeat;
    background-size: 800px;
    top: 0;
    left: 0;
}
.cardS {
    position: relative;
    width: 100%;
    max-width: 440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
    margin-left: -50px;
}
.carD {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0px 25px rgba(0, 0, 0, 0.08);
    position: relative;
    border: 1px solid #ededed;
}
.purple {
    background: #f3e9ff;
    color: #7b39d8;
}
.icon {
}
.green {
    background: #e9f8ec;
    color: #1f8c3a;
}
.blue {
    background: #e9f2ff;
    color: #1f65d8;
}
.orange {
    background: #fff1df;
    color: #f39b1b;
    background: #fff1df;
    color: #f39b1b;
    background: #fff1df;
}
.icon.dark {
    background: #f1f1f1;
    color: #111;
}
.icon i {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.downarrow {
    position: absolute;
    width: 15px;
    overflow: hidden;
    top: calc(100% + 30px);
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
.downarrow img {
    width: 100%;
    max-width: 15px;
}
/*=====================PANDA CORE SECTION CSS HERE*/
.pandacore {
    background: -o-linear-gradient(
94deg, #e5f2e7 0%, #ffffff 35%);
    background: linear-gradient(
356deg, #e5f2e7 0%, #ffffff 35%);
    border-bottom: 5px solid #000711;
    padding-bottom: 35px;
    border-top: 3px solid #959a9f;
    padding-top: 90px;
}
/*=====================ONE SOURCE OF TRUTH SECTION CSS HERE*/
.gb-not-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.gb-not-btn .heading {
    border-left: 2px solid #cadacb;
    margin-left: 50px;
    padding-left: 50px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
}

/*=====================6 and 7 COLUMN BOX SECTION CSS HERE*/
.s6clm-se .graybox .row,.s7clm-se .graybox .row{
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
}
.s7box {
    width: calc(100% / 7);
}
.s6box-in,.s7box-in {
    text-align: center;
}
.s6box-icon,.s7box-icon {
    margin: 0 auto;
    margin-bottom: 20px;
}
.s6box-icon i,.s7box-icon i {
    font-size: 45px;
    color: #2f9638;
}
.s6box-content,.s7box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
}
.s6box + .s6box,.s7box + .s7box {
    border-left: 2px solid #e7eaea;
}
.s6clm-se .row,.s7clm-se .row {
    margin: 0;
}
.s6clm-se .graybox .row .s6box:first-child,
.s7clm-se .graybox .row .s7box:first-child {
    padding-left: 0;
}
.s6clm-se .graybox .row .s6box:last-child,
.s7clm-se .graybox .row .s7box:last-child {
    padding-right: 0;
}
/*=====================ENGAGE YOUR FORCE SECTION CSS HERE*/
.graybox {
    border-radius: 30px;
    background: #f4f7f6;
    padding: 60px 30px;
}
.headin-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
}
.hlogobox {
    max-width: 120px;
    height: 120px;
}
.hlogobox img {
    width: 100%;
}
.heading h3 {
    line-height: 1.4;
    font-weight: 700;
}
.heading h3 span {
    color: #177724;
}
.btnBig-1 {
    border: 1px solid #268540 !important;
    background: #268540 !important;
    color: #fff !important;
}
.btn i {
    font-size: 22px;
}
.inrow-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.btnBig-2 {border: 2px solid #516158;}
.graybox .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.btnBig-1:hover,.btnBig-2:hover {
    background: #2f9638 !important;
    color: #fff !important;
    border-color: #2f9638 !important;
}
.engage .container {
}
.display-block{
    display: block;
}
.graybox .col-lg-7 {
    width: 56%;
}
.graybox .col-lg-5 {
    width: 44%;
}
/*===================== SECTION CSS HERE*/
/*===================== Need something more specialised? SECTION CSS HERE*/
.custom-sec-in {
    background: #000e19;
    border-radius: 30px;
    overflow: hidden;
    padding: 40px 0px 30px;
    position: relative;
}
.cr-feat-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.icon-box{
}
.icon-box i {
}
.custom-sec-in h2 {
    color: #fff;
}
.custom-sec-in h2 span {
    color: #77b52b;
    display: block;
    margin-top: 15px;
}
.custom-content p {
    line-height: 1.9;
    color: #dfdfdf;
    font-size: 20px;
}
.cr-feat-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr-feat-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}
.cr-feat-list li i {
    font-size: 30px;
    color: #67b82f;
}
.custom-content p + p {
    margin-top: 25px;
}
.custom-heading h2 {
    font-size: 30px;
    margin-bottom: 0;
    line-height: 42px;
    font-weight: 600;
}
.custom-heading {
    width: calc(100% - 190px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 30px;
}
.custom-sec-in .col-lg-2 {
    width: 22%;
}
.cr-feat-list li + li {
    margin-top: 15px;
}
.custom-sec-in .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.custom-sec-in .col-lg-5 + .col-lg-5 {
    border-left: 2px solid rgba(103, 184, 47, 0.45);
    padding: 0 35px;
    width: 40%;
}
/*=====================Complete operations. SECTION CSS HERE*/
.circlebox {
    position: absolute;
    min-height: 760px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    left: 0;
    top: 0;
    width: 100%;
}

.orbit {
    position: absolute;
    width: 900px;
    height: 800px;
    background: url(../images/shared/pandaerpbox.png);
    background-repeat: no-repeat;
    background-size: 730px;
    left: 50%;
    z-index: 0;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    top: 50%;
    z-index: 0;
}
.center-circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    /* background: #ff0000; */
    /* border: 2px solid #d1fae5; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    /* z-index: 2; */
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); */
    top: 50%;
    left: 42%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.center-circle img {
    width: 80px;
    margin-bottom: 15px;
}
.card {
    position: absolute;
    width: 240px;
    background: white;
    border-radius: 24px;
    padding: 28px 24px;
    text-align: center;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
    height: 260px;
    z-index: 1;
}
.top {
    top: -120px;
    left: 41.5%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.card i {
    font-size: 42px;
    color: #24a148;
    margin-bottom: 18px;
}
.card h4 {
    font-size: 26px;
    margin-bottom: 12px;
}
.card p {
    color: #6b7280;
    line-height: 1.7;
    font-size: 16px;
}
.right-card {
    right: 125px;
    top: 100px;
}
.bottom-right {
    right: 13%;
    bottom: 57px;
}
.bottom {
    bottom: -133px;
    left: 41.5%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.bottom-left {
    left: -35px;
    bottom: 60px;
}
.left-card {
    left: -35px;
    top: 95px;
}
.logo img {
    width: 48px;
    height: 48px;
    -o-object-fit: contain;
       object-fit: contain;
}
.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-bottom: 50px;
}
.features li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.features li + li {
    margin-top: 7px;
}
.features li i {
    color: #2f9638;
    font-size: 20px;
}
.header-h2 h4 {
    font-size: 25px;
    margin-bottom: 30px;
    font-weight: 700;
}
.Comp-operat {
    padding: 90px 0 80px;
}
.Comp-operat .inrow-btn {
    margin: 50px 0 0;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
}
.vcr {
    margin-top: 30px;
}
/*===================== AI DOCUMENT SCANNER SECTION CSS HERE*/
.aidocumentscanner .col-lg-3 {
    padding: 0 70px;
    border-right: 2px solid rgba(0, 255, 120, 0.3);
    width: 26%;
}
.ai-icon-box img {
    width: 100%;
}
.aidocumentscanner .col-lg-4 {
    width: 35%;
    padding: 0;
}
.aidocumentscanner li {
    gap: 20px;
}
.aidocumentscanner li + li {
    margin-top: 6px;
}
.aidocumentscanner li i {
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 27px;
    height: 27px;
    border: 2px solid #67b82f;
    border-radius: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 600;
}
.aidocumentscanner .row {-webkit-box-align: unset;-ms-flex-align: unset;align-items: unset;margin: 0;}
.aidocumentscanner .col-lg-6 {
    width: 39%;
    padding: 10px 60px 0;
}
/*===================== SECTION CSS HERE*/
.op-sec-in {
    border-radius: 30px;
    background: #f6f8f6;
    padding: 60px 35px 70px;
}
.one-platform {
    margin-bottom: 70px;
    margin-top: 70px;
}
.one-logo-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
}
.op-logo {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-top: 0;
}
.op-logo img {
    width: 100%;
}
.op-content h2 {font-size: 30px;margin-bottom: 15px;line-height: 38px;font-weight: 700;}
.op-feature-box p {line-height: 1.5;font-weight: 500;}
.feature-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.feature-icon i {
    font-size: 32px;
    color: #2f9638;
    margin-top: -5px;
}
.s6clm-se {
    margin-bottom: 50px;
}
.custom-sec-in .col-lg-5 {
    width: 38%;
}

.op-sec-in>.col-lg-4:first-child {
    width: 50%;
}
.op-sec-in .col-lg-3 {
    width: 16%;
    padding-left: 25px;
}
.op-sec-in .col-lg-5 {
    width: 51%;
}
.op-sec-in .col-lg-4 .row .col-lg-4 {
    width: 32%;
}
.op-sec-in .col-lg-4 .col-lg-4 {
    width: 33.33%;
}
.op-content p {font-weight: 500;font-size: 20px;}
.op-sec-in .col-lg-5 .row .col-lg-4 {width: 37%;border-left: 2px solid #e3e3e3;height: 150px;padding: 20px 20px;}
.op-sec-in .col-lg-4 {
    width: 33%;
    padding-right: 25px;
}
.one-platform h4 {
    margin-bottom: 15px;
    font-size: 19px;
    line-height: 25px;
    font-weight: 700;
}
.op-sec-in .col-lg-5 .row .col-lg-4:nth-child(2) {
    width: 35%;
}
.op-sec-in .col-lg-5 .row .col-lg-4:nth-child(3) {
    width: 28%;
    padding-right: 0;
}
.banner-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
.op-sec-in .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.op-sec-in .row .row {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
}
.one-platform .inrow-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    gap: 20px;
}
.one-platform .inrow-btn .btn {height: 75px;}
/*===================== SECTION CSS HERE*/
.cta-sec {
    margin-bottom: 25px;
}
.container-full {
}
.cta-sec-in {
    /*background: #f7f7f6 url(../images/shared/Home-Footer.png);*/
    border: 2px solid #e4e4e4;
    border-radius: 30px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 43px 0;
}
.cta-sec .col-lg-7 {
    width: 58%;
}
.cta-left {
    padding: 70px 30px 30px 70px;
}
.cta-description {
    font-size: 19px;
}
.features {
    margin-top: 35px;
    margin-left: -25px;
    margin-right: 0;
    max-width: 870px;
}
.feature-box {
    text-align: center;
}
.icon-circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #e8f1e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 15px;
}
.icon-circle i {
    font-size: 40px;
    color: #ffffff;
}
.feature-box h4 {
    margin-bottom: 15px;
}
.feature-box p {
    margin-bottom: 0;
    line-height: 1.5;
}
.feature-box + .feature-box {
    border-left: 2px solid #dddddd;
}
.cta-left .inrow-btn {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    margin-top: 40px;
}
.header-h2 h2 {
    margin-bottom: 25px;
}
.header-h2 h2 span,.notestext span {
    color: #276a23;
}
.header-h2 p {
    font-size: 27px;
    line-height: 1.5;
}
/*=====================FOOTER SECTION CSS HERE*/
footer.footer {
    background: #12181c;
}
.footer-top {
    padding: 36px 0 28px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
.footer-bottom {
    padding: 16px 0 22px;
}
.footer-bottom-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.footer-bottom-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
}
.footer-menu-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    padding: 0;
}
.footer-menu-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.footer-menu-cta a.footer-git,
.footer-menu-cta a.footer-email,
.footer-bottom .fooA a.footer-git,
.footer-bottom .fooA a.footer-email {
    background: #268540;
    padding: 10px 22px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.2;
    display: inline-block;
    flex: 0 0 auto;
}
.footer-bottom .fooA {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}
.footer-bottom .footer-copy {
    margin: 0;
    color: #cfcfcf;
    text-align: left;
    font-size: 13px;
    line-height: 1.4;
}
.footer-bottom .social-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin: 0;
}
@media (max-width: 991px) {
    .footer-bottom-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-bottom-left {
        align-items: center;
        order: 2;
    }
    .footer-bottom .footer-copy {
        text-align: center;
    }
    .footer-bottom .social-links {
        justify-content: center;
        order: 1;
        flex-wrap: wrap;
    }
    .footer-menu-actions {
        justify-content: center;
        padding: 0;
    }
    .footer-menu-cta {
        flex-wrap: wrap;
        justify-content: center;
    }
}
.footer-bottom p {
    margin: 0;
    color: #cfcfcf;
}
.footer-logo p {
    margin: 0;
}
.footer-logo .logo {
    margin-bottom: 8px;
    max-width: 148px;
    display: block;
}
.footer-logo .logo img {
    width: 100%;
    height: auto;
    -o-object-fit: unset;
       object-fit: unset;
}
.social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
.social-icons a {
    width: 36px;
    height: 36px;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.social-icons a:hover {
    background: #57b532;
    border-color: #57b532;
}
.footer-logo P {
    color: #cfcfcf;
    margin-bottom: 12px;
    font-size: 15px;
}
.footer-logo .footer-brand-statement {
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 14px;
}
.border-left {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.border-right {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.social-links a {
    color: #cfcfcf;
    line-height: 1.4;
    font-size: 13px;
}
.social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.social-links a + a {
    border-left: 2px solid #447034;
    padding-left: 14px;
    margin-left: 14px;
}
.footer-top-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.footer-top > .row > .col-lg-3:first-child,
.footer-top .footer-brand {
    flex: 0 0 250px;
    width: 250px;
    max-width: 250px;
    padding-right: 24px;
}
.footer-top > .row > .col-lg-3:last-child {
    width: 19%;
    padding-left: 40px;
}
.footer-top .col-lg-6 {
    width: 62%;
    padding: 0;
}
.footer-top .footer-menus {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    padding: 0 0 0 28px;
    border-right: 0;
}
.footer-menu-row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5, max-content);
    column-gap: 44px;
    justify-content: start;
    align-items: start;
    width: auto;
    max-width: 100%;
}
.footer-menu-row > .footer-menu-col {
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0;
    margin-top: 0;
}
.footer-menu-col .ft-clmn {
    width: 100%;
    max-width: 100%;
}
.footer-menu-col .ft-clmn h5 {
    margin-top: 0;
    white-space: nowrap;
}
.footer-menu-col .ft-clmn ul a {
    width: auto;
    max-width: 100%;
}
.fcl-1 {
    width: 24%;
    padding-left: 40px;
}
.fcl-3 {
    width: 26%;
}
.fcl-4 {
    width: 25%;
    padding-right: 40px;
}
.footer-top .col-lg-6 .row {
    margin: 0;
}
.ft-clmn h5 {
    color: #66b335;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
}
@media (max-width: 991px) {
    .footer-top .footer-brand,
    .footer-top .footer-menus {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        padding: 0;
        border: 0 !important;
    }
    .footer-top-row {
        flex-wrap: wrap;
    }
    .footer-top .footer-brand {
        margin-bottom: 30px;
    }
    .footer-menu-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 28px;
        justify-content: flex-start;
    }
    .footer-menu-row > .footer-menu-col {
        width: auto;
        max-width: none;
        margin-bottom: 0;
        padding: 0;
    }
    .footer-menu-col .ft-clmn {
        width: auto;
        max-width: 100%;
    }
}
@media (max-width: 575px) {
    .footer-menu-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 20px;
    }
    .footer-menu-row > .footer-menu-col {
        width: auto;
        max-width: none;
        padding: 0;
    }
}
.ft-clmn ul {
    margin-bottom: 0;
}
.ft-clmn ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ft-clmn ul a {
    color: #dfdfdf;
    text-decoration: none;
    display: block;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 400;
}
.ft-clmn ul li + li {
    margin-top: 6px;
}
.ft-clmn ul ul {
    margin-top: 6px;
    padding-left: 0;
}
.cont-item {
    position: relative;
    padding-left: 35px;
}
.cont-item i {
    font-size: 22px;
    color: #66b335;
    position: absolute;
    left: 0;
    top: 7px;
}
.cont-item span {
    color: #dfdfdf;
}
.cont-item + .cont-item {
    margin-top: 18px;
}
/*=====================PANDA TALKS SECTION CSS HERE*/
.ptop90 {
    padding-top: 90px;
}
.ptop80 {
    padding-top: 80px;
}
.pbottom80 {
    padding-bottom: 80px;
}
.pbottom60 {
    padding-bottom: 60px;
}
.toplogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    margin-bottom: 35px;
}
.toplogo img {
    width: 45px;
}
.toplogo span {
    color: #248636;
}
.toplogo h4,
.toplogo > div {
    font-weight: 700;
    color: #248636;
}
.heading {
    margin-bottom: 40px;
}
.heading h2 {
    font-weight: 700;
    font-size: 40px;
}
.heading h2 span {
    color: #25822d;
}
.panda-talks .col-lg-4 {
    width: 34%;
}
.panda-talks .col-lg-8 {
    width: 66%;
}
.big-right-image img {
    width: 100%;
}
.ticklist {
    margin-bottom: 35px;
}
.ticklist ul li + li {
    margin-top: 8px;
}
.ticklist ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 18px;
}
.ticklist ul li i,.pricing-billing-note i {
    color: #25822d;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #25822d;
    border-radius: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14px;
}
.heading h4 {
    margin: 30px 0 25px;
    font-weight: 700;
}
.heading p {
    font-weight: 500;
}
.twoBtn-inRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 25px;
}
.btnA {
    padding: 15px 35px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    border: 1px solid transparent;
}
.notDark {
    border: 2px solid #9fadae;
    color: #010919;
}
.dark {
    background: #266c22;
    color: #fff;
}
.width100 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.width100 .btnA {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.pandaTalks-sec .heading {
    text-align: center;
}
/*=====================PANDA TALKS WORKS SECTION CSS HERE*/
.graybo5 {
    border: 2px solid #ececec;
    border-radius: 20px;
    padding: 50px 70px;
    text-align: center;
    background: #f4f6f6;
}
.s5box {
    width: 20%;
    padding: 0 25px;
}
.s5box-icon {
    margin-bottom: 30px;
}
.s5box-icon img {max-width: 90px;}
.careersImpact .s5box-icon {
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background: #f3f5f4;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
.careersImpact .s5box-icon i {
    color: #268540;
    font-size: 32px;
    line-height: 1;
}
.s5box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.numcount {
    width: 28px;
    height: 28px;
    background: #25822d;
    border-radius: 50%;
    color: #fff;
    font-weight: 500;
    line-height: 18px;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 50px;
}
.s5box-in {
    position: relative;
}
.arrowlin {
    position: absolute;
    right: -10%;
    top: 15%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 30px;
}
.arrowlin img {
    width: 100%;
}
.pandaTalks-sec {
    margin-bottom: 70px;
}
.notes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.leftup,.rightup {
    width: 24%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.notes img {
}
.notestext {
    width: 40%;
    height: 25px;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
/*=====================ONE CLICK SECTION CSS HERE*/
.oneClick {
    margin: 70px 0 0;
}
.oneClick .container {
    width: 60%;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.oneClickBox {
    background: #010d19;
    border-radius: 20px;
    padding: 28px 36px 24px;
}
.ocb-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 22px;
}
.ocb-tickbox i {
    color: #ffffff;
    font-size: 42px;
    background: #25822d;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    flex: 0 0 auto;
}
.ocb-contentbox h4 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 1.25;
}
.ocb-contentbox h4 span {
    color: #25822d;
}
.ocb-contentbox p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.45;
    margin: 0;
}
.ocb-icon {
    margin-bottom: 14px;
}
.ocb-icon i {
    font-size: 55px;
    color: #e0e0e0;
}
.ocb-text h5 {
    color: #ffffff;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}
.ocb-text p {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
}
.oc-last-p {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.oc-last-p p {
    color: #25822d;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    line-height: 1.35;
    text-align: center;
}
.oc-4clm-box-row .col-lg-3 + .col-lg-3 {
    border-left: 3px solid rgb(62 100 72);
}
.oc-4clm-box-row .col-lg-3 {
    padding: 0px 18px;
    text-align: center;
}
.oc-4clm-box-row .row {
    border-top: 3px solid rgb(62 100 72);
    margin: 0 auto;
    padding-top: 22px;
    width: 100%;
    max-width: 100%;
}
.howpandabox {
    border: 2px solid #f5f6f5;
    padding: 50px 0px;
    border-radius: 25px;
}
.howpandabox .s7clm-se {
    margin-bottom: 50px;
}
.op-content h2 span {
    color: #276a23;
}
.s6box-icon img {
    width: 100%;
    max-width: 80px;
}
.vcr .graybox {
    padding: 20px 70px 20px 40px;
}
.vcr .graybox .heading {
    margin: 0;
}
.vcr .heading p {
    font-size: 21px;
    margin-top: 5px;
}
.vcr .inrow-btn .btn {
    height: 65px;
}
.vcr .inrow-btn .btnBig-1 {
    max-width: 285px;
}
.vcr .inrow-btn .btnBig-2 {
    max-width: 265px;
}
.aidocumentscanner h2 {
    font-size: 35px;
    font-weight: 600;
    line-height: 40px;
}
.aidocumentscanner h2 span {
    color: #419c36;
    display: block;
    margin-top: 10px;
}
.aidocumentscanner .header-h2 p {
    font-size: inherit;
    line-height: 1.8;
    color: #dfdfdf;
}
.aidocumentscanner li {
    font-size: 19px;
}
.aibtn {
    margin-top: 20px;
}
.aibtn .btn {
    height: 60px;
    max-width: 285px;
}
.howpanda .heading {
    margin-bottom: 80px;
}
.hpcw .s5box {
    width: 25%;
}
.graybo5.hpcw {
    max-width: 1552px;
    margin: 0 auto;
}
.howpandabox .s6box-content h5 {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    line-height: 28px;
}
.howpandabox .container {
    padding: 0;
}
.howpanda {
    margin-bottom: 30px;
}
.pandacomply {
    background: -o-linear-gradient(280deg, #fbfbfb, transparent);
    background: linear-gradient(170deg, #fbfbfb, transparent);
    padding: 55px 0;
}
.pandacomply .col-lg-4 {
    width: 44%;
}
.pandacomply .col-lg-8 {
    width: 56%;
}
.pandacomply .col-lg-4 .heading {
    margin-bottom: 60px;
}
.pandacomply .col-lg-4 .heading h2 {
    font-size: 55px;
    line-height: 65px;
}
.pandacomply .heading h4 {
    margin: 40px 0 45px;
    font-weight: 700;
    font-size: 25px;
}
.pandacomply .heading p {
    font-size: 22px;
    line-height: 1.7;
}
.twoBtn-inRow .btnA {
    font-size: 20px;
}
.pandacomply .big-right-image {
}
.eworkforce {
    padding: 24px 0;
}
.engage.eworkforce {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
.engage.eworkforce .container {
    width: 60%;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.eworkforce .graybox,
.engage.eworkforce .graybox {
    background: #000;
    height: auto;
    min-height: 0;
    padding: 10px 24px;
    border-radius: 16px;
}
.engage.eworkforce .headin-logo {
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 0;
}
.engage.eworkforce .graybox .hlogobox {
    max-width: 42px;
    height: auto;
    flex: 0 0 auto;
}
.engage.eworkforce .graybox .hlogobox img {
    display: block;
    width: 100%;
    height: auto;
}
.engage.eworkforce .graybox .heading {
    margin: 0;
    border: 0;
    padding: 0;
    height: auto;
}
.engage.eworkforce .graybox .heading h3 {
    color: #fff;
    font-size: 22px;
    line-height: 1.25;
    margin: 0;
}
.engage.eworkforce .graybox .heading h3 span {
    color: #39b54a;
}
.engage.eworkforce .graybox .heading h3 br {
    display: none;
}
.eworkforce .graybox .btn {
    max-width: 315px;
    height: 75px;
    width: 100%;
    font-size: 21px;
    border-radius: 10px;
}
.eworkforce .graybox .btn i {
    font-size: 25px;
}
.pandaErp .heading h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
}
.ptop140{
    padding-top: 140px;
}
.pbottom100{
    padding-bottom: 100px;
}
.pandaErp .col-lg-4 {
    width: 42%;
}
.pandaErp .col-lg-8 {
    width: 58%;
}
.cp-opt7-in {
    position: relative;
    width: 100%;
    height: 100%;
}
.center-circle h3 {
    font-weight: 600;
    font-size: 20px;
}
.needsome .col-lg-4 {
    width: 36%;
    padding: 0 35px;
}
.needsome .col-lg-6 {
    width: 39%;
    border-left: 2px solid rgba(103, 184, 47, 0.45);
    padding: 10px 35px;
}
.needsome .row {
    margin: 0;
}
.needsome .custom-sec-in {
    padding: 60px 0;
}
.pandaTalks-works .graybo5 {
    background: #fdfdfd;
}
.pandaTalks-works .leftup, .pandaTalks-works .rightup {
    width: 25%;
}
.pandaTalks-works .notestext {
    width: 33%;
}
.pandaTalks-works .leftup img, .pandaTalks-works .rightup img {
    width: 100%;
}
.pandacore .graybox {
    height: 145px;
    padding: 20px 50px;
        background: #e2f1e4;
    border: 2px solid #dbe7df;
}
.pandacore .graybox .hlogobox {
    max-width: 100px;
    height: 100px;
}
.pandacore .engage.oSource .container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.pandacore .four4box {
    margin-right: -80px;
}
.cardS h4 {
    margin-bottom: 10px;
}
.cardS p {
    font-weight: 500;
    line-height: 1.4;
}
.pandacore .ftext.ftext-green,
.lfbox.pandacomply .ftext.ftext-green {
    position: relative;
    margin-bottom: 80px;
    font-size: 19px;
    letter-spacing: 2px;
    color: #248636;
}
.pandacore .ftext.ftext-green:after,
.lfbox.pandacomply .ftext.ftext-green:after {
    position: absolute;
    left: 0;
    bottom: -30px;
    height: 3px;
    width: 65px;
    background: #248636;
    content: '';
}
.workforce .ftext.ftext-green {
    color: #248636;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 35px;
}
.workforce .ftext-p {
    margin-bottom: 30px;
}
.workforce .ftext-p p {
    font-weight: 700;
}
.workforce .ftext-list {
    margin-bottom: 50px;
}
.workforce .inrow-btn .btnBig-1 {
    width: 250px;
    height: 75px;
}
.workforce .inrow-btn .btnBig-2 {
    width: 280px;
    height: 75px;
}
.workforce .bigimage {
    margin-left: 0;
    margin-top: 50px;
}
.ftext-list2 ul li img {
    width: 40px;
}
.submenu li a {
    padding: 10px 15px !important;
}
.banner1 video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none;
}
.banner1 .container {
    position: relative;
    z-index: 1;
}
.overlayvd {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100vw;
    background: -o-linear-gradient(45deg, rgb(0 6 15 / 75%) 40%, rgb(0 9 18 / 50%));
    background: linear-gradient(45deg, rgb(0 6 15 / 75%) 40%, rgb(0 9 18 / 50%));
    z-index: 0;
}
@media (max-width: 991px) {
    section.banner[style*="iso-14001"] > .overlayvd {
        background: linear-gradient(180deg, rgb(18 20 22 / 95%) 0%, rgb(18 20 22 / 92%) 100%) !important;
    }
    section.banner[style*="iso-45001"] > .overlayvd {
        background: linear-gradient(180deg, rgb(255 255 255 / 94%) 0%, rgb(255 255 255 / 90%) 100%) !important;
    }
}
.dropdown-menu,
.sub-dropdown{
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position:absolute;
    top:100%;
    left:0;
    background: #ffffff;
    min-width: 220px;
    display:none;
    z-index:999;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
            box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    border: 1px solid rgb(57 130 53 / 40%);
    border-bottom: 0;
    padding: 0;
}
.dropdown-menu li{
    width:100%;
    border-bottom: 1px solid rgb(57 130 53 / 40%);
}
.sub-dropdown{
    top:0;
    left: 100%;
}
.dropdown:hover > .dropdown-menu{
    display:block;
}
.has-submenu:hover > .sub-dropdown{
    display:block;
}
.nav ul li li a i {
    position: absolute;
    right: 15px;
    font-size: 17px;
}
.dropdown-menu li a:hover {
    background: #398235;
    color: #fff;
}
.dropdown-menu ul,
.dropdown-menu .dropdown-nested {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block !important;
    position: static !important;
    left: auto;
    top: auto;
    min-width: 0;
    width: 100%;
    background: transparent;
    box-shadow: none;
    border: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
}
.header .dropdown-menu .dropdown-nested a {
    padding-left: 20px !important;
    font-weight: 400;
}
.header .dropdown-menu .dropdown-nested .dropdown-nested a {
    padding-left: 32px !important;
}
.header .dropdown-menu .dropdown-nested .dropdown-nested a::before {
    content: none;
}
.header .dropdown-menu a.dropdown-strong {
    font-weight: 700 !important;
}
.header .dropdown-menu a:has(.fa-chevron-right) {
    position: relative;
    padding-right: 24px !important;
}

.nav::-webkit-scrollbar{
    width: 5px;
}

.nav::-webkit-scrollbar-track{
    background: rgb(59 181 74 / 30%);
}

.nav::-webkit-scrollbar-thumb{
    background: #3bb54a;
    border-radius: 10px;
}

/*========================================*/
/*======ABOUT PROCESS PANDA PAGE CSS======*/
/*========================================*/
.box-wwe {
    background: #f9f9f9;
    padding: 0px 20px;
}
.box-wwe-1 {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
}
.box-wwe-2 {
    padding-top: 25px;
}
.box-wwe-1 .col-sm-3, .box-wwe-2 .col-sm-3 {
    padding: 0 15px;
}
.box-wwe-1 .col-sm-3 + .col-sm-3,.box-wwe-2 .col-sm-3 + .col-sm-3 {
    border-left: 1px solid #e1e1e1;
}
.box-wwe-1 .wwetext {
    margin-top: 15px;
    text-align: center;
}
.box-wwe-1 .col-sm-3:first-child,.box-wwe-2 .col-sm-3:first-child {
    padding-left: 0;
}
.box-wwe-1 .col-sm-3:last-child,.box-wwe-2 .col-sm-3:last-child {
    padding-right: 0;
}
.box-wwe .row {
    margin: 0;
}
.wwetext h4 {
    margin-bottom: 10px;
}
.head-line {
    margin-bottom: 30px;
}
.head-green {color: #248636;font-weight: 700;margin-bottom: 20px;}
.head-line h2 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
}
.ptop70 {
    padding-top: 70px;
}
.ptop30 {
    padding-top: 30px;
}
.pbottom70 {
    padding-bottom: 70px;
}
.pbottom30 {
    padding-bottom: 30px;
}
.pbottom70 span {
    color: #248636;
}
.head-para p {
    font-weight: 500;
}
.wwe-sec .col-lg-5 {
    padding-right: 50px;
}
.wwetext p {font-size: 17px;}
.wwe-sec .col-lg-7 {
    background: #f9f9f9;
    border-radius: 20px;
}
.box-wwe-1 .wweicon {
    max-width: 80px;
    margin: 0 auto;
}
.wweicon img {
    width: 100%;
}
.box-wwe-2 .wweicon {
    max-width: 45px;
}
.box-wwe-2 .col-sm-3 {
    display: flex;
    gap: 15px;
}
.box-wwe-2 h4 {
    color: #248636;
    font-size: 18px;
    font-weight: 800;
}
.ftext-ul {
    margin-bottom: 35px;
}
.ftext-ul ul {
    display: flex;
    gap: 8px;
}
.ftext-ul ul li {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
}
.ftext-ul ul li i {
    font-size: 15px;
}
.ftext-ul ul li a {
    color: #248636;
}
.cta-box {
    background: #0e1d1c;
    padding: 30px 50px;
    border-radius: 10px;
}
.cta-icon {
    display: flex;
    gap: 50px;
    align-items: center;
}
.cta-iconbox {
    max-width: 200px;
    width: 100%;
    margin-bottom: -30px;
    margin-top: -50px;
}
.cta.indu-cta .cta-iconbox {
    margin-left: -60px;
    margin-bottom: -30px;
    max-width: 250px;
    margin-top: -50px;
}
.cta-iconbox img {
    width: 100%;
}
.cta-head h3 {
    color: #fff;
    font-weight: 700;
    max-width: 155px;
}
.cta-head h3 span {
    color: #14bf14;
}.cta-head p {
    font-size: 21px;
    margin-top: 5px;
}
.cta-box > .row {
    align-items: center;
}
.cta-text p {
    color: #fff;
    margin: 0;
}
.cta-box .inrow-btn {
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
.cta-box .inrow-btn .btn {
    max-width: 100%;
    height: 60px;
    color: #fff;
}
.cta-head {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.dflex-j-center,
.dflex-j-right{
    display: flex;
}
.dflex-j-center{
    justify-content: center;
}
.dflex-j-right{
    justify-content: right;
}
.cta.mv .col-sm-5 {
    border-right: 2px solid #1f302f;
}
.cta.mv {
    overflow: visible;
}
.cta.mv .container,
.cta.mv .cta-box,
.cta.mv .row,
.cta.mv .col-sm-5,
.cta.mv .cta-icon {
    overflow: visible;
}
.cta.mv .cta-box {
    position: relative;
}
.cta.mv .cta-iconbox {
    max-width: 260px;
    margin-top: -70px;
    margin-bottom: -55px;
    position: relative;
    z-index: 2;
}
.cta.mv .cta-iconbox img {
    display: block;
    width: 100%;
    height: auto;
}
.cta.contact-cta {
    overflow: visible;
}
.cta.contact-cta .container,
.cta.contact-cta .cta-box,
.cta.contact-cta .row,
.cta.contact-cta .col-sm-4,
.cta.contact-cta .cta-icon {
    overflow: visible;
}
.cta.contact-cta .cta-icon {
    gap: 24px;
}
.cta.contact-cta .cta-iconbox {
    max-width: 280px;
    margin-top: -70px;
    margin-bottom: -55px;
    position: relative;
    z-index: 2;
}
.cta.contact-cta .cta-iconbox img {
    display: block;
    width: 100%;
    height: auto;
}
.cta.story .cta-box {background: #eef3f0;}

.cta.story .cta-box h3,.cta.story .cta-box p {
    color: #000;
}
.cta.story .cta-box .inrow-btn {
    flex-direction: row;
}
.cta.story .cta-box .btnBig-2 {
    color: #000;
}
.story-drives-in {
    background: #000d18;
    padding: 50px 35px;
    border-radius: 15px;
}

.story-drives {
    padding-top: 50px;
    padding-bottom: 50px;
}
.story-drives-image .story-drives-banner {
    border-radius: 15px;
    overflow: hidden;
    line-height: 0;
}
.story-drives-image .story-drives-banner img {
    display: block;
    width: 100%;
    height: auto;
}
.cta {
}
.cta.Careers .cta-icon {
    justify-content: center;
}
.cta.Careers .cta-head {
    text-align: center;
}
.story-drives-in .col-sm-4 {
    width: 30%;
    padding: 0 30px;
}
.story-drives-in .col-sm-2 {
    width: 17.5%;
    padding: 0 30px;
    border-left: 2px solid rgb(81 97 88 / 30%);
    text-align: center;
}
.story-drives-in .wweicon {
    max-width: 60px;
    margin: 0 auto 20px;
}
.story-drives-in .wwetext h4 {
    color: #fff;
}
.story-drives-in .wwetext p {
    color: #dfdfdf;
}
.story-content {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.greentext {
    color: #2c8634;
    font-size: 20px;
    font-weight: 700;
}
.story-content h3 {
    font-size: 38px;
    color: #fff;
    font-weight: 600;
    line-height: 48px;
}
.ourvalues {
    padding: 30px 0;
}
.ourvalues .heading {
    text-align: center;
}
.ourvalues .s7box {
    width: calc(100% / 6 - 17px);
    border: 2px solid #e7eaea;
    border-radius: 10px;
    padding: 30px 15px;
}
.ourvalues .row {
    gap: 20px;
}
.mission {
    padding-top: 30px;
}
.missionbox {
    background: #f5f7f5;
    padding: 50px 50px;
    border-radius: 31px;
}
.ms-head {
    display: flex;
    gap: 35px;
}
.ms-head-img {
    max-width: 180px;
    width: 100%;
}
.ms-head-img img {
    width: 100%;
}
.ms-head .heading {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
}
.ms-head .heading h2 {
    line-height: 40px;
    font-size: 30px;
}
.ms-head .heading h2 span {
    color: #266c22;
}
.m-content p {
    font-weight: 500;
}
.m-content {
    border-left: 2px solid #e7eaea;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.missionbox .row {
    align-items: center;
}
.heading-pp,.heading-pp-2 {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 500;
    position: relative;
    z-index: 0;
}
.heading-pp h2 {
    font-size: 48px;
    line-height: 55px;
}
.heading-pp h2 span,.heading-pp-2 h3 span {
    color: #268540;
}
.story-started {
    padding-top: 50px;
    line-height: 1.5;
}
.heading-pp-2 h3 {
    font-size: 38px;
    line-height: 45px;
    font-weight: 700;
}
.story-started .ticklist {
    margin-bottom: 0;
    margin-top: 30px;
}
.listed-box {
    max-width: 680px;
}
.lb-row {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
    padding: 15px 0;
}
.lb-text p {
    line-height: 1.4;
}
.lb-icon {
    max-width: 65px;
}
.lb-icon img {
    width: 100%;
}
.lb-row:before {
    border-bottom: 1px solid #e7eaea;
}
.hrline {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 95%;
    height: auto;
    border-bottom: 2px solid #e7eaea;
}
.lb-Image {
    max-width: 100px;
}
.lb-Image img {
    width: 100%;
}
.wws-rbox {
    padding: 35px 50px;
    background: #f4f6f5;
    border-radius: 25px;
}
.story-started .ticklist li + li {
    margin-top: 6px;
}
.jbox5 {
    width: 20%;
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.jbox5 .s6box-icon {
    margin: 0 0 0 -10px;
    position: relative;
    z-index: 1;
    pad0=: =;
    max-width: 90px;
}
.dotsline {
    height: 6px;
    width: 69%;
    border-bottom: 4px dotted #268540;
    position: absolute;
    top: 45px;
    z-index: 0;
    left: 29%;
}
.dotsline:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -3px;
    width: 7px;
    height: 7px;
    border-left: 7px solid #268540;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    content: '';
}
.dotsline:last-child:after {
    display: none;
}
.jbox5 .s6box-icon img {
    width: 100%;
}
.jbox5 h4 {
    color: #268540;
}
.jbox5 p {
    font-weight: 500;
}
.journeyTime {
    border-bottom: 2px solid #e7eaea;
    padding-bottom: 50px;
}
.journey {
    padding-top: 50px;
}
.wws-rbox.promise {
    min-height: 530px;
    position: relative;
    overflow: hidden;
    border-radius: 25px 0px 0px 25px;
}
.lb-text {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.overLay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(3deg, transparent 41%, #eaf1ee 61%);
    z-index: 0;
}
.wws-rbox.promise p {
    position: relative;
    line-height: 1.4;
    font-weight: 500;
}
.wws-rbox.promise .heading-pp-2 {
    gap: 0;
    margin-bottom: 15px;
}
.wws-rbox.promise .heading-pp-2 .greentext {
    margin-bottom: 15px;
    font-size: 19px;
}
.wws-rbox.promise .heading-pp-2 h3 {
    font-size: 32px;
    line-height: 37px;
}
.mnv-box {
    background: #f9f8f8;
    border-radius: 25px;
}
.mnv-box .listed-box {
    padding: 15px 50px 0px 0;
    max-width: 100%;
}
.mnv-box .col-sm-6:last-child {
    padding-left: 30px;
}
.mnv-box .listed-box .hrline {
    left: 11%;
    width: 89%;
}
.mnv-box .listed-box .lb-row {
    padding: 18px 0;
}
.careersImpact {
}
.careersImpact .graybo5 {
    border: 0;
    background: #f5f8f6;
    padding: 50px 30px;
}
.careersImpact .s5box {
    min-width: 0;
}
.careersImpact .s5box-content h5,
.careersImpact .s5box-content p {
    overflow-wrap: anywhere;
}
.opport {
}
.opport-box {
    padding: 40px 40px;
    background: #f5f8f6;
    border-radius: 25px;
}
.opport-box .ticklist {
    margin: 0;
}
.opport-box .ticklist h3 {
    font-weight: 700;
    margin-bottom: 25px;
}
.messagebox {
    margin-top: 40px;
    background: #ebf1ec;
    padding: 30px 50px;
    border-radius: 20px;
}
.messagebox .hlogobox {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    width: 90px;
    height: 90px;
}
.messagebox .hlogobox img {
    width: 45px;
}
.messagebox .heading {
    margin: 0;
}
.messagebox .row {
    align-items: center;
}
.messagebox .mailid {
    text-align: center;
    font-weight: 500;
}
.messagebox .mailid a {
    font-weight: 600;
    color: #268540;
}
.chtt {
}
.chtt .top-title {font-size: 18px;font-weight: 700;color: #268540;margin-bottom: 20px;line-height: 22px;}
.chtt h2 {
    font-size: 42px;
    line-height: 50px;
}
.chtt h2 span {
    color: #268540;
}
.lft-box {
    display: flex;
    gap: 20px;
}
.lft-icon-box {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #f7fcf8;
    flex: 0 0 auto;
}
.lft-icon-box img {
    width: 100%;
}
.lft-head-icon .lft-box {
    min-width: 0;
}
.lft-head-icon .lft-icon-box {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
.lft-head-icon .lft-icon-box i {
    color: #268540;
    font-size: 28px;
    line-height: 1;
}
.lft-head-icon .lft-text-box {
    min-width: 0;
}
.lft-text-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.lft-head-icon {
    background: #f5f8f6;
    border-radius: 20px;
    padding: 70px 50px;
}
.founderbox {
    display: flex;
    gap: 20px;
    border: 2px solid #e1e1e1;
    padding: 15px 5px;
    width: 32.5%;
    border-radius: 20px;
}
.fndbox a {font-weight: 600;color: #268540;margin: 20px 0 0;display: flex;align-items: center;gap: 10px;}
.fndbox h3 {
    font-weight: 700;
    color: #268540;
    margin-bottom: 10px;
}
.desig {
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 10px;
}
.s-desig {
    font-weight: 700;
    color: #268540;
    line-height: 25px;
    margin-bottom: 15px;
}
.fndbox p {
    line-height: 1.4;
    font-size: 18px;
}
.founder-details .row {
    margin: 0;
    gap: 20px;
}
.founder-details-mockups .founder-mockup-list {
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
}
.founder-details-mockups .founder-mockup {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}
.founder-details-mockups .founder-mockup img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.founder-details-mockups .founder-leadership-banner {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.founder-details-mockups .founder-leadership-banner img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.founder-head .row {
    align-items: center;
}
.hrLine{
    border-bottom: 1px solid #e7eaea;
}
.eco .col-sm-3 {
    border: 1px solid #ededed;
    border-radius: 15px;
    padding: 20px;
    width: 24%;
}
.eco .row {
    margin: 0;
    gap: 20px;
}
.chtt h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
}
.chtt h3 span {
    color: #268540;
}
.approach-box {
    background: #f3f7f2;
    padding: 35px 45px;
    border-radius: 20px;
}
.approach-box .row {
    align-items: center;
}
.approach-box .row p {
    border-left: 2px solid #e1e1e1;
    padding-left: 50px;
}
.appbox-4 {
    margin-left: 0;
    margin-top: 50px;
}
.appbox-4 .row {
    align-items: unset;
}
.appbox-box {
    display: flex;
    gap: 20px;
    position: relative;
}
.dotArrow {
    position: absolute;
    border-bottom: 2px dashed #268540;
    height: 10px;
    width: 50px;
    right: 20px;
    top: 7px;
}
.appicon {
    width: 50px;
    flex: 0 0 auto;
}
.appicon img {
    width: 100%;
}
.apptitle h3 {font-weight: 600;margin-bottom: 10px;}
.apptitle p {
    border: 0 !important;
    padding: 0 !important;
}
.dotArrow i {
    position: absolute;
    right: 0;
    color: #268540;
}
/*=================TERMS CONDITION / COOKIE / PRIVACY*/
.update-date {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    margin-top: 20px;
}
.update-date img {
    width: 25px;
}
.tcp-pageTitle {
    padding: 0px 0 50px;
}
.tcp-pageTitle h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 20px;
}
.tcp-section .row {
    margin: 0;
    gap: 33px;
    align-items: flex-start;
}
.tcp-section .row .col-sm-3.tcp-sidebar {
    position: sticky;
    top: 110px;
    align-self: flex-start;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    z-index: 2;
}
.tcp-content[id] {
    scroll-margin-top: 120px;
}
.tcp-section .row .col-sm-3,.tcp-section .row .col-sm-9 {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.tcp-section .row .col-sm-9 {
    width: 73%;
    padding: 50px;
}
.tcp-section .row .col-sm-3 h4 {
    margin: 0 25px 25px;
}
.tcp-section .col-sm-3 ul li {
    display: flex;
    gap: 15px;
    padding: 12px 15px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
}
.tcp-section .col-sm-3 ul li img {
    max-width: 25px;
    object-fit: contain;
}
.tcp-content {
    padding: 30px 0px;
}
.tcp-content + .tcp-content {
    border-top: 1px solid #e1e1e1;
}
.tcp-content h3 {
    font-weight: 600;
    margin-bottom: 20px;
}
.tcp-content:first-child {
    padding-top: 0;
}
.tcp-content:last-child {
    padding-bottom: 0;
}
.tcp-section .row .col-sm-3 {
    padding: 50px 15px;
}
.tcp-section .col-sm-3 ul li:hover,.tcp-section .col-sm-3 ul li.hover {
    background: #ebf2eb;
}
.tcp {
    padding: 70px 0 30px;
}
.tcp-cta p {
    color: #fff;
    font-size: inherit;
    margin: 0;
}
.tcp-cta .inrow-btn {
    flex-direction: row;
    justify-content: flex-end;
}
.tcp-cta .inrow-btn a.btn {
    max-width: 250px;
}
.incontrol {
    padding: 25px;
    background: #f4f6f5;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    margin-top: 50px;
}
.inctrl-icon {
    max-width: 35px;
}
.inctrl-icon img {
    width: 100%;
}
.inctrl-text h5 {
    margin-bottom: 10px;
}
.tcp-content ul {
    margin-top: 25px;
    margin-left: 5px;
}
.tcp-content ul li {
    position: relative;
    padding-left: 15px;
}
.tcp-content ul li:before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    content: '';
    background: #268540;
    border-radius: 50%;
}
.tcp-content ul li + li {
    margin-top: 5px;
}
.tcp-content ul li strong {
    font-weight: 700;
    font-size: 20px;
}
/*============== MORE INDUSTRIES PAGES CSS HERE*/
.indusbox {
    border: 2px solid #e7eaea;
    border-radius: 10px;
    padding: 15px;
}
.indusbox img {
    width: 100%;
    border-radius: 10px;
}
.indusIcon {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}
.indus-text {
    margin-top: 10px;
}
.indus-text a {
    color: #248636;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.indIco {
    background: #248636;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.indIco img {
    max-width: 28px;
}
.moreIndus .row {
    margin: 0;
    gap: 20px;
}
.moreIndus .row .col-sm-3 {
    width: 24%;
    padding: 0;
}
.feature .s6box {
    padding: 0 20px;
}
.feature .s6box .s6box-icon {
    max-width: 80px;
    position: relative;
}
.feature .s6box .s6box-icon img {
    width: 100%;
}
.indo {
    height: 100%;
    width: 70%;
    position: absolute;
    z-index: 0;
    right: 0;
}
.chtt1 h1 span {
    color: #248636;
}
.indoverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: #ffffff;
    z-index: 0;
}
.indobox {
    position: relative;
    z-index: 0;
}
.indusban {
    position: relative;
    overflow: hidden;
}
.indoverlay:after {
    position: absolute;
    right: -15%;
    top: -15%;
    width: 50%;
    height: 150%;
    content: '';
    background: #ffffff;
    transform: skew(-15deg, -15deg);
    z-index: 0;
}
.indusban ul i {
    color: #248636;
}
.chtt1 h1 {
    font-size: 55px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}
.chtt1 h3 {
    font-weight: 600;
    margin-bottom: 25px;
}
.indobox .inrow-btn {
    justify-content: flex-start;
    margin-top: 35px;
}
.indobox .inrow-btn .btnBig-1 {
    max-width: 200px;
}
.indobox .inrow-btn .btnBig-2 {
    max-width: 250px;
}
.indobox .ftext-ul {
    margin-bottom: 25px;
}
.cta.indu-cta .inrow-btn {
    flex-direction: row;
}
.cta.indu-cta .inrow-btn .btnBig-1 {
    max-width: 230px;
}
.cta.indu-cta .inrow-btn .btnBig-2 {
    max-width: 270px;
}
.indobox .ftext-ul ul li {
    color: #000000;
}
.ind8 h3 {
    margin-bottom: 10px;
}
.ind8 .lft-icon-box {
    width: 70px;
    height: 70px;
}
.project-box {
    background: #eff6ef;
    padding: 35px 45px;
    border-radius: 20px;
}
.project-box .chtt h3 {
    margin-bottom: 15px;
}
.project-box .row .col-sm-3 {
    width: 20%;
}
.project-box .col-sm-4 {
    width: 28%;
}
.project-box .col-sm-8 {
    width: 72%;
}
.proBoxIn {
    position: relative;
    text-align: center;
}
.pbi-icon {
    width: 88px;
    margin: 0 auto 15px;
    background: #fff;
    height: 88px;
    border-radius: 50%;
}
.pbi-icon img {
    width: 100%;
}
.pbi-content h4 {
    margin-bottom: 10px;
}
.dashedLIne {
    position: absolute;
    border-bottom: 2px dashed #268540;
    height: 10px;
    width: 55%;
    left: 100%;
    top: 27px;
    transform: translateX(-40%);
}
.dashedLIne i {
    position: absolute;
    right: 0;
    color: #268540;
}
.pbi-content span {
    background: #248636;
    width: 30px;
    display: flex;
    height: 30px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 10px;
}
.brand-row {
    display: flex;
    border-radius: 15px;
    border: 2px solid #e7eaea;
    padding: 15px 20px;
    flex-wrap: wrap;
    align-items: center;
}
.brand-img {
    width: calc(100% / 6);
    padding: 0px 60px;
}
.brand-img img {
    width: 100%;
}
.brand-head {
    width: 100%;
}
.testbox {
    border: 2px solid #e7eaea;
    padding: 30px;
    border-radius: 15px;
}
.testbox.grey {
    background: #f7f7f7;
}
.Comma {
    width: 25px;
}
.Comma img {
    width: 100%;
}
.test-ln {
    align-items: center;
    margin-top: 25px;
    display: flex;
}
.testlogo {
    max-width: 30%;
    margin-right: 25px;
}
.testlogo img {
    width: 100%;
}
.testTitle {
    border-left: 2px solid #c1c1c1;
    padding-left: 30px;
}
.testTitle h6 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #107a40;
    line-height: 20px;
}
.testTitle p {
    font-size: 17px;
    line-height: 17px;
    font-weight: 500;
}
.testm {
    margin: 0;
    gap: 20px;
}
.testm .col-sm-4 {
    width: 29%;
}
.testm .col-sm-5 {
    width: 39.5%;
}
.cntboxrow {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.cntbox-clm {
    width: 50%;
    display: flex;
    gap: 15px;
}
.cntIcon {
    max-width: 45px;
}
.cntIcon img {
    width: 100%;
}
.cntText h3 {
    font-weight: 700;
    font-size: 45px;
    color: #107a40;
    line-height: 55px;
}
.cuntbox {
    position: relative;
}
.cuntbox:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 2px;
    border-right: 2px solid #e7eaea;
    content: '';
    top: 0;
}
.cntbox-clm {
    padding: 15px 35px;
}
.cntbox-clm:nth-child(1),.cntbox-clm:nth-child(2) {
    padding-top: 0;
}
.cntbox-clm:nth-child(3), .cntbox-clm:nth-child(4) {
    padding-bottom: 0;
}
.testm .col-sm-4 .ticklist {
    margin-bottom: 0;
    margin-top: 10px;
}
.testm .col-sm-4 .ticklist li + li {
    margin-top: 5px;
}
.testm .col-sm-4 .ticklist li {
    font-size: 18px;
}
.testm .col-sm-4 .chtt h3 {
    margin-bottom: 10px;
}
.bl2row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 30px;
    margin-top: 20px;
}
.bl2col {
    width: 40%;
}
.bl2col img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
}
.indust {
    margin: 0;
    padding: 50px 50px;
    background: #f7f7f7;
    border-radius: 20px;
    align-items: center;
}
.indust .testbox {
    padding: 0 40px 0 0;
    border: 0;
    width: 34%;
}
.indust .cntbox-clm {
    gap: 20px;
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding: 0;
}
.indust .col-sm-2 {
    padding: 20px 30px;
    border-left: 2px solid #e7eaea;
    display: flex;
    align-items: center;
    height: 230px;
    width: 15%;
}
.indust .cntbox-clm .cntIcon {
    margin: 0 auto;
}
.cta-icontext {
    display: flex;
    gap: 20px;
    align-items: anchor-center;
    color: #fff;
}
.trustedbyteams ul {
    display: flex;
    gap: 100px;
    margin: 0 auto;
    justify-content: center;
}
.trustedbyteams ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}
.trustedbyteams ul li i {
    color: #0c731e;
    font-size: 22px;
}
.powerful {
    padding: 25px;
    border: 1px solid #ededed;
    border-radius: 20px;
}
.powerful .col-sm-3 {
    width: 19%;
}
.powerful .lft-box {
    flex-direction: column;
}
/*=====================WORKFORCE PAGE CSS*/
.video-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap: 25px;
  margin:auto;
}
.video-card{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 10px rgba(0,0,0,0.08);
  transition:0.3s;
}
.video-card:hover{
  transform:translateY(-4px);
}
.video-thumbnail{
  position:relative;
  height:160px;
  background-size:cover;
  background-position:center;
  cursor:pointer;
}
.video-thumbnail::after{
  /* content:''; */
  /* position:absolute; */
  /* inset:0; */
  /* background:rgba(0,0,0,0.25); */
}
.play-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:60px;
  height:60px;
  border-radius:50%;
  background:rgba(0,0,0,0.6);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  color:#fff;
  font-size:22px;
}
.video-duration{
  position:absolute;
  bottom:10px;
  right:10px;
  background:rgba(0,0,0,0.75);
  color:#fff;
  font-size:12px;
  padding:4px 8px;
  border-radius:4px;
  z-index:2;
}
.video-content{
  padding: 25px 20px;
}
.video-content h3{
}
.video-content p{
  line-height: 1.5;
}
.video-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.8);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:999;
}
.video-modal.active{
  display:flex;
}
.modal-content{
  position:relative;
  width:90%;
  max-width:900px;
  background:#000;
  border-radius:10px;
  overflow:hidden;
}
.modal-content iframe{
  width:100%;
  height:500px;
  border:none;
}
.close-modal{
  position:absolute;
  top:10px;
  right:15px;
  color:#fff;
  font-size:28px;
  cursor:pointer;
  z-index:10;
}
.video-sidebar{
    padding-right: 30px;
}
.video-sidebar h2{
}
.video-sidebar p{
}
.video-menu{
    list-style:none;
}
.video-menu li{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    cursor:pointer;
    transition:all 0.3s ease;
    position:relative;
    margin-top: 2px;
}
.video-menu li:hover{
    transform:translateX(5px);
}
.video-menu li i{
    width: 20px;
    text-align:center;
    transition:0.3s ease;
}
.video-menu li.active,.video-menu li:hover{
    background:#e8f0e4;
    font-weight:600;
}
.video-menu li.active i{
    color: #2d6a4f;
}
.video-menu li.active::before{
    content:'';
    position:absolute;
    left:0;
    top:10%;
    width:4px;
    height:80%;
    background:#2d6a4f;
    border-radius:0 4px 4px 0;
}
.library-btn{
    display:block;
    width:100%;
    text-align:center;
    padding: 15px;
    border: 1px solid #d3d3d3;
    border-radius:8px;
    text-decoration:none;
    color: #00060f;
    font-weight: 700;
    transition:all 0.3s ease;
    background: #fff;
}
.library-btn:hover{
    background:#0f172a;
    color:#ffffff;
    transform:translateY(-2px);
    box-shadow:0 6px 12px rgba(0,0,0,0.15);
}
.reportsbox {
    background: #f3f7f2;
    padding: 35px 35px;
    border-radius: 20px;
}

.reportsbox .col-sm-3 {}

.reportsbox .chtt {
    margin-bottom: 20px;
}

.reportsbox .chtt h3 {
    margin-bottom: 10px;
}

.reportsbox a {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #347aeb;
}

.reportsbox .col-sm-2 {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    margin-right: 15px;
    width: 17.8%;
}

.reportsbox img {
    width: 100%;
    margin: 20px auto;
}

.reportsbox .col-sm-2 p br {
    display: none;
}

.reportsbox .col-sm-2 p {
    margin-bottom: 0;
    font-size: 17px;
}
/*================ISO ALL PAGES CSS*/
.banbox.iso .ftext.ftext-green {
    margin-bottom: 40px;
    font-size: 22px;
}
.banbox.iso .ftext ul {
    display: flex;
    gap: 10px;
    font-weight: 600;
    margin-bottom: 25px;
}
.banbox.iso .ftext ul li {
    color: #ffffff;
    font-size: 20px;
}
.banbox.iso .ftext ul li a {
    color: #39b53d;
}
.banbox.iso .ftext ul li i {
    font-size: 16px;
}
.ban4iconbox,.ban1iconbox,.ban3iconbox,.banboxiso {
    margin-bottom: 35px;
}
.ban4-row,.ban1-row {
    display: flex;
    gap: 20px;
}
.ban1-row{
    flex-direction: column;
}
.ban4-clm,.ban1-clm {
    display: flex;
    gap: 12px;
}
.ban4icon {
    width: 35px;
    flex: 0 0 auto;
}
.ban4icon img {
    width: 100%;
}
.ban4text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ban4text h4 {
    line-height: 18px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.ban4text p {
    color: #d7d7d7;
    line-height: 1.4;
    font-size: 17px;
}
.banbox.iso .ftext-p {
    margin-bottom: 50px;
}
.banbox.iso .inrow-btn .btnBig-1 {
    max-width: 280px;
}
.banbox.iso .inrow-btn .btnBig-2 {
    max-width: 350px;
}
.banbox.iso.iso45001 .ftext ul li i,
.banbox.iso.iso45001 ul li,
.banbox.iso.iso45001 h1,
.banbox.iso.iso45001 p,
.banbox.iso.iso45001 h4 {
    color: #000;
}
.banner .banbox.iso.iso45001 a.btn.btnBig-2 {
    border: 2px solid #cfd1d3;
    color: #000000;
}
.banner .banbox.iso .inrow-btn > a.btn.btnBig-2 {
    background: #268540 !important;
    color: #fff !important;
    border-color: #268540 !important;
}
.banner .banbox.iso .inrow-btn > a.btn.btnBig-2:hover {
    background: #2f9638 !important;
    color: #fff !important;
    border-color: #2f9638 !important;
}
.ban3icon {
    max-width: 70px;
    margin: 0 auto 15px;
}
.ban3icon img {
    width: 100%;
}
.ban3-row {
    display: flex;
    margin: 0 -15px;
}
.ban3-clm {
    padding: 0 15px;
    width: 24%;
    text-align: center;
}
.ban3-clm +.ban3-clm {
    border-left: 2px solid #e7eaea;
}
.bbiso-row {
    display: flex;
    margin: 0 -25px;
}
.bbiso3-clm {
    width: 29%;
    padding: 0 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.bbiso3-clm +.bbiso3-clm {
    border-left: 2px solid #e7eaea;
}
.bbiso3icon {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #e7eaea;
}
.bbiso3icon img {
    width: 100%;
    max-width: 45px;
}
.bbisotext h3,.sitText h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
}
.SIT-A a{
    font-weight: 700;
}
.bbisotext p,.sitText p{
    line-height: 1.4;
}
.blue-color {
    color:#497cd9;
}
.green-color {
    color: #14bf14;
}
.orangered-color {
    color: orangered;
}
.lime-color {
    color: #1f94a9;
}
.border-blue-color {
    border-color:#497cd9;
}
.border-green-color {
    border-color: green;
}
.border-orangered-color {
    border-color: orangered;
}
.border-lime-color {
    border-color: #1f94a9;
}
.eco .col-sm-2 {
    border: 2px solid #e1e1e1;
    border-radius: 15px;
    padding: 20px;
    width: calc(100% / 6 - 17px);
}
.iso6clm .lft-icon-box {
    width: 60px;
    height: 60px;
}
.iso6clm .lft-box {
    gap: 10px;
}
.iso6clm {
    padding: 20px 15px;
}
.projectBoxiso .pbi-icon {
    max-width: 80px;
    height: 80px;
}
.projectBoxiso .pbi-icon img {
}
.projectBoxiso .proBoxIn span {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #36972d;
    margin: 0 auto -5px;
    position: relative;
    color: #fff;
    font-weight: 700;
}
.projectBoxiso .dashedLIne {
    top: 24%;
    left: 97%;
}
.isooverview {
    background: #f0f7f3;
}
.crossRed {
    position: absolute;
    left: -25px;
    top: -10px;
}
.crossRed img {
    max-width: 25px;
}
.SIT {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}
.systemBox {
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
    padding: 30px 25px;
    border-radius: 15px;
}
.systemBox .SIT-P {
    padding-left: 20px;
    margin-bottom: 25px;
}
.SIT-L.ticklist {
    margin-left: 20px;
    margin-bottom: 25px;
}
.SIT-A {
    margin-left: 25px;
}
.sitText p {
    font-weight: 500;
}
.yellow-color {
    color: #ffe10e;
}
.three3box {
    width: 32%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.three3box h3 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 22px;
    margin-top: 10px;
}
.three3box p {
    color: #dfdfdf;
}
.iso6clm {
    padding: 20px 12px !important;
}
.iso6clm .lft-icon-box {
    width: 40px;
    height: 40px;
}
.iso6clm p {
    line-height: 1.4;
}
.iso-45001 .iso6clm {
    width: calc(100% / 5 - 17px);
}
.iso12clm a {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    color: #497cd9;
}
.ticklist.mbottom0{
    margin-bottom: 0 !important;
}
.isoFclm a {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #497cd9;
}
.isoFclm {
    padding-top: 20px;
    border-top: 2px solid #e7eaea;
}
.test-ln.test-ln-sTar .testTitle {
    border: 0;
    padding: 0;
}
.test-ln .stAr {
    color: #3bb54a;
    margin-bottom: 15px;
}
.test-ln.test-ln-sTar .testTitle h6 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
}
.testbox.darkB {
    background: #000e1b;
}
.testbox.darkB .chtt h3 {
    color: #fff;
}
.testbox.darkB li {
    color: #cfcfcf;
}
.testbox.darkB p {
    color: #dfdfdf;
}
.testbox.white {
    background: #fff;
}
.testbox.testWhite {
    background: #ffffff;
    border: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}
.testbox.testboxBorder {
    border: 0;
}
.testbox.testboxBorder .iso6clm {
    padding: 0 !important;
    margin-top: 20px;
}
.ISO9001 .col-sm-4.testbox.testboxBorder {
    width: 29.5%;
    margin: 0 28px;
    padding-top: 0;
}
.approaCH .graybo5 {
    padding: 30px 30px;
}
.approaCH .graybo5 .s5box {
    padding: 15px;
    width: 17.5%;
}
.approaCH .graybo5 .s5box:last-child {
    background: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 1%);
    border-radius: 10px;
    width: 30%;
    padding: 20px 20px 20px 0;
}
.approaCH .graybo5 .s5box img {
    max-width: 90px;
}
.approaCH .graybo5 .s5box .numcount {
    left: 55px;
}
.approaCH .graybo5 .s5box:last-child img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.approaCH .graybo5 .s5box {
    position: relative;
}
.approaCH .graybo5 .s5box:last-child .chtt h3, .approaCH .graybo5 .s5box:last-child .chtt p {
    text-align: left;
}
.btn-width350px .inrow-btn a.btn.btnBig-1 {
    max-width: 350px;
}
.iso-matter-box {
    display: flex;
    flex-wrap: wrap;
}
.iso-matter8box {
    width: calc(70% - 20px);
    flex: 0 0 auto;
    margin-right: 20px;
    background: #f2f7f2;
    border-radius: 15px;
    padding: 30px 20px;
}
.iso-matter4box {
    width: 30%;
    flex: 0 0 auto;
}
.iso-matter8box .graybo .col-lg-2.s6box {
    width: 20%;
}
.iso-matter8box .graybo .col-lg-2.s6box .s6box-icon {
    max-width: 70px;
    height: 70px;
}
.iso-matter8box .graybo .col-lg-2.s6box .s6box-icon img {
    width: 100%;
}
.row.ISO9001 {
    margin: 0;
}
.trustedby .col-sm-2 {
    width: 20%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.trustedby .col-sm-2 img {
    max-width: 50px;
}
.trustedby .col-sm-2 p {
    font-weight: 500;
    line-height: 1.3;
}
.wintegrate {
    padding-right: 0px;
}
.wintegrate .row {
    gap: 10px;
}
.wibox {
    padding: 10px 15px;
    box-shadow: 0 0 7px rgb(0 0 0 / 10%);
    border-radius: 15px;
    width: calc(100% / 6 - 13px);
    text-align: center;
}
.wibox img {
    max-width: 35px;
    margin-bottom: 10px;
}
.wibox h4 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px;
}
.wibox p {
    line-height: 1.3;
    font-size: 17px;
}
.whyintegrate .row .row {
    align-items: unset;
}
.integrateBox-gray {
    background: #f7f9f6;
    padding: 50px 30px;
    border-radius: 20px;
    margin-top: 35px;
}
.integrateBox-gray li {
    font-size: 17px;
}
.shieldbox {
    display: flex;
    align-items: center;
    gap: 20px;
}
.shieldbox img {
    width: 100%;
    max-width: 80px;
}
.module-card{
    position:relative;
    max-width: 100%;
    height: 100%;
    border-radius:16px;
    overflow:hidden;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    margin-left: 20px;
}
.module-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.module-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.3),
        rgba(0,0,0,.6)
    );
    padding:18px;
    color:#fff;
    display:flex;
    flex-direction:column;
}
.play-btn{
    width:50px;
    height:50px;
    border: 2px solid rgb(255 255 255 / 80%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgb(59 181 74);
    backdrop-filter:blur(5px);
    transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.play-btn:hover{
    background:#4CAF50;
}
.play-btn svg{
    width:18px;
    height:18px;
    fill:#fff;
}
.module-title{
    font-size: 22px;
    font-weight:700;
    margin-bottom: 10px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    margin-top: 65px;
}
.module-subtitle{
    font-size: 17px;
    line-height: 1.4;
    color:rgba(255,255,255,.9);
    margin-bottom: 25px;
    text-align: left;
    max-width: 250px;
}
.module-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background: #3bb54a;
    color:#fff;
    text-decoration:none;
    padding: 10px 20px;
    border-radius:8px;
    font-weight:600;
    width:max-content;
    transition:.3s;
    font-size: 17px;
}
.module-btn:hover{
    background:#4caf17;
}
.video-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.85);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
}
.video-modal.active{
    display:flex;
}
.video-container{
    position:relative;
    width:90%;
    max-width:900px;
}
.video-container video{
    width:100%;
    border-radius:10px;
}
.close-modal{
    position:absolute;
    top:-45px;
    right:0;
    color:#fff;
    font-size:35px;
    cursor:pointer;
}
.approaCH.ims-frame .graybo5 {
    background: #fff;
    border: 0;
    padding: 0;
}
.integration-wrapper{
    display:flex;
    gap:30px;
    align-items:stretch;
    background: #f8f9f8;
    padding: 30px 20px;
    border-radius: 20px;
}
.integration-content{
    flex:1;
    border-radius:16px;
}
.integration-content h2 span{
    color:#58b947;
}
.feature-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
}
.feature-item{
    text-align:center;
    transition:.3s;
    padding: 0 15px;
}
.feature-item:hover{
    transform:translateY(-6px);
}
.icon{
    width: 90px;
    height: 90px;
    border-radius:50%;
    background: #ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;
}
.icon i{
    font-size: 30px;
    color: #25822d;
}
.feature-item h4{
    margin-bottom: 15px;
}
.integration-card{
    max-width: 480px;
    background:#fff;
    border-radius:16px;
    padding: 20px 20px 20px;
    text-align: left;
    box-shadow:0 4px 20px rgba(0,0,0,.05);
    display:flex;
    flex-direction:column;
    justify-content:center;
    height: 350px;
    margin-top: 80px;
}
.integration-card img{width: 120%;margin-bottom: -20px;margin-left: -20px;}
.feature-item +.feature-item{
    border-left: 2px solid #e7eaea;
}
.integration-card .row {
    align-items: flex-end;
}
/*======================SITEMAP PAGE CSS*/
.sitemap-page-hero {
    background: #fff;
    padding: 70px 0 40px;
}
.sitemap-page-hero .sitemap-hero-copy .top-title {
    color: #248636;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin-bottom: 16px;
}
.sitemap-page-hero .sitemap-hero-copy h1 {
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #111;
    margin-bottom: 18px;
}
.sitemap-page-hero .sitemap-hero-copy h1 span {
    color: #248636;
}
.sitemap-page-hero .sitemap-hero-copy p {
    color: var(--bs-body-color);
    font-size: 19px;
    line-height: 1.55;
    max-width: 32em;
    margin: 0;
}
.sitemap-page-hero .sitemap-hero-graphic {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sitemap-page-hero .sitemap-hero-graphic img {
    width: 100%;
    max-width: 720px;
    height: auto;
    display: block;
}
.sitemap-page-cards {
    background: #fff;
    padding: 20px 0 30px;
}
.sitemap-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.sitemap-card {
    background: #fff;
    border: 1px solid #e8eaec;
    border-radius: 18px;
    padding: 28px 26px 18px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.sitemap-card-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}
.sitemap-card-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(36, 134, 54, 0.12);
    color: #248636;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    flex: 0 0 auto;
}
.sitemap-card-title h3 {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    color: #111;
    line-height: 1.2;
}
.sitemap-card > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sitemap-card > ul > li {
    border-bottom: 1px solid #eef0f2;
}
.sitemap-card > ul > li:last-child {
    border-bottom: 0;
}
.sitemap-card > ul > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #374151;
    font-size: 18px;
    font-weight: 500;
    padding: 14px 0;
    transition: .2s;
}
.sitemap-card > ul > li > a:hover {
    color: #248636;
}
.sitemap-card > ul > li > a i {
    font-size: 15px;
    color: #c0c5cc;
}
.sitemap-sublist {
    list-style: none;
    margin: 0 0 8px;
    padding: 0 0 0 18px;
}
.sitemap-sublist li a {
    display: block;
    text-decoration: none;
    color: #6b7280;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 0;
}
.sitemap-sublist li a:hover {
    color: #248636;
}
.sitemap-combined {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 0;
}
.sitemap-combined a {
    text-decoration: none;
    color: #374151;
    font-size: 16px;
    font-weight: 500;
}
.sitemap-combined a:hover {
    color: #248636;
}
.sitemap-combined .sitemap-dot {
    color: #9ca3af;
}
@media (max-width: 991px) {
    .sitemap-page-hero {
        padding: 48px 0 28px;
    }
    .sitemap-page-hero .sitemap-hero-copy h1 {
        font-size: 36px;
    }
    .sitemap-page-hero .sitemap-hero-graphic {
        justify-content: center;
        margin-top: 28px;
    }
    .sitemap-cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
@media (max-width: 575px) {
    .sitemap-page-hero .sitemap-hero-copy h1 {
        font-size: 30px;
    }
    .sitemap-page-hero .sitemap-hero-copy p {
        font-size: 16px;
    }
    .sitemap-card {
        padding: 22px 18px 14px;
    }
    .sitemap-card-title h3 {
        font-size: 20px;
    }
}
.sitemap-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap: 15px;
}
.sitemap-grid2{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}
.caRD{
    border-radius: 25px;
    padding: 30px;
    transition:.35s;
    background: #ffffff;
    border: 2px solid #f1f1f1;
}
.caRD:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    border-color:#248636;
}
.card-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}
.card-title i{
    width: 60px;
    height: 60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#248636;
    background: rgba(36, 134, 54, 0.12);
    font-size: 28px;
    border: 2px solid rgba(36, 134, 54, 0.22);
}
.card-title h3{
    font-weight: 600;
}
.caRD ul{
}
.caRD ul li{
    border-bottom: 2px solid #f1f1f1;
}
.caRD ul li:last-child{
    border:none;
}
.caRD ul li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-decoration:none;
    color:#374151;
    padding: 15px 0;
    transition:.3s;
}
.caRD ul li a:hover{
    color:#248636;
    padding-left:10px;
}
.caRD ul li a i{
    font-size:12px;
}
.platform-wrapper{
    position:relative;
}

.platform-wrapper::before{
    content:"";
    position:absolute;
    top:48px;
    left:8%;
    right:8%;
    height:3px;
    border-bottom: 2px dashed #d4e3d9;
    z-index:1;
}

.platform-grid{
    display:flex;
    justify-content:space-between;
    gap:20px;
    position:relative;
    z-index:2;
}

.platform-item{
    width:20%;
    text-align:center;
    transition:.4s;
    position: relative;
}

.platform-item:hover{
    transform:translateY(-10px);
}

.icon-box{
    width:95px;
    height:95px;
    background:#fff;
    border:2px solid #d8eadf;
    border-radius:50%;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    transition:.4s;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.platform-item:hover .icon-box{
    background:#248636;
    border-color:#248636;
}

.icon-box i{
    font-size:38px;
    color:#248636;
    transition:.4s;
}

.platform-item:hover .icon-box i{
    color:#fff;
}
.siteimage img {
    width: 100%;
}
.banner.banner2.siteMap {
    padding: 0;
}
.cplatformbox {
    background: #f9fafa;
    border: 2px solid #f1f1f1;
}

.cplatformbox {
    padding: 50px 35px;
    border-radius: 25px;
}
.dotbox {
    width: 7px;
    height: 7px;
    background: #248636;
    border-radius: 50%;
    left: 300px;
    position: absolute;
    top: 46px;
}















/*=============CTABOX DESIGN CSS*/
.greyBoxDesign {
    border-radius: 15px;
    background: #0e1d1c;
}
.bad-cta-box {
    padding: 30px 50px;
}
.cta-row-ih {
    display: flex;
    gap: 30px;
    align-items: center;
}
.greyBoxDesign {
    background: #12181c;
}
.t3box-gray{
    background: #f5f7f6;
}
.bad-cta-box,.t3box-gray {
    padding: 30px 50px;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.t3box-item{
    display: flex;
        gap: 30px;
}
.t3box-gray .row {
    margin: 0 -30px;
}
.ctaIcon, .t3box-item-icon,.clm5box-icon{
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #263f87;
    flex: 0 0 auto;
}
.ctaIcon{
    background: #1f3166;
    border-color: #263f87;
}
.t3box-item-icon,.clm5box-icon{
    background: #f7faf7;
    border-color: #dfdfdf
}
.t3box-gray .col-sm-4 + .col-sm-4 {
    border-left: 2px solid #dfdfdf;
}
.t3box-gray .col-sm-4 {
    padding: 0 30px;
}
.ctaIcon img, .t3box-item-icon img,.clm5box-icon img {
    width: 100%;
    max-width: 40px;
}
.t3box-item-icon img, .clm5box-icon img, .timebox-icon img{
    max-width: 50px;
}
.ctaHead .cthh h3 {
    font-weight: 700;
    color: #fff;
    font-size: 28px;
}
.ctaHead .cthh p {
    color: #dfdfdf;
}
.ctaBtnBox {
    width: 40%;
    display: flex;
    gap: 25px;
}
.ctaBtnBox .ctabtn-1 {
    color: #fff;
    border: 2px solid #8b899f;
}
.ctaBtnBox .ctabtn-2 {
    color: #fff;
    border: 2px solid transparent;
    background: #2d8738;
}
.ctaBtnBox .ctabtn-1:hover, .ctaBtnBox .ctabtn-2:hover {
    background: #32bb43;
    border-color: #32bb43;
}
.mbottom10{
    margin-bottom: 10px;
}
.pbottom10{
    padding-bottom: 10px;
}
.mtop10{
    margin-top: 10px;
}
.ptop10{
    padding-top: 10px;
}
.bookingbox {
    padding: 30px 50px;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
}
.bookingbox .col-sm-4 {
    padding: 0 30px;
    border-right: 2px solid #dfdfdf;
}
.bookingbox .col-sm-8 {
    padding: 0 50px;
}
.bookingbox .row {
    margin: 0 -30px;
}
.booking-imp {
    display: flex;
    gap: 40px;
    flex-direction: column;
}
.booking-imp .t3box-item-icon {
    border: 0;
}
.impSecure {
    background: #f5f7f6;
    display: flex;
    gap: 20px;
    padding: 25px 25px;
    border-radius: 10px;
    align-items: center;
}
.sicon img {
    width: 100%;
    max-width: 65px;
}
.sicon {
    width: 65px;
    flex: 0 0 auto;
}
.impline {
    display: flex;
    gap: 30px;
    justify-content: center;
}
.booking-detail p {line-height: 1.5;}
.gray5box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.workflowBox, .gray5box {
    background: #f5f7f6;
    padding: 30px 50px;
    border-radius: 15px;
}
.workflowBox {
    width: 49%;
    position: relative;
    border: 1px solid #dfdfdf;
}
.col-lg-2.clm5box {
    width: 20%;
    flex: 0 0 auto;
    padding: 0 30px;
    text-align: center;
}
.gray5box .row {
    margin: 0 -30px;
}
.clm5box-icon {margin: 0 auto 15px;}
.clm5box-icon img {
    width: 100%;
}
.gray5box h3 {
    text-align: center;
}
.gray5box .chtt {
    width: 100%;
}
.width-full{
    width: 100%;
}
.timebox {
    display: flex;
    margin: 0 -35px;
}
.timebox-row {
    display: flex;
    gap: 20px;
    padding: 0 35px;
    width: 50%;
    flex: 0 0 auto;
}
.timebox-row + .timebox-row {
    border-left: 2px solid #dfdfdf;
}
.timebox-text p img {
    width: 35px;
}
.timebox-text p,.chtt1 p {
    font-weight: 500;
}
.chtt1 p{
    font-size: 20px;
}
/*==============BOOKING FORM SECTION*/

.TimeZone {
    display: flex;
}
.TimeZone #timezone {
    width: calc(100% - 115px);
    border: 0;
}
.bfl-row {
    display: flex;
    margin: 0 -15px;
}

.bfl-col7 {
    width: 62%;
    flex: 0 0 auto;
    padding: 0 15px;
}
.bfl-col5 {
    width: 40%;
    flex: 0 0 auto;
    padding: 0 15px;
}
.top-area{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.timezone{
    display:flex;
    align-items:center;
    gap:10px;
}

.timezone select{
    border:none;
    outline:none;
    font-size:15px;
}

.booking-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

/* Calendar */
.calendar-section h3{
    margin-bottom:20px;
    color:#0a2351;
}

.month-header{
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.arrow-btn{
    width: 40px;
    height: 40px;
    border-radius:50%;
    border:none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 2px solid #dfdfdf;
    color: #626262;
}

.calendar{
    width:100%;
}

.weekdays,
.days{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    text-align:center;
}

.weekdays div{
    font-size: 18px;
    font-weight: 700;
    padding: 0;
}

.days div{
    padding: 0;
    cursor:pointer;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f7f7f7;
    border-radius: 0;
    margin: 2px;
}

.days div:hover{
    background:#e5f7e7;
}

.selected-day{
    background:#2e9d44;
    color:#fff;
    border-radius: 50% !important;
}

/* Time Slots */

.time-section h3{
    text-align:center;
    color:#0a2351;
    margin-bottom:20px;
}

.time-slot{
    width:100%;
    padding: 15px 15px;
    border:1px solid #dcdcdc;
    background:#fff;
    border-radius: 10px;
    transition:.3s;
    line-height: 18px;
    font-size: 17px;
}

.time-slot:hover{
    background:#2e9d44;
    color:#fff;
}

.active-time{
    background:#2e9d44;
    color:#fff;
}

.more-times{
    text-align:center;
    cursor:pointer;
    color:#0a2351;
    font-weight: 500;
}

/* Form */

.form-section{
    margin-top:40px;
}

.form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.form-grid input{
    width:100%;
    padding:14px;
    border:1px solid #ddd;
    border-radius:6px;
}

.book-btn{
    width:100%;
    margin-top:20px;
    background:#2e9d44;
    color:#fff;
    border:none;
    padding:16px;
    font-size:18px;
    border-radius:6px;
    cursor:pointer;
}

.book-btn:hover{
    background:#248437;
}

/* Popup */

.popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.6);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999;
}

.popup-content{
    background:#fff;
    padding:30px;
    border-radius:10px;
    text-align:center;
    width:90%;
    max-width:450px;
}

.popup-content h2{
    color:#2e9d44;
    margin-bottom:10px;
}

.close-btn{
    margin-top:15px;
    background:#2e9d44;
    color:#fff;
    border:none;
    padding:10px 20px;
    border-radius:5px;
    cursor:pointer;
}

.arrow-btn:hover {
    background: #2c8739;
    color: #fff;
    border-color: #2c8739;
}
.time-slot + .time-slot {
    margin-top: 10px;
}
.tcp-pageTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tcp-image {
    max-width: 600px;
    margin-bottom: -30px;
    margin-top: -40px;
}
.tcp-image img {
    width: 100%;
}
.viewDtails a {
    font-weight: 600;
    color: #268540;
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.gb-border .clm5box + .clm5box {
    border-left: 2px solid #e7eaea;
}
.cta-icontext img {
    max-width: 50px;
}
.sreliable .row {
    margin: 0 -20px;
}
.srelbox {
    width: 20%;
    display: flex;
    gap: 15px;
    position: relative;
    padding: 0 20px;
    align-items: center;
    line-height: 1.3;
}
.srelBorders {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 70px;
    background: #dfdfdf;
}
.srelicons img {
    width: 50px;
}
.tteambox {
    position: relative;
}
.tteambox img {
    width: 100%;
    max-width: 180px;
}
.tteamBrand {
    display: flex;
    gap: 30px;
    align-items: center;
}
.tteambox img:nth-child(1),.tteambox img:nth-child(2) {
    max-width: 120px;
}
.tteambox .srelBorders {
    right: unset;
    left: -45px;
}
.trustedTeambox .col-sm-8 {
    padding-right: 65px;
}
.tickLrow {
    display: flex;
    gap: 50px;
}
.tickLrow li {
    display: flex;
    gap: 10px;
    align-items: center;
}
.tickLrow li i {
    color: #268540;
}
.workflowbox .row {
    gap: 32px;
    margin: 0;
}
.workflowImg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.workflowImg img {
    max-width: 400px;
}
.t2box-wf {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.t2wf-box {
    width: 47%;
    display: flex;
    gap: 20px;
    line-height: 1.4;
}
.t2wf-icon {
    max-width: 50px;
}
.t2wf-icon img {
    width: 100%;
}
.workflowBox .chtt,.workflowBox ul {
    position: relative;
    z-index: 1;
}
.trustedTeambox {
    background: #f5f7f6;
    padding: 30px 30px;
    border-radius: 15px;
    border: 1px solid #dfdfdf;
}
.pwfbox {position: relative;border-radius: 20px;overflow: hidden;}
.pwfboxBG {
    position: absolute;
    z-index: 0;
}
.pwfboxBG img {
    max-width: 380px;
}
.pwfbox .row {
    position: relative;
    z-index: 1;
}
.pwfbox-head.chtt {
    width: 50%;
    left: 52%;
    position: relative;
    margin: 100px 0 0;
}
.pwfbox .row .row .col-lg-2.clm5box {
    width: 25%;
    line-height: 1.4;
    padding: 0 15px;
}
.pwfbox .row .col-sm-6:first-child {
    width: 47%;
}
.pwfbox .row .col-sm-6:last-child {
    width: 53%;
    padding: 20px 15px;
}
.pwfbox .row .row .clm5box + .clm5box {
    border-left: 1px solid #dfdfdf;
}
.gray5box .chtt span {
    margin-right: 10px;
    display: inline-flex;
    width: 30px;
    height: 30px;
    background: #2c8739;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.gray5box.gray5box-Wbg {
    background: transparent;
    padding: 0;
}
.banner.banner2.ibs {
    padding-bottom: 0;
}
.hrLine {
    margin: 0;
}
.cs-panda {
    background: #ecf2ec;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.cs-panda .cta-iconbox {
    max-width: 100%;
}
.cs-panda .col-sm-5 {
    padding: 35px 20px;
}
.cs-panda h3,.cs-panda p {
    color: #000;
}
.cs-panda .row {
    align-items: center;
}
.cs-panda .inrow-btn {
    flex-direction: column;
}
.bgdotted{
    background: url(../images/shared/dottedbg.png);
    height: 100%;
    position: absolute;
    right: 0;
    width: 8%;
    top: 0;
    background-size: 140%;
    z-index: revert-layer;
    background-repeat: no-repeat;
    background-position: -20px 10px;
}
.cs-panda .col-sm-3 {
    position: relative;
    z-index: 1;
}
.ibslogo .brand-img {
    width: calc(100% / 5);
}
.ibslogo .brand-row {
    border: 0;
    padding: 0;
}
.ibs-resultbox {
    background: #00070c;
    border-radius: 20px;
    padding: 30px 50px;
    position: relative;
    overflow: hidden;
}
.ibs-resultbox--image {
    padding: 0;
    background: transparent;
}
.ibs-resultbox--image .ibs-result-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.ibs-resultbox--image:after {
    display: none;
}
.width50 {
    width: 55%;
    position: relative;
    z-index: 1;
}
.ibsresultnox h2 {
    font-size: 40px;
    font-weight: 600;
    color: #3d8c50;
    line-height: 40px;
}
.ibsresultnox p {
    color: #fff;
}
.ibsresultnox .ibsresicon {
    max-width: 65px;
}
.ibsresultnox .ibsresicon img {
    width: 100%;
}
.ibs-resultbox .chtt h3,.ibs-resultbox .chtt p {
    color: #fff;
}
.ibs-resultbox:after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45%;
    background: url("../images/shared/Inteligent-Business.webp");
    content: '';
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.graybox.wbcp {
    border: 2px solid #e7eaea;
    background: transparent;
    padding: 50px 30px;
}
.sd.slb a.btn.btnBig-2 {
    max-width: 350px;
}
.sd.slb .messagebox {
    background: #000304;
}
.sd.slb .messagebox .heading h3 {
    color: #248636;
}
.sd.slb .messagebox .heading p {
    color: #fff;
}
.sd.slb .messagebox .hlogobox img {
    filter: brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(647%) hue-rotate(93deg) brightness(95%) contrast(88%);
}
.sd.slb .messagebox a.btn.btnBig-2 {
    border-color: #248636;
    color: #248636;
    background: transparent;
}
.sd.slb .messagebox a.btn.btnBig-2:hover {
    background: #248636 !important;
    border-color: #248636 !important;
    color: #fff !important;
}
.wwcbinbox-icon {
    max-width: 70px;
    margin: 0 auto 15px;
}
.wwcbinbox-icon img {
    width: 100%;
}
.wwcb-inbox {
    position: relative;
    text-align: center;
    padding: 30px 30px;
}
.wwcbinbox-hrl {
    position: absolute;
    width: 85%;
    height: 1px;
    background: #e7eaea;
    bottom: 0;
}
.wwcbinbox-vrl {
    position: absolute;
    width: 1px;
    height: 85%;
    background: #e7eaea;
    right: 0;
}
.wwcbbox {
    border: 2px solid #e7eaea;
    padding: 30px 30px;
    border-radius: 15px;
}
.oapIco {
    max-width: 70px;
    margin: 0 auto 20px;
}
.oapIco img {
    width: 100%;
}
.oapClm {
    position: relative;
    padding: 0 30px;
    text-align: center;
}
.dashedRow {
    width: 40%;
    height: 2px;
    position: absolute;
    top: 30px;
    left: 80%;
    border-bottom: 3px dashed #2a7a42;
}
.dashedRow i {
    color: #2d7c44;
    position: absolute;
    top: -8px;
    right: -3px;
    font-size: 20px;
}
.lft-text-box ul {
    list-style: inside;
}
.clm5box-in {
    position: relative;
}
.clm5box-in .dotArrow {
    left: 92%;
    top: 15%;
    width: 100px;
}
.icon-circle img {
    max-width: 45px;
}
.iconbox img {
    max-width: 45px;
}
.icon img {
    width: 100%;
}
.ocb-icon img {
    max-width: 90px;
}
.contactus .cs-panda {
    padding: 35px 50px 30px 0;
    background-size: 100% !important;
    background-position: left !important;
}
.contactus .cs-panda h3,.contactus .cs-panda p {
    color: #fff;
}
.contactus .cs-panda  .inrow-btn {
    flex-direction: row;
}
.contactus .cs-panda a.btn {
    color: #fff;
}
/*================CONTACT US PAGE CSS*/
.required{
    color:#e53935;
}
.checkbox-group{
    display:flex;
    align-items:center;
    gap:10px;
    margin:20px 0;
}
.checkbox-group input{
    width:auto;
}
.checkbox-group a{
    color:#16a34a;
    text-decoration:none;
}
.submit-btn{
    width:100%;
    border:none;
    padding:15px;
    background:#148f2f;
    color:#fff;
    font-weight:600;
    border-radius:6px;
    cursor:pointer;
    transition:.3s;
}
.submit-btn:hover{
    background:#0f7a27;
}
.modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999;
}
.modal-content{
    background:#fff;
    width:90%;
    max-width:400px;
    text-align:center;
    padding:30px;
    border-radius:10px;
}
.success-icon{
    width:70px;
    height:70px;
    margin:auto;
    border-radius:50%;
    background:#16a34a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:15px;
}
.modal-content h3{
    margin-bottom:10px;
}
.close-btn{
    margin-top:20px;
    padding:10px 20px;
    border:none;
    background:#16a34a;
    color:#fff;
    border-radius:5px;
    cursor:pointer;
}
.officebox {
    border-radius: 20px;
    background: #f8f9fc;
    padding: 30px 25px;
}
.offBoxBox {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.offbox-clm4,.offbox-clm2 {
    background: #fff;
    box-shadow: 0 5px 10px rgb(177 177 177 / 10%);
    padding: 30px 20px;
    border-radius: 15px;
    display: flex;
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 15px;
}
.offbox-clm4 {
    width: 23.5%;
}
.offbox-clm2 {
    width: 49%;
    flex: 0 0 auto;
    gap: 35px;
}
.officeIcon4,.officeIcon {
    background: #f0f7f1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.officeIcon4 img {
    max-width: 45px;
}
.officeIcon4 {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
}
.officeIcon2 {
    width: 90px;
    height: 90px;
}
.officeIcon img {
    max-width: 90px;
    object-fit: cover;
    height: auto;
}
.officeIcon {
    width: 200px;
    height: 200px;
}
.offbox-clm4 p {
    font-size: 17px;
    height: 50px;
}
.offbox-clm2 p {
    height: 150px;
}
.offBoxBox h3, .offBoxBox a {
    color: #1d7d2a;
    font-weight: 600;
}
.contact-pttn {
    background: #f5f9f5;
    padding: 30px 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
.pttnimg {
    width: 42%;
}
.pttnimg img {
    width: 100%;
}
.pttntxt a {
    display: flex;
    align-items: center;
    font-weight: 700;
    gap: 15px;
    background: transparent;
    padding: 12px 30px;
    border: 2px solid #2f8736;
    border-radius: 10px;
    width: 100%;
    justify-content: center;
    font-size: 20px;
    color: #2f8736;
    height: 55px;
}
.pttntxt a img {
    width: 25px;
}
.pttntxt {
    width: calc(58% - 30px);
}
.dtgmt {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
}
.contact-row {display: flex;align-items: center;gap: 20px;}
.contactIcon {
    width: 85px;
    height: 85px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f9f5;
    border-radius: 50%;
}
.contactText {
    flex: 1;
    min-width: 0;
}
.contactIcon img {
    max-width: 50px;
}
.contact-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#contactForm {
    background: #ffffff;
    box-shadow: 0 0px 15px rgb(0 0 0 / 10%);
    padding: 35px;
    border-radius: 25px;
}
#contactForm .form-row {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
#contactForm  label {
    display: block;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
#contactForm .form-row input, #contactForm select,#contactForm textarea {
    width: 100%;
    padding: 15px 15px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
}
#contactForm .form-row .form-group {
    width: 48.5%;
}
#contactForm input,#contactForm select {
    height: 55px;
}
#contactForm textarea {
    min-height: 180px;
}
.contactForm .checkbox-group {
    align-items: center;
    margin-bottom: 30px;
}
.contactForm .checkbox-group  label {
    margin: 0 !important;
}
#contactForm .checkbox-group input {
    height: auto;
}
.notification {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 500;
    justify-content: center;
}
.notification img {
    width: 25px;
}
.contactForm {
    padding-left: 30px;
}
.offBoxBox a i {
    margin-right: 10px;
}
.officeh4 a i {
    margin: 0 0 0 5px;
}
.dtgmt img {
    width: 22px;
}
.col-sm-2.excellbox {
    padding: 30px 20px 50px;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    width: 16%;
    position: relative;
}
.excellencebox .row {
    gap: 10px;
}
.allvid .srelbox {
    width: 25%;
}
.allvid .graybox {
    border: 2px solid #dfdfdf;
    background: #fff;
    padding: 30px 15px;
    border-radius: 15px;
}
.allvid .srelbox .srelicons {
    max-width: 90px;
    height: 90px;
}
.allvid .srelbox .srelicons img {
    width: 100%;
}
.col-sm-8.srelbox {
    width: 68%;
    padding: 0px 50px 0 20px;
}
.col-sm-4.srelbox {
    width: 32%;
    padding: 0px 20px 0 50px;
}
.col-sm-4.srelbox .srelicons,.col-sm-8.srelbox .srelicons {
    max-width: 50px;
}
.col-sm-4.srelbox .srelicons img {
    width: 100%;
}
.allvid.exla .graybox {
    background: #f3f7fb;
    border-color: #dde8f3;
}
.hptalksBox {
    background: #f7f9f8;
    border-radius: 25px;
    padding: 30px 30px;
}
.bhptlk {
    width: 20%;
    position: relative;
}
.noWithIcon {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgb(36 44 32 / 10%);
    margin: 0 auto 20px;
}
.noWithIcon img {
    max-width: 50px;
}
.noRound {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #488c26;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    font-weight: 600;
    font-size: 17px;
    z-index: 1;
    left: 35%;
    transform: translateX(-50%);
}
.noWithText {
    text-align: center;
}
.box_hptalks {
    background: #fff;
    display: flex;
    gap: 25px;
    padding: 50px 25px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgb(36 44 32 / 10%);
}
.box_hptalks .noWithIcon {
    width: auto;
    height: auto;
    box-shadow: unset;
    background: unset;
    margin: 0;
    display: block;
}
.dashline {
    position: absolute;
    top: 45px;
    width: 35%;
    height: 2px;
    border-bottom: 2px dashed #488c26;
    left: 100%;
    transform: translateX(-50%);
}
.dashline i {
    position: absolute;
    top: -8px;
    right: 0;
    color: #488c26;
}
.priceIcon {
    width: 80px;
    flex: 0 0 auto;
}
.priceIcon img {
    width: 100%;
}
.prow {
    display: flex;
    align-items: center;
    gap: 25px;
    max-width: 350px;
    margin: 0 auto 15px;
}
.prow .chtt h4 {
    font-size: 25px;
    font-weight: 600;
}
.priceText span {
    text-align: center;
    display: block;
    line-height: 18px;
    font-weight: 600;
    font-size: 20px;
}
.priceText p {
    text-align: center;
}
.priceText h2 {
    text-align: center;
    font-size: 35px;
    line-height: 35px;
}
.priceListBox {
    background: #ffffff;
    box-shadow: 0 0 10px rgb(70 70 70 / 10%);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 25px;
    /* border: 1px solid #ebebeb; */
}
.priceListBox .dropdown-btn {
    border: 0;
    width: 100%;
    padding: 15px 50px;
    line-height: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.priceListBox .dropdown-btn i {
    color: #fff;
}
.priceListBox .dropdown-btn span {
    color: #fff;
}
.priceListBox .list-box {
    /* padding-left: 20px; */
    /* padding-right: 20px; */
}
.priceListBox .list-box li + li {
    margin-top: 5px;
}
.priceListBox p {
    padding: 0px 20px;
}
.priceListBox .list-box p {
    padding: 0;
}
.tickList,.priceListBox .list-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}
.tickList li + li {
    margin-top: 15px;
}
.tickList li {
    display: flex;
    gap: 10px;
    line-height: 18px;
}
.priceListBox .list-box ol {
    padding-left: 20px;
    margin: 0;
    padding-right: 20px;
}
.tickList ul i {
    color: #347405;
    font-size: 17px;
    line-height: 17px;
}
.col-sm-4.pricebox {
    padding: 20px 20px;
    border: 2px solid;
    border-radius: 15px;
    width: 32.5%;
}
.tbtl-pricebox .row {
    gap: 20px;
    margin: 0;
}
.pricebox.pricebox-1 {
    border-color: #fdebe4;
}
.pricebox.pricebox-2 {
    border-color: #e0ead8;
}
.pricebox.pricebox-3 {
    border-color: #d7dff1;
}
.pricebox.pricebox-3 .chtt h4,.pricebox.pricebox-3 h2 {
    color: #0682e8;
}
.pricebox.pricebox-2 .chtt h4,.pricebox.pricebox-2 h2 {color: #347405;}
.pricebox.pricebox-1 .chtt h4,.pricebox.pricebox-1 h2 {
    color: #ff5214;
}
.pricebox.pricebox-1 .dropdown-btn {
    background: #ff5214;
}
.pricebox.pricebox-2 .dropdown-btn {
    background: #347405;
}
.pricebox.pricebox-3 .dropdown-btn {
    background: #0682e8;
}
.bordeTop {
    border-top: 2px solid #f3f3f3;
    padding-top: 20px;
}
#dots {
    font-weight: 600;
    color: #1fa118;
}
.contactus .cs-panda:after {
    position: absolute;
    top: 0;
    width: 78%;
    height: 100%;
    /*background: #000d25;*/
    content: '';
    left: 22%;
}
.contactus .cs-panda .row {
    position: relative;
    z-index: 1;
    left: 25%;
    width: 75%;
}
.contactus .cs-panda .row .col-sm-2 {
    /* EDIT: was display:none — show desk panda footer image */
    /* display: none; */
    display: block;
}
.contactus .cs-panda .row .col-sm-5 {
    width: 50%;
}
.learnMoreBtn {
    position: absolute;
    bottom: 25px;
}
.learnMoreBtn a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #153d8a;
    font-weight: 700;
}
.excellbox .ticklist li {
    font-size: 16px;
}
.excellbox .ticklist li i {
    background: #045d15;
    border-color: #075f16;
    color: #fff;
}
.excellbox .chtt p {
    font-weight: 600;
}
.eb-icon {
    text-align: center;
    margin-bottom: 20px;
}
.eb-icon img {
    max-width: 60px;
}
.excellbox .chtt {
    text-align: center;
    line-height: 1.3;
}
.excellbox .ticklist h6 {
    margin-bottom: 15px;
    font-weight: 700;
    color: #045d15;
    font-size: 17px;
}
.chttBS {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.chttBS h3.mbottom20 {
    margin: 0;
    font-size: 25px;
    color: #006f19;
}
.chttBS p {
    font-size: 23px;
}
.t3box-gray.ucp {
    background: #ffffff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 10px rgb(114 114 114 / 10%);
    display: block;
}
.t3box-gray.ucp .col-sm-4 {
    padding: 0 80px;
}
.t3box-gray.ucp .col-sm-4 h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 10px;
}
.t3box-gray.ucp .col-sm-4 .t3box-item-icon {
    border: 0;
    background: #f3f3f3;
}
.pCore .inrow-btn {
    justify-content: flex-start;
}
.pCore ul li {
    color: inherit;
}
.pCore ul li img {
    width: 30px;
}
.width-full{
    width: 100%;
}
/*=======================PANDA COMPLY PAGE CSS*/
/* Kill legacy mbottom* gaps so section backgrounds abut (no white/gray strips). */
.pComply-hero,
.pComply-1,
.pComply-2,
.pComply-3,
.pComply-4,
.pComply-5,
.pComply-6,
.comply-cta-banner.home-footer-banner {
    margin-bottom: 0 !important;
}
/* Shared Comply type/color tokens — match homepage / site hierarchy */
.pComply-hero .head-green,
.pComply-1 .pComply-records-head .top-title,
.pComply-2 .pComply-scanner-head .top-title,
.pComply-4 .chtt .top-title,
.pComply-5 .pComply-ops-head .top-title,
.pComply-6 .pComply-projects-card .chtt .top-title {
    color: #248636;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin-bottom: 18px;
    margin-top: 0px;
}
.pComply-1 .pComply-records-head h2,
.pComply-2 .pComply-scanner-head h2,
.pComply-4 .chtt h2,
.pComply-5 .pComply-ops-head h2,
.pComply-6 .pComply-projects-card .chtt h2 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #111;
    margin-bottom: 20px;
}
.pComply-1 .pComply-records-head p,
.pComply-2 .pComply-scanner-head p,
.pComply-4 .chtt > p,
.pComply-5 .pComply-ops-head p,
.pComply-6 .pComply-projects-card .chtt p {
    color: var(--bs-body-color);
    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;
    margin: 0;
    margin-bottom: 45px;
}
.pComply-1 .pComply-record-col .cmpTxt h4,
.pComply-5 .pComply-ops-col .cmpTxt h4,
.pComply-3 .pComply-talks-card h4,
.pComply-6 .pComply-projects-list h4 {
    color: #111;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}
.pComply-1 .pComply-record-col .cmpTxt p,
.pComply-5 .pComply-ops-col .cmpTxt p,
.pComply-3 .pComply-talks-card p {
    color: #6b7280;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
}

.pComply-hero {
    background: #f7f8f9;
    padding-top: 80px;
    padding-bottom: 70px;
}
.pComply-1 {
    background: #f7f8f9;
    padding: 20px 0 28px;
}
.pComply-hero .chtt1 {
    margin-bottom: 28px;
}
.pComply-hero .head-green {
    font-size: 20px;
    margin-bottom: 18px;
}
.pComply-hero h1 {
    font-size: 55px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #111;
    margin-bottom: 22px;
}
.pComply-hero h1 span {
    color: #248636;
}
.pComply-hero .chtt1 > p {
    font-size: 22px;
    line-height: 1.55;
    color: var(--bs-body-color);
    max-width: 34em;
    margin: 0;
}
.pComply-hero .chtt1 > p + p {
    margin-top: 14px;
}
.pComply-hero .pComply-hero-sub {
    color: var(--bs-body-color);
    font-size: 22px;
    line-height: 1.55;
}
.pComply-hero .inrow-btn {
    justify-content: flex-start;
    gap: 14px;
    flex-wrap: wrap;
}
.pComply-hero .inrow-btn .btn {
    border-radius: 999px;
    padding: 12px 26px;
    font-weight: 600;
    line-height: 1.2;
}
.pComply-hero .inrow-btn .btnBig-2 {
    background: #fff !important;
    border: 1.5px solid #111 !important;
    color: #111 !important;
}
.pComply-hero .inrow-btn .btnBig-2:hover {
    background: #111 !important;
    color: #fff !important;
}
.pComply-hero-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin-left: 0;
}
.pComply-overview-card {
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 14px 40px rgba(17, 24, 39, 0.1);
    overflow: hidden;
    max-width: 560px;
    margin-left: auto;
}
.pComply-overview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #161616;
    color: #fff;
    padding: 16px 20px;
}
.pComply-overview-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}
.pComply-overview-check {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #248636;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 12px;
}
.pComply-overview-live {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}
.pComply-overview-body {
    padding: 22px 20px 20px;
}
.pComply-overview-section-title {
    margin: 0 0 12px;
    color: #111;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}
.pComply-overview-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 22px;
}
.pComply-overview-stat {
    border-radius: 14px;
    padding: 14px 10px 12px;
    text-align: center;
    min-width: 0;
}
.pComply-overview-stat strong {
    display: block;
    color: #111;
    font-size: clamp(1.35rem, 2.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 4px;
}
.pComply-overview-stat span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
}
.pComply-overview-stat--ok {
    background: #ecf7ef;
}
.pComply-overview-stat--ok span {
    color: #248636;
}
.pComply-overview-stat--warn {
    background: #fdf8e4;
}
.pComply-overview-stat--warn span {
    color: #9a7b2f;
}
.pComply-overview-stat--alert {
    background: #fef3ef;
}
.pComply-overview-stat--alert span {
    color: #a85a4a;
}
.pComply-overview-stat--total {
    background: #edf3f1;
}
.pComply-overview-stat--total span {
    color: #6b7280;
}
.pComply-overview-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pComply-overview-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f4f6f5;
    border-radius: 14px;
    padding: 12px 14px;
}
.pComply-overview-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e4f3e8;
    color: #248636;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.pComply-overview-item {
    min-width: 0;
    flex: 1 1 auto;
}
.pComply-overview-item strong {
    display: block;
    color: #111;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 2px;
}
.pComply-overview-item span {
    display: block;
    color: #6b7280;
    font-size: 12px;
    line-height: 1.3;
}
.pComply-overview-days {
    color: #b08a3a;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    flex: 0 0 auto;
}
@media (max-width: 991px) {
    .pComply-hero {
        padding-top: 48px;
        padding-bottom: 40px;
    }
    .pComply-hero .col-lg-6 + .col-lg-6 {
        margin-top: 28px;
    }
    .pComply-hero h1 {
        font-size: 40px;
    }
    .pComply-hero .chtt1 > p,
    .pComply-hero .pComply-hero-sub {
        font-size: 19px;
        max-width: none;
    }
    .pComply-1 {
        padding: 16px 0 24px;
    }
    .pComply-2 {
        padding: 24px 0 48px;
    }
    .pComply-3,
    .pComply-4,
    .pComply-5 {
        padding: 56px 0 48px;
    }
    .pComply-6 {
        padding: 40px 0 48px;
    }
    .pComply-1 .pComply-records-head h2,
    .pComply-2 .pComply-scanner-head h2,
    .pComply-3 .pComply-talks-head h2,
    .pComply-4 .chtt h2,
    .pComply-5 .pComply-ops-head h2,
    .pComply-6 .pComply-projects-card .chtt h2 {
        font-size: 34px;
    }
    .pComply-1 .pComply-records-head p,
    .pComply-2 .pComply-scanner-head p,
    .pComply-4 .chtt > p,
    .pComply-5 .pComply-ops-head p,
    .pComply-6 .pComply-projects-card .chtt p {
        font-size: 17px;
        margin-bottom: 28px;
    }
    .pComply-overview-card {
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .pComply-hero h1 {
        font-size: 32px;
    }
    .pComply-1 .pComply-records-head h2,
    .pComply-2 .pComply-scanner-head h2,
    .pComply-3 .pComply-talks-head h2,
    .pComply-4 .chtt h2,
    .pComply-5 .pComply-ops-head h2,
    .pComply-6 .pComply-projects-card .chtt h2 {
        font-size: 28px;
    }
    .pComply-hero .head-green,
    .pComply-1 .pComply-records-head .top-title,
    .pComply-2 .pComply-scanner-head .top-title,
    .pComply-3 .pComply-talks-head .top-title,
    .pComply-4 .chtt .top-title,
    .pComply-5 .pComply-ops-head .top-title,
    .pComply-6 .pComply-projects-card .chtt .top-title {
        font-size: 15px;
        margin-bottom: 14px;
    }
    .pComply-hero .chtt1 > p,
    .pComply-hero .pComply-hero-sub {
        font-size: 17px;
    }
    .pComply-1 .pComply-record-col .cmpTxt h4,
    .pComply-5 .pComply-ops-col .cmpTxt h4,
    .pComply-3 .pComply-talks-card h4,
    .pComply-6 .pComply-projects-list h4 {
        font-size: 20px;
    }
    .pComply-1 .pComply-record-col .cmpTxt p,
    .pComply-5 .pComply-ops-col .cmpTxt p,
    .pComply-3 .pComply-talks-card p {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .pComply-overview-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pComply-overview-item strong {
        font-size: 12.5px;
    }
    .pComply-hero .inrow-btn {
        flex-direction: column;
        align-items: stretch;
    }
    .pComply-hero .inrow-btn .btn {
        width: 100%;
        text-align: center;
    }
}
.pComplyBox1 {
    background: #00070a;
    padding: 35px 50px;
    border-radius: 20px;
}
.pComply-1 .pComplyBox1 {
    background: transparent;
    padding: 20px 0 10px;
    border-radius: 0;
    --pc-rec-gap: 16px;
}
.pComply-1 .pComply-records-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 40px;
}
.pComply-1 .pComply-records-head h2 {
    white-space: nowrap;
}
.pComply-1 .pComply-records-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-left: 0;
    margin-right: 0;
}
.pComply-1 .pComply-records-row > [class*="col-"] {
    padding-left: 17px;
    padding-right: 36px;
}
.pComply-1 .pComply-record-col {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    /* Exactly 3 cards per row; 4th+ wrap to a centered 2-card row */
    flex: 0 0 calc((100% - (var(--pc-rec-gap) * 2)) / 3);
    width: 75px;
    max-width: 440px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e8eaec;
    border-radius: 14px;
    padding: 27px 29px 17px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    height: 167px;
}
.pComply-1 .pComply-record-col .cmpIcon {
    flex: 0 0 auto;
}
.pComply-1 .pComply-record-col .cmpIcon img {
    width: 48px;
    height: 48px;
    max-width: 48px;
    padding: 0px;
    background: rgba(36, 134, 54, 0.12);
    border-radius: 50%;
    display: block;
}
.pComply-1 .pComply-status-pill {
    /* Span width of the centered 2-card bottom row (2 cards + 1 gap) */
    display: block;
    width: calc((100% - (var(--pc-rec-gap) * 2)) / 3 * 2 + var(--pc-rec-gap));
    max-width: 610px;
    margin: 32px auto 0;
    background: #1a1d21;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 14px 28px;
    border-radius: 999px;
    text-align: center;
    box-sizing: border-box;
}
.pComply-1 .pComplyBox1 .col-sm-3 + .col-sm-3,
.pComply-1 .pComplyBox1 .col-sm-4 + .col-sm-4 {
    border-left: 0;
}
@media (max-width: 1199px) {
    .pComply-1 .pComply-records-head h2 {
        white-space: normal;
    }
    .pComply-2 .pComply-scanner-head p {
        white-space: normal;
    }
    .pComply-5 .pComply-ops-head h2,
    .pComply-5 .pComply-ops-head p {
        white-space: normal;
    }
}
@media (max-width: 991px) {
    .pComply-1 .pComplyBox1 .pComply-records-row {
        gap: var(--pc-rec-gap);
    }
    .pComply-1 .pComply-records-row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .pComply-1 .pComply-records-head {
        margin-bottom: 28px;
    }
    .pComply-1 .pComply-record-col {
        flex: 0 0 calc((100% - var(--pc-rec-gap)) / 2);
        width: calc((100% - var(--pc-rec-gap)) / 2);
        max-width: calc((100% - var(--pc-rec-gap)) / 2);
        height: auto;
        min-height: 0;
        padding: 22px 18px 18px;
    }
    .pComply-1 .pComply-status-pill,
    .pComply-2 .pComply-scanner-note {
        width: 88%;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }
    .pComply-1 .pComply-status-pill {
        font-size: 15px;
        padding: 12px 20px;
        margin-top: 24px;
    }
}
@media (max-width: 575px) {
    .pComply-1 .pComply-record-col {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 20px 16px 16px;
    }
    .pComply-1 .pComply-status-pill {
        font-size: 13px;
        padding: 12px 16px;
        white-space: normal;
        line-height: 1.4;
        border-radius: 16px;
        width: 88%;
        max-width: 520px;
    }
}
.pComplyBox1 .col-sm-3,.pComplyBox1 .col-sm-2 {
    display: flex;
    gap: 15px;
}
.cmpTxt h4,.pComplyBox1 .cmpTxt h4 {
    color: #fff;
}
.cmpTxt p,.pComplyBox1 .cmpTxt p {
    color: #fff;
}
.cmpIcon img,.pComplyBox1 .cmpIcon img {
    max-width: 65px;
}
.cmplTxtbox {
    background: #edefea;
    padding: 30px 30px 30px 60px;
    border-radius: 20px;
    position: relative;
    color: #248636;
    font-weight: 600;
}
.cmplTxtbox i {
    position: absolute;
    left: 20px;
    border: 2px solid #248636;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #248636;
}
.cmplTxtbox p {
    line-height: 1.4;
}
.pComply-2 .ticklist {
    margin: 0;
    display: flex;
    justify-content: end;
}
.pComply-2 {
    background: #f7f8f9;
    padding: 28px 0 70px;
}
.pComply-2 .pComplyBox2 {
    background: transparent;
    padding: 0;
}
.pComply-2 .pComply-scanner-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 42px;
}
.pComply-2 .pComply-scanner-head p {
    white-space: nowrap;
}
.pComply-2 .pComply-scanner-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    gap: 10px 0;
}
.pComply-2 .pComply-scanner-steps .bhptlk {
    width: 18%;
    text-align: center;
    position: relative;
}
.pComply-2 .pComply-scanner-steps .noWithIcon {
    width: 100px;
    height: 100px;
    background: rgba(36, 134, 54, 0.12);
    box-shadow: none;
    margin: 0 auto 18px;
}
.pComply-2 .pComply-scanner-steps .noWithIcon img {
    max-width: 69px;
}
.pComply-2 .pComply-scanner-steps .noRound {
    top: 68px;
    left: 50%;
    margin-top: 26px;
    margin-left: 2px;
    transform: translateX(-50%);
    background: #248636;
    width: 45px;
    height: 45px;
    font-size: 20px;
}
.pComply-2 .pComply-scanner-steps .noWithText h4 {
    color: #111;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 48px;
}
.pComply-2 .pComply-scanner-steps .noWithText p {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.45;
    margin: 0;
}
.pComply-2 .pComply-scanner-steps .dashline {
    position: absolute;
    top: 42px;
    left: auto;
    right: -13%;
    width: 26%;
    height: 2px;
    margin: 0;
    border: 0;
    border-bottom: none;
    background: #9aa3ab;
    transform: none;
    z-index: 0;
    pointer-events: none;
}
.pComply-2 .pComply-scanner-steps .dashline::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #9aa3ab;
    transform: translateY(-50%);
}
.pComply-2 .pComply-scanner-steps .dashline i {
    display: none;
}
.pComply-2 .pComply-scanner-note {
    /* Match records-section status pill width (2 of 3 card columns) */
    width: calc((100% - (var(--pc-rec-gap, 16px) * 2)) / 3 * 2 + var(--pc-rec-gap, 16px));
    max-width: 660px;
    margin: 42px auto 0;
    background: #1a1d21;
    border-radius: 16px;
    padding: 24px 28px;
    text-align: center;
    box-sizing: border-box;
}
.pComply-2 .pComply-scanner-note strong {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
.pComply-2 .pComply-scanner-note p {
    color: #aeb4bb;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}
.pComply-3 {
    background: #0b0d10;
    padding: 80px 0 70px;
}
.pComply-3 .pComplyBox3 {
    background: transparent;
    padding: 0;
}
.pComply-3 .pComply-talks-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 40px;
}
.pComply-3 .pComply-talks-head .top-title {
    color: #248636;
    font-weight: 700;
    letter-spacing: 0.06em;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 18px;
}
.pComply-3 .pComply-talks-head h2 {
    color: #fff;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
}
.pComply-3 .pComply-talks-head p {
    color: #aeb4bb;
    font-size: 18px;
    line-height: 1.55;
    margin: 0;
}
.pComply-3 .pComply-talks-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    flex-wrap: wrap;
    /* Align horizontal span with scanner note / records pill above */
    width: calc((100% - (var(--pc-rec-gap, 16px) * 2)) / 3 * 2 + var(--pc-rec-gap, 16px));
    max-width: 100%;
    margin: 0 auto;
}
.pComply-3 .pComply-talks-card {
    flex: 1 1 0;
    min-width: 260px;
    max-width: none;
    border-radius: 14px;
    padding: 26px 26px;
}
.pComply-3 .pComply-talks-card .top-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #248636;
    margin-bottom: 12px;
}
.pComply-3 .pComply-talks-card--talks {
    background: #171a1f;
    border: 1px solid #2a2f36;
}
.pComply-3 .pComply-talks-card--talks h4 {
    color: #fff;
}
.pComply-3 .pComply-talks-card--talks p {
    color: #aeb4bb;
}
.pComply-3 .pComply-talks-card--comply {
    background: #fff;
}
.pComply-3 .pComply-talks-card--comply h4 {
    color: #111;
}
.pComply-3 .pComply-talks-card--comply p {
    color: #6b7280;
}
.pComply-3 .pComply-talks-arrow {
    width: 140px;
    height: 3px;
    background: #248636;
    position: relative;
    flex: 0 0 140px;
}
.pComply-3 .pComply-talks-arrow::after {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #248636;
}
.pComply-3 .pComply-talks-check {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #248636;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
@media (max-width: 991px) {
    .pComply-2 .pComply-scanner-head {
        margin-bottom: 32px;
    }
    .pComply-2 .pComply-scanner-steps {
        justify-content: center;
        gap: 20px 0;
    }
    .pComply-2 .pComply-scanner-steps .bhptlk {
        width: 46%;
        margin-bottom: 8px;
    }
    .pComply-2 .pComply-scanner-steps .dashline {
        display: none;
    }
    .pComply-2 .pComply-scanner-steps .noWithIcon {
        width: 84px;
        height: 84px;
        margin-bottom: 14px;
    }
    .pComply-2 .pComply-scanner-steps .noWithIcon img {
        max-width: 56px;
    }
    .pComply-2 .pComply-scanner-steps .noRound {
        width: 38px;
        height: 38px;
        font-size: 17px;
        top: 56px;
        margin-top: 20px;
    }
    .pComply-2 .pComply-scanner-steps .noWithText h4 {
        font-size: 18px;
        margin-top: 36px;
    }
    .pComply-2 .pComply-scanner-note {
        margin-top: 28px;
        padding: 20px 22px;
    }
    .pComply-3 .pComply-talks-head {
        margin-bottom: 28px;
    }
    .pComply-3 .pComply-talks-flow {
        width: 100%;
        gap: 20px;
        flex-direction: column;
        align-items: stretch;
    }
    .pComply-3 .pComply-talks-card {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        width: 100%;
        padding: 22px 20px;
    }
    .pComply-3 .pComply-talks-arrow {
        width: 6px;
        height: 72px;
        flex: 0 0 72px;
        align-self: center;
    }
    .pComply-3 .pComply-talks-arrow::after {
        right: 50%;
        top: auto;
        bottom: -2px;
        transform: translateX(50%);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 14px solid #248636;
        border-bottom: 0;
    }
    .pComply-3 .pComply-talks-check {
        width: 48px;
        height: 48px;
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    .pComply-2 .pComply-scanner-steps .bhptlk {
        width: 100%;
    }
    .pComply-2 .pComply-scanner-note strong {
        font-size: 16px;
    }
    .pComply-2 .pComply-scanner-note p {
        font-size: 15px;
    }
    .pComply-3 .pComply-talks-head p {
        font-size: 16px;
    }
}
.pComply-2 .row {
    align-items: center;
}
.cmplTxtbox p + p {
    margin-top: 5px;
}
.pComplyBox1 .col-sm-3 + .col-sm-3, .pComplyBox1 .col-sm-2 + .col-sm-2 {
    border-left: 2px solid #2b2f36;
}
.pComply-4 {
    background: #fff;
    padding: 70px 0;
}
.pComply-4 .pComplyBox1 {
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.pComply-4 .pComplyBox1 .col-sm-3 + .col-sm-3,
.pComply-4 .pComplyBox1 .col-sm-2 + .col-sm-2 {
    border-left: 0;
}
.pComply-4 .chtt h2 {
    margin-bottom: 14px;
}
.pComply-4 .chtt > p,
.pComply-4 .pComply-alerts-copy > p {
    max-width: 34em;
    margin-bottom: 0;
}
.pComply-4 .pComply-alerts-row {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2rem;
}
.pComply-4 .pComply-alerts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.pComply-4 .pComply-alert-card {
    background: #fff;
    border: 1px solid #e8eaec;
    border-radius: 14px;
    padding: 24px 22px 22px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.pComply-4 .pComply-alert-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
}
.pComply-4 .pComply-alert-icon--warn {
    background: #fff6e8;
    color: #e89a2e;
}
.pComply-4 .pComply-alert-icon--alert {
    background: #fdecef;
    color: #d64545;
}
.pComply-4 .pComply-alert-icon--info {
    background: #eaf2ff;
    color: #3b82f6;
}
.pComply-4 .pComply-alert-icon--ok {
    background: #e9f7ee;
    color: #248636;
}
.pComply-4 .pComply-alert-card h4 {
    color: #111;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 8px;
}
.pComply-4 .pComply-alert-card p {
    margin: 0;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
.pComply-5 {
    background: #eef6f0;
    padding: 70px 0;
}
.pComply-5 .pComplyBox5 {
    background: transparent;
    padding: 0;
}
.pComply-5 .pComply-ops-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 40px;
}
.pComply-5 .pComply-ops-head h2,
.pComply-5 .pComply-ops-head p {
    white-space: nowrap;
}
.pComply-5 .pComply-ops-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
}
.pComply-5 .pComply-ops-col {
    flex: 1 1 220px;
    background: #fff;
    border: 1px solid #e8eaec;
    border-radius: 14px;
    padding: 22px 18px 20px;
    width: auto !important;
    max-width: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
@media (max-width: 991px) {
    .pComply-4 .pComply-alerts-grid {
        margin-top: 8px;
    }
    .pComply-4 .pComply-alert-card {
        padding: 20px 18px 18px;
    }
    .pComply-4 .pComply-alert-card h4 {
        font-size: 18px;
    }
    .pComply-5 .pComply-ops-head {
        margin-bottom: 28px;
    }
    .pComply-5 .pComply-ops-col {
        flex: 1 1 calc(50% - 16px);
        max-width: calc(50% - 8px);
        padding: 20px 16px 18px;
    }
}
@media (max-width: 575px) {
    .pComply-4 .pComply-alerts-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .pComply-4 .pComply-alert-card p {
        font-size: 15px;
    }
    .pComply-5 .pComply-ops-col {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
.pComply-6 {
    background: #f7f8f9;
    padding: 50px 0 70px;
}
.pComply-6 .pComplyBox6.pComply-projects-card {
    background: #fff;
    border-radius: 16px;
    border-left: 8px solid #248636;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.08);
    padding: 36px 40px;
}
.pComply-6 .pComply-projects-card .chtt p {
    max-width: 720px;
}
.pComply-6 .pComply-projects-card .inrow-btn {
    justify-content: flex-start;
}
.pComply-6 .pComply-projects-card .inrow-btn .btn {
    border-radius: 999px;
    padding: 12px 26px;
    font-weight: 600;
    line-height: 1.2;
}
.pComply-6 .pComply-projects-aside {
    display: flex;
    align-items: center;
    gap: 22px;
    justify-content: center;
}
.pComply-6 .pComply-projects-icon {
    position: relative;
    width: 210px;
    height: 210px;
    border-radius: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.pComply-6 .pComply-projects-icon img {
    width: 192px;
    height: 192px;
    object-fit: contain;
    display: block;
}
.pComply-6 .pComply-projects-plus {
    display: none;
}
.pComply-6 .pComply-projects-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pComply-6 .pComply-projects-list li {
    color: #6b7280;
    font-size: 17px;
    line-height: 1.45;
}
@media (max-width: 991px) {
    .pComply-6 .pComplyBox6.pComply-projects-card {
        padding: 28px 24px;
    }
    .pComply-6 .pComply-projects-aside {
        margin-top: 28px;
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }
    .pComply-6 .pComply-projects-icon {
        width: 150px;
        height: 150px;
    }
    .pComply-6 .pComply-projects-icon img {
        width: 136px;
        height: 136px;
    }
    .pComply-6 .pComply-projects-list ul {
        align-items: center;
    }
    .pComply-6 .pComply-projects-card .inrow-btn {
        flex-wrap: wrap;
    }
}
@media (max-width: 575px) {
    .pComply-6 .pComplyBox6.pComply-projects-card {
        padding: 24px 18px;
        border-left-width: 6px;
    }
    .pComply-6 .pComply-projects-icon {
        width: 120px;
        height: 120px;
    }
    .pComply-6 .pComply-projects-icon img {
        width: 108px;
        height: 108px;
    }
    .pComply-6 .pComply-projects-list li {
        font-size: 16px;
    }
    .pComply-6 .pComply-projects-card .inrow-btn .btn {
        width: 100%;
        text-align: center;
    }
}
.pComply-2 .ticklist li i {
    background: #248636;
    color: #fff;
    border-color: #248636;
}
.pComplyBox9 .row {
    align-items: flex-start;
}
.pComplyBox9 .col-sm-2 {
    width: 13%;
    padding: 0 25px;
    text-align: center;
    position: relative;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pComplyBox9 .col-sm-4 {
    width: 35%;
    padding-right: 30px;
}
.pComplyBox9 img {
    display: block;
    margin: 0 auto 15px;
    width: 45px;
    height: 45px;
    max-width: 45px;
    object-fit: contain;
}
.pComplyBox9 .col-sm-2 h4 {
    min-height: 48px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    line-height: 1.25;
}
.pComplyBox9 p + p {
    margin-top: 6px;
}
.pComplyBox9 p {
    line-height: 1.4;
}
.pComplyBox9 .bleftline {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    border-left: 2px solid #ebebeb;
}
.p8bx,.p8bx2 {
    position: relative;
}
.p8bx img, .p8bx2 img {
    position: absolute;
    right: 0;
    width: 100%;
}
.pComplyBox8 {
    background: #000304;
    padding: 50px 50px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.pComplyBox8 .row {
    align-items: center;
}
.pComplyBox8 .row .ticklist {
    margin: 0;
}
.p8bx2 img {
    max-width: 280px;
    top: -90px;
}
.p8bx img {
    top: -30px;
    max-width: 300px;
}
.p8bx h3 {
    color: #fff;
}
.p8bx p, .p8bx2 li {
    color: #cfcfcf;
}
.whitebox {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 25px 20px;
    border-radius: 20px;
    height: 100%;
}
.pComply-7 {
    margin-top: 50px;
}
.pComplyBox7 .row {
    align-items: stretch;
}
.pComplyBox7 .row > .col-sm-3 {
    display: flex;
    flex-direction: column;
}
.pComplyBox7 .whitebox {
    flex: 1;
    width: 100%;
}
.pComplyBox7 .whitebox .nabox {
    padding-left: 0;
    gap: 28px;
    height: 100%;
    justify-content: flex-start;
}
.whitebox ul li {
    display: flex;
    align-items: center;
    position: relative;
}
.whitebox ul li + li {
    margin-top: 20px;
}

.whitebox ul li img {
    width: 25px;
    margin-right: 8px;
}
.whitebox ul li p {
    font-size: 14px;
    font-weight: 600;
    width: calc(65% - 27px);
    flex: 0 0 auto;
    line-height: 1.3;
}
.whitebox ul li p strong {
    display: block;
    font-weight: 700;
    font-size: 16px;
}
.whitebox ul li span {
    font-size: 15px;
    font-weight: 700;
    color: #35a945;
    margin-right: 10px;
}
.whitebox ul li i {
    color: #ffffff;
    font-size: 10px;
    background: #ff9b00;
    display: flex;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: 13px;
}
.aLinkBTN {
    margin-top: 25px;
}
.aLinkBTN a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #35a945;
    font-size: 17px;
}
.nabox {
    padding-left: 20px;
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.naboxin {
    display: flex;
    gap: 15px;
}
.naboxIcon img {
    width: 35px;
}
.whitebox .inrow-btn {
    display: block;
}
.whitebox .inrow-btn a {
    max-width: 180px;
    height: 45px;
    font-size: 16px;
}
.pcmpl-5 {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 25px 20px;
    border-radius: 20px;
    width: 18%;
}
.smlHead {
    font-weight: 600;
    margin-bottom: 25px;
}
.smlHead span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    background: #1c3c1c;
    color: #3bb54a;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    border-radius: 50%;
    font-size: 16px;
    margin-right: 5px;
}
.psearch {
    margin-bottom: 20px;
}
.psearch input,.smlformbox .form-group input,.smlformbox .form-group select {
    width: 100%;
    font-size: 17px;
    padding: 10px 12px;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    color: #444;
}
.pSearchList ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.pSearchList ul li {
    display: flex;
    justify-content: space-between;
}
.pSearchList ul li p {
    display: flex;
    align-items: center;
    line-height: 18px;
    font-size: 17px;
    font-weight: 600;
}
.pSearchList ul li p img {
    width: 26px;
    margin-right: 5px;
}
.pSearchList ul li i {
    width: 20px;
    height: 20px;
    background: #1c3c1c;
    border-radius: 50%;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3bb54a;
}
.pComplyBox5 .row {
    gap: 20px;
}
.pComplyBox5 .row .col-sm-4 {
    width: 30%;
}
.pname {
    font-weight: 600;
    margin-bottom: 5px;
}
.pComply-illus .illus-field {
    width: 100%;
    font-size: 17px;
    padding: 10px 12px;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    color: #444;
    background: #fff;
    margin-bottom: 20px;
    pointer-events: none;
    user-select: none;
}
.pComply-illus .illus-field-select {
    margin-bottom: 10px;
    position: relative;
}
.pComply-illus .illus-btn {
    background: #001a00;
    width: 100%;
    font-size: 17px;
    padding: 10px 12px;
    border-radius: 5px;
    color: #3bb54a;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
    user-select: none;
}
.pComply-6 .pndTxt {
    width: 100%;
    white-space: nowrap;
}
.sml4clm {
    display: flex;
    gap: 10px;
    position: relative;
}
.sml4clm-icon {
    width: 6%;
}
.sml4clm-icon img {
    width: 25px;
}
.sml4clm + .sml4clm {
    margin-top: 10px;
}
.sml4clm-name {
    display: flex;
    align-items: center;
    line-height: 18px;
    font-size: 17px;
    font-weight: 600;
    width: 38%;
}
.sml4clm-blue {
    display: flex;
    align-items: center;
    line-height: 18px;
    font-size: 17px;
    font-weight: 600;
    width: 26%;
}
.sml4clm-btn {
    line-height: 16px;
    font-size: 16px;
    font-weight: 600;
    background: #3bb54a;
    padding: 8px 10px;
    border-radius: 5px;
    color: #fff;
    width: 23%;
    text-align: center;
}
.pComplyBox5 .row .col-sm-4.pcmpl-5 {
    width: 27%;
}
.smlIcon {
    max-width: 100px;
    margin: 0 auto 20px;
}
.smlIcon img {
    width: 100%;
}
.smlformbox p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 500;
}
.smlformbox .form-group {
    margin-bottom: 10px;
}
.smlformbox .form-group-btn input {
    background: #001a00;
    border: 0;
    width: 100%;
    font-size: 17px;
    padding: 10px 12px;
    border-radius: 5px;
    color: #3bb54a;
    font-weight: 700;
}
.pndIcon img {
    width: 60px;
    margin-top: 5px;
}
.pndRow {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.pndTxt {
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    width: 70%;
}
.pndIcon {
    width: 22%;
}
.pndRow ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
.pndRow ul li {
    display: flex;
    justify-content: space-between;
}
.pndRow ul li p {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    width: 90%;
    flex: 0 0 auto;
    font-size: 18px;
}
.pndRow ul li p i {
    width: 22px;
    border: 2px solid #32763a;
    height: 22px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #35783a;
}
.pndRow ul span {
    display: flex;
    width: 20px;
    height: 20px;
    background: #2e773a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}
.pndRow ul span i {
    font-size: 10px;
    color: #fff;
}
.wHiteBox.ble .pndTxt span {
    color: #0000ca;
}
.wHiteBox.ble p i {
    color: #0000ca;
    border-color: #0000ca;
}
.wHiteBox.ble li span {
    background: #0000ca;
}
.wHiteBox.grn .pndTxt span {
    color: #31793b;
}
.greyBBox {
    background: #dcdcd8;
    padding: 30px 15px;
    text-align: center;
    border-radius: 20px;
    margin-left: 10px;
}
.greyBBox img {
    max-width: 50px;
    margin-bottom: 15px;
}
.greyBBox h4 {
    margin-bottom: 10px;
}
.pComplyBox6 {
    background: #f3f1fb;
    padding: 30px 30px;
    border-radius: 20px;
}
.pComplyBox6 .col-sm-4 {
    width: 30%;
}
.pComplyBox6 .col-sm-2 {
    width: 16%;
    position: relative;
}
.pComplyBox6 .col-sm-2.wHiteBox {
    width: 19%;
    padding: 24px 20px;
}
.col-sm-2.wHiteBox {
    background: #ffffff;
    border-radius: 15px;
}
.pComplyBox6 .row {
    align-items: center;
}
.preloadd {
    width: 140px;
    height: 140px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
}
.preloadd img {
    width: 70px;
}
.leftAArow img,.rightAArow img {
    width: 100%;
}
.leftAArow {
    position: absolute;
    left: 10px;
    max-width: 40px;
    top: 50%;
    transform: translateY(-50%);
}
.rightAArow {
    position: absolute;
    right: 10px;
    max-width: 40px;
    top: 50%;
    transform: translateY(-50%);
}












.comparePriceWrp {
    /* border: 2px solid #efefef; */
    /* background: #f7fcff; */
}

.feature-section {
    border: 2px solid #efefef;
    position: relative;
    background: #f9fbfd;
}

.section-title {
    padding: 12px 20px;
}

.feature-row {
    display: flex;
    align-items: center;
}

.feature-row .feature-name {
    width: 35%;
    flex: 0 0 auto;
    padding: 10px 20px;
    line-height: 18px;
}

.feature-row .check, .feature-row .cross,.feature-row .nameL {
    width: 13%;
    flex: 0 0 auto;
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-title {}

.feature-section + .feature-section {
    border-top: 0;
}
.feature-section .line {
    position: absolute;
    height: 100%;
    width: 2px;
    border-left: 2px solid #e7eaea;
}

.feature-section .line1 {
    left: 35%;
}
.feature-section .line2 {
    left: 48%;
}

.feature-section .line3 {
    left: 61%;
}

.feature-section .line4 {
    left: 74%;
}

.feature-section .line5 {
    left: 87%;
}

.feature-row .check i, .feature-row .cross i {
    width: 28px;
    height: 28px;
    font-size: 17px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-row .check i {
    color: #238317;
    border: 2px solid #238317;
}

.feature-row .cross i {
    color: #c40002;
    border: 0;
    font-size: 22px;
}

.section-title .chtt h5 img {
    width: 35px;
}
.section-title .chtt h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}
.left-intro {
    width: 18%;
}

.plan {
    width: 15.4%;
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
    border: 2px solid #efefef;
    text-align: center;
}

.top-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding: 30px 20px;
}
.cpboxIco {
    margin-bottom: 15px;
}

.cpboxIco img {
    max-width: 60px;
}

.plan .chtt {
    min-height: 100px;
    margin-bottom: 15px;
}

.plan .chtt h3 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 12px;
}

.plan .chtt p {
    line-height: 1.3;
    font-weight: 500;
    font-size: 17px;
}

.price {
    font-weight: 800;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.plan small {
    display: block;
    line-height: 18px;
}

.plan strong {
    font-weight: normal;
    font-size: 18px;
    display: block;
    margin-top: 5px;
}


.plan.greenColor h3 {
    color: #109916;
}
.plan.greenColor .price {
    color: #268540;
}
.plan.blueColor h3 {
    color: #0b269d;
}
.plan.blueColor .price {
    color: #0b269d;
}
.plan.megentaColor h3 {
    color: #471790;
}
.plan.megentaColor .price {
    color: #471790;
}
.plan.orangeColor h3 {
    color: #ff7802;
}
.plan.orangeColor .price {
    color: #ff7802;
}
.plan.dgreenColor h3 {
    color: #087d10;
}
.plan.dgreenColor .price {
    color: #087d10;
}
.planBtn {
    margin-top: 20px;
    padding: 10px 8px;
    border-radius: 10px;
}
.greenColor .planBtn{background: #edf4ea;}
.blueColor .planBtn{background: #eaf1fa;}
.megentaColor .planBtn{background: #f2edf8;}
.orangeColor .planBtn{background: #fdeee1;}
.dgreenColor .planBtn{background: #eef5ec;}
.greenColor .planBtn h6 {
    color: #10993b;
}

.blueColor .planBtn h6 {
    color: #0b269d;
}

.megentaColor .planBtn h6 {
    color: #471790;
}

.orangeColor .planBtn h6 {
    color: #ff782b;
}

.dgreenColor .planBtn h6 {
    color: #087d10;
}

.planBtn h6 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.planBtn {
    font-size: 16px;
    font-weight: 500;
}

.left-intro p {
    position: relative;
    padding-left: 45px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.left-intro p i {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background: #268540;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
}
.notsurebox {
    padding: 20px 25px;
    background: #f3f5f9;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.notsurebox .ctaHead .cthh h3,.notsurebox .ctaHead .cthh p {
    color: #000;
}
.notsurebox .ctaBtnBox .ctabtn-1 {
    color: #000;
}
.notsurebox .ctaBtnBox .ctabtn-1:hover {
    color: #ffffff;
}
.inpabox .row {
    align-items: center;
}
.inpabox ul {
    display: flex;
    gap: 25px;
}
.inpabox ul li {
    display: flex;
    font-weight: 500;
    align-items: center;
    gap: 10px;
}
.inpabox ul li img {
    max-width: 30px;
    width: 100%;
    object-fit: contain;
}
.inpabox .row .inpaBoxg {
    background: #f3f5f9;
    padding: 15px 25px;
    border: 2px solid #e7eaea;
    border-radius: 15px;
}
.inpabox .row .inpaBoxg p + p {
    margin-top: 5px;
}
.notsurebox .ctaIcon {
    border: 0;
    background: #dcecde;
}
.cmpbanner {
    background: #010c12;
    position: relative;
    overflow: hidden;
}
.cmpbanner .chtt1 h1,.cmpbanner .chtt h3 {
    color: #fff;
}
.cmpbanner .chtt1 p,.cmpbanner .chtt p {
    color: #d7d7d7;
}
.cmpbanner .row {
    justify-content: space-between;
    align-items: center;
}
.cmpBanbox .col-sm-3 img {
    width: 100%;
    max-width: 100px;
    object-fit: contain;
}
.cmpBanbox .row  .row {
    align-items: center;
}
.cmpBanbox .row + .row {
    margin-top: 30px;
}
.col-cppanda {
    position: absolute;
    right: 27%;
    width: 25%;
    height: 100%;
    background: url(../images/shared/cppanda.png);
    background-size: contain;
    z-index: 0;
    background-repeat: no-repeat;
}
.cmpbanner .col-sm-6, .cmpbanner .col-sm-3 {
    position: relative;
    z-index: 1;
}

.ptks4boxRound .quiz-box{
}

.ptks4boxRound .question-no{
    color: #8f8f8f;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.ptks4boxRound .question{
    margin-bottom:15px;
    font-size: 20px;
}

.ptks4boxRound .option{
    display:flex;
    align-items:center;
    gap:10px;
    padding: 10px 15px;
    border-radius:6px;
    margin-bottom: 5px;
    cursor:pointer;
    position:relative;
    transition:0.3s;
    font-weight: 500;
}

.ptks4boxRound .option.correct{
    background: #d9f1d9;
}

.ptks4boxRound .option input{
    margin:0;
}

.ptks4boxRound .checkmark{
    position:absolute;
    right:10px;
    color:#28a745;
    font-weight:bold;
    display:none;
}

.ptks4boxRound .option.correct .checkmark{
    display:block;
}

.ptks4boxRound .next-btn{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    background:#28a745;
    color:#fff;
    border:none;
    padding:10px 18px;
    border-radius: 10px;
    cursor: default;
    margin-top: 15px;
    width: 100%;
    pointer-events: none;
}
.ptks4boxRound .next-btn:hover{
    background:#28a745;
}
.ptks-9 .row {
    align-items: center;
}
.ptks-9 .row img {
    max-width: 120px;
}
.ptks.ptks-8 {
    overflow: visible;
}
.ptksbox8 {
    background: #000714;
    border-radius: 25px;
    padding: 30px 30px;
    position: relative;
    overflow: visible;
}
.ptksbox8 .chtt p,.ptksbox8-text p {
    color: #cfcfcf;
}
.ptksbox8 .inrow-btn {
    justify-content: unset;
}
.ptksbox8 .inrow-btn a.btn.btnBig-2 {
    color: #fff;
}
.ptksbox8-icon {
    text-align: center;
}
.ptksbox8-icon img {
    max-width: 80px;
    margin-bottom: 15px;
}
.ptksbox8-text {
    text-align: center;
}
.ptksbox8 .row {
    align-items: center;
}
.colptksbox8 {
    background: url(../images/pages/products/panda-talks/ProcessPanda-panda-logo.webp?v=5);
    /*background: url(../images/shared/ptksboxX8.png);*/
    width: 34%;
    position: absolute;
    right: 36px;
    top: -48px;
    bottom: 12px;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    z-index: 0;
    pointer-events: none;
}
.ptksbox8 .col-sm-6 {
    position: relative;
    z-index: 1;
}
.col-sm-6 .col-sm-3:nth-child(3) {
    width: 22%;
}
.ptksbox8 .row .row {
    align-items: unset;
}
.ptksbox8 .chtt h3 {
    color: #fff;
}
.ptksbox8 .col-sm-6 .col-sm-3:nth-child(1), .ptksbox8 .col-sm-6 .col-sm-3:nth-child(2) {
    width: 20%;
}
.ptks7, .ptks6box, .ptks4box, .ptks3,.ptks2 {
    background: #fafafa;
    padding: 30px 30px;
    border-radius: 20px;
}
.ptks2 {
    background: #000;
    border: 2px solid #000;
    color: #fff;
}
.ptks3 {
    background: #000;
    color: #fff;
}
.ptks3 .chtt h2 {
    color: #fff;
}
.ptks3 .chtt h2 span,
.ptks3 .chtt h2 span.panda-green,
.panda-green {
    color: #248636;
}
.ptks3 .row > .col-sm-7 > p {
    color: #fff;
}
.ptks3 .ptks3Txt h4,
.ptks3 .ptks3Txt p {
    color: #fff;
}
.relative {
    position: relative;
}
.ptks2 .col-sm-2 {
    width: calc(100% / 6);
    display: flex;
    gap: 15px;
}
.ptks2Icon {
    margin-bottom: 10px;
    flex: 0 0 auto;
    width: 55px;
    height: 55px;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ptks2Icon img {
    max-width: 55px;
    width: 55px;
    height: 55px;
    display: block;
    object-fit: contain;
    background: transparent;
}
.ptks2Txt h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
}
.ptks3 .row {
    align-items: center;
    margin-bottom: 30px;
}
.ptks3  .col-sm-2 {
    width: 19%;
    text-align: center;
    background: #111;
    box-shadow: none;
    border: 1px solid #222;
    padding: 30px 15px;
    border-radius: 15px;
}
.ptks3 .row:last-child {
    gap: 20px;
    margin-bottom: 0;
}
.ptks3Icon {
    max-width: 80px;
    margin: 0 auto 20px;
}
.ptks3Icon img {
    width: 100%;
}
.ptks3 .row .col-sm-5 {
    width: 40%;
}
.ptks3 .row .col-sm-7 {
    width: 60%;
}
.verticlebox {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    position: relative;
}
.vbIT-icon {
    max-width: 60px;
}
.vbIT-icon img {
    width: 100%;
}
.verticlebox .vbIT {
    display: flex;
    gap: 15px;
    width: 48%;
    position: relative;
}
.ptks4box .col-sm-5 {
    width: 45%;
}
.ptks4box .col-sm-7 {
    width: 55%;
}
.bdrLft {
    position: absolute;
    height: 100%;
    width: 2px;
    border-left: 2px dotted #3f9257;
    top: 0;
}
.bdrLft-1 {
    left: -5%;
}
.bdrLft-2 {
    left: 45.4%;
}
.verticlebox p {
    line-height: 1.3;
}
.verticlebox .vbIT span {
    position: absolute;
    left: -65px;
    width: 30px;
    height: 30px;
    background: #248944;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    top: 0;
}
.ptks7 .col-sm-5 {
    padding-right: 30px;
    width: 41%;
}
.ptks7 .ticklist {
    margin: 50px 0 0;
}
.ptks7 .col-sm-8 {
    width: 70%;
}
.ptks7 .col-sm-4 {
    width: 30%;
}
.ptks7 .col-sm-6 {
    width: 59%;
    padding-left: 30px;
}
.ptks7 .col-sm-7 {
    width: 63%;
}
.ptks7 .col-sm-6 .col-sm-5 {
    width: 37%;
}
.ptksBrow .ptks4Box {
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 40px 20px;
    border-radius: 15px;
}
.ptks6box .col-sm-3 {
    width: 21%;
    padding-left: 30px;
}
.ptks6box .col-sm-3 .ticklist {
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 20px 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}
.ptks6box .col-sm-3 .ticklist li {
    align-items: unset;
}
.ptks6box .col-sm-5 {
    width: 49%;
}
.ptks6box .col-sm-4 {
    width: 30%;
}
.ptks6box .col-sm-5 .col-sm-4 {
    width: 33.33%;
    text-align: center;
}
.ptks4Box img {
    max-width: 120px;
}
.ptks-coming-soon {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #268540;
    background: #ebf2eb;
    border-radius: 999px;
    vertical-align: middle;
}
.ptks-coming-soon-top {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 16px;
}
.pComply-2 .chtt .ptks-coming-soon-top {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 18px;
    padding: 5px 14px;
    font-size: 11px;
    letter-spacing: 0.06em;
}
.ptks6box .col-sm-5 .col-sm-4 p {
    font-size: 18px;
    font-weight: 500;
}
.ptks4boxRound {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 30px 30px;
    border-radius: 20px;
    border: 2px solid #cbcbcb;
    margin-right: 30px;
    background: #ffffff;
}
.ptks4boxRound .col-sm-4 {
    border-right: 2px solid #e7e7e7;
}
.topTitlE {
    margin-bottom: 30px;
    text-align: center;
}
.topBig {
    max-width: 180px;
    margin: 0 auto 30px;
}
.topBig img {
    width: 100%;
}
.score-ring {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-radius: 50%;
    background: conic-gradient(#248636 0 75%, #e8e8e8 75% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.score-ring::before {
    content: "";
    position: absolute;
    inset: 14px;
    border-radius: 50%;
    background: #0b0b0b;
}
.score-ring-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #248636;
    line-height: 1.15;
}
.score-ring-inner strong {
    display: block;
    font-size: 42px;
    font-weight: 800;
    color: #248636;
}
.score-ring-inner span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #248636;
}
.ptks-5 .ptks4box {
    background: #000;
}
.ptks-5 .chtt h3 {
    color: #fff;
}
.ptks-5 .chtt h3 span {
    color: #248636;
}
.ptks-5 .chtt p,
.ptks-5 .ptksRTxt {
    color: #fff;
}
.topTxt p {
    text-align: center;
    font-weight: 500;
}
.ptks4boxRound .col-sm-4:nth-child(1),.ptks4boxRound .col-sm-4:nth-child(3) {
    width: 30%;
}
.ptks4boxRound .col-sm-4:nth-child(2) {
    width: 40%;
    padding: 0 25px;
}
.topCheckIcon {
    text-align: center;
    margin-bottom: 35px;
}
.topCheckIcon img,.topTitlE-A img {
    max-width: 70px;
    margin-bottom: 15px;
}
.topTitlE-A {text-align: center;}
.topTitlE-A a,
.topTitlE-A .cert-btn {
    background: #fafafa;
    padding: 0 30px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    border: 2px solid #cbcbcb;
    color: #258348;
    cursor: default;
    pointer-events: none;
}
.ptks4boxRound .col-sm-4:nth-child(3) {
    border: 0;
    padding: 0 10px 0 30px;
}
.ptks4boxRound .option.correct span.check-icon {
    background: #26834a;
    display: block;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    right: 10px;
    position: absolute;
}
.ptksRIcon img {
    max-width: 60px;
}
.ptksR {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

/*=============PRICING PANDA CORE PAGE CSS*/
.pricing-compare {
    background: #f8faf9;
}
.pricing-compare-grid{
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 30px;
    align-items: start;
}
.pricing-table-wrap {
    overflow-x: auto;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}
.pricing-table {
    width: 100%;
    border-collapse: collapse;
}
.pricing-table th, .pricing-table td {
    padding: 15px 15px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.pricing-table thead th {
    background: #f7f7f7;
    font-weight: 700;
    font-size: 20px;
}
.pricing-table th:first-child, .pricing-table td:first-child {
    text-align: left;
    color: #374151;
}
.pricing-table .status-addon {
    color: #d97706;
    font-weight: 600;
}
.pricing-table .status-yes {
    color: #3bb54a;
}
.pricing-table .col-featured {
    background: #f7f7f7;
}
.pricing-table .status-no {
    color: #ef4444;
}
.pricing-eoe-panel {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 25px 25px;
}
.pricing-eoe-steps {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.pricing-eoe-step {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.pricing-eoe-step-icon {
    width: 40px;
    height: 40px;
}
.pricing-eoe-step-icon img {
    width: 100%;
}
.pricing-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: stretch;
}
.pricing-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 28px 22px;
    display: flex;
    flex-direction: column;
    background: #fff;
    position: relative;
}
.pricing-card-badge {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    background: #268540;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 5px 15px;
    border-radius: 5px;
    white-space: nowrap;
}
.pricing-card-price {
    text-align: center;
}
.amount {
    font-size: 40px;
    font-weight: 700;
    line-height: 35px;
}
.period {
    font-weight: 600;
}
.pricing-card.is-featured {
    border-color: #3bb54a;
    box-shadow: 0 12px 40px rgba(59, 181, 74, 0.15);
    transform: scale(1.02);
    z-index: 1;
}
.pricing-billing-toggle-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.pricing-billing-toggle{
    display: inline-flex;
    align-items: center;
    position: relative;
    border-radius: 5px;
    border: 1px solid #268540;
}
.pricing-billing-toggle button {
    border: none;
    background: transparent;
    padding: 15px 50px;
    font-weight: 600;
    color: #6b7280;
    border-radius: 0;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
}
.pricing-billing-toggle button.is-active {
    background: #268540;
    color: #fff;
}
.pricing-billing-badge {
    background: #f7f7f7;
    color: #268540;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 50px;
    margin-left: 15px;
    line-height: 14px;
    display: inline-block;
}
.pricing-billing-note {
    font-weight: 500;
    display: flex;
    gap: 10px;
    align-items: center;
}
.pricing-cards .inrow-btn {
    justify-content: center;
}
.pricing-billing-note i {
    background: #25822d;
    color: #fff;
}
.ppcorebox {
    text-align: center;
    margin-top: 30px;
}

.ppcorebox img {
    max-width: 40px;
    height: 40px;
    object-fit: contain;
}
.ppc .ftext-ul ul li{
    color: #000;
}
.ppc .row {
    align-items: flex-end;
}
.addon-card{
    background: #eef7ee;
    border: 2px solid #c7dfc7;
    border-radius: 10px;
    padding: 20px;
}

.addon-title{
    font-weight:700;
    color:#2b7a3d;
    margin-bottom: 10px;
}

.pricing-card-addon .addon-desc{
    line-height:1.4;
    margin-bottom: 20px;
}

.pricing-card-addon .price{
    color:#1d8a3a;
    font-weight:700;
    font-size: 35px;
    line-height:1;
    margin-bottom: 0px;
}

.pricing-card-addon .price span{
    font-size: 18px;
    font-weight:600;
}

.pricing-card-addon .billing{
    font-size: 17px;
    color:#555;
    margin-top: 5px;
    margin-bottom: 20px;
}

.pricing-card-addon .billing strong{
    color:#2b7a3d;
}





.workforce-training {
}

.workforce-training__grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 20px;
}

.workforce-training__intro,
.workforce-training__item {
    background: #fff;
    border: 2px solid #e7e7e7;
    border-radius: 10px;
    padding: 25px;
    min-height: 150px;
}

.workforce-training__intro h2 {
}

.workforce-training__intro p,
.workforce-training__item p {
}

.workforce-training__icon {
    max-width: 60px;
    margin-bottom: 20px;
    object-fit: contain;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.workforce-training__item h3 {
}

.workforce-training__item--cta {
    display: flex;
    flex-direction: column;
}

.workforce-training__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    padding: 10px 16px;
    background: #0a7a32;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s ease;
}
.workforce-training__item--cta .inrow-btn {
    justify-content: unset;
}
.workforce-training__button:hover {
    background: #086529;
}
.workforce-training__intro {
    background: transparent;
    border: 0;
}
.ppcta {
    padding: 30px 30px;
    background: #000b19;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ppcta .ctaBtnBox {
    width: 25%;
}
.ppcta .ctaIcon {
    background: url();
    border-color: #35aa45;
}
.ppcta .ctaIcon img {
    max-width: 50px;
}
.nswp {
    padding: 20px 50px;
    background: #f7f7f7;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nswp .ctaIcon {
    background: url();
    border: unset;
    width: auto;
    height: auto;
}
.nswp .ctaIcon img {
    max-width: 60px;
}
.nswp .ctaHead .cthh h3 {
    color: #000;
}
.nswp .ctaHead .cthh p {
    color: #000;
}
.nswp .ctaBtnBox .ctabtn-1 {
    color: #000;
}













.panda-container{
    background:#030814;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.panda-container{display: flex;flex-wrap: wrap;}
.panda-image{
    padding: 0;
    display:flex;
    align-items: flex-end;
    width: 19%;
}
.panda-image img{width: 100%;}
.panda-content{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    width: 81%;
}
.training-box{
    padding: 30px 20px;
    border-right: 2px solid rgba(255,255,255,.08);
}
.training-box:last-child{
    border-right:none;
}
.panda-footer{
    border: 2px solid rgba(255,255,255,.08);
    align-items:center;
    padding: 1%;
    width: 98%;
    left: 1%;
    position: relative;
    border-radius: 15px;
    margin-bottom: 1%;
    right: 1%;
    display: flex;
}
.important-note{
    display:flex;
    gap: 30px;
    align-items: center;
    width: 64%;
    flex: 0 0 auto;
    padding-right: 30px;
}
.important-note i{
    font-size:20px;
    color:#fff;
}
.footer-buttons{
    display:flex;
    gap:10px;
}
.panda-content h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
}
.panda-content p,.panda-content li {
    color: #dfdfdf;
}
.ticklist ul li i {
    flex: 0 0 auto;
}
.training-box .ticklist {
    margin: 0;
}
.important-note img {
    max-width: 50px;
}
.important-note h3 {
    color: #fff;
    line-height: 30px;
    font-size: 25px;
    font-weight: 600;
}
.important-note p {
    color: #dfdfdf;
}
.panda-footer .inrow-btn {
    justify-content: unset;
    width: 36%;
}
.panda-footer .inrow-btn a.btn {
    color: #fff;
}
.iso-section{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.iso-heading{
}

.iso-heading span{
    color:#22c55e;
    font-size:28px;
}

.iso-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom: 35px;
}

.iso-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:25px 15px;
    transition:.3s;
}

.iso-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.icon-circle{
    width: 80px;
    height: 80px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;
    color:#fff;
    font-size:22px;
}

.green{background:#16a34a;}
.blue{background:#2563eb;}
.orange{background:#f97316;}
.purple{background:#7c3aed;}

.iso-title{
}

.iso-subtitle{
}

.offer-box{
    background: #ffffff;
    border: 2px solid #d5e5de;
    border-radius:12px;
    padding: 30px 30px;
    display:flex;
    align-items:center;
    gap: 20px;
    text-align:left;
}

.offer-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color: #268540;
    font-size: 70px;
}
.chtt h4 span {
    color: #268540;
}
.isoTraining .ftext-p {
    margin-bottom: 0;
}
.isoTraining .ppcore {
    margin-right: 50px;
}
.isoTboxraing {}

.isoTboxraing .pricing-card-price {
    border: 2px solid #e5e5e5;
    position: relative;
    padding: 20px 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}

span.topMy {
    position: absolute;
    top: -14px;
    background: #ffffff;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
}
.isoPricing .inrow-btn, .isoPricing .inrow-btn a {
    max-width: 100%;
    width: 100%;
}
.thousandsbox {
    background: #f8f9fa;
    border: 2px solid #ededed;
    border-radius: 20px;
    padding: 20px;
}

.thousandsbox .row {
    align-items: center;
}

.throw {
    display: flex;
    gap: 20px;
}

.thcolmIcon {}

.thcolmIcon img {
    width: 70px;
}

.thcolm {
    display: flex;
    gap: 15px;
}

.thcolmT {}

.thcolmT h4 {
    font-size: 18px;
}

.thcolmT p {
    font-size: 17px;
    line-height: 1.4;
}
.everyisobox {
    background: #f8f9fa;
    border: 2px solid #ededed;
    border-radius: 20px;
    padding: 25px;
}

.esioIcon {
    border-bottom: 2px solid #ededed;
    padding-bottom: 25px;
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 25px;
}
.esioIconx {
    max-width: 80px;
}

.esioIconx img {
    width: 100%;
    object-fit: contain;
}

.everyisobox .eisoin {
    display: flex;
    gap: 10px;
}

.imgIco {
    max-width: 45px;
}

.imgIco img {
    width: 100%;
}

.everyisobox .eisoin .chtt h4 {
    font-size: 18px;
}

.everyisobox .eisoin .chtt p {
    line-height: 1.4;
    font-size: 17px;
}
.cntText h3 {
    margin-bottom: 10px;
}
.platform-item h3 {
    margin-bottom: 10px;
}
.cs-panda.ibs-panda {
    padding: 30px 0px;
}
.width-full2{
    display: none;
}
.per50show {
    height: 100%;
    width: 55%;
    position: absolute;
    right: 0;
}
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*=================================*/
/*==============HOME BANNER VIDEO BOX */
.video-box{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    border-radius:20px;
    background-size: cover !important;
    background: url(../images/pages/home/Home-Header.webp);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.2);
    box-shadow:0 20px 40px rgba(0,0,0,.3);
}

/* Video */
.video-box video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:none;
}

/* Play Button */
.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    border:2px solid rgba(255,255,255,.4);
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.3s;
}

.play-btn:hover{
    transform:translate(-50%,-50%) scale(1.08);
    background:rgba(255,255,255,.25);
}

.play-btn::before{
    content:'';
    border-left:28px solid #fff;
    border-top:18px solid transparent;
    border-bottom:18px solid transparent;
    margin-left:6px;
}

body.video-modal-open {
    overflow: hidden;
}

.video-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 0;
}

.video-modal.active {
    display: flex;
}

.video-modal .video-modal-content {
    position: relative;
    width: min(75vw, calc(75vh * 16 / 9));
    height: min(75vh, calc(75vw * 9 / 16));
    max-width: none;
    max-height: none;
    aspect-ratio: auto;
    background: #000;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
}

.video-modal .video-modal-frame {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
}

.video-modal .video-modal-frame iframe,
.video-modal .video-modal-content iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.video-modal .video-modal-dismiss {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 36px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10002;
    pointer-events: auto;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.video-modal .video-modal-dismiss:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

@media (max-width: 767px) {
    .video-modal .video-modal-content {
        width: min(92vw, calc(75vh * 16 / 9));
        height: min(75vh, calc(92vw * 9 / 16));
    }

    .video-modal .video-modal-dismiss {
        top: 12px;
        right: 12px;
    }
}
/*=================================*/
.imgIsoImg img {
    width: 100%;
    max-width: 160px;
}
.imgIsoTitle span {
    display: block;
    height: 3px;
    width: 50px;
    background: #42b53c;
    margin: 15px auto;
    border-radius: 10px;
}
.isoCer .col-sm-2 {
    text-align: center;
}
.isoCer .col-sm-2 {
    text-align: center;
}

.imgIsoImg {
    margin-bottom: 15px;
}
.ftext-list3 ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.ftext-list3 ul li {
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}
.ftext-list3 ul li img {
    width: 40px;
}
.borderLInEs {
    border-left: 2px solid #e4e4e4;
}
.borderLInEs:first-child {
    border-left: 0;
}
.ipadshow{
    display: none;
}
.fooA {
    display: flex;
    gap: 20px;
    align-items: center;
}

.fooA a {
    background: #268540;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}
/* Home footer banner CTA */
.home-footer-banner {
    padding: 20px 0 10px;
}
.home-footer-banner-link {
    display: block;
    border-radius: 16px;
    overflow: hidden;
    line-height: 0;
}
.home-footer-banner-link img {
    display: block;
    width: 100%;
    height: auto;
}
.iso-9001-cta-banner {
    background: transparent;
    margin-top: 10px;
}
.iso-9001-cta-banner > .container {
    padding-left: clamp(20px, 5vw, 88px);
    padding-right: clamp(20px, 5vw, 88px);
}
.iso-9001-cta-banner .home-footer-banner-link {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    background: transparent;
    border-radius: 24px;
}
.iso-9001-cta-banner .home-footer-banner-link img {
    image-rendering: auto;
    border-radius: 24px;
    display: block;
    width: 100%;
}
.home-footer-banner-link.terms-banner-hotspots,
.home-footer-banner-link.security-banner-hotspots,
.home-footer-banner-link.ims-cta-banner-hotspots,
.home-footer-banner-link.ibs-cta-banner-hotspots,
.home-footer-banner-link.iso9001-cta-banner-hotspots,
.home-footer-banner-link.workforce-cta-banner-hotspots {
    position: relative;
}
.terms-banner-btn,
.security-banner-btn,
.ims-cta-banner-btn,
.ibs-cta-banner-btn,
.iso9001-cta-banner-btn,
.workforce-cta-banner-btn,
.iso-overview-cta-banner-btn {
    position: absolute;
    display: block;
    z-index: 2;
    border-radius: 999px;
}
.home-footer-banner-link.iso-overview-cta-banner-hotspots {
    position: relative;
}
.iso-overview-cta-banner-btn--demo {
    left: 60.5%;
    top: 56%;
    width: 16.5%;
    height: 18%;
    border-radius: 12px;
}
.iso-overview-cta-banner-btn--sales {
    left: 78%;
    top: 56%;
    width: 17%;
    height: 18%;
    border-radius: 12px;
}
.ims-cta-banner-btn--demo {
    left: 58%;
    top: 54%;
    width: 34%;
    height: 12%;
}
.ims-cta-banner-btn--contact {
    left: 58%;
    top: 71%;
    width: 34%;
    height: 12%;
}
.ibs-cta-banner-btn--demo {
    left: 55%;
    top: 23%;
    width: 41%;
    height: 14%;
}
.ibs-cta-banner-btn--contact {
    left: 55%;
    top: 38%;
    width: 41%;
    height: 10%;
}
.iso9001-cta-banner-btn--demo {
    left: 71%;
    top: 20%;
    width: 25%;
    height: 28%;
}
.iso9001-cta-banner-btn--contact {
    left: 71%;
    top: 56%;
    width: 25%;
    height: 22%;
}
.workforce-cta-banner-btn--demo {
    left: 70%;
    top: 30%;
    width: 25%;
    height: 16%;
    border-radius: 12px;
}
.workforce-cta-banner-btn--sales {
    left: 70%;
    top: 50%;
    width: 25%;
    height: 16%;
    border-radius: 12px;
}
/* Slightly tighter whitespace around workforce/projects CTA banner */
.workforce-cta-banner.home-footer-banner {
    padding: 6px 0 4px;
}
.workforce-cta-banner.mbottom35 {
    margin-bottom: 18px;
}
.workforce-cta-banner .home-footer-banner-link {
    overflow: hidden;
}
.workforce-cta-banner .home-footer-banner-link img {
    margin-top: -5%;
    margin-bottom: -5%;
    width: 100%;
}
@media (max-width: 767px) {
    .ims-cta-banner-btn--demo {
        left: 52%;
        top: 53%;
        width: 42%;
        height: 13%;
    }
    .ims-cta-banner-btn--contact {
        left: 52%;
        top: 70%;
        width: 42%;
        height: 13%;
    }
    .ibs-cta-banner-btn--demo {
        left: 52%;
        top: 22%;
        width: 42%;
        height: 15%;
    }
    .ibs-cta-banner-btn--contact {
        left: 52%;
        top: 38%;
        width: 42%;
        height: 12%;
    }
    .iso9001-cta-banner-btn--demo {
        left: 68%;
        top: 18%;
        width: 30%;
        height: 30%;
    }
    .iso9001-cta-banner-btn--contact {
        left: 68%;
        top: 54%;
        width: 30%;
        height: 24%;
    }
    .workforce-cta-banner-btn--demo {
        left: 62%;
        top: 28%;
        width: 34%;
        height: 18%;
    }
    .workforce-cta-banner-btn--sales {
        left: 62%;
        top: 48%;
        width: 34%;
        height: 18%;
    }
    .iso-overview-cta-banner-btn--demo {
        left: 58%;
        top: 54%;
        width: 19%;
        height: 20%;
    }
    .iso-overview-cta-banner-btn--sales {
        left: 78%;
        top: 54%;
        width: 19%;
        height: 20%;
    }
}
.terms-banner-btn--contact {
    left: 46.5%;
    top: 61.5%;
    width: 23.5%;
    height: 15.5%;
}
.terms-banner-btn--sales {
    left: 71%;
    top: 61.5%;
    width: 23.5%;
    height: 15.5%;
}
.security-banner-btn--contact {
    left: 48%;
    top: 63.5%;
    width: 21.5%;
    height: 16%;
}
.security-banner-btn--sales {
    left: 70.5%;
    top: 63.5%;
    width: 21.5%;
    height: 16%;
}
@media (max-width: 767px) {
    .terms-banner-btn--contact {
        left: 46%;
        top: 61%;
        width: 24.5%;
        height: 16.5%;
    }
    .terms-banner-btn--sales {
        left: 70.5%;
        top: 61%;
        width: 24.5%;
        height: 16.5%;
    }
    .security-banner-btn--contact {
        left: 47.5%;
        top: 63%;
        width: 22.5%;
        height: 17%;
    }
    .security-banner-btn--sales {
        left: 70%;
        top: 63%;
        width: 22.5%;
        height: 17%;
    }
}

/*==== Founder profile images — 3 responsive columns ====*/
.lead-skills {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px 8px;
    margin-bottom: 28px;
    padding: 0 4px;
}
.lead-skill {
    flex: 1 1 0;
    min-width: 110px;
    text-align: center;
    position: relative;
    padding: 0 10px;
}
.lead-skill + .lead-skill::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #d9e2dc;
}
.lead-skill i {
    display: block;
    color: #1a6b36;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 1;
}
.lead-skill span {
    display: block;
    color: #1a6b36;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.3;
}
.founder-image-cols {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}
.founder-image-col {
    min-width: 0;
}
.founder-image-col img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 16px;
}
@media (max-width: 991px) {
    .founder-image-cols {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
        gap: 24px;
    }
    .lead-skill + .lead-skill::before {
        display: none;
    }
    .lead-skills {
        justify-content: center;
    }
    .lead-skill {
        flex: 0 0 30%;
    }
}
@media (max-width: 575px) {
    .lead-skill {
        flex: 0 0 45%;
    }
}

/* Cookie / privacy / terms hero */
.tcp-pageTitle.cookie-hero {
    display: block;
    padding: 20px 0 6rem;
}
.tcp-pageTitle.cookie-hero .row {
    width: 100%;
    margin: 0;
    align-items: center;
}
.tcp-pageTitle.cookie-hero .cookie-hero-img,
.tcp-pageTitle.cookie-hero .legal-hero-img {
    max-width: 460px;
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
}
.tcp-sidebar h4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #666;
    margin: 0 25px 25px;
}
.tcp-nav li {
    display: flex;
    align-items: center;
    gap: 12px;
}
.tcp-nav li i {
    width: 22px;
    text-align: center;
    color: #268540;
    font-size: 16px;
    flex-shrink: 0;
}
.tcp-nav li.active,
.tcp-nav li:hover {
    background: #ebf2eb;
    color: #268540;
}
.incontrol {
    border: 1px solid #d7e8da;
}
.incontrol h5 {
    color: #268540;
    font-weight: 700;
}
@media (max-width: 991px) {
    .tcp-pageTitle.cookie-hero .cookie-hero-img,
    .tcp-pageTitle.cookie-hero .legal-hero-img {
        margin: 20px auto 0;
    }
    .tcp-section .row {
        flex-direction: column;
    }
    .tcp-section .row .col-sm-3,
    .tcp-section .row .col-sm-9 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .tcp-section .row .col-sm-3.tcp-sidebar {
        position: static;
        max-height: none;
        overflow: visible;
        order: 1;
    }
    .tcp-section .row .col-sm-9 {
        order: 2;
        padding: 30px 20px;
    }
    .tcp-section .row .col-sm-3 {
        padding: 30px 20px;
    }
    .tcp-section .col-sm-3 ul {
        max-height: none;
    }
}

/* Security & Trust hero */
.security-hero-block {
    margin-bottom: 40px;
}
.security-hero-block .tcp-pageTitle.security-hero {
    display: block;
    padding: 0 0 6rem;
}
.security-hero-block .tcp-pageTitle.security-hero .row {
    width: 100%;
    margin: 0;
    align-items: center;
}
.security-hero-block .security-hero .chtt p {
    max-width: 520px;
    line-height: 1.75;
    color: #555;
    margin-bottom: 0;
}
.security-hero-block .security-hero h1 {
    font-size: 46px;
    line-height: 1.15;
    margin-bottom: 22px;
}
.security-hero-graphic {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.security-hero-img {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
    margin-left: auto;
}
.security-highlights {
    margin-top: 0;
}
.security-highlights-box {
    background: #fff;
    border: 1px solid #e7eaea;
    border-radius: 16px;
    padding: 36px 0;
    overflow: hidden;
}
.security-highlights-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
}
.security-highlight-item {
    text-align: center;
    padding: 0 28px;
}
.security-highlight-item + .security-highlight-item {
    border-left: 1px solid #e7eaea;
}
.security-highlight-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #e8f3ea;
    color: #268540;
    font-size: 20px;
}
.security-highlight-item h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #171818;
    line-height: 1.3;
}
.security-highlight-item p {
    font-size: 13px;
    line-height: 1.55;
    color: #666;
    margin: 0;
}
@media (max-width: 1199px) {
    .security-hero-block .security-hero h1 {
        font-size: 40px;
    }
    .security-hero-img {
        max-width: 440px;
    }
}
@media (max-width: 991px) {
    .security-hero-block .tcp-pageTitle.security-hero {
        padding-bottom: 6rem;
    }
    .security-hero-graphic {
        justify-content: center;
        margin-top: 24px;
    }
    .security-hero-img {
        max-width: 380px;
        margin: 0 auto;
    }
    .security-highlights-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .security-highlights-box {
        padding: 24px 0;
    }
    .security-highlight-item {
        padding: 20px 18px;
    }
    .security-highlight-item + .security-highlight-item {
        border-left: none;
    }
    .security-highlight-item:nth-child(even) {
        border-left: 1px solid #e7eaea;
    }
    .security-highlight-item:nth-child(n+3) {
        border-top: 1px solid #e7eaea;
    }
}
@media (max-width: 575px) {
    .security-hero-block .security-hero h1 {
        font-size: 34px;
    }
    .security-highlights-grid {
        grid-template-columns: 1fr;
    }
    .security-highlight-item:nth-child(even) {
        border-left: none;
    }
    .security-highlight-item:nth-child(n+2) {
        border-top: 1px solid #e7eaea;
    }
}

/* ================= PANDAPASS PAGE ================= */
/* Client-provided PP Pricing Bootstrap layout */
.pandapass-page {
    --pp-green: #0daf45;
    --pp-green-2: #078d37;
    --pp-black: #030b0d;
    --pp-dark: #06201d;
    --pp-soft: #f4f8f5;
    --pp-border: #dce4df;
    --pp-text: #171a1b;
    background: #fff;
    color: var(--pp-text);
    padding: 0;
    overflow: hidden;
}

.pandapass-page .pp-shell { overflow: hidden; }
.pandapass-page .pp-container { max-width: 1800px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }

.pandapass-page .pp-hero {
    position: relative;
    background:
        radial-gradient(circle at 5% 5%, rgba(22, 170, 72, 0.18), transparent 30%),
        linear-gradient(105deg, #010607 0%, #061315 58%, #010607 100%);
    color: #fff;
    padding: 72px 0 82px;
}

.pandapass-page .pp-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px);
    background-size: 16px 16px;
    mask-image: linear-gradient(to bottom, black, transparent 55%);
    -webkit-mask-image: linear-gradient(to bottom, black, transparent 55%);
    pointer-events: none;
}

.pandapass-page .pp-hero .container { position: relative; z-index: 1; }

.pandapass-page .pp-brand {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 26px;
}

.pandapass-page .pp-brand-icon {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #13bd53, #058c38);
    font-size: 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    color: #fff;
    flex-shrink: 0;
}

.pandapass-page .pp-brand-name {
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}

.pandapass-page .pp-green { color: var(--pp-green); }

.pandapass-page .pp-subtitle {
    font-size: 22px;
    font-weight: 700;
    color: #12b34b;
    margin: 6px 0 20px;
}
.pandapass-page h1.pp-subtitle {
    line-height: 1.3;
}

.pandapass-page .pp-lead {
    font-size: 22px;
    line-height: 1.55;
    color: #f5f5f5;
}

.pandapass-page .pp-proof {
    display: flex;
    gap: 0;
    margin-top: 38px;
    flex-wrap: wrap;
}

.pandapass-page .pp-proof-item {
    min-width: 145px;
    padding: 0 27px;
    border-right: 1px solid rgba(255, 255, 255, 0.35);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.pandapass-page .pp-proof-item:first-child { padding-left: 0; }
.pandapass-page .pp-proof-item:last-child { border-right: 0; }

.pandapass-page .pp-proof-item i {
    display: block;
    color: var(--pp-green);
    font-size: 28px;
    margin-bottom: 9px;
}

.pandapass-page .hero-visual {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.pandapass-page .hero-photo {
    width: 100%;
    height: 460px;
    object-fit: cover;
    object-position: 32% 12%;
    border-radius: 24px;
    filter: saturate(0.94) contrast(1.02);
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.28);
    mask-image: linear-gradient(to right, transparent 0%, black 20%, black 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 100%);
}

.pandapass-page .hero-phone {
    position: absolute;
    right: 142px;
    bottom: 8px;
    width: 152px;
    background: #fff;
    color: #111;
    border: 6px solid #111;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.38);
    z-index: 2;
}

.pandapass-page .phone-header {
    font-weight: 800;
    padding: 11px 13px;
    font-size: 15px;
    color: #111;
}

.pandapass-page .phone-body {
    text-align: center;
    padding: 4px 12px 13px;
    color: #111;
}

.pandapass-page .avatar {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    object-fit: cover;
    object-position: 29% 27%;
    border: 2px solid #ddd;
    margin-bottom: 5px;
}

.pandapass-page .access {
    background: linear-gradient(#16b650, #068e39);
    color: white;
    border-radius: 5px;
    padding: 12px 8px;
    font-weight: 800;
    margin-top: 9px;
    line-height: 1.05;
}

.pandapass-page .hero-card {
    position: absolute;
    right: 0;
    bottom: 8px;
    width: 135px;
    background: #062d28;
    color: #fff;
    border-radius: 17px;
    padding: 15px;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.34);
    z-index: 1;
}

.pandapass-page .qr-box {
    aspect-ratio: 1;
    background: #fff;
    color: #000;
    border-radius: 8px;
    display: grid;
    place-items: center;
    margin: 12px 0;
    padding: 6px;
}

.pandapass-page .qr-box img {
    width: 100%;
    height: auto;
    display: block;
}

.pandapass-page .how-card {
    position: relative;
    z-index: 5;
    margin-top: -48px;
    background: #fff;
    border: 1px solid var(--pp-border);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    padding: 28px 34px;
}

.pandapass-page .how-title {
    font-weight: 800;
    font-size: 30px;
    color: var(--pp-text);
}

.pandapass-page .how-card .fs-5 { color: #6b7280; }

.pandapass-page .how-card h5 {
    color: var(--pp-text);
    font-size: 1.1rem;
}

.pandapass-page .how-card p {
    color: #404444;
    font-size: 14px;
    line-height: 1.45;
}

.pandapass-page .how-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #edf7ef;
    color: #087c31;
    font-size: 22px;
    flex: 0 0 auto;
}

.pandapass-page .pricing-card {
    margin-top: 22px;
    border: 1px solid var(--pp-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.06);
}

.pandapass-page .price-panel {
    height: 100%;
    color: #fff;
    padding: 38px 42px;
    background:
        radial-gradient(circle at 92% 10%, rgba(13, 175, 69, 0.13), transparent 32%),
        linear-gradient(145deg, #031d1a, #021012);
}

.pandapass-page .price-kicker {
    color: #13bd53;
    font-size: 23px;
    font-weight: 700;
}

.pandapass-page .price {
    font-size: 76px;
    font-weight: 800;
    line-height: 1;
    margin: 24px 0 16px;
    color: #fff;
}

.pandapass-page .price small {
    font-size: 18px;
    font-weight: 500;
}

.pandapass-page .price-panel .fs-5 {
    color: rgba(255, 255, 255, 0.88);
}

.pandapass-page .btn-pp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #079f3d, #14bd50);
    color: #fff !important;
    padding: 17px 20px;
    font-size: 21px;
    font-weight: 800;
    margin: 22px 0;
    text-decoration: none;
}

.pandapass-page .btn-pp:hover {
    color: #fff !important;
    filter: brightness(1.05);
}

.pandapass-page .payment-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 23px;
}

.pandapass-page .payment-chip {
    min-width: 60px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 6px;
    text-align: center;
    font-weight: 800;
    font-size: 12px;
}

.pandapass-page .features-panel {
    padding: 35px 34px 22px;
    background: #fff;
}

.pandapass-page .feature {
    display: flex;
    gap: 12px;
    margin-bottom: 27px;
}

.pandapass-page .feature i {
    color: #078c37;
    margin-top: 3px;
    font-size: 19px;
}

.pandapass-page .feature strong {
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
    color: var(--pp-text);
}

.pandapass-page .feature p {
    margin: 0;
    color: #404444;
    line-height: 1.4;
    font-size: 14px;
}

.pandapass-page .mini-row {
    background: #f1f6f2;
    border: 1px solid #dce8df;
    border-radius: 8px;
    padding: 16px 14px;
    margin-top: 7px;
}

.pandapass-page .mini-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.pandapass-page .mini-item i {
    font-size: 34px;
    color: #103e32;
}

.pandapass-page .mini-item strong {
    color: var(--pp-text);
    font-size: 15px;
}

.pandapass-page .mini-item small {
    color: #5a6360;
}

.pandapass-page .trust-strip {
    margin-top: 18px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(100deg, #03251f, #012b24, #05251f);
    padding: 13px 26px 24px;
}

.pandapass-page .trust-strip h3,
.pandapass-page .trust-strip h2 {
    text-align: center;
    font-weight: 800;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 16px;
    color: #fff;
}

.pandapass-page .trust-col {
    padding: 0 21px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    height: 100%;
}

.pandapass-page .trust-strip .col-lg-3:last-child .trust-col { border-right: 0; }

.pandapass-page .trust-col i {
    float: left;
    color: #08bf4a;
    font-size: 34px;
    margin-right: 14px;
    margin-bottom: 50px;
}

.pandapass-page .trust-col strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
}

.pandapass-page .trust-col div {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.45;
}

.pandapass-page .faq-box {
    margin: 18px 0 40px;
    border: 1px solid var(--pp-border);
    border-radius: 16px;
    padding: 21px 26px;
    background: #fff;
}

.pandapass-page .faq-title {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 24px;
    font-weight: 800;
    color: var(--pp-text);
}

.pandapass-page .faq-q {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #0aa443;
    color: white;
    display: grid;
    place-items: center;
    font-size: 28px;
    flex-shrink: 0;
}

.pandapass-page .accordion-item {
    background: transparent;
    border-color: #e5e7eb;
}

.pandapass-page .accordion-button {
    font-size: 15px;
    padding: 11px 8px;
    background: #fff;
    color: #111;
    box-shadow: none;
}

.pandapass-page .accordion-button:not(.collapsed) {
    background: #fff;
    color: #111;
    box-shadow: none;
}

.pandapass-page .accordion-button:focus { box-shadow: none; }

.pandapass-page .accordion-body {
    font-size: 14px;
    color: #404444;
    padding: 0 8px 14px;
}

.pandapass-page .support {
    border-left: 1px solid #ddd;
    padding-left: 25px;
}

.pandapass-page .support-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border: 1px solid #0a8536;
    color: #087c31 !important;
    background: #fff;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
}

.pandapass-page .support-btn:hover {
    background: #0a8536;
    color: #fff !important;
}

@media (max-width: 991.98px) {
    .pandapass-page .pp-brand-name { font-size: 44px; }
    .pandapass-page .pp-lead { font-size: 19px; }
    .pandapass-page .hero-visual { margin-top: 20px; }
    .pandapass-page .how-card { margin-top: -25px; }
    .pandapass-page .price-panel { padding: 32px; }
    .pandapass-page .trust-col {
        border-right: 0;
        margin-bottom: 18px;
    }
    .pandapass-page .support {
        border-left: 0;
        border-top: 1px solid #ddd;
        padding: 18px 0 0;
        margin-top: 18px;
    }
}

@media (max-width: 767.98px) {
    .pandapass-page .pp-brand-name { font-size: 38px; }
    .pandapass-page .pp-lead { font-size: 17px; }
    .pandapass-page .pp-proof {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 0;
    }
    .pandapass-page .pp-proof-item {
        min-width: 0;
        border-right: 0;
        padding: 12px 8px;
    }
    .pandapass-page .pp-hero .inrow-btn {
        flex-direction: column;
        align-items: stretch;
    }
    .pandapass-page .pp-hero .inrow-btn .btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .pandapass-page .pp-hero { padding-top: 52px; }
    .pandapass-page .pp-brand-icon {
        width: 58px;
        height: 58px;
        font-size: 25px;
    }
    .pandapass-page .pp-brand-name { font-size: 35px; }
    .pandapass-page .pp-proof {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .pandapass-page .pp-proof-item {
        min-width: 0;
        border: 0;
        padding: 11px;
    }
    .pandapass-page .hero-visual { min-height: 380px; }
    .pandapass-page .hero-photo {
        height: 380px;
        object-position: 32% 8%;
    }
    .pandapass-page .hero-phone {
        right: 104px;
        transform: scale(0.78);
        transform-origin: right bottom;
    }
    .pandapass-page .hero-card {
        transform: scale(0.78);
        transform-origin: right bottom;
    }
    .pandapass-page .how-card { padding: 24px; }
    .pandapass-page .features-panel { padding: 27px 22px; }
    .pandapass-page .price { font-size: 56px; }
}


/* ================= PANDAPASS PRODUCT PAGE ================= */
.pandapass-product-page {
    --pp-green: #20a447;
    --pp-green-dark: #0d7f35;
    --pp-ink: #111;
    --pp-text: #434343;
    --pp-soft: #f4f8f5;
    --pp-blue-soft: #f4f8ff;
    --pp-border: #e6e9e7;
    --pp-dark: #07291e;
    color: var(--pp-text);
    background: #fff;
}
.pandapass-product-page .pp-page { padding: 42px 0 60px; }
.pandapass-product-page .pp-section { padding: 44px 0; border-bottom: 1px solid var(--pp-border); }
.pandapass-product-page .pp-section:last-child { border-bottom: 0; }
.pandapass-product-page .pp-title { font-weight: 800; color: var(--pp-ink); letter-spacing: -.03em; }
.pandapass-product-page .pp-title .green,
.pandapass-product-page .green {
    color: var(--pp-green);
    background: transparent;
}
.pandapass-product-page .pp-lead { font-size: 1.06rem; line-height: 1.75; max-width: 650px; }
.pandapass-product-page .pp-card {
    border: 1px solid var(--pp-border);
    border-radius: 18px;
    background: #fff;
    height: 100%;
}
.pandapass-product-page .pp-soft { background: var(--pp-soft); }
.pandapass-product-page .pp-blue-soft { background: var(--pp-blue-soft); }
.pandapass-product-page .pp-icon {
    width: 48px; height: 48px; border-radius: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    background: #edf8f0; color: var(--pp-green);
    font-size: 1.25rem; flex: 0 0 auto;
}
.pandapass-product-page .pp-icon.rounded-circle { border-radius: 50%; }
.pandapass-product-page .btn-pp {
    background: var(--pp-green); color: #fff !important; border: 0;
    font-weight: 700; padding: 13px 24px; border-radius: 9px;
}
.pandapass-product-page .btn-pp:hover { background: var(--pp-green-dark); color: #fff !important; }
.pandapass-product-page .btn-pp-outline {
    border: 1px solid var(--pp-green); color: var(--pp-ink) !important;
    font-weight: 700; padding: 12px 24px; border-radius: 9px; background: #fff;
}
.pandapass-product-page .btn-pp-outline:hover {
    background: var(--pp-green); color: #fff !important;
}
.pandapass-product-page .hero-visual {
    min-height: 510px; border-radius: 26px;
    background: radial-gradient(circle at 55% 48%, #eef7ef 0, #eef7ef 38%, transparent 39%);
    position: relative; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.pandapass-product-page .hero-main-img {
    width: 100%; height: 100%; min-height: 510px;
    object-fit: cover; object-position: center top;
    display: block; border-radius: 26px;
}
.pandapass-product-page .feature-mini { text-align: center; }
.pandapass-product-page .feature-mini .pp-icon { margin-bottom: 10px; }
.pandapass-product-page .feature-mini small { color: #6b7280; display: block; line-height: 1.4; }
.pandapass-product-page .benefit-row {
    display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(0,0,0,.06);
}
.pandapass-product-page .benefit-row:last-child { border-bottom: 0; }
.pandapass-product-page .benefit-row h6 { margin: 0 0 4px; font-weight: 800; color: var(--pp-ink); }
.pandapass-product-page .benefit-row p { margin: 0; font-size: .92rem; }
.pandapass-product-page .scenario-step {
    height: 100%; border: 1px solid var(--pp-border); border-radius: 16px; overflow: hidden; background: #fff;
}
.pandapass-product-page .step-head {
    padding: 13px 14px; font-weight: 800; color: var(--pp-ink);
    display: flex; gap: 10px; align-items: center;
}
.pandapass-product-page .step-num {
    width: 28px; height: 28px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--pp-green); color: #fff; font-size: .85rem; flex: 0 0 auto;
}
.pandapass-product-page .step-body { padding: 14px; color: #555; }
.pandapass-product-page .site-shot { width: 100%; height: 210px; object-fit: cover; background: #eee; display: block; }
.pandapass-product-page .credential-card { text-align: center; padding: 28px 20px; }
.pandapass-product-page .credential-card h5 { font-size: 1rem; font-weight: 800; color: var(--pp-ink); }
.pandapass-product-page .credential-card p { font-size: .92rem; margin: 0; color: #555; }
.pandapass-product-page .status-table { font-size: .9rem; }
.pandapass-product-page .status-table th {
    color: #666; font-size: .76rem; text-transform: uppercase; letter-spacing: .04em;
}
.pandapass-product-page .status-ok { color: var(--pp-green); font-weight: 800; }
.pandapass-product-page .approval-card {
    background: #f0faf3; border: 1px solid #d8efde; border-radius: 18px; padding: 25px; text-align: center; height: 100%;
}
.pandapass-product-page .approval-shield { font-size: 3.2rem; color: var(--pp-green); }
.pandapass-product-page .cta-panel {
    background: linear-gradient(90deg, #06251c, #083b2c);
    border-radius: 20px; color: #fff; padding: 34px; overflow: hidden;
}
.pandapass-product-page .cta-panel h2 { color: #fff; }
.pandapass-product-page .cta-panel p { color: rgba(255,255,255,.85); }
.pandapass-product-page .cta-worker { max-height: 240px; object-fit: contain; object-position: bottom; }
.pandapass-product-page .btn-outline-light {
    border: 1px solid rgba(255,255,255,.7); color: #fff !important; font-weight: 700; padding: 12px 24px; border-radius: 9px;
}
.pandapass-product-page .btn-outline-light:hover { background: #fff; color: #06251c !important; }
@media (max-width: 991.98px) {
    .pandapass-product-page .hero-visual { min-height: 430px; margin-top: 28px; }
    .pandapass-product-page .hero-main-img { min-height: 430px; }
}
@media (max-width: 767.98px) {
    .pandapass-product-page .pp-page { padding-top: 20px; }
    .pandapass-product-page .pp-section { padding: 32px 0; }
    .pandapass-product-page .hero-visual { min-height: 360px; }
    .pandapass-product-page .hero-main-img { min-height: 360px; }
    .pandapass-product-page .site-shot { height: 180px; }
    .pandapass-product-page .display-4 { font-size: 2.2rem; }
}

/* ================= Panda Core pricing (Panda-Core4K) ================= */
.pricing-eoe-panel {
    background: #f7fbf7;
    border: 1px solid #cfe5d3;
    border-radius: 16px;
}
.pricing-eoe-head {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.pricing-eoe-badge {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background: #268540;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.pricing-eoe-step-icon--fa {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #e8f5eb;
    color: #268540;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.pricing-eoe-step h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.pricing-eoe-step p {
    margin: 0;
    font-size: 14px;
    color: #5d6675;
    line-height: 1.45;
}
.pricing-eoe-addon-note {
    color: #d97706;
    font-weight: 700;
    font-size: 15px;
}
.pricing-card .chtt h3 {
    color: #268540;
    font-weight: 700;
    margin-bottom: 8px;
}
.pricing-card .chtt p {
    margin-bottom: 0;
    color: #445066;
    font-size: 15px;
    line-height: 1.45;
}
.pricing-card-price {
    text-align: left;
}
.pricing-billing-badge {
    background: #eef7ee;
}
.pricing-cards .inrow-btn {
    justify-content: flex-start;
}
.pricing-cards .inrow-btn .btn {
    width: 100%;
    text-align: center;
}
.pricing-table .col-featured {
    background: transparent;
}
.ppc-training-banner {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #f5f7f8;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px 30px;
    flex-wrap: wrap;
}
.ppc-training-banner__icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 50%;
    background: #e8f5eb;
    color: #268540;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.ppc-training-banner__copy {
    flex: 0 1 240px;
}
.ppc-training-banner__copy h3 {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 700;
}
.ppc-training-banner__copy p {
    margin: 0;
    color: #5d6675;
    font-size: 15px;
    line-height: 1.45;
}
.ppc-training-banner__features {
    display: flex;
    gap: 18px;
    flex: 1 1 360px;
    flex-wrap: wrap;
}
.ppc-training-feature {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1 1 140px;
    font-size: 14px;
    line-height: 1.4;
    color: #374151;
}
.ppc-training-feature i {
    color: #268540;
    margin-top: 2px;
}
.ppc-training-banner__cta {
    margin-left: auto;
}
.ppc-transform .nswp {
    background: #f1faf3;
}
.ppc-transform-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #268540;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
@media (max-width: 1199px) {
    .pricing-compare-grid {
        grid-template-columns: 1fr;
    }
    .pricing-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .pricing-cards {
        grid-template-columns: 1fr;
    }
    .ppc-training-banner__cta {
        margin-left: 0;
        width: 100%;
    }
    .ppc-training-banner__cta .btn {
        width: 100%;
    }
}

/*==== Modules Overview page ====*/
.modules-overview-page .mo-hero .head-green {
    color: #268540;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 14px;
}
.modules-overview-page .mo-hero h1 {
    font-size: clamp(2rem, 3.4vw, 3.1rem);
    font-weight: 800;
    line-height: 1.15;
    color: #0f1720;
}
.modules-overview-page .mo-hero h1 span {
    color: #268540;
}
.modules-overview-page .mo-hero .chtt1 p {
    font-size: 17px;
    line-height: 1.55;
    color: #374151;
    margin-bottom: 12px;
    max-width: 540px;
}
.modules-overview-page .mo-hero .inrow-btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    flex-wrap: wrap;
}
.modules-overview-page .mo-hero-visual {
    text-align: center;
}
.modules-overview-page .mo-hero-visual img {
    display: block;
    width: 100%;
    max-width: 560px;
    height: auto;
    margin: 0 auto;
}
.modules-overview-page .mo-hero-trust {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
}
.modules-overview-page .mo-hero-trust li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #4b5563;
    font-size: 14px;
    font-weight: 500;
}
.modules-overview-page .mo-hero-trust i {
    color: #268540;
}
.modules-overview-page .mo-stats-card {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    background: #fff;
    border: 1px solid #e5ebe7;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 40, 24, 0.06);
    padding: 28px 20px;
}
.modules-overview-page .mo-stat {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 0 18px;
}
.modules-overview-page .mo-stat + .mo-stat {
    border-left: 1px solid #e5ebe7;
}
.modules-overview-page .mo-stat-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #e8f5eb;
    color: #268540;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex: 0 0 52px;
}
.modules-overview-page .mo-stat-num {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    color: #0f1720;
    margin-bottom: 4px;
}
.modules-overview-page .mo-stat-label {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-bottom: 2px;
}
.modules-overview-page .mo-stat-body p {
    margin: 0;
    font-size: 13px;
    color: #6b7280;
}
.modules-overview-page .mo-modules-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
}
.modules-overview-page .mo-modules-head h2 {
    margin: 0;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    font-weight: 800;
    color: #0f1720;
    max-width: 640px;
}
.modules-overview-page .mo-modules-rule {
    flex: 1 1 40px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #268540, transparent);
    position: relative;
    max-width: 180px;
}
.modules-overview-page .mo-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}
.modules-overview-page .mo-module-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dde5df;
    border-radius: 18px;
    padding: 28px 22px 22px;
    min-width: 0;
}
.modules-overview-page .mo-module-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f3f6f4;
    color: #268540;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 16px;
}
.modules-overview-page .mo-module-card h3 {
    margin: 0 0 4px;
    font-size: 22px;
    font-weight: 800;
    color: #0f1720;
}
.modules-overview-page .mo-module-sub {
    font-size: 14px;
    font-weight: 600;
    color: #4b5563;
    margin-bottom: 12px;
}
.modules-overview-page .mo-module-card > p {
    font-size: 14px;
    line-height: 1.45;
    color: #374151;
    margin-bottom: 16px;
}
.modules-overview-page .mo-module-caps {
    color: #268540;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}
.modules-overview-page .mo-module-card ul {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    flex: 1 1 auto;
}
.modules-overview-page .mo-module-card ul li {
    position: relative;
    padding: 0 0 8px 22px;
    font-size: 14px;
    color: #222;
    line-height: 1.35;
}
.modules-overview-page .mo-module-card ul li::before {
    content: '\f00c';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 1px;
    color: #268540;
    font-size: 11px;
}
.modules-overview-page .mo-module-link {
    color: #1d4ed8;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.modules-overview-page .mo-module-link:hover {
    color: #268540;
}
.modules-overview-page .mo-module-link i {
    margin-left: 4px;
    font-size: 12px;
}
.modules-overview-page .mo-connected-box {
    background: #f3f5f4;
    border-radius: 22px;
    padding: 36px 34px;
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.6fr);
    gap: 28px;
    align-items: center;
}
.modules-overview-page .mo-connected-intro h2 {
    margin: 0 0 12px;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 800;
    line-height: 1.2;
    color: #0f1720;
}
.modules-overview-page .mo-connected-intro p {
    margin: 0;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.5;
}
.modules-overview-page .mo-connected-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}
.modules-overview-page .mo-connected-item {
    text-align: center;
}
.modules-overview-page .mo-connected-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #268540;
    color: #268540;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 10px;
    background: #fff;
}
.modules-overview-page .mo-connected-item h4 {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.03em;
    color: #268540;
}
.modules-overview-page .mo-connected-item p {
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    color: #374151;
}
.modules-overview-page .mo-cta-box {
    display: grid;
    grid-template-columns: 160px minmax(0, 1.4fr) auto;
    gap: 24px;
    align-items: center;
    background: #111827;
    border-radius: 22px;
    padding: 28px 32px;
    color: #fff;
}
.modules-overview-page .mo-cta-panda img {
    display: block;
    width: 140px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.modules-overview-page .mo-cta-copy h2 {
    margin: 0 0 4px;
    font-size: clamp(1.4rem, 2.2vw, 1.9rem);
    font-weight: 800;
    color: #fff;
}
.modules-overview-page .mo-cta-copy h3 {
    margin: 0 0 10px;
    font-size: clamp(1.15rem, 1.8vw, 1.45rem);
    font-weight: 800;
    color: #36a946;
}
.modules-overview-page .mo-cta-copy p {
    margin: 0;
    color: #d1d5db;
    font-size: 15px;
    line-height: 1.45;
    max-width: 520px;
}
.modules-overview-page .mo-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 220px;
}
.modules-overview-page .mo-cta-actions .btnBig-1 {
    text-align: center;
}
.modules-overview-page .mo-cta-actions .btnBig-2 {
    border-color: #fff;
    color: #fff;
    text-align: center;
}
.modules-overview-page .mo-cta-actions .btnBig-2:hover {
    background: #fff;
    color: #111827;
}
.modules-overview-page .mo-trust-title {
    text-align: center;
    font-size: 15px;
    color: #4b5563;
    margin-bottom: 18px;
}
.modules-overview-page .mo-trust-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 28px;
}
.modules-overview-page .mo-trust-list li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #111;
    font-size: 15px;
}
.modules-overview-page .mo-trust-list i {
    color: #268540;
}
@media (max-width: 1199px) {
    .modules-overview-page .mo-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .modules-overview-page .mo-connected-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .modules-overview-page .mo-hero-visual {
        margin-top: 28px;
    }
    .modules-overview-page .mo-stats-card {
        grid-template-columns: 1fr;
    }
    .modules-overview-page .mo-stat + .mo-stat {
        border-left: 0;
        border-top: 1px solid #e5ebe7;
        padding-top: 18px;
    }
    .modules-overview-page .mo-connected-box {
        grid-template-columns: 1fr;
    }
    .modules-overview-page .mo-cta-box {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .modules-overview-page .mo-cta-copy p {
        margin: 0 auto;
    }
    .modules-overview-page .mo-cta-actions {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .modules-overview-page .mo-module-grid {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin: 0 auto;
    }
    .modules-overview-page .mo-connected-grid {
        grid-template-columns: 1fr 1fr;
    }
    .modules-overview-page .mo-modules-head {
        flex-direction: column;
        gap: 10px;
    }
    .modules-overview-page .mo-modules-rule {
        width: 80px;
        max-width: none;
    }
}

/* ===== Products Overview hub ===== */
.products-hub-page {
    --ph-ink: #061223;
    --ph-muted: #5b6573;
    --ph-green: #25822d;
    --ph-border: #e4e8ee;
    --ph-bg: #f4f7f5;
    background: #fff;
    color: var(--ph-ink);
}
.products-hub-page .ph-hero {
    position: relative;
    padding: 72px 0 56px;
    background:
        radial-gradient(1200px 420px at 12% -10%, rgba(37, 130, 45, 0.16), transparent 60%),
        radial-gradient(900px 380px at 90% 0%, rgba(6, 18, 35, 0.08), transparent 55%),
        linear-gradient(180deg, #f7faf8 0%, #ffffff 100%);
    overflow: hidden;
}
.products-hub-page .ph-hero-inner { max-width: 760px; }
.products-hub-page .ph-eyebrow {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ph-green);
    margin-bottom: 14px;
}
.products-hub-page .ph-hero h1 {
    font-size: clamp(2.1rem, 4vw, 3.2rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 0 0 16px;
    color: var(--ph-ink);
}
.products-hub-page .ph-lead {
    font-size: 1.12rem;
    line-height: 1.7;
    color: var(--ph-muted);
    max-width: 640px;
    margin: 0 0 28px;
}
.products-hub-page .ph-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.products-hub-page .ph-products { padding: 28px 0 64px; }
.products-hub-page .ph-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.products-hub-page .ph-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border: 1px solid var(--ph-border);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(6, 18, 35, 0.05);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.products-hub-page .ph-card:hover {
    transform: translateY(-4px);
    border-color: rgba(37, 130, 45, 0.35);
    box-shadow: 0 18px 40px rgba(6, 18, 35, 0.1);
}
.products-hub-page .ph-card-wide {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    align-items: stretch;
}
.products-hub-page .ph-card-media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--ph-bg);
}
.products-hub-page .ph-card-wide .ph-card-media {
    aspect-ratio: auto;
    min-height: 280px;
    height: 100%;
}
.products-hub-page .ph-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .45s ease;
}
.products-hub-page .ph-card:hover .ph-card-media img { transform: scale(1.04); }
.products-hub-page .ph-card-body {
    padding: 22px 22px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.products-hub-page .ph-card-wide .ph-card-body {
    justify-content: center;
    padding: 36px 40px;
}
.products-hub-page .ph-card-label {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ph-green);
    margin-bottom: 8px;
}
.products-hub-page .ph-card h2 {
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 10px;
    color: var(--ph-ink);
}
.products-hub-page .ph-card p {
    color: var(--ph-muted);
    line-height: 1.65;
    margin: 0 0 18px;
    flex: 1;
}
.products-hub-page .ph-card-link {
    font-weight: 700;
    color: var(--ph-green);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.products-hub-page .ph-card-link i { transition: transform .2s ease; font-size: 0.85em; }
.products-hub-page .ph-card:hover .ph-card-link i { transform: translateX(4px); }
.products-hub-page .ph-cta { padding: 0 0 70px; }
.products-hub-page .ph-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 36px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(37, 130, 45, 0.1), rgba(37, 130, 45, 0.02)), #f7faf8;
    border: 1px solid var(--ph-border);
}
.products-hub-page .ph-cta-box h2 {
    font-size: 1.55rem;
    font-weight: 800;
    margin: 0 0 8px;
    letter-spacing: -0.02em;
}
.products-hub-page .ph-cta-box p {
    margin: 0;
    color: var(--ph-muted);
    max-width: 560px;
    line-height: 1.6;
}
@media (max-width: 991px) {
    .products-hub-page .ph-card-wide { grid-template-columns: 1fr; }
    .products-hub-page .ph-card-wide .ph-card-media {
        min-height: 220px;
        aspect-ratio: 16 / 10;
    }
    .products-hub-page .ph-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .products-hub-page .ph-hero { padding: 48px 0 36px; }
    .products-hub-page .ph-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .products-hub-page .ph-card-body,
    .products-hub-page .ph-card-wide .ph-card-body {
        padding: 18px 18px 20px;
    }
}

/* IMS video snippets */
.ims-videos-wrap {
    padding: 10px 0 0;
}
.ims-videos-inner {
    background: #f7f8f7;
    border-radius: 20px;
    padding: 48px 36px 42px;
}
.ims-videos-title {
    text-align: center;
    font-weight: 800;
    font-size: clamp(1.85rem, 3vw, 2.4rem);
    letter-spacing: -0.02em;
    margin: 0 0 10px;
    color: #000;
}
.ims-videos-sub {
    text-align: center;
    color: #596579;
    max-width: 760px;
    margin: 0 auto 34px;
    font-size: 18px;
    line-height: 1.55;
}
.ims-videos-wrap .row {
    justify-content: center;
    gap: 24px 0;
}
.ims-videos-wrap .col-md-6,
.ims-videos-wrap .col-lg-5 {
    display: flex;
}
.ims-video-card {
    width: 100%;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.04);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.ims-video-thumb {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #ddd center / cover no-repeat;
}
.ims-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.72);
    border: 3px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    padding-left: 4px;
    cursor: default;
    pointer-events: none;
}
.ims-video-body {
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.ims-video-body h3 {
    font-weight: 800;
    font-size: 1.15rem;
    margin: 0 0 8px;
    color: #101828;
}
.ims-video-body p {
    color: #596579;
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.5;
    flex: 1;
}
.ims-video-meta {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 14px;
    color: #667085;
    background: #fafafa;
}
.ims-video-meta i {
    font-size: 13px;
}
@media (max-width: 767px) {
    .ims-videos-inner {
        padding: 32px 18px 28px;
    }
}

/* ISO 9001 / 14001 / 45001 video snippets — match IMS card layout */
.iso-9001-videos,
.iso-14001-videos,
.iso-45001-videos {
    padding: 40px 0 20px;
}
.iso-9001-videos .chtt h2,
.iso-14001-videos .chtt h2,
.iso-45001-videos .chtt h2 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
}
.iso-9001-videos .chtt p,
.iso-14001-videos .chtt p,
.iso-45001-videos .chtt p {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    color: #596579;
    font-size: 19px;
    line-height: 1.55;
}
.iso-9001-videos .row,
.iso-14001-videos .row,
.iso-45001-videos .row {
    justify-content: center;
}
.iso-9001-videos .col-lg-4,
.iso-9001-videos .col-md-6,
.iso-14001-videos .col-lg-4,
.iso-14001-videos .col-md-6,
.iso-45001-videos .col-lg-4,
.iso-45001-videos .col-md-6 {
    display: flex;
}
.iso-9001-videos .ims-video-card,
.iso-14001-videos .ims-video-card,
.iso-45001-videos .ims-video-card {
    height: 100%;
}
.iso-9001-videos .ims-video-play,
.iso-14001-videos .ims-video-play,
.iso-45001-videos .ims-video-play {
    pointer-events: none;
    padding-left: 4px;
}

/* ISO 9001 "What your workforce will learn" — match reference grid */
.iso9001-learn-panel {
    background: #f7f7f5;
    border-radius: 14px;
    padding: 8px 4px;
    border: none;
    overflow: hidden;
}
.iso9001-learn-card {
    position: relative;
    padding: 28px 24px;
    border-bottom: 1px solid #e4e4e2;
    border-right: none;
    background: transparent;
}
/* short vertical dividers that do NOT touch horizontal lines */
.iso9001-learn-card:not(:nth-child(3n))::after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    bottom: 22%;
    width: 1px;
    background: #e4e4e2;
    pointer-events: none;
}
.iso9001-learn-card:nth-last-child(-n+3) {
    border-bottom: none;
}
.iso9001-learn-card .lft-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    text-align: left !important;
}
.iso9001-learn-card .lft-icon-box {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
    padding: 0 !important;
}
.iso9001-learn-card .lft-icon-box img {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
    image-rendering: auto;
}
.iso9001-learn-card .lft-text-box {
    flex: 1 !important;
    text-align: left !important;
}
.iso9001-learn-card .lft-text-box h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 4px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    min-height: 0 !important;
    display: block !important;
    justify-content: unset !important;
}
.iso9001-learn-card .lft-text-box p {
    font-size: 13.5px !important;
    color: #5c6570 !important;
    margin: 0 !important;
    line-height: 1.45 !important;
    text-align: left !important;
}
@media (max-width: 991px) {
    .iso9001-learn-card:not(:nth-child(3n))::after { display: none; }
    .iso9001-learn-card:not(:nth-child(2n))::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 22%;
        bottom: 22%;
        width: 1px;
        background: #e4e4e2;
    }
    .iso9001-learn-card:nth-last-child(-n+3) { border-bottom: 1px solid #e4e4e2; }
    .iso9001-learn-card:nth-last-child(-n+2) { border-bottom: none; }
}
@media (max-width: 767px) {
    .iso9001-learn-panel { border-radius: 12px; padding: 4px 0; }
    .iso9001-learn-card {
        border-bottom: 1px solid #e4e4e2;
        padding: 22px 18px;
    }
    .iso9001-learn-card::after { display: none !important; }
    .iso9001-learn-card:last-child { border-bottom: none; }
}

/* ===== Home Panda Comply mockup ===== */
.pandacomply.pc-home {
    background: #f7f8f9;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.pc-home-top {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.18fr);
    gap: 28px;
    align-items: stretch;
}
.pc-home-copy {
    max-width: none;
    min-width: 0;
}
.pc-home-kicker {
    color: #248636;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin-bottom: 18px;
}
.pc-home-copy h2 {
    color: #111;
    font-size: 55px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 22px;
}
.pc-home-copy h2 span {
    color: #248636;
}
.pc-home-copy > p {
    color: var(--bs-body-color);
    font-size: 22px;
    line-height: 1.55;
    font-weight: 400;
    max-width: 34em;
    margin: 0;
}
.pc-home-copy > p + p {
    margin-top: 14px;
}
.pc-home-checks {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}
.pc-home-checks li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #111;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}
.pc-home-checks li + li {
    margin-top: 12px;
}
.pc-home-check {
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin-top: 2px;
    border-radius: 50%;
    background: #248636;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.pc-home-dash {
    position: relative;
    max-width: 100%;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin-left: 0;
    justify-self: stretch;
    align-self: stretch;
}
.pc-home-dash-img,
.pc-home-dash .pc-home-dash-img.width-full {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain;
}
.pc-dash {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 22px 50px rgba(15, 23, 42, .12);
    overflow: hidden;
}
.pc-dash-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #111827;
    color: #fff;
    padding: 14px 18px;
}
.pc-dash-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
}
.pc-dash-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #16a34a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.pc-dash-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #14532d;
    color: #bbf7d0;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.pc-dash-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 8px #4ade80;
}
.pc-dash-body {
    padding: 18px 18px 10px;
}
.pc-dash-block + .pc-dash-block {
    margin-top: 18px;
}
.pc-dash-block-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.pc-dash-block h3 {
    font-size: 15px;
    font-weight: 800;
    color: #111827;
    margin: 0 0 12px;
}
.pc-dash-block-head h3 {
    margin: 0;
}
.pc-dash-block-head span {
    color: #9ca3af;
    font-size: 12px;
    font-weight: 600;
}
.pc-dash-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.pc-stat {
    border-radius: 12px;
    padding: 12px 8px 10px;
    text-align: left;
}
.pc-stat i {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
}
.pc-stat strong {
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: 800;
    color: #111827;
}
.pc-stat span {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 600;
    color: #6b7280;
}
.pc-stat-green {
    background: #dcfce7;
    color: #16a34a;
}
.pc-stat-mint {
    background: #ecfdf3;
    color: #15803d;
}
.pc-stat-amber {
    background: #fef3c7;
    color: #d97706;
}
.pc-stat-red {
    background: #fee2e2;
    color: #dc2626;
}
.pc-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    flex: 0 0 auto;
}
.pc-avatar-c { background: #dcfce7; color: #15803d; }
.pc-avatar-s { background: #dbeafe; color: #1d4ed8; }
.pc-avatar-f { background: #ffedd5; color: #c2410c; }
.pc-avatar-t { background: #ede9fe; color: #6d28d9; }
.pc-avatar-e { background: #ccfbf1; color: #0f766e; }
.pc-dash-expiries {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pc-dash-expiries li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f3f4f6;
}
.pc-dash-expiries li:last-child {
    border-bottom: 0;
}
.pc-dash-expiries div {
    min-width: 0;
    flex: 1 1 auto;
}
.pc-dash-expiries strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}
.pc-dash-expiries div span {
    display: block;
    color: #6b7280;
    font-size: 12px;
    line-height: 1.3;
}
.pc-dash-expiries em {
    font-style: normal;
    background: #ffedd5;
    color: #c2410c;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}
.pc-home-features {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin-top: 48px;
}
.pc-feat {
    background: #fff;
    border: 1px solid #e8eaec;
    border-radius: 14px;
    padding: 22px 18px 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.pc-feat-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #248636;
    font-size: 28px;
    margin-bottom: 12px;
}
.pc-feat-icon img {
    display: block;
    width: 61px;
    height: 61px;
}
.pc-feat h4 {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0 0 8px;
}
.pc-feat p {
    color: #6b7280;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
}
@media (max-width: 1400px) {
    .pc-home-copy h2 {
        font-size: 42px;
    }
    .pc-home-copy > p {
        font-size: 19px;
    }
    .pc-home-checks li {
        font-size: 17px;
    }
}
@media (max-width: 1199px) {
    .pc-home-copy h2 {
        font-size: 36px;
    }
    .pc-home-top {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .pc-home-dash {
        position: static;
        max-width: 640px;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .pc-home-dash-img,
    .pc-home-dash .pc-home-dash-img.width-full {
        position: static;
        inset: auto;
        width: 100%;
        height: auto;
        object-fit: unset;
    }
    .pc-home-features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .pc-home-top {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .pc-home-copy {
        max-width: none;
    }
    .pc-home-copy h2 {
        font-size: 34px;
    }
    .pc-home-copy > p {
        font-size: 18px;
    }
    .pc-home-dash {
        position: static;
        margin: 0 auto;
        max-width: 640px;
        width: 100%;
        height: auto;
    }
    .pc-home-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 36px;
    }
}
@media (max-width: 767px) {
    .pandacomply.pc-home {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .pc-home-kicker {
        font-size: 16px;
        margin-bottom: 14px;
    }
    .pc-home-copy h2 {
        font-size: 30px;
        margin-bottom: 18px;
    }
    .pc-home-copy > p,
    .pc-home-checks li {
        font-size: 17px;
    }
    .pc-home-features {
        grid-template-columns: 1fr;
    }
}

/* ISO Overview — What Your Workforce Will Actually Learn (redesign) */
.iso-overview-learn {
    --iol-green: #248636;
    --iol-green-soft: #e8f5eb;
    --iol-green-soft-2: #d7eedc;
    --iol-ink: #111111;
    --iol-muted: #5c6570;
}
.iso-overview-learn-head {
    max-width: 100%;
    margin: 0 auto 36px;
}
.iso-overview-learn-head h2 {
    font-size: 40px;
    font-weight: 700;
    color: var(--iol-ink);
    line-height: 1.15;
    margin: 0 0 14px;
}
.iso-overview-learn-head p {
    /* Match .chtt body copy used by “Practical implementation…” above */
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: inherit;
    margin: 0;
}
.iso-overview-learn-diagram {
    margin: 0 0 42px;
    border-radius: 22px;
    overflow: hidden;
    background: #0b0f0c;
}
.iso-overview-learn-diagram img {
    display: block;
    width: 100%;
    height: auto;
}
.iso-overview-learn-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 180px;
    margin: 0 0 36px;
    align-items: start;
}
.iso-overview-learn-benefit {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
}
.iso-overview-learn-benefit-icon {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    display: block;
    object-fit: contain;
    object-position: center;
}
.iso-overview-learn-benefit > div {
    min-width: 0;
    max-width: 34ch;
}
.iso-overview-learn-benefit h3 {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 700;
    color: var(--iol-ink);
    line-height: 1.25;
}
.iso-overview-learn-benefit p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--iol-muted);
}
@media (min-width: 1200px) {
    .iso-overview-learn-benefits {
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
        margin-bottom: 36px;
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        justify-items: start;
    }
}
.iso-overview-learn-summary {
    background: var(--iol-green-soft);
    border-radius: 20px;
    padding: 28px 32px 24px;
    text-align: center;
}
.iso-overview-learn-summary-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 0 20px;
}
.iso-overview-learn-summary-check {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--iol-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.iso-overview-learn-summary-copy p {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--iol-ink);
    line-height: 1.35;
    text-align: left;
    max-width: 100%;
}
.iso-overview-learn-not {
    color: var(--iol-green);
}
.iso-overview-learn-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 12px;
}
.iso-overview-learn-step {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--iol-green-soft-2);
    border-radius: 999px;
    padding: 8px 16px 8px 10px;
    font-size: 15px;
    font-weight: 700;
    color: var(--iol-ink);
}
.iso-overview-learn-step span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    color: var(--iol-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.iso-overview-learn-step-line {
    width: 28px;
    height: 2px;
    background: var(--iol-green);
    opacity: 0.55;
}
@media (max-width: 1199px) {
    .iso-overview-learn-benefits {
        gap: 28px 36px;
    }
    .iso-overview-learn-benefit > div {
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    .iso-overview-learn-head h2 {
        font-size: 32px;
    }
    .iso-overview-learn-benefits {
        gap: 24px 28px;
    }
    .iso-overview-learn-benefit-icon {
        flex-basis: 64px;
        width: 64px;
        height: 64px;
    }
    .iso-overview-learn-benefit h3 {
        font-size: 18px;
    }
    .iso-overview-learn-benefit p {
        font-size: 15px;
    }
    .iso-overview-learn-summary-copy p {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .iso-overview-learn-head {
        margin-bottom: 28px;
    }
    .iso-overview-learn-head h2 {
        font-size: 28px;
    }
    .iso-overview-learn-diagram {
        border-radius: 16px;
        margin-bottom: 28px;
    }
    .iso-overview-learn-benefits {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 24px;
    }
    .iso-overview-learn-benefit {
        gap: 14px;
    }
    .iso-overview-learn-benefit-icon {
        flex-basis: 60px;
        width: 60px;
        height: 60px;
    }
    .iso-overview-learn-benefit > div {
        max-width: 100%;
    }
    .iso-overview-learn-summary {
        padding: 22px 18px 20px;
        border-radius: 16px;
    }
    .iso-overview-learn-summary-copy {
        flex-direction: column;
        text-align: center;
    }
    .iso-overview-learn-summary-copy p {
        text-align: center;
        font-size: 17px;
    }
    .iso-overview-learn-step-line {
        width: 16px;
    }
}
@media (max-width: 480px) {
    .iso-overview-learn-steps {
        gap: 8px;
    }
    .iso-overview-learn-step {
        padding: 7px 12px 7px 8px;
        font-size: 14px;
    }
    .iso-overview-learn-step-line {
        display: none;
    }
}


/* ========== ISO 9001 intro section (below hero) ========== */
.iso9001-r-intro {
    padding: 50px 0;
    background: #fff;
}
.iso9001-r-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 40px 50px;
    align-items: center;
}
.iso9001-r-intro-kicker {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #268540;
}
.iso9001-r-intro-copy h2 {
    margin: 0 0 16px;
    font-size: 52px;
    line-height: 52px;
    font-weight: 700;
    color: #000;
    max-width: 19ch;
}
.iso9001-r-intro-lead {
    margin: 0 0 30px;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--bs-body-color);
    max-width: 50ch;
}
.iso9001-r-intro-actions {
    justify-content: flex-start;
    margin: 0 0 30px;
}
.iso9001-r-intro-actions .btn {
    max-width: 280px;
}
.iso9001-r-intro-checks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
}
.iso9001-r-intro-checks li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 1.3;
}
.iso9001-r-intro-checks i {
    color: #268540;
    font-size: 18px;
}
.iso9001-r-intro-media {
    min-width: 0;
}
.iso9001-r-intro-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
    background: #fff;
}
@media (max-width: 991px) {
    .iso9001-r-intro {
        padding: 40px 0;
    }
    .iso9001-r-intro-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .iso9001-r-intro-copy h2 {
        font-size: 34px;
        line-height: 42px;
        max-width: none;
    }
}
@media (max-width: 575px) {
    .iso9001-r-intro-copy h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .iso9001-r-intro-kicker {
        font-size: 16px;
    }
    .iso9001-r-intro-lead {
        font-size: 17px;
    }
    .iso9001-r-intro-actions {
        flex-direction: column;
        gap: 15px;
    }
    .iso9001-r-intro-actions .btn {
        max-width: 100%;
    }
    .iso9001-r-intro-checks {
        flex-direction: column;
        gap: 12px;
    }
    .iso9001-r-intro-checks li {
        font-size: 16px;
    }
}

/* ========== ISO 9001 roles panel (after intro) ========== */
.iso9001-r-roles {
    --i9-green: #248636;
    --i9-green-soft: #e8f5ec;
    --i9-ink: #000;
    --i9-muted: #516158;
    padding: 0 0 50px;
}
.iso9001-r-roles-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) auto minmax(170px, 0.6fr);
    gap: 36px 36px;
    align-items: center;
    background: var(--i9-green-soft);
    border-radius: 24px;
    padding: 42px 44px;
}
.iso9001-r-roles-copy h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i9-ink);
    margin: 0 0 14px;
}
.iso9001-r-roles-copy p {
    font-size: 19px;
    line-height: 1.45;
    font-weight: 400;
    color: var(--i9-muted);
    margin: 0;
    max-width: 52ch;
}
.iso9001-r-roles-grid {
    display: block;
    width: 400px;
    max-width: 400px;
}
.iso9001-r-roles-grid > img {
    display: block;
    width: 100%;
    height: auto;
}
.iso9001-r-roles-checks {
    list-style: none;
    margin: 0;
    padding: 0 0 0 22px;
    border-left: 1px solid rgba(36, 134, 54, 0.18);
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.iso9001-r-roles-checks li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
    color: var(--i9-ink);
    line-height: 1.35;
}
.iso9001-r-roles-checks i {
    color: var(--i9-green);
    font-size: 18px;
    flex-shrink: 0;
}
@media (max-width: 1199px) {
    .iso9001-r-roles-panel {
        grid-template-columns: 1fr auto;
        gap: 28px;
        padding: 32px;
    }
    .iso9001-r-roles-grid {
        width: 360px;
        max-width: 360px;
    }
    .iso9001-r-roles-checks {
        grid-column: 1 / -1;
        border-left: 0;
        padding-left: 0;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px 22px;
    }
}
@media (max-width: 767px) {
    .iso9001-r-roles {
        padding-bottom: 40px;
    }
    .iso9001-r-roles-panel {
        grid-template-columns: 1fr;
        padding: 24px 18px;
    }
    .iso9001-r-roles-grid {
        width: 400px;
        max-width: min(400px, 100%);
        justify-self: start;
    }
    .iso9001-r-roles-copy h2 {
        font-size: 26px;
    }
    .iso9001-r-roles-copy p {
        font-size: 17px;
        max-width: none;
    }
    .iso9001-r-roles-checks li {
        font-size: 16px;
    }
}

/* ========== ISO 9001 videos section ========== */
.iso9001-r-videos {
    padding: 20px 0 56px;
}
.iso9001-r-videos > .container {
    /* Match roles panel inset so headings share the same left edge */
    padding-left: 64px;  /* container 20px + panel 44px */
    padding-right: 64px;
}
.iso9001-r-videos-head {
    margin: 0 0 32px;
}
.iso9001-r-videos-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px;
}
.iso9001-r-videos-head p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #516158;
    margin: 0;
}
.iso9001-r-videos-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}
.iso9001-r-video h3 {
    font-size: 25px;
    font-weight: 700;
    color: #000;
    margin: 16px 0 8px;
    line-height: 1.3;
}
.iso9001-r-video p {
    font-size: 19px;
    line-height: 1.45;
    color: #516158;
    margin: 0;
}
.iso9001-r-video-thumb {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #e8ece9;
    aspect-ratio: 16 / 9;
}
.iso9001-r-video-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.iso9001-r-video-thumb--playable {
    cursor: pointer;
}
.iso9001-r-video-thumb--playable.is-playing {
    cursor: default;
}
.iso9001-r-video-thumb--playable.is-playing img {
    visibility: hidden;
}
.iso9001-r-video-thumb .ttl-r-action-player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 12px;
    background: #000;
}
@media (max-width: 1199px) {
    .iso9001-r-videos > .container {
        padding-left: 52px; /* 20 + 32 panel pad */
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso9001-r-videos-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
    .iso9001-r-videos-head h2 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .iso9001-r-videos > .container {
        padding-left: 38px; /* 20 + 18 panel pad */
        padding-right: 38px;
    }
}
@media (max-width: 575px) {
    .iso9001-r-videos {
        padding-bottom: 40px;
    }
    .iso9001-r-videos-head h2 {
        font-size: 26px;
    }
    .iso9001-r-videos-head p,
    .iso9001-r-video p {
        font-size: 16px;
    }
    .iso9001-r-video h3 {
        font-size: 17px;
    }
}

/* ========== ISO 9001 modules curriculum ========== */
.iso9001-r-modules {
    --i9-green: #248636;
    --i9-blue: #2F6FED;
    --i9-orange: #E67E22;
    --i9-purple: #7B5CFF;
    --i9-red: #C0392B;
    --i9-ink: #000;
    --i9-muted: #516158;
    padding: 10px 0 64px;
}
.iso9001-r-modules > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso9001-r-modules-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 28px;
}
.iso9001-r-modules-titles {
    max-width: 100%;
}
.iso9001-r-modules-titles h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i9-ink);
    margin: 0 0 12px;
}
.iso9001-r-modules-titles p {
    font-size: 20px;
    line-height: 1.5;
    color: var(--i9-muted);
    margin: 0;
}
.iso9001-r-modules-badge {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 6px;
    background: #e8eef5;
    color: #334155;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 999px;
    white-space: nowrap;
}
.iso9001-r-modules-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.iso9001-r-module {
    display: grid;
    grid-template-columns: minmax(250px, 0.32fr) minmax(0, 0.68fr);
    gap: 0;
    align-items: stretch;
    border: 1px solid #e5e8e6;
    border-radius: 16px;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
.iso9001-r-module-lead {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 20px 18px 20px 20px;
    min-height: 88px;
}
.iso9001-r-module--green .iso9001-r-module-lead { background: #e7f5eb; }
.iso9001-r-module--blue .iso9001-r-module-lead { background: #e8eefc; }
.iso9001-r-module--orange .iso9001-r-module-lead { background: #fdf0e4; }
.iso9001-r-module--purple .iso9001-r-module-lead { background: #f0ebff; }
.iso9001-r-module--red .iso9001-r-module-lead { background: #f9e9e8; }
.iso9001-r-module-num {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    flex-shrink: 0;
}
.iso9001-r-module--green .iso9001-r-module-num { background: var(--i9-green); }
.iso9001-r-module--blue .iso9001-r-module-num { background: var(--i9-blue); }
.iso9001-r-module--orange .iso9001-r-module-num { background: var(--i9-orange); }
.iso9001-r-module--purple .iso9001-r-module-num { background: var(--i9-purple); }
.iso9001-r-module--red .iso9001-r-module-num { background: var(--i9-red); }
.iso9001-r-module-lead img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    flex-shrink: 0;
}
.iso9001-r-module-lead h3 {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.25;
    max-width: 14ch;
}
.iso9001-r-module--green .iso9001-r-module-lead h3 { color: var(--i9-green); }
.iso9001-r-module--blue .iso9001-r-module-lead h3 { color: var(--i9-blue); }
.iso9001-r-module--orange .iso9001-r-module-lead h3 { color: var(--i9-orange); }
.iso9001-r-module--purple .iso9001-r-module-lead h3 { color: var(--i9-purple); }
.iso9001-r-module--red .iso9001-r-module-lead h3 { color: var(--i9-red); }
.iso9001-r-module-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 36px;
    align-content: center;
    padding: 20px 28px;
    background: #fff;
}
.iso9001-r-module-cols ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.iso9001-r-module-cols li {
    position: relative;
    padding-left: 24px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    color: #2b2f2d;
}
.iso9001-r-module-cols li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--i9-green);
    font-size: 15px;
}
@media (max-width: 1199px) {
    .iso9001-r-modules > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso9001-r-modules-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .iso9001-r-module {
        grid-template-columns: 1fr;
    }
    .iso9001-r-module-lead {
        min-height: 0;
    }
    .iso9001-r-module-lead h3 {
        max-width: none;
    }
    .iso9001-r-module-cols {
        grid-template-columns: 1fr;
        padding: 18px 20px 22px;
    }
    .iso9001-r-modules-titles h2 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .iso9001-r-modules > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso9001-r-modules-titles h2 {
        font-size: 26px;
    }
    .iso9001-r-modules-titles p {
        font-size: 17px;
    }
    .iso9001-r-modules-badge {
        white-space: normal;
    }
    .iso9001-r-module-cols li {
        font-size: 15px;
    }
}

/* ========== ISO 9001 assign / Panda Talks ========== */
.iso9001-r-assign {
    --i9-green: #248636;
    --i9-ink: #000;
    padding: 10px 0 56px;
}
.iso9001-r-assign > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso9001-r-assign-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 40px 36px;
    align-items: center;
    background:
        radial-gradient(ellipse 60% 80% at 85% 40%, rgba(36, 134, 54, 0.28) 0%, transparent 65%),
        linear-gradient(120deg, #0d1a12 0%, #13291c 45%, #183524 100%);
    border-radius: 24px;
    padding: 48px 44px;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.iso9001-r-assign-copy h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 14px;
    color: #fff;
}
.iso9001-r-assign-copy > p {
    font-size: 19px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.86);
    margin: 0 0 28px;
    max-width: 62ch;
}
.iso9001-r-assign-feats {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}
.iso9001-r-assign-feats li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 0 18px;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    color: #fff;
}
.iso9001-r-assign-feats li:first-child {
    border-left: 0;
    padding-left: 0;
}
.iso9001-r-assign-feat-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: transparent;
    color: #5dde78;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    flex-shrink: 0;
    padding: 0;
}
.iso9001-r-assign-flow {
    display: block;
    min-width: 0;
}
.iso9001-r-assign-flow > img {
    display: block;
    width: 100%;
    height: auto;
}
.iso9001-r-assign-node {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
.iso9001-r-assign-node--src {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
}
.iso9001-r-assign-node--mid {
    background: rgba(12, 28, 18, 0.9);
    border: 2px solid #3fd05a;
    color: #fff;
}
.iso9001-r-assign-node--mid i {
    color: #3fd05a;
}
.iso9001-r-assign-arrow {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    flex-shrink: 0;
}
.iso9001-r-assign-branch {
    width: 22px;
    height: 148px;
    flex-shrink: 0;
    border-right: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 0 14px 14px 0;
    position: relative;
}
.iso9001-r-assign-branch::before,
.iso9001-r-assign-branch::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 14px;
    height: 2px;
    background: rgba(255, 255, 255, 0.4);
}
.iso9001-r-assign-branch::before { top: 18px; }
.iso9001-r-assign-branch::after { bottom: 18px; }
.iso9001-r-assign-targets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 168px;
}
.iso9001-r-assign-target {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: var(--i9-ink);
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.iso9001-r-assign-target img {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}
@media (max-width: 1199px) {
    .iso9001-r-assign > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
    .iso9001-r-assign-panel {
        grid-template-columns: 1fr;
        padding: 36px 32px;
    }
    .iso9001-r-assign-flow {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
@media (max-width: 991px) {
    .iso9001-r-assign-feats {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .iso9001-r-assign-feats li {
        flex-direction: row;
        align-items: center;
        border-left: 0;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .iso9001-r-assign > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso9001-r-assign-copy h2 {
        font-size: 26px;
    }
    .iso9001-r-assign-copy > p {
        font-size: 17px;
    }
    .iso9001-r-assign-node {
        white-space: normal;
    }
    .iso9001-r-assign-branch {
        display: none;
    }
    .iso9001-r-assign-targets {
        width: 100%;
    }
}

/* ========== ISO 9001 evaluation section ========== */
.iso9001-r-eval {
    --i9-green: #248636;
    --i9-ink: #000;
    --i9-muted: #516158;
    padding: 20px 0 56px;
}
.iso9001-r-eval > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso9001-r-eval-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 40px 48px;
    align-items: center;
}
.iso9001-r-eval-copy h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i9-ink);
    margin: 0 0 14px;
}
.iso9001-r-eval-copy > p {
    font-size: 19px;
    line-height: 1.5;
    color: var(--i9-muted);
    margin: 0 0 28px;
    max-width: 67ch;
}
.iso9001-r-eval-steps {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px;
}
.iso9001-r-eval-steps > li {
    list-style: none;
}
.iso9001-r-eval-steps > li::marker {
    content: none;
    display: none;
}
.iso9001-r-eval-steps > li:not(.iso9001-r-eval-step-arrow) {
    display: flex;
    align-items: center;
    gap: 12px;
}
.iso9001-r-eval-step-arrow {
    color: #9aa39c;
    font-size: 14px;
    line-height: 1;
    padding-top: 0;
}
.iso9001-r-eval-step-num {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--i9-green);
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
    margin: 0 !important;
}
.iso9001-r-eval-steps strong {
    display: block;
    font-size: 17px;
    color: var(--i9-ink);
    line-height: 1.25;
}
.iso9001-r-eval-steps li > div > span {
    display: block;
    font-size: 15px;
    color: var(--i9-muted);
    margin-top: 2px;
}
.iso9001-r-eval-note {
    font-size: 16px;
    color: var(--i9-muted);
    margin: 0;
}
.iso9001-r-eval-card {
    background: #fff;
    border: 1px solid #e6ebe7;
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(16, 36, 24, 0.08);
    overflow: hidden;
}
.iso9001-r-eval-card-head {
    background: #f1f3f2;
    padding: 14px 18px;
    font-size: 17px;
    font-weight: 700;
    color: #1a1f1c;
}
.iso9001-r-eval-card-body {
    padding: 20px 20px 18px;
}
.iso9001-r-eval-q {
    font-size: 18px;
    font-weight: 700;
    color: var(--i9-ink);
    margin: 0 0 16px;
    line-height: 1.35;
}
.iso9001-r-eval-opts {
    margin: 0 0 22px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.iso9001-r-eval-opt {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid #e4e9e6;
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--i9-ink);
    cursor: pointer;
}
.iso9001-r-eval-opt input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}
.iso9001-r-eval-opt-mark {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #c5cdc8;
    flex-shrink: 0;
    margin-top: 1px;
    box-sizing: border-box;
    background: #fff;
}
.iso9001-r-eval-opt-text {
    flex: 1 1 auto;
}
.iso9001-r-eval-opt:has(input:checked) {
    border-color: var(--i9-green);
    background: #f3faf5;
}
.iso9001-r-eval-opt:has(input:checked) .iso9001-r-eval-opt-mark {
    border-color: var(--i9-green);
    background: radial-gradient(circle at center, var(--i9-green) 0 5px, #fff 5.5px);
}
.iso9001-r-eval-opt:has(input:focus-visible) {
    outline: 2px solid rgba(36, 134, 54, 0.35);
    outline-offset: 2px;
}
.iso9001-r-eval-card-actions {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.iso9001-r-eval-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.2;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}
.iso9001-r-eval-btn--ghost {
    border: 1px solid #d5dbd7;
    color: #33403a;
    background: #fff;
}
.iso9001-r-eval-btn--primary {
    border: 1px solid transparent;
    background: var(--i9-green);
    color: #fff;
}
@media (max-width: 1199px) {
    .iso9001-r-eval > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso9001-r-eval-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .iso9001-r-eval-card {
        max-width: 480px;
    }
}
@media (max-width: 767px) {
    .iso9001-r-eval > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso9001-r-eval-copy h2 {
        font-size: 26px;
    }
    .iso9001-r-eval-copy > p {
        font-size: 17px;
    }
    .iso9001-r-eval-step-arrow {
        display: none;
    }
}

/* ========== ISO 9001 happen + CTA (closing sections) ========== */
.iso9001-r-happen {
    --i9-green: #248636;
    --i9-green-soft: #e8f5ec;
    --i9-ink: #000;
    --i9-muted: #516158;
    padding: 0 0 40px;
}
.iso9001-r-happen-panel {
    background: var(--i9-green-soft);
    border-radius: 24px;
    padding: 42px 40px 36px;
}
.iso9001-r-happen-head {
    margin: 0 0 26px;
    max-width: 100%;
}
.iso9001-r-happen-head h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i9-ink);
    margin: 0 0 12px;
}
.iso9001-r-happen-head p {
    font-size: 19px;
    line-height: 1.5;
    color: var(--i9-muted);
    margin: 0;
}
.iso9001-r-happen-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.iso9001-r-happen-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    border-radius: 16px;
    padding: 22px 20px;
}
.iso9001-r-happen-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #eef8f1;
    color: var(--i9-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 25px;
}
.iso9001-r-happen-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--i9-ink);
    margin: 0 0 4px;
}
.iso9001-r-happen-card p {
    font-size: 17px;
    color: var(--i9-muted);
    margin: 0;
    line-height: 1.45;
}

.iso9001-r-cta {
    --i9-green: #248636;
    padding: 0 0 56px;
}
.iso9001-r-cta-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background:
        radial-gradient(ellipse 55% 140% at 100% 50%, rgba(36, 134, 54, 0.28), transparent 58%),
        #121a15;
    border-radius: 22px;
    padding: 34px 40px;
    color: #fff;
}
.iso9001-r-cta-panel h2 {
    font-size: 34px;
    line-height: 1.25;
    font-weight: 650;
    margin: 0;
    color: #fff;
    max-width: 42ch;
}
.iso9001-r-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-shrink: 0;
}
.iso9001-r-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}
.iso9001-r-cta-btn--primary {
    background: var(--i9-green);
    color: #fff;
    border: 1.5px solid transparent;
}
.iso9001-r-cta-btn--ghost {
    border: 1.5px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    background: transparent;
}
.iso9001-r-cta-btn:hover {
    opacity: 0.92;
    color: #fff;
}
@media (max-width: 991px) {
    .iso9001-r-happen-grid {
        grid-template-columns: 1fr;
    }
    .iso9001-r-cta-panel {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 24px;
    }
    .iso9001-r-cta-panel h2 {
        max-width: none;
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .iso9001-r-happen-head h2 {
        font-size: 26px;
    }
    .iso9001-r-happen-head p {
        font-size: 17px;
    }
    .iso9001-r-happen-panel {
        padding: 28px 18px 22px;
    }
}

/* ========== ISO 14001 intro section (below hero) ========== */
.iso14001-r-intro {
    --i14-green: #248636;
    --i14-green-soft: #e8f5ec;
    --i14-ink: #000;
    --i14-muted: #516158;
    position: relative;
    padding: 56px 0 64px;
    background:
        linear-gradient(180deg, #fff 0%, #f7fbf8 72%, #f3f8f4 100%);
    overflow: hidden;
}
.iso14001-r-intro > .container {
    position: relative;
    z-index: 1;
}
.iso14001-r-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 40px 48px;
    align-items: center;
}
.iso14001-r-intro-kicker {
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #268540;
}
.iso14001-r-intro-copy h2 {
    margin: 0 0 16px;
    font-size: 45px;
    line-height: 1.12;
    font-weight: 700;
    color: var(--i14-ink);
    max-width: 65ch;
}
.iso14001-r-intro-lead {
    margin: 0 0 28px;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--i14-muted);
    max-width: 52ch;
}
.iso14001-r-intro-feats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.iso14001-r-intro-feat {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 16px 14px;
    background: #fff;
    border: 1px solid rgba(36, 134, 54, 0.08);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(18, 40, 24, 0.04);
}
.iso14001-r-intro-feat-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--i14-green-soft);
    color: var(--i14-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 30px;
}
.iso14001-r-intro-feat p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 3.2;
    color: var(--i14-ink);
}
.iso14001-r-intro-media {
    min-width: 0;
    display: flex;
    justify-content: center;
}
.iso14001-r-intro-media img {
    display: block;
    width: 100%;
    max-width: 540px;
    height: auto;
}
@media (max-width: 991px) {
    .iso14001-r-intro {
        padding: 44px 0 52px;
    }
    .iso14001-r-intro-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .iso14001-r-intro-copy h2 {
        font-size: 34px;
        max-width: none;
    }
}
@media (max-width: 575px) {
    .iso14001-r-intro-copy h2 {
        font-size: 28px;
        line-height: 1.2;
    }
    .iso14001-r-intro-kicker {
        font-size: 16px;
    }
    .iso14001-r-intro-lead {
        font-size: 17px;
    }
    .iso14001-r-intro-feats {
        grid-template-columns: 1fr;
    }
    .iso14001-r-intro-feat p {
        font-size: 15px;
    }
}

/* ========== ISO 14001 videos section ========== */
.iso14001-r-videos {
    padding: 12px 0 48px;
}
.iso14001-r-videos > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-videos-head {
    margin: 0 0 32px;
}
.iso14001-r-videos-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin: 14px 0 12px;
}
.iso14001-r-videos-head p {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: #516158;
    margin: 0;
}
.iso14001-r-videos-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}
.iso14001-r-video h3 {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    margin: 16px 0 8px;
    line-height: 1.3;
}
.iso14001-r-video p {
    font-size: 18px;
    line-height: 1.45;
    color: #516158;
    margin: 0;
}
.iso14001-r-video-thumb {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #e8ece9;
    aspect-ratio: 16 / 9;
}
.iso14001-r-video-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.iso14001-r-video-thumb--playable {
    cursor: pointer;
}
.iso14001-r-video-thumb--playable.is-playing {
    cursor: default;
}
.iso14001-r-video-thumb--playable.is-playing img {
    visibility: hidden;
}
.iso14001-r-video-thumb .ttl-r-action-player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 12px;
    background: #000;
}
@media (max-width: 1199px) {
    .iso14001-r-videos > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-videos-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
    .iso14001-r-videos-head h2 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .iso14001-r-videos > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
}
@media (max-width: 575px) {
    .iso14001-r-videos {
        padding-bottom: 36px;
    }
    .iso14001-r-videos-head h2 {
        font-size: 26px;
    }
    .iso14001-r-videos-head p,
    .iso14001-r-video p {
        font-size: 16px;
    }
    .iso14001-r-video h3 {
        font-size: 18px;
    }
}

/* ========== ISO 14001 modules curriculum ========== */
.iso14001-r-modules {
    --i14-green: #248636;
    --i14-ink: #000;
    --i14-muted: #516158;
    padding: 10px 0 56px;
}
.iso14001-r-modules > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-modules-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 28px;
}
.iso14001-r-modules-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0;
    max-width: 50ch;
}
.iso14001-r-modules-badge {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 6px;
    background: #fff;
    color: var(--i14-green);
    border: 2.5px solid rgba(36, 134, 54, 0.45);
    font-size: 18px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 999px;
    white-space: nowrap;
}
.iso14001-r-modules-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.iso14001-r-module {
    display: grid;
    grid-template-columns: minmax(240px, 0.34fr) minmax(0, 0.66fr);
    gap: 0;
    align-items: stretch;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid transparent;
}
.iso14001-r-module--green { background: #eaf6ee; border-color: #d7ebdd; }
.iso14001-r-module--teal { background: #e8f4f6; border-color: #d4e8ec; }
.iso14001-r-module--olive { background: #f3f4e8; border-color: #e4e6d4; }
.iso14001-r-module--cyan { background: #e9f3f4; border-color: #d5e6e8; }
.iso14001-r-module-lead {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 22px 20px;
}
.iso14001-r-module-num {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 25px;
    flex-shrink: 0;
    line-height: 1;
}
.iso14001-r-module--green .iso14001-r-module-num { background: #248636; }
.iso14001-r-module--teal .iso14001-r-module-num { background: #1f7a7a; }
.iso14001-r-module--olive .iso14001-r-module-num { background: #6b7a2f; }
.iso14001-r-module--cyan .iso14001-r-module-num { background: #2a7d86; }
.iso14001-r-module-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 41px;
    flex-shrink: 0;
}
.iso14001-r-module--green .iso14001-r-module-icon { color: #248636; }
.iso14001-r-module--teal .iso14001-r-module-icon { color: #1f7a7a; }
.iso14001-r-module--olive .iso14001-r-module-icon { color: #6b7a2f; }
.iso14001-r-module--cyan .iso14001-r-module-icon { color: #2a7d86; }
.iso14001-r-module-lead h3 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--i14-ink);
}
.iso14001-r-module-lead p {
    margin: 0;
    font-size: 15px;
    line-height: 1.35;
    color: var(--i14-muted);
}
.iso14001-r-module-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 28px;
    align-content: center;
    padding: 20px 24px 20px 8px;
    background: rgba(255, 255, 255, 0.55);
}
.iso14001-r-module-cols ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.iso14001-r-module-cols li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 450;
    color: var(--i14-ink);
}
.iso14001-r-module-cols li span {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: var(--i14-green);
    margin-top: 1px;
}
.iso14001-r-module--teal .iso14001-r-module-cols li span { background: #1f7a7a; }
.iso14001-r-module--olive .iso14001-r-module-cols li span { background: #6b7a2f; }
.iso14001-r-module--cyan .iso14001-r-module-cols li span { background: #2a7d86; }
@media (max-width: 1199px) {
    .iso14001-r-modules > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-modules-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .iso14001-r-modules-head h2 {
        max-width: none;
        font-size: 30px;
    }
    .iso14001-r-module {
        grid-template-columns: 1fr;
    }
    .iso14001-r-module-cols {
        grid-template-columns: 1fr;
        padding: 4px 18px 18px;
    }
}
@media (max-width: 767px) {
    .iso14001-r-modules > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso14001-r-modules-head h2 {
        font-size: 26px;
    }
    .iso14001-r-module-lead {
        flex-wrap: wrap;
        gap: 10px 12px;
    }
}

/* ========== ISO 14001 everyday performance ========== */
.iso14001-r-perf {
    --i14-green: #248636;
    --i14-green-soft: #e8f5ec;
    --i14-ink: #000;
    --i14-muted: #516158;
    position: relative;
    padding: 20px 0 40px;
}
.iso14001-r-perf > .container {
    position: relative;
    z-index: 1;
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-perf-head {
    margin: 0 0 28px;
    max-width: 100%;
}
.iso14001-r-perf-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0 0 12px;
}
.iso14001-r-perf-head p {
    font-size: 20px;
    line-height: 1.5;
    color: var(--i14-muted);
    margin: 0;
    max-width: 83ch;
}
.iso14001-r-perf-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.iso14001-r-perf-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    border: 1px solid #e8ece9;
    border-radius: 16px;
    padding: 20px 18px;
    box-shadow: 0 2px 8px rgba(18, 40, 24, 0.04);
}
.iso14001-r-perf-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: var(--i14-green-soft);
    color: var(--i14-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 27px;
}
.iso14001-r-perf-card h3 {
    font-size: 20px;
    font-weight: 650;
    color: var(--i14-ink);
    margin: 0 0 6px;
    line-height: 1.3;
}
.iso14001-r-perf-card p {
    font-size: 17px;
    line-height: 1.45;
    color: var(--i14-muted);
    margin: 0;
}
@media (max-width: 1199px) {
    .iso14001-r-perf > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-perf-grid {
        grid-template-columns: 1fr;
    }
    .iso14001-r-perf-head h2 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .iso14001-r-perf > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso14001-r-perf-head h2 {
        font-size: 26px;
    }
    .iso14001-r-perf-head p {
        font-size: 17px;
    }
}

/* ========== ISO 14001 assign / Panda Talks ========== */
.iso14001-r-assign {
    --i14-green: #248636;
    padding: 8px 0 56px;
}
.iso14001-r-assign > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-assign-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 36px 28px;
    align-items: center;
    background:
        radial-gradient(ellipse 50% 70% at 90% 30%, rgba(36, 134, 54, 0.22) 0%, transparent 60%),
        linear-gradient(125deg, #0c1f16 0%, #123024 50%, #164032 100%);
    border-radius: 24px;
    padding: 44px 40px;
    color: #fff;
    overflow: hidden;
}
.iso14001-r-assign-kicker {
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7dff9a;
}
.iso14001-r-assign-copy h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 14px;
    color: #fff;
    max-width: 26ch;
}
.iso14001-r-assign-copy > p:not(.iso14001-r-assign-kicker) {
    font-size: 19px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.86);
    margin: 0 0 28px;
    max-width: 65ch;
}
.iso14001-r-assign-feats {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}
.iso14001-r-assign-feats li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 0 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.35;
    color: #fff;
}
.iso14001-r-assign-feats li:first-child {
    border-left: 0;
    padding-left: 0;
}
.iso14001-r-assign-feat-icon {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: rgba(125, 255, 154, 0.12);
    color: #7dff9a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    flex-shrink: 0;
}
.iso14001-r-assign-media {
    min-width: 0;
    display: flex;
    justify-content: center;
}
.iso14001-r-assign-media img {
    display: block;
    width: 100%;
    max-width: 480px;
    height: auto;
    border-radius: 24px;
}
@media (max-width: 1199px) {
    .iso14001-r-assign > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-assign-panel {
        grid-template-columns: 1fr;
        padding: 32px 24px;
    }
    .iso14001-r-assign-copy h2 {
        max-width: none;
        font-size: 30px;
    }
    .iso14001-r-assign-feats {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .iso14001-r-assign-feats li {
        border-left: 0;
        padding: 0;
        flex-direction: row;
        align-items: center;
    }
}
@media (max-width: 767px) {
    .iso14001-r-assign > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso14001-r-assign-copy h2 {
        font-size: 26px;
    }
    .iso14001-r-assign-copy > p:not(.iso14001-r-assign-kicker) {
        font-size: 17px;
    }
}

/* ========== ISO 14001 evaluation / knowledge check ========== */
.iso14001-r-eval {
    --i14-green: #248636;
    --i14-ink: #000;
    --i14-muted: #516158;
    padding: 20px 0 48px;
}
.iso14001-r-eval > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-eval-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.95fr);
    gap: 36px 40px;
    align-items: center;
}
.iso14001-r-eval-copy h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0 0 14px;
}
.iso14001-r-eval-copy > p {
    font-size: 19px;
    line-height: 1.5;
    color: var(--i14-muted);
    margin: 0 0 26px;
    max-width: 62ch;
}
.iso14001-r-eval-steps {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
}
.iso14001-r-eval-steps > li {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.iso14001-r-eval-step-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--i14-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.iso14001-r-eval-steps strong {
    font-size: 19px;
    font-weight: 650;
    color: var(--i14-ink);
}
.iso14001-r-eval-step-arrow {
    color: #9aa39c;
    font-size: 23px;
}
.iso14001-r-eval-note {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 14px 16px;
    background: #eaf6ee;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.4;
    color: #33403a;
    max-width: 52ch;
}
.iso14001-r-eval-note i {
    color: var(--i14-green);
    font-size: 18px;
    flex-shrink: 0;
}
.iso14001-r-eval-card {
    background: #fff;
    border: 1px solid #e5e8e6;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(18, 40, 24, 0.08);
    overflow: hidden;
}
.iso14001-r-eval-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px 10px;
}
.iso14001-r-eval-card-title {
    font-size: 19px;
    font-weight: 700;
    color: var(--i14-green);
}
.iso14001-r-eval-card-meta {
    font-size: 15px;
    font-weight: 600;
    color: #7a8580;
}
.iso14001-r-eval-progress {
    height: 6px;
    margin: 0 20px 8px;
    background: #e8ece9;
    border-radius: 999px;
    overflow: hidden;
}
.iso14001-r-eval-progress span {
    display: block;
    height: 100%;
    background: var(--i14-green);
    border-radius: inherit;
}
.iso14001-r-eval-card-body {
    padding: 8px 20px 20px;
}
.iso14001-r-eval-q {
    font-size: 18px;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0 0 14px;
    line-height: 1.35;
}
.iso14001-r-eval-opts {
    margin: 0 0 18px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.iso14001-r-eval-opt {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid #e4e9e6;
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--i14-ink);
    cursor: pointer;
}
.iso14001-r-eval-opt input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}
.iso14001-r-eval-opt-mark {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #c5cdc8;
    flex-shrink: 0;
    margin-top: 1px;
    box-sizing: border-box;
    background: #fff;
}
.iso14001-r-eval-opt-text {
    flex: 1 1 auto;
}
.iso14001-r-eval-opt:has(input:checked) {
    border-color: var(--i14-green);
    background: #f3faf5;
}
.iso14001-r-eval-opt:has(input:checked) .iso14001-r-eval-opt-mark {
    border-color: var(--i14-green);
    background: radial-gradient(circle at center, var(--i14-green) 0 5px, #fff 5.5px);
}
.iso14001-r-eval-opt:has(input:focus-visible) {
    outline: 2px solid rgba(36, 134, 54, 0.35);
    outline-offset: 2px;
}
.iso14001-r-eval-card-actions {
    display: flex;
    justify-content: flex-end;
}
.iso14001-r-eval-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.2;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
}
.iso14001-r-eval-btn--primary {
    background: var(--i14-green);
    color: #fff;
}
@media (max-width: 1199px) {
    .iso14001-r-eval > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-eval-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .iso14001-r-eval-card {
        max-width: 480px;
    }
}
@media (max-width: 767px) {
    .iso14001-r-eval > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso14001-r-eval-copy h2 {
        font-size: 26px;
    }
    .iso14001-r-eval-copy > p {
        font-size: 17px;
    }
    .iso14001-r-eval-step-arrow {
        display: none;
    }
}

/* ========== ISO 14001 respond / happen ========== */
.iso14001-r-happen {
    --i14-green: #248636;
    --i14-green-soft: #e8f5ec;
    --i14-ink: #000;
    --i14-muted: #516158;
    padding: 8px 0 36px;
}
.iso14001-r-happen > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-happen-panel {
    background: var(--i14-green-soft);
    border-radius: 24px;
    padding: 42px 40px 36px;
}
.iso14001-r-happen-head {
    margin: 0 0 26px;
    max-width: 100%;
}
.iso14001-r-happen-head h2 {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0 0 12px;
}
.iso14001-r-happen-head p {
    font-size: 19px;
    line-height: 1.5;
    color: var(--i14-muted);
    margin: 0;
}
.iso14001-r-happen-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.iso14001-r-happen-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    border-radius: 16px;
    padding: 22px 20px;
}
.iso14001-r-happen-icon {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background: #eef8f1;
    color: var(--i14-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 28px;
}
.iso14001-r-happen-icon--warn {
    background: #fff1e8;
    color: #e67e22;
}
.iso14001-r-happen-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0 0 4px;
}
.iso14001-r-happen-card p {
    font-size: 16px;
    color: var(--i14-muted);
    margin: 0;
    line-height: 1.45;
}
@media (max-width: 1199px) {
    .iso14001-r-happen > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-happen-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .iso14001-r-happen > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso14001-r-happen-head h2 {
        font-size: 26px;
    }
    .iso14001-r-happen-head p {
        font-size: 17px;
    }
    .iso14001-r-happen-panel {
        padding: 28px 18px 22px;
    }
}

/* ========== ISO 14001 shared approach ========== */
.iso14001-r-shared {
    --i14-green: #248636;
    --i14-ink: #000;
    --i14-muted: #516158;
    padding: 8px 0 40px;
}
.iso14001-r-shared > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-shared-head {
    margin: 0 0 24px;
}
.iso14001-r-shared-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0;
    max-width: 100%;
}
.iso14001-r-shared-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.iso14001-r-shared-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    border: 1px solid #e8ece9;
    border-radius: 16px;
    padding: 22px 20px;
    box-shadow: 0 2px 8px rgba(18, 40, 24, 0.04);
}
.iso14001-r-shared-icon {
    width: 53px;
    height: 53px;
    border-radius: 12px;
    background: #eef8f1;
    color: var(--i14-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 28px;
}
.iso14001-r-shared-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--i14-ink);
    margin: 0 0 4px;
}
.iso14001-r-shared-card p {
    font-size: 16px;
    color: var(--i14-muted);
    margin: 0;
    line-height: 1.45;
}
@media (max-width: 1199px) {
    .iso14001-r-shared > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-shared-grid {
        grid-template-columns: 1fr;
    }
    .iso14001-r-shared-head h2 {
        max-width: none;
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .iso14001-r-shared > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
    .iso14001-r-shared-head h2 {
        font-size: 26px;
    }
}

/* ========== ISO 14001 CTA ========== */
.iso14001-r-cta {
    --i14-green: #248636;
    padding: 0 0 56px;
}
.iso14001-r-cta > .container {
    padding-left: 64px;
    padding-right: 64px;
}
.iso14001-r-cta-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background:
        radial-gradient(ellipse 50% 120% at 0% 50%, rgba(36, 134, 54, 0.35), transparent 55%),
        #0f2419;
    border-radius: 22px;
    padding: 34px 40px;
    color: #fff;
}
.iso14001-r-cta-copy {
    display: flex;
    align-items: center;
    gap: 38px;
    min-width: 0;
}
.iso14001-r-cta-leaf {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.iso14001-r-cta-leaf img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.iso14001-r-cta-panel h2 {
    font-size: 35px;
    line-height: 1.25;
    font-weight: 700;
    margin: 0;
    color: #fff;
    max-width: 35ch;
}
.iso14001-r-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-shrink: 0;
}
.iso14001-r-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}
.iso14001-r-cta-btn--primary {
    background: var(--i14-green);
    color: #fff;
    border: 1.5px solid transparent;
}
.iso14001-r-cta-btn--ghost {
    border: 1.5px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    background: transparent;
}
.iso14001-r-cta-btn:hover {
    opacity: 0.92;
    color: #fff;
}
@media (max-width: 1478px) {
    .iso14001-r-cta-actions {
        flex-direction: column;
        align-items: center;
        align-self: center;
    }
}
@media (max-width: 1199px) {
    .iso14001-r-cta > .container {
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width: 991px) {
    .iso14001-r-cta-panel {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 24px;
    }
    .iso14001-r-cta-copy {
        flex-direction: column;
        align-items: center;
        align-self: center;
        width: 100%;
        text-align: center;
    }
    .iso14001-r-cta-panel h2 {
        max-width: none;
        font-size: 24px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .iso14001-r-cta > .container {
        padding-left: 38px;
        padding-right: 38px;
    }
}

/* ========== ISO 45001 intro section (below hero) ========== */
.iso45001-r-intro {
    --i45-green: #248636;
    --i45-green-soft: #e8f5ec;
    --i45-ink: #000;
    --i45-muted: #516158;
    padding: 56px 0 56px;
    background: #fff;
}
.iso45001-r-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 40px 48px;
    align-items: center;
}
.iso45001-r-intro-kicker {
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #268540;
}
.iso45001-r-intro-copy h2 {
    margin: 0 0 16px;
    font-size: 45px;
    line-height: 1.12;
    font-weight: 700;
    color: var(--i45-ink);
    max-width: 24ch;
}
.iso45001-r-intro-lead {
    margin: 0 0 28px;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--i45-muted);
    max-width: 65ch;
}
.iso45001-r-intro-feats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.iso45001-r-intro-feat {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 16px 14px;
    background: #f5faf7;
    border: 1px solid rgba(36, 134, 54, 0.08);
    border-radius: 14px;
}
.iso45001-r-intro-feat-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    color: var(--i45-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 25px;
}
.iso45001-r-intro-feat p {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.85;
    color: var(--i45-ink);
}
.iso45001-r-intro-media {
    min-width: 0;
    display: flex;
    justify-content: center;
}
.iso45001-r-intro-media img {
    display: block;
    width: 100%;
    max-width: 540px;
    height: auto;
}
@media (max-width: 991px) {
    .iso45001-r-intro {
        padding: 44px 0 48px;
    }
    .iso45001-r-intro-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .iso45001-r-intro-copy h2 {
        font-size: 34px;
        max-width: none;
    }
}
@media (max-width: 575px) {
    .iso45001-r-intro-copy h2 {
        font-size: 28px;
        line-height: 1.2;
    }
    .iso45001-r-intro-kicker {
        font-size: 16px;
    }
    .iso45001-r-intro-lead {
        font-size: 17px;
    }
    .iso45001-r-intro-feats {
        grid-template-columns: 1fr;
    }
    .iso45001-r-intro-feat p {
        font-size: 15px;
    }
}

/* ========== ISO 45001 videos section ========== */
.iso45001-r-videos {
    padding: 12px 0 48px;
}
.iso45001-r-videos-panel {
    /* Bleed panel past content so "See ISO" lines up with intro / modules headings */
    background: #f3f5f6;
    border-radius: 24px;
    padding: 36px 36px 40px;
    margin-left: -36px;
    margin-right: -36px;
}
.iso45001-r-videos-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 28px;
}
.iso45001-r-videos-titles {
    min-width: 0;
    max-width: 100%;
}
.iso45001-r-videos-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px;
}
.iso45001-r-videos-head p {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: #516158;
    margin: 0;
}
.iso45001-r-videos-script {
    display: block;
    width: min(180px, 22vw);
    height: auto;
    flex-shrink: 0;
    margin-top: 4px;
    transform: rotate(-4deg);
}
.iso45001-r-videos-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.iso45001-r-video h3 {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    margin: 14px 0 8px;
    line-height: 1.3;
}
.iso45001-r-video p {
    font-size: 17px;
    line-height: 1.45;
    color: #516158;
    margin: 0;
}
.iso45001-r-video-thumb {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background: #e8ece9;
    aspect-ratio: 16 / 9;
}
.iso45001-r-video-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.iso45001-r-video-thumb--playable {
    cursor: pointer;
}
.iso45001-r-video-thumb--playable.is-playing {
    cursor: default;
}
.iso45001-r-video-thumb--playable.is-playing img {
    visibility: hidden;
}
.iso45001-r-video-thumb .ttl-r-action-player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 14px;
    background: #000;
}

/* Shared play/pause control for ISO training video cards */
.iso9001-r-video-thumb .tt-style-play-toggle,
.iso14001-r-video-thumb .tt-style-play-toggle,
.iso45001-r-video-thumb .tt-style-play-toggle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
    transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}
.iso9001-r-video-thumb .tt-style-play-toggle i,
.iso14001-r-video-thumb .tt-style-play-toggle i,
.iso45001-r-video-thumb .tt-style-play-toggle i {
    margin-left: 2px;
}
.iso9001-r-video-thumb .tt-style-play-toggle .fa-pause,
.iso14001-r-video-thumb .tt-style-play-toggle .fa-pause,
.iso45001-r-video-thumb .tt-style-play-toggle .fa-pause {
    margin-left: 0;
}
.iso9001-r-video-thumb .tt-style-play-toggle:hover,
.iso14001-r-video-thumb .tt-style-play-toggle:hover,
.iso45001-r-video-thumb .tt-style-play-toggle:hover {
    background: #fff;
    transform: translate(-50%, -50%) scale(1.04);
}
.iso9001-r-video-thumb.is-playing .tt-style-play-toggle,
.iso14001-r-video-thumb.is-playing .tt-style-play-toggle,
.iso45001-r-video-thumb.is-playing .tt-style-play-toggle {
    opacity: 0;
    pointer-events: none;
}
.iso9001-r-video-thumb.is-playing:hover .tt-style-play-toggle,
.iso14001-r-video-thumb.is-playing:hover .tt-style-play-toggle,
.iso45001-r-video-thumb.is-playing:hover .tt-style-play-toggle,
.iso9001-r-video-thumb.is-paused .tt-style-play-toggle,
.iso14001-r-video-thumb.is-paused .tt-style-play-toggle,
.iso45001-r-video-thumb.is-paused .tt-style-play-toggle {
    opacity: 1;
    pointer-events: auto;
}
@media (max-width: 991px) {
    .iso45001-r-videos-panel {
        padding: 28px 22px 32px;
        margin-left: -22px;
        margin-right: -22px;
    }
    .iso45001-r-videos-head {
        flex-direction: column;
        gap: 12px;
    }
    .iso45001-r-videos-script {
        align-self: flex-end;
        width: 140px;
    }
    .iso45001-r-videos-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
    .iso45001-r-videos-head h2 {
        font-size: 32px;
    }
}
@media (max-width: 575px) {
    .iso45001-r-videos {
        padding-bottom: 36px;
    }
    .iso45001-r-videos-panel {
        padding: 22px 16px 26px;
        margin-left: -16px;
        margin-right: -16px;
        border-radius: 18px;
    }
    .iso45001-r-videos-head h2 {
        font-size: 26px;
    }
    .iso45001-r-videos-head p,
    .iso45001-r-video p {
        font-size: 16px;
    }
    .iso45001-r-video h3 {
        font-size: 18px;
    }
    .iso45001-r-videos-script {
        width: 120px;
    }
}

/* ========== ISO 45001 modules curriculum ========== */
.iso45001-r-modules {
    --i45-green: #248636;
    --i45-gold: #c9a227;
    --i45-ink: #000;
    --i45-muted: #516158;
    padding: 10px 0 56px;
}
.iso45001-r-modules-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 28px;
}
.iso45001-r-modules-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 0;
    max-width: 50ch;
}
.iso45001-r-modules-badge {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--i45-green);
    color: #fff;
    border: 0;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 999px;
    white-space: nowrap;
}
.iso45001-r-modules-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.iso45001-r-module {
    display: grid;
    grid-template-columns: minmax(240px, 0.36fr) minmax(0, 0.64fr);
    gap: 0;
    align-items: stretch;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid transparent;
}
.iso45001-r-module--green {
    background: #eaf6ee;
    border-color: #d7ebdd;
}
.iso45001-r-module--cream {
    background: #f7f4ea;
    border-color: #ebe4d0;
}
.iso45001-r-module-lead {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 22px 20px;
}
.iso45001-r-module-num {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 27px;
    flex-shrink: 0;
    line-height: 1;
    background: var(--i45-green);
}
.iso45001-r-module--cream .iso45001-r-module-num {
    background: var(--i45-gold);
}
.iso45001-r-module-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    flex-shrink: 0;
    color: var(--i45-green);
}
.iso45001-r-module-lead h3 {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--i45-ink);
}
.iso45001-r-module-lead p {
    margin: 0;
    font-size: 17px;
    line-height: 1.35;
    color: var(--i45-muted);
}
.iso45001-r-module-items {
    padding: 18px 24px 18px 8px;
    background: rgba(255, 255, 255, 0.55);
    display: flex;
    align-items: center;
}
.iso45001-r-module-items ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.iso45001-r-module-items li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 450;
    color: var(--i45-ink);
}
.iso45001-r-module-items li span {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: var(--i45-green);
    margin-top: 1px;
}
.iso45001-r-module--cream .iso45001-r-module-items li span {
    background: var(--i45-gold);
}
@media (max-width: 991px) {
    .iso45001-r-modules-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .iso45001-r-modules-head h2 {
        max-width: none;
        font-size: 30px;
    }
    .iso45001-r-module {
        grid-template-columns: 1fr;
    }
    .iso45001-r-module-items {
        padding: 4px 18px 18px;
    }
}
@media (max-width: 767px) {
    .iso45001-r-modules-head h2 {
        font-size: 26px;
    }
    .iso45001-r-modules-badge {
        white-space: normal;
    }
    .iso45001-r-module-lead {
        flex-wrap: wrap;
        gap: 10px 12px;
    }
}

/* ========== ISO 45001 people being heard ========== */
.iso45001-r-people {
    --i45-green: #248636;
    --i45-ink: #0f1f17;
    --i45-muted: #516158;
    padding: 8px 0 24px;
}
.iso45001-r-people-panel {
    background: #eef6f0;
    border-radius: 24px;
    padding: 40px 40px 36px;
}
.iso45001-r-people-head {
    margin: 0 0 28px;
    max-width: 100%;
}
.iso45001-r-people-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 0 0 12px;
}
.iso45001-r-people-head p {
    font-size: 19px;
    line-height: 1.5;
    color: var(--i45-muted);
    margin: 0;
    max-width: 100ch;
}
.iso45001-r-people-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}
.iso45001-r-people-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 0 22px;
    border-left: 1px solid rgba(36, 134, 54, 0.18);
}
.iso45001-r-people-card:first-child {
    border-left: 0;
    padding-left: 0;
}
.iso45001-r-people-card:last-child {
    padding-right: 0;
}
.iso45001-r-people-icon {
    width: 59px;
    height: 59px;
    border-radius: 50%;
    background: #fff;
    color: var(--i45-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 31px;
    box-shadow: 0 2px 8px rgba(18, 40, 24, 0.06);
}
.iso45001-r-people-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 2px 0 6px;
    line-height: 1.3;
}
.iso45001-r-people-card p {
    font-size: 17px;
    line-height: 1.45;
    color: var(--i45-muted);
    margin: 0;
}
@media (max-width: 991px) {
    .iso45001-r-people-panel {
        padding: 28px 24px;
    }
    .iso45001-r-people-head h2 {
        font-size: 30px;
    }
    .iso45001-r-people-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .iso45001-r-people-card,
    .iso45001-r-people-card:first-child,
    .iso45001-r-people-card:last-child {
        border-left: 0;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .iso45001-r-people-head h2 {
        font-size: 26px;
    }
    .iso45001-r-people-head p {
        font-size: 17px;
    }
}

/* ========== ISO 45001 assign / Panda Talks ========== */
.iso45001-r-assign {
    --i45-green: #248636;
    padding: 8px 0 56px;
}
.iso45001-r-assign-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 36px 28px;
    align-items: center;
    background:
        radial-gradient(ellipse 55% 75% at 88% 35%, rgba(36, 134, 54, 0.28) 0%, transparent 58%),
        linear-gradient(125deg, #0c1f16 0%, #123024 50%, #164032 100%);
    border-radius: 24px;
    padding: 44px 40px;
    color: #fff;
    overflow: hidden;
}
.iso45001-r-assign-kicker {
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7dff9a;
}
.iso45001-r-assign-copy h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 14px;
    color: #fff;
    max-width: 28ch;
}
.iso45001-r-assign-copy > p:not(.iso45001-r-assign-kicker) {
    font-size: 19px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.86);
    margin: 0 0 28px;
    max-width: 66ch;
}
.iso45001-r-assign-feats {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}
.iso45001-r-assign-feats li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 0 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    font-size: 17px;
    font-weight: 550;
    line-height: 1.35;
    color: #fff;
}
.iso45001-r-assign-feats li:first-child {
    border-left: 0;
    padding-left: 0;
}
.iso45001-r-assign-feat-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #248636;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;
}
.iso45001-r-assign-media {
    min-width: 0;
    display: flex;
    justify-content: center;
}
.iso45001-r-assign-media img {
    display: block;
    width: 100%;
    max-width: 480px;
    height: auto;
    border-radius: 24px;
}
@media (max-width: 991px) {
    .iso45001-r-assign-panel {
        grid-template-columns: 1fr;
        padding: 32px 24px;
    }
    .iso45001-r-assign-copy h2 {
        max-width: none;
        font-size: 30px;
    }
    .iso45001-r-assign-feats {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .iso45001-r-assign-feats li {
        border-left: 0;
        padding: 0;
        flex-direction: row;
        align-items: center;
    }
}
@media (max-width: 767px) {
    .iso45001-r-assign-copy h2 {
        font-size: 26px;
    }
    .iso45001-r-assign-copy > p:not(.iso45001-r-assign-kicker) {
        font-size: 17px;
    }
}

/* ========== ISO 45001 evaluation / knowledge check ========== */
.iso45001-r-eval {
    --i45-green: #248636;
    --i45-ink: #000;
    --i45-muted: #516158;
    padding: 20px 0 48px;
}
.iso45001-r-eval-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: 36px 40px;
    align-items: center;
}
.iso45001-r-eval-copy h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 0 0 14px;
}
.iso45001-r-eval-lead {
    font-size: 19px;
    line-height: 1.5;
    color: var(--i45-muted);
    margin: 0 0 26px;
    max-width: 70ch;
}
.iso45001-r-eval-steps {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px 10px;
}
.iso45001-r-eval-steps > li {
    list-style: none;
    display: inline-flex;
    align-items: flex-start;
    gap: 15px;
}
.iso45001-r-eval-step-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--i45-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.iso45001-r-eval-steps strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--i45-ink);
    line-height: 1.25;
}
.iso45001-r-eval-steps li > span > span {
    display: block;
    font-size: 15px;
    line-height: 1.35;
    color: var(--i45-muted);
    margin-top: 2px;
}
.iso45001-r-eval-step-arrow {
    color: #9aa39c;
    font-size: 19px;
    margin-top: 14px;
}
.iso45001-r-eval-note {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    color: #33403a;
    max-width: 63ch;
}
.iso45001-r-eval-note i {
    color: var(--i45-green);
    font-size: 19px;
    flex-shrink: 0;
}
.iso45001-r-eval-card {
    background: #fff;
    border: 1px solid #e5e8e6;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(18, 40, 24, 0.08);
    overflow: hidden;
}
.iso45001-r-eval-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px 10px;
}
.iso45001-r-eval-card-meta {
    font-size: 15px;
    font-weight: 600;
    color: #7a8580;
    flex-shrink: 0;
}
.iso45001-r-eval-progress {
    flex: 1 1 auto;
    height: 6px;
    background: #e8ece9;
    border-radius: 999px;
    overflow: hidden;
}
.iso45001-r-eval-progress span {
    display: block;
    height: 100%;
    background: var(--i45-green);
    border-radius: inherit;
}
.iso45001-r-eval-card-body {
    padding: 8px 20px 20px;
}
.iso45001-r-eval-q {
    font-size: 18px;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 0 0 14px;
    line-height: 1.35;
}
.iso45001-r-eval-opts {
    margin: 0 0 18px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.iso45001-r-eval-opt {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid #e4e9e6;
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--i45-ink);
    cursor: pointer;
}
.iso45001-r-eval-opt input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}
.iso45001-r-eval-opt-mark {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #c5cdc8;
    flex-shrink: 0;
    margin-top: 1px;
    box-sizing: border-box;
    background: #fff;
}
.iso45001-r-eval-opt-text {
    flex: 1 1 auto;
}
.iso45001-r-eval-opt:has(input:checked) {
    border-color: var(--i45-green);
    background: #f3faf5;
}
.iso45001-r-eval-opt:has(input:checked) .iso45001-r-eval-opt-mark {
    border-color: var(--i45-green);
    background: radial-gradient(circle at center, var(--i45-green) 0 5px, #fff 5.5px);
}
.iso45001-r-eval-opt:has(input:focus-visible) {
    outline: 2px solid rgba(36, 134, 54, 0.35);
    outline-offset: 2px;
}
.iso45001-r-eval-card-actions {
    display: flex;
    justify-content: flex-end;
}
.iso45001-r-eval-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.2;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
}
.iso45001-r-eval-btn--primary {
    background: var(--i45-green);
    color: #fff;
}
@media (max-width: 991px) {
    .iso45001-r-eval-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .iso45001-r-eval-card {
        max-width: 480px;
    }
}
@media (max-width: 767px) {
    .iso45001-r-eval-copy h2 {
        font-size: 26px;
    }
    .iso45001-r-eval-lead {
        font-size: 17px;
    }
    .iso45001-r-eval-step-arrow {
        display: none;
    }
}

/* ========== ISO 45001 happen / respond ========== */
.iso45001-r-happen {
    --i45-green: #248636;
    --i45-ink: #000;
    --i45-muted: #516158;
    padding: 8px 0 40px;
}
.iso45001-r-happen-head {
    margin: 0 0 26px;
    max-width: 100%;
}
.iso45001-r-happen-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 0 0 12px;
}
.iso45001-r-happen-head p {
    font-size: 20px;
    line-height: 1.5;
    color: var(--i45-muted);
    margin: 0;
}
.iso45001-r-happen-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.iso45001-r-happen-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    border-radius: 16px;
    padding: 22px 20px;
}
.iso45001-r-happen-card--mint {
    background: #eaf4fb;
}
.iso45001-r-happen-card--cream {
    background: #f8f1e4;
}
.iso45001-r-happen-card--green {
    background: #e8f5ec;
}
.iso45001-r-happen-card--teal {
    background: #e6f4f2;
}
.iso45001-r-happen-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff;
    color: var(--i45-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 28px;
}
.iso45001-r-happen-icon--warn {
    color: #d4a017;
}
.iso45001-r-happen-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 0 0 4px;
}
.iso45001-r-happen-card p {
    font-size: 17px;
    color: var(--i45-muted);
    margin: 0;
    line-height: 1.45;
}
@media (max-width: 991px) {
    .iso45001-r-happen-grid {
        grid-template-columns: 1fr;
    }
    .iso45001-r-happen-head h2 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .iso45001-r-happen-head h2 {
        font-size: 26px;
    }
    .iso45001-r-happen-head p {
        font-size: 17px;
    }
}

/* ========== ISO 45001 wellbeing ========== */
.iso45001-r-wellbeing {
    --i45-green: #248636;
    --i45-ink: #000;
    --i45-muted: #516158;
    padding: 8px 0 48px;
}
.iso45001-r-wellbeing-head {
    margin: 0 0 28px;
    max-width: 100%;
}
.iso45001-r-wellbeing-head h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 0 0 12px;
}
.iso45001-r-wellbeing-head p {
    font-size: 19px;
    line-height: 1.5;
    color: var(--i45-muted);
    margin: 0;
}
.iso45001-r-wellbeing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}
.iso45001-r-wellbeing-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 0 22px;
    border-left: 1px solid rgba(36, 134, 54, 0.18);
}
.iso45001-r-wellbeing-card:first-child {
    border-left: 0;
    padding-left: 0;
}
.iso45001-r-wellbeing-card:last-child {
    padding-right: 0;
}
.iso45001-r-wellbeing-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #e8f5ec;
    color: var(--i45-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 28px;
}
.iso45001-r-wellbeing-card h3 {
    font-size: 21px;
    font-weight: 700;
    color: var(--i45-ink);
    margin: 2px 0 6px;
    line-height: 1.3;
}
.iso45001-r-wellbeing-card p {
    font-size: 18px;
    line-height: 1.45;
    color: var(--i45-muted);
    margin: 0;
}
@media (max-width: 991px) {
    .iso45001-r-wellbeing-head h2 {
        font-size: 30px;
    }
    .iso45001-r-wellbeing-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .iso45001-r-wellbeing-card,
    .iso45001-r-wellbeing-card:first-child,
    .iso45001-r-wellbeing-card:last-child {
        border-left: 0;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .iso45001-r-wellbeing-head h2 {
        font-size: 26px;
    }
    .iso45001-r-wellbeing-head p {
        font-size: 17px;
    }
}

/* ========== ISO 45001 CTA ========== */
.iso45001-r-cta {
    --i45-green: #248636;
    padding: 8px 0 56px;
}
.iso45001-r-cta-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background:
        radial-gradient(ellipse 40% 120% at 0% 50%, rgba(36, 134, 54, 0.35), transparent 55%),
        radial-gradient(ellipse 45% 130% at 100% 50%, rgba(36, 134, 54, 0.3), transparent 58%),
        linear-gradient(120deg, #0c1f16 0%, #123024 50%, #164032 100%);
    border-radius: 22px;
    padding: 36px 40px;
    color: #fff;
}
.iso45001-r-cta-copy {
    min-width: 0;
    max-width: 72ch;
}
.iso45001-r-cta-copy h2 {
    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 10px;
    color: #fff;
}
.iso45001-r-cta-copy p {
    margin: 0;
    font-size: 19px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
}
.iso45001-r-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-shrink: 0;
}
.iso45001-r-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}
.iso45001-r-cta-btn--primary {
    background: var(--i45-green);
    color: #fff;
    border: 1px solid var(--i45-green);
}
.iso45001-r-cta-btn--ghost {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.55);
}
.iso45001-r-cta-btn:hover {
    color: #fff;
    opacity: 0.92;
}
@media (max-width: 991px) {
    .iso45001-r-cta-panel {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 24px;
    }
    .iso45001-r-cta-copy h2 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .iso45001-r-cta-copy h2 {
        font-size: 24px;
    }
    .iso45001-r-cta-copy p {
        font-size: 16px;
    }
    .iso45001-r-cta-actions {
        width: 100%;
    }
    .iso45001-r-cta-btn {
        width: 100%;
        white-space: normal;
    }
}

/* ========== Construction industry hero redesign ========== */
.construction-r-hero {
    --c-green: #248636;
    --c-green-btn: #268540;
    position: relative;
    overflow: hidden;
    min-height: clamp(520px, 72vh, 720px);
    display: flex;
    align-items: center;
    color: #fff;
    background: #0c1410;
}
.construction-r-hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.construction-r-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 72% center;
}
.construction-r-hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(8, 14, 12, 0.82) 0%, rgba(8, 14, 12, 0.55) 42%, rgba(8, 14, 12, 0.18) 68%, rgba(8, 14, 12, 0.08) 100%),
        linear-gradient(180deg, rgba(8, 14, 12, 0.28) 0%, transparent 28%, transparent 72%, rgba(8, 14, 12, 0.35) 100%);
}
.construction-r-hero > .container {
    position: relative;
    z-index: 2;
    padding-top: 72px;
    padding-bottom: 72px;
}
.construction-r-hero-copy {
    max-width: 620px;
}
.construction-r-hero-kicker {
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: var(--c-green);
}
.construction-r-hero-copy h1 {
    margin: 0 0 18px;
    font-size: 55px;
    line-height: 1.12;
    font-weight: 700;
    color: #fff;
}
.construction-r-hero-lead {
    margin: 0 0 32px;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.92);
    max-width: 46ch;
}
.construction-r-hero .inrow-btn {
    justify-content: flex-start;
    margin: 0;
    gap: 16px;
}
.construction-r-hero .inrow-btn .btnBig-1 {
    max-width: none;
    min-width: 170px;
}
.construction-r-hero .inrow-btn .btnBig-2 {
    max-width: none;
    min-width: 170px;
    color: #fff !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
    background: transparent !important;
}
.construction-r-hero .inrow-btn .btnBig-2:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #fff !important;
    color: #fff !important;
}
@media (max-width: 991px) {
    .construction-r-hero {
        min-height: clamp(480px, 68vh, 640px);
    }
    .construction-r-hero-media img {
        object-position: 80% center;
    }
    .construction-r-hero > .container {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .construction-r-hero-copy h1 {
        font-size: 40px;
    }
    .construction-r-hero-shade {
        background:
            linear-gradient(90deg, rgba(8, 14, 12, 0.86) 0%, rgba(8, 14, 12, 0.62) 55%, rgba(8, 14, 12, 0.35) 100%),
            linear-gradient(180deg, rgba(8, 14, 12, 0.3) 0%, transparent 35%, rgba(8, 14, 12, 0.4) 100%);
    }
}
@media (max-width: 767px) {
    .construction-r-hero {
        min-height: 0;
    }
    .construction-r-hero > .container {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .construction-r-hero-kicker {
        font-size: 16px;
    }
    .construction-r-hero-copy h1 {
        font-size: 32px;
        line-height: 1.18;
    }
    .construction-r-hero-lead {
        font-size: 17px;
        margin-bottom: 26px;
    }
    .construction-r-hero .inrow-btn {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .construction-r-hero .inrow-btn .btn {
        width: 100%;
        justify-content: center;
    }
    .construction-r-hero-media img {
        object-position: 78% center;
    }
}

/* ========== Construction one connected view ========== */
.construction-r-connected {
    --c-green: #248636;
    --c-ink: #0f1412;
    --c-muted: #5b6660;
    position: relative;
    padding: 56px 0 40px;
    background: #fff;
    overflow: hidden;
}
.construction-r-connected > .container {
    position: relative;
    z-index: 1;
    width: 92%;
    max-width: 1680px;
}
.construction-r-connected-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 28px 36px;
    align-items: center;
}
.construction-r-connected-copy {
    position: relative;
    min-width: 0;
    max-width: 560px;
    z-index: 1;
}
.construction-r-connected-kicker {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-green);
}
.construction-r-connected-kicker::after {
    content: "";
    width: min(160px, 30vw);
    height: 1px;
    background: #d5d9d6;
    flex-shrink: 0;
}
.construction-r-connected-copy h2 {
    margin: 0 0 14px;
    font-size: 45px;
    line-height: 1.12;
    font-weight: 700;
    color: var(--c-ink);
    letter-spacing: -0.02em;
    max-width: 19ch;
}
.construction-r-connected-lead {
    margin: 0 0 22px;
    font-size: 20px;
    line-height: 1.45;
    color: var(--c-muted);
    max-width: 44ch;
}
.construction-r-connected-feats {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 29px;
}
.construction-r-connected-feats li {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    min-width: 0;
}
.construction-r-connected-feat-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
}
.construction-r-connected-feat-label {
    font-size: 16px;
    font-weight: 650;
    line-height: 1.3;
    color: var(--c-ink);
}
.construction-r-connected-scene {
    position: relative;
    margin: 28px 0 0;
    min-height: 220px;
    max-width: 560px;
}
.construction-r-connected-workers {
    display: block;
    width: 118%;
    max-width: none;
    height: auto;
    margin-left: -6%;
    mix-blend-mode: screen;
    opacity: 0.92;
    pointer-events: none;
    user-select: none;
}
.construction-r-connected-script {
    position: absolute;
    left: 0;
    bottom: 18%;
    margin: 0;
    font-family: "Segoe Script", "Bradley Hand", "Apple Chancery", cursive;
    font-size: clamp(22px, 2.2vw, 30px);
    font-weight: 500;
    line-height: 1.2;
    color: #7cb386;
    transform: rotate(-4deg);
    transform-origin: left center;
    z-index: 1;
}
.construction-r-connected-visual {
    min-width: 0;
    width: 100%;
    justify-self: end;
}
.construction-r-connected-visual img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 1100px) {
    .construction-r-connected-layout {
        gap: 24px 28px;
    }
    .construction-r-connected-copy h2 {
        max-width: none;
    }
}
@media (max-width: 991px) {
    .construction-r-connected {
        padding: 44px 0 36px;
    }
    .construction-r-connected-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .construction-r-connected-copy {
        max-width: none;
    }
    .construction-r-connected-scene {
        max-width: 480px;
        min-height: 180px;
    }
    .construction-r-connected-visual {
        justify-self: stretch;
        max-width: 680px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .construction-r-connected {
        padding: 32px 0 28px;
    }
    .construction-r-connected > .container {
        width: 100%;
        max-width: 1800px;
    }
    .construction-r-connected-kicker {
        font-size: 12px;
        gap: 10px;
        margin-bottom: 12px;
    }
    .construction-r-connected-kicker::after {
        width: min(80px, 22vw);
    }
    .construction-r-connected-copy h2 {
        font-size: 26px;
        margin-bottom: 12px;
    }
    .construction-r-connected-lead {
        font-size: 15px;
        margin-bottom: 18px;
        max-width: none;
    }
    .construction-r-connected-feats {
        flex-direction: column;
        gap: 12px;
    }
    .construction-r-connected-feat-label {
        font-size: 15px;
    }
    .construction-r-connected-scene {
        margin-top: 18px;
        min-height: 140px;
    }
    .construction-r-connected-workers {
        width: 100%;
        margin-left: 0;
    }
    .construction-r-connected-script {
        font-size: 20px;
        bottom: 14%;
    }
}

/* ========== Construction Toolbox Talks ========== */
.construction-r-talks {
    --c-green: #248636;
    padding: 72px 0 64px;
    background: #0c100e;
    color: #fff;
}
.construction-r-talks-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 36px;
}
.construction-r-talks-head p.construction-r-talks-kicker {
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #248636;
}
.construction-r-talks-head h2 {
    margin: 0 0 14px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}
.construction-r-talks-head > p:not(.construction-r-talks-kicker) {
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.82);
    max-width: 58ch;
}
.construction-r-talks-table {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 0.9fr);
    background: #fff;
    color: #111;
    border-radius: 20px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.3);
    padding: 0;
    margin: 0 auto 40px;
    max-width: 980px;
    overflow: hidden;
}
.construction-r-talks-tr {
    display: contents;
    font-size: 17px;
    line-height: 1.3;
    color: #5b6570;
}
.construction-r-talks-tr > * {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    min-width: 0;
}
.construction-r-talks-tr > .construction-r-talks-done {
    display: grid;
    align-content: center;
    gap: 8px;
    width: auto;
}
.construction-r-talks-tr > *:not(:first-child) {
    border-left: 1px solid #d5d9dc;
}
.construction-r-talks-tr:not(.construction-r-talks-tr--head) > * {
    border-top: 1px solid #eceff1;
}
.construction-r-talks-tr--head > * {
    background: #f2f3f4;
    color: #111;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-top: 16px;
    padding-bottom: 16px;
}
.construction-r-talks-tr > :first-child {
    font-weight: 700;
    color: #111;
    padding-left: 28px;
}
.construction-r-talks-tr > :last-child {
    padding-right: 28px;
}
.construction-r-talks-tr:not(.construction-r-talks-tr--head) > :nth-child(2) {
    font-weight: 500;
    color: #6b7280;
}
.construction-r-talks-done {
    min-width: 0;
}
.construction-r-talks-done-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    max-width: 168px;
}
.construction-r-talks-done-top > span {
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
}
.construction-r-talks-done-top strong {
    font-size: 14px;
    font-weight: 700;
    color: #111;
}
.construction-r-talks-bar {
    display: block;
    width: 100%;
    max-width: 168px;
    height: 10px;
    border-radius: 999px;
    background: #e9ecef;
    overflow: hidden;
}
.construction-r-talks-bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #248636;
}
.construction-r-talks-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    height: 32px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    justify-self: start;
}
.construction-r-talks-status--progress {
    background: #f2c94c;
    color: #1a1a1a;
}
.construction-r-talks-status--done {
    background: #e2f2e9;
    color: #248636;
}
.construction-r-talks-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 14px;
    flex-wrap: wrap;
    max-width: 100%;
    margin-inline: auto;
}
.construction-r-talks-steps > li {
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 258px;
}
.construction-r-talks-steps > li:not(.construction-r-talks-step-arrow) > div {
    display: grid;
    gap: 4px;
}
.construction-r-talks-steps strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1.25;
}
.construction-r-talks-steps span:not(.construction-r-talks-step-num) {
    font-size: 16px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.72);
}
.construction-r-talks-step-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}
.construction-r-talks-step-arrow {
    align-self: flex-start;
    color: var(--c-green);
    font-size: 19px;
    max-width: none !important;
    padding-top: 0;
}
.construction-r-talks-steps > li.construction-r-talks-step-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: 24px;
    height: 32px;
    max-width: none;
    padding: 0;
    margin: 0;
    line-height: 0;
}
.construction-r-talks-steps > li.construction-r-talks-step-arrow i {
    display: block;
    line-height: 2.6;
    font-size: 27px;
    width: 1em;
    height: 1em;
}

/* ========== Construction training record flow ========== */
.construction-r-record {
    --c-green: #248636;
    --c-ink: #000;
    --c-muted: #516158;
    padding: 72px 0;
    background: #fff;
}
.construction-r-record-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(240px, 300px);
    gap: 28px 36px;
    align-items: center;
}
.construction-r-record-copy {
    text-align: left;
    max-width: 720px;
    width: 100%;
    top: -55px;
    margin: 0;
    justify-self: start;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0;
}
.construction-r-record-copy h2 {
    margin: 0 0 14px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.construction-r-record-copy > p {
    margin: 0 0 22px;
    font-size: 18px;
    line-height: 1.55;
    color: var(--c-muted);
}
.construction-r-record-checks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
    justify-items: start;
    width: max-content;
    max-width: 100%;
    margin-inline: 0;
}
.construction-r-record-checks li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--c-ink);
}
.construction-r-record-checks i {
    color: var(--c-green);
}
.construction-r-record-arrow {
    position: absolute;
    left: 16%;
    right: 18%;
    top: 359px;
    bottom: 28px;
    display: flex;
    align-items: center;
    gap: 0;
    pointer-events: none;
    z-index: 0;
    height: 0;
    transform: none;
}
.construction-r-record-arrow span {
    flex: 1 1 auto;
    height: 0;
    border-top: 1.5px solid var(--c-green);
    border-radius: 0;
    background: none;
    opacity: 0.95;
}
.construction-r-record-arrow i {
    color: var(--c-green);
    font-size: 14px;
    line-height: 1;
    margin-left: -1px;
    transform: translateY(0.5px);
}
.construction-r-phone {
    position: relative;
    z-index: 1;
    justify-self: center;
}
.construction-r-phone-frame {
    position: relative;
    width: 248px;
    background: #0b0b0b;
    border-radius: 42px;
    padding: 11px;
    box-shadow:
        0 18px 40px rgba(18, 40, 24, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    border: 1px solid #1c1c1c;
}
.construction-r-phone-btn-silent,
.construction-r-phone-btn-vol,
.construction-r-phone-btn-power {
    position: absolute;
    background: #1a1a1a;
    border-radius: 2px;
    z-index: 2;
}
.construction-r-phone-btn-silent {
    left: -2px;
    top: 92px;
    width: 3px;
    height: 22px;
}
.construction-r-phone-btn-vol {
    left: -2px;
    width: 3px;
}
.construction-r-phone-btn-vol--up {
    top: 136px;
    height: 36px;
}
.construction-r-phone-btn-vol--down {
    top: 180px;
    height: 36px;
}
.construction-r-phone-btn-power {
    right: -2px;
    top: 156px;
    width: 3px;
    height: 56px;
}
.construction-r-phone-screen {
    position: relative;
    background: #fff;
    border-radius: 32px;
    padding: 28px 14px 16px;
    min-height: 440px;
    overflow: hidden;
}
.construction-r-phone-island {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 78px;
    height: 22px;
    border-radius: 999px;
    background: #0b0b0b;
    z-index: 2;
}
.construction-r-phone-top {
    display: grid;
    grid-template-columns: 18px 1fr 18px;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    color: #111;
}
.construction-r-phone-top i:first-child {
    font-size: 13px;
    color: var(--c-green);
    justify-self: start;
}
.construction-r-phone-top i:last-child {
    font-size: 14px;
    color: #516158;
    justify-self: end;
}
.construction-r-phone-top strong {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.construction-r-phone-checks {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: grid;
    gap: 8px;
}
.construction-r-phone-checks li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #516158;
}
.construction-r-phone-checks li.is-done {
    color: #111;
    font-weight: 600;
}
.construction-r-phone-checks li.is-done i {
    color: var(--c-green);
}
.construction-r-phone-quiz {
    border-top: 1px solid #eef1ef;
    padding-top: 12px;
    margin-bottom: 14px;
}
.construction-r-phone-qmeta {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    color: #7a8680;
}
.construction-r-phone-q {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: #111;
}
.construction-r-phone-opt {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    font-size: 12px;
    color: #2d3832;
}
.construction-r-phone-opt span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #c5cdc8;
    flex-shrink: 0;
}
.construction-r-phone-opt.is-selected {
    color: #111;
    font-weight: 600;
}
.construction-r-phone-opt.is-selected span {
    border-color: var(--c-green);
    background: radial-gradient(circle at center, var(--c-green) 0 45%, transparent 48%);
}
.construction-r-phone-btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 40px;
    border: 0;
    border-radius: 8px;
    background: var(--c-green);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: default;
}
.construction-r-cert {
    position: relative;
    z-index: 1;
    background: #fff;
    border: 1px solid #e6ebe8;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(18, 40, 24, 0.1);
    overflow: hidden;
    justify-self: center;
    width: 100%;
    max-width: 300px;
}
.construction-r-cert-head {
    background: #1a1f1c;
    padding: 12px 16px;
}
.construction-r-cert-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.construction-r-cert-brand > span {
    color: var(--c-green);
}
.construction-r-cert-body {
    padding: 18px 16px 16px;
}
.construction-r-cert-user {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
}
.construction-r-cert-user img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.construction-r-cert-user-text {
    min-width: 0;
    display: grid;
    gap: 4px;
    align-content: start;
    justify-items: start;
}
.construction-r-cert-user-text strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #111;
    line-height: 1.2;
}
.construction-r-cert-user-text > span:not(.construction-r-cert-badge) {
    display: block;
    font-size: 12px;
    line-height: 1.35;
    color: #516158;
    white-space: normal;
}
.construction-r-cert-badge {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    margin: 4px 0 0;
    border-radius: 999px;
    border: 1px solid #9fd0a8;
    background: #e5f4e8;
    color: #1d6c2b;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
.construction-r-cert-meta {
    display: grid;
    gap: 10px;
    margin: 0 0 16px;
    padding-top: 14px;
    border-top: 1px solid #eef1ef;
}
.construction-r-cert-meta strong {
    font-size: 15px;
    font-weight: 700;
    color: #111;
}
.construction-r-cert-meta-rows {
    display: grid;
    gap: 6px;
}
.construction-r-cert-meta-row {
    display: grid;
    grid-template-columns: 7.5em minmax(0, 1fr);
    column-gap: 12px;
    align-items: baseline;
}
.construction-r-cert-meta-label,
.construction-r-cert-meta-value {
    font-size: 13px;
    line-height: 1.4;
    color: #516158;
}
.construction-r-cert-meta-label {
    font-weight: 500;
}
.construction-r-cert-meta-value {
    font-weight: 500;
}
.construction-r-cert-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 0 20px;
    border: 1.5px solid var(--c-green);
    border-radius: 8px;
    background: #fff;
    color: var(--c-green);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: default;
}

@media (max-width: 991px) {
    .construction-r-talks {
        padding: 56px 0 48px;
    }
    .construction-r-talks-head h2 {
        font-size: 30px;
    }
    .construction-r-talks-table {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(120px, 1fr) auto;
    }
    .construction-r-talks-tr > * {
        font-size: 13px;
        padding: 14px 14px;
    }
    .construction-r-talks-steps > li {
        max-width: 160px;
    }
    .construction-r-record {
        padding: 56px 0;
    }
    .construction-r-record-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        justify-items: center;
    }
    .construction-r-record-arrow {
        display: none;
    }
    .construction-r-record-copy {
        order: -1;
        text-align: left;
        max-width: none;
        width: 100%;
    }
    .construction-r-record-checks {
        margin-inline: 0;
    }
    .construction-r-record-copy h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .construction-r-talks {
        padding: 44px 0 40px;
    }
    .construction-r-talks-head {
        text-align: left;
        margin-bottom: 28px;
    }
    .construction-r-talks-head p.construction-r-talks-kicker {
        font-size: 16px;
    }
    .construction-r-talks-head h2 {
        font-size: 26px;
    }
    .construction-r-talks-head > p:not(.construction-r-talks-kicker) {
        font-size: 17px;
        margin: 0;
    }
    .construction-r-talks-table {
        display: block;
        padding: 6px 14px 8px;
        margin-bottom: 28px;
    }
    .construction-r-talks-tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title status"
            "assign status"
            "done done";
        row-gap: 6px;
        padding: 14px 0;
        border-top: 1px solid #eceff1;
        font-size: 15px;
    }
    .construction-r-talks-tr.construction-r-talks-tr--head {
        display: none;
    }
    .construction-r-talks-tr:not(.construction-r-talks-tr--head) > * {
        border-top: 0;
        border-left: 0;
        padding: 0;
    }
    .construction-r-talks-tr > :nth-child(1) { grid-area: title; padding-left: 0; }
    .construction-r-talks-tr > :nth-child(2) { grid-area: assign; font-size: 12px; color: #516158; }
    .construction-r-talks-tr > :nth-child(3) { grid-area: done; }
    .construction-r-talks-tr > :nth-child(4) { grid-area: status; padding-right: 0; }
    .construction-r-talks-status {
        min-width: 0;
        height: 28px;
        padding: 0 10px;
        font-size: 12px;
    }
    .construction-r-talks-done-top,
    .construction-r-talks-bar {
        max-width: none;
    }
    .construction-r-talks-steps {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }
    .construction-r-talks-steps > li {
        max-width: none;
    }
    .construction-r-talks-steps > li.construction-r-talks-step-arrow {
        display: none;
    }
    .construction-r-talks-steps strong {
        font-size: 17px;
    }
    .construction-r-talks-steps span:not(.construction-r-talks-step-num) {
        font-size: 14px;
    }
    .construction-r-record {
        padding: 44px 0;
    }
    .construction-r-record-copy {
        top: 0;
    }
    .construction-r-record-copy h2 {
        font-size: 26px;
    }
    .construction-r-record-copy > p {
        font-size: 16px;
    }
    .construction-r-record-checks li {
        font-size: 16px;
    }
    .construction-r-phone-frame {
        width: 230px;
    }
    .construction-r-cert {
        max-width: 100%;
    }
}

/* ========== Construction records that matter ========== */
.construction-r-records {
    --c-green: #39d353;
    --c-green-dim: #1a8f3a;
    --c-ink: #f4f7f5;
    --c-muted: #a8b5ad;
    --c-card: rgba(8, 22, 16, 0.82);
    --c-line: rgba(57, 211, 83, 0.55);
    position: relative;
    padding: 80px 0 72px;
    background: #020a08;
    overflow: hidden;
    color: var(--c-ink);
}
.construction-r-records-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(57, 211, 83, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57, 211, 83, 0.05) 1px, transparent 1px);
    background-size: 52px 52px;
    opacity: 0.55;
}
.construction-r-records > .container {
    position: relative;
    z-index: 2;
}
.construction-r-records-head {
    max-width: 1200px;
    margin: 0 0 40px;
}
.construction-r-records-head p.construction-r-records-kicker {
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--c-green);
}
.construction-r-records-head h2 {
    margin: 0 0 15px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}
.construction-r-records-head h2 span {
    color: var(--c-green);
}
.construction-r-records-lead {
    margin: 0;
    font-size: 20px;
    line-height: 1.55;
    color: var(--c-muted);
    max-width: none;
}
.construction-r-records-visual {
    width: 100%;
    margin: 0;
}
.construction-r-records-visual img {
    display: block;
    width: 100%;
    height: auto;
}

/* ========== Construction panda projects ========== */
.construction-r-projects {
    --c-green: #248636;
    --c-ink: #000;
    --c-muted: #516158;
    padding: 40px 0 72px;
    background: #fff;
}
.construction-r-projects-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 36px;
}
.construction-r-projects-head p.construction-r-projects-kicker {
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #248636;
}
.construction-r-projects-head h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.construction-r-projects-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.85fr);
    gap: 28px 40px;
    align-items: center;
}
.construction-r-projects-panel {
    background: #fff;
    border: 1px solid #e1ebe4;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(18, 40, 24, 0.06);
    padding: 18px 20px 12px;
    overflow: hidden;
}
.construction-r-projects-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 8px;
    padding: 0 4px 10px;
}
.construction-r-projects-panel-head h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--c-ink);
}
.construction-r-projects-add {
    border: 0;
    background: transparent;
    color: #6b7280;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    cursor: default;
}
.construction-r-projects-table {
    display: grid;
}
.construction-r-projects-tr {
    display: grid;
    grid-template-columns: minmax(140px, 1.4fr) minmax(100px, 0.9fr) minmax(100px, 0.9fr) auto;
    gap: 12px;
    align-items: center;
    margin: 0 -20px;
    padding: 14px 24px;
    border-top: 1px solid #eef1ef;
    font-size: 16px;
    color: #516158;
}
.construction-r-projects-tr--head {
    border-top: 0;
    padding: 14px 24px 12px;
    background: #f2f3f4;
    font-size: 15px;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.construction-r-projects-tr--head > * {
    color: #111;
    font-weight: 700;
}
.construction-r-projects-tr > :nth-child(2) {
    display: block;
    width: 100%;
    text-align: left;
    justify-self: stretch;
}
.construction-r-projects-person {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #111;
}
.construction-r-projects-person i {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f2f4f3;
    color: #516158;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
}
.construction-r-projects-ready {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 30px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.construction-r-projects-ready--ok {
    background: #e5f4e8;
    color: #1d6c2b;
}
.construction-r-projects-ready--warn {
    background: #fbf0c8;
    color: #8a6a00;
}
.construction-r-projects-ready--risk {
    background: #f8e0e0;
    color: #a32929;
}
.construction-r-projects-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 18px;
}
.construction-r-projects-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 20px;
    line-height: 1.45;
    font-weight: 500;
    color: var(--c-ink);
}
.construction-r-projects-list i {
    color: var(--c-green);
    margin-top: 3px;
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .construction-r-records,
    .construction-r-projects {
        padding-left: 0;
        padding-right: 0;
    }
    .construction-r-records {
        padding-top: 56px;
        padding-bottom: 48px;
    }
    .construction-r-projects {
        padding-top: 28px;
        padding-bottom: 56px;
    }
    .construction-r-records-head h2,
    .construction-r-projects-head h2 {
        font-size: 30px;
    }
    .construction-r-projects-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}
@media (max-width: 767px) {
    .construction-r-records {
        padding-top: 44px;
        padding-bottom: 40px;
    }
    .construction-r-projects {
        padding-top: 24px;
        padding-bottom: 44px;
    }
    .construction-r-records-head,
    .construction-r-projects-head {
        margin-bottom: 28px;
    }
    .construction-r-records-head {
        max-width: none;
    }
    .construction-r-records-head p.construction-r-records-kicker,
    .construction-r-projects-head p.construction-r-projects-kicker {
        font-size: 16px;
    }
    .construction-r-records-head h2,
    .construction-r-projects-head h2 {
        font-size: 26px;
    }
    .construction-r-records-lead {
        font-size: 17px;
    }
    .construction-r-projects-panel {
        padding: 14px 14px 8px;
    }
    .construction-r-projects-panel-head {
        padding: 0 2px 8px;
    }
    .construction-r-projects-panel-head h3 {
        font-size: 18px;
    }
    .construction-r-projects-tr.construction-r-projects-tr--head {
        display: none;
    }
    .construction-r-projects-tr {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "person ready"
            "type ready"
            "shared ready";
        row-gap: 4px;
        margin: 0 -14px;
        padding: 12px 14px;
        font-size: 14px;
    }
    .construction-r-projects-tr > :nth-child(1) { grid-area: person; }
    .construction-r-projects-tr > :nth-child(2) { grid-area: type; font-size: 12px; }
    .construction-r-projects-tr > :nth-child(3) { grid-area: shared; font-size: 12px; }
    .construction-r-projects-tr > :nth-child(4) { grid-area: ready; }
    .construction-r-projects-person {
        font-size: 14px;
        gap: 8px;
    }
    .construction-r-projects-person i {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .construction-r-projects-ready {
        min-width: 52px;
        height: 28px;
        padding: 0 10px;
        font-size: 12px;
    }
    .construction-r-projects-list li {
        font-size: 16px;
        gap: 10px;
    }
}

/* ========== Construction get started ========== */
.construction-r-started {
    --c-green: #248636;
    --c-ink: #000;
    --c-muted: #516158;
    padding: 72px 0 0;
    background: #fff;
}
.construction-r-started-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 36px;
}
.construction-r-started-head p.construction-r-started-kicker {
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #248636;
}
.construction-r-started-head h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.construction-r-started-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 48px;
}
.construction-r-started-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 22px 18px;
    background: #fff;
    border: 1px solid #e6ebe8;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(18, 40, 24, 0.04);
}
.construction-r-started-num {
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
    color: var(--c-green);
}
.construction-r-started-card h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--c-ink);
}
.construction-r-started-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    color: var(--c-muted);
}
.construction-r-started-note {
    background: #fff;
    padding: 28px 0;
}
.construction-r-started-note p {
    margin: 0;
    text-align: center;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--c-ink);
}

/* ========== Construction final CTA ========== */
.construction-r-cta {
    --c-green: #268540;
    padding: 40px 0 72px;
    background: #fff;
}
.construction-r-cta-banner {
    background: #0c100e;
    border-radius: 20px;
    padding: 48px 40px;
    text-align: center;
}
.construction-r-cta-banner h2 {
    margin: 0 auto 28px;
    max-width: 33ch;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 700;
    color: #fff;
}
.construction-r-cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}
.construction-r-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    min-height: 52px;
    padding: 0 28px;
    border-radius: 8px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}
.construction-r-cta-btn--primary {
    background: var(--c-green);
    color: #fff;
    border: 2px solid var(--c-green);
}
.construction-r-cta-btn--primary:hover {
    background: #1f6e34;
    border-color: #1f6e34;
    color: #fff;
}
.construction-r-cta-btn--ghost {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.85);
}
.construction-r-cta-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
    color: #fff;
}

@media (max-width: 991px) {
    .construction-r-started {
        padding-top: 56px;
    }
    .construction-r-started-head h2 {
        font-size: 30px;
    }
    .construction-r-started-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 36px;
    }
    .construction-r-cta {
        padding: 32px 0 56px;
    }
    .construction-r-cta-banner {
        padding: 40px 28px;
    }
    .construction-r-cta-banner h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .construction-r-started {
        padding-top: 44px;
    }
    .construction-r-started-head {
        text-align: left;
        margin-bottom: 28px;
    }
    .construction-r-started-head p.construction-r-started-kicker {
        font-size: 16px;
    }
    .construction-r-started-head h2 {
        font-size: 26px;
    }
    .construction-r-started-grid {
        grid-template-columns: 1fr;
        margin-bottom: 28px;
    }
    .construction-r-started-note {
        padding: 22px 0;
    }
    .construction-r-started-note p {
        font-size: 17px;
        text-align: left;
    }
    .construction-r-cta {
        padding: 28px 0 44px;
    }
    .construction-r-cta-banner {
        padding: 32px 20px;
        border-radius: 16px;
    }
    .construction-r-cta-banner h2 {
        font-size: 24px;
        margin-bottom: 22px;
    }
    .construction-r-cta-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .construction-r-cta-btn {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .construction-r-hero-copy h1 {
        font-size: 28px;
    }
    .construction-r-hero-lead {
        font-size: 16px;
    }
    .construction-r-talks-head h2,
    .construction-r-record-copy h2,
    .construction-r-records-head h2,
    .construction-r-projects-head h2,
    .construction-r-started-head h2 {
        font-size: 24px;
    }
    .construction-r-started-card {
        padding: 18px 16px;
    }
    .construction-r-started-num {
        font-size: 34px;
    }
    .construction-r-started-card h3 {
        font-size: 18px;
    }
    .construction-r-cta-banner {
        padding: 28px 16px;
        border-radius: 14px;
    }
    .construction-r-cta-banner h2 {
        font-size: 22px;
    }
    .construction-r-cta-btn {
        min-width: 0;
        font-size: 18px;
    }
}

/* ========== Manufacturing redesign hero ========== */
.manufacturing-r-hero {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 64px 0 56px;
    background: #fff;
    color: var(--c-ink);
}
.manufacturing-r-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 48px 56px;
    align-items: center;
}
.manufacturing-r-hero-copy {
    min-width: 0;
    max-width: 580px;
}
.manufacturing-r-hero p.manufacturing-r-hero-kicker {
    margin: 0 0 16px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-green);
}
.manufacturing-r-hero-copy h1 {
    margin: 0 0 18px;
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--c-ink);
}
.manufacturing-r-hero p.manufacturing-r-hero-lead {
    margin: 0 0 28px;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--c-muted);
    max-width: 46ch;
}
.manufacturing-r-live {
    background: #fff;
    border: 1px solid #e8ece9;
    border-radius: 16px;
    box-shadow: 0 10px 32px rgba(18, 40, 24, 0.07);
    padding: 20px 22px 8px;
}
.manufacturing-r-live-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 6px;
    padding: 0 2px 10px;
}
.manufacturing-r-live-head h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--c-ink);
}
.manufacturing-r-live-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--c-green);
    white-space: nowrap;
}
.manufacturing-r-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--c-green);
    box-shadow: 0 0 0 3px rgba(36, 134, 54, 0.18);
}
.manufacturing-r-live-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.manufacturing-r-live-list li {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    padding: 14px 2px;
    border-top: 1px solid #eef1ef;
}
.manufacturing-r-live-icon {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background: #f2f6f3;
    color: var(--c-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}
.manufacturing-r-live-icon--warn {
    background: #fdeeee;
    color: #d64545;
}
.manufacturing-r-live-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.manufacturing-r-live-text strong {
    font-size: 17px;
    font-weight: 650;
    line-height: 1.25;
    color: var(--c-ink);
}
.manufacturing-r-live-text span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #6a7370;
}
.manufacturing-r-live-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
.manufacturing-r-live-badge--current {
    background: #e7f5ea;
    color: #1f7a30;
}
.manufacturing-r-live-badge--soon {
    background: #fbf0c9;
    color: #9a6b00;
}
.manufacturing-r-live-badge--action {
    background: #fde8e8;
    color: #c03939;
}
.manufacturing-r-hero-media {
    min-width: 0;
}
.manufacturing-r-hero-media img {
    display: block;
    width: 95%;
    height: auto;
    border-radius: 20px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
@media (max-width: 991px) {
    .manufacturing-r-hero {
        padding: 52px 0 44px;
    }
    .manufacturing-r-hero-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .manufacturing-r-hero-copy {
        max-width: none;
    }
    .manufacturing-r-hero-copy h1 {
        font-size: 40px;
    }
    .manufacturing-r-hero-media img {
        aspect-ratio: 16 / 10;
        max-height: 420px;
        width: 100%;
        object-fit: cover;
    }
}
@media (max-width: 767px) {
    .manufacturing-r-hero {
        padding: 40px 0 36px;
    }
    .manufacturing-r-hero p.manufacturing-r-hero-kicker {
        font-size: 16px;
    }
    .manufacturing-r-hero-copy h1 {
        font-size: 32px;
        line-height: 1.18;
    }
    .manufacturing-r-hero p.manufacturing-r-hero-lead {
        font-size: 17px;
        margin-bottom: 22px;
    }
    .manufacturing-r-live {
        padding: 16px 14px 4px;
        border-radius: 14px;
    }
    .manufacturing-r-live-head h2 {
        font-size: 18px;
    }
    .manufacturing-r-live-list li {
        grid-template-columns: 36px minmax(0, 1fr);
        row-gap: 10px;
        padding: 12px 0;
    }
    .manufacturing-r-live-icon {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    .manufacturing-r-live-text strong {
        font-size: 15px;
    }
    .manufacturing-r-live-text span {
        font-size: 13px;
    }
    .manufacturing-r-live-badge {
        grid-column: 2;
        justify-self: start;
        min-width: 0;
        padding: 0 10px;
        font-size: 12px;
    }
    .manufacturing-r-hero-media img {
        border-radius: 16px;
        aspect-ratio: 4 / 3;
        max-height: none;
    }
}

@media (max-width: 575px) {
    .manufacturing-r-hero-copy h1 {
        font-size: 28px;
    }
    .manufacturing-r-hero p.manufacturing-r-hero-lead {
        font-size: 16px;
    }
}

/* ========== Manufacturing products cards ========== */
.manufacturing-r-products {
    --c-green: #248636;
    padding: 72px 0 64px;
    background: #0c100e;
    color: #fff;
}
.manufacturing-r-products-head {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 40px;
}
.manufacturing-r-products-head h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}
.manufacturing-r-products-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.manufacturing-r-product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.manufacturing-r-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
}
.manufacturing-r-product-media {
    aspect-ratio: 16 / 9.5;
    overflow: hidden;
    background: #1a221c;
}
.manufacturing-r-product-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}
.manufacturing-r-product-card:hover .manufacturing-r-product-media img {
    transform: scale(1.04);
}
.manufacturing-r-product-body {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 18px;
    align-items: center;
    column-gap: 24px;
    padding: 22px 22px 24px;
    background: #fff;
    color: #111;
}
.manufacturing-r-product-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #eef6f0;
    color: var(--c-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    flex-shrink: 0;
}
.manufacturing-r-product-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.manufacturing-r-product-copy strong {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}
.manufacturing-r-product-copy span {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: #516158;
}
.manufacturing-r-product-chevron {
    color: #9aa3a0;
    font-size: 24px;
    justify-self: end;
    transition: transform 0.2s ease, color 0.2s ease;
}
.manufacturing-r-product-card:hover .manufacturing-r-product-chevron,
.manufacturing-r-product-bar:hover .manufacturing-r-product-chevron {
    color: #111;
    transform: translateX(3px);
}
.manufacturing-r-product-bar:hover .manufacturing-r-product-chevron {
    color: #fff;
}
.manufacturing-r-product-bar {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 18px;
    align-items: center;
    column-gap: 18px;
    min-height: 92px;
    padding: 22px 28px;
    text-decoration: none;
    color: #fff;
    background: #343638;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.manufacturing-r-product-bar:hover {
    background: #222b26;
    border-color: rgba(255, 255, 255, 0.22);
    transform: translateY(-2px);
}
.manufacturing-r-product-bar-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}
.manufacturing-r-product-bar-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.manufacturing-r-product-bar-copy strong {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}
.manufacturing-r-product-bar-copy span {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.78);
}
.manufacturing-r-product-bar .manufacturing-r-product-chevron {
    color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 991px) {
    .manufacturing-r-products {
        padding: 56px 0 48px;
    }
    .manufacturing-r-products-head {
        margin-bottom: 28px;
    }
    .manufacturing-r-products-head h2 {
        font-size: 30px;
    }
    .manufacturing-r-products-head h2 br {
        display: none;
    }
    .manufacturing-r-products-grid {
        gap: 18px;
    }
}
@media (max-width: 767px) {
    .manufacturing-r-products {
        padding: 44px 0 40px;
    }
    .manufacturing-r-products-head {
        text-align: left;
        margin-bottom: 24px;
    }
    .manufacturing-r-products-head h2 {
        font-size: 26px;
        line-height: 1.25;
    }
    .manufacturing-r-products-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .manufacturing-r-product-body {
        grid-template-columns: 40px minmax(0, 1fr) 16px;
        padding: 18px 16px 20px;
        column-gap: 12px;
    }
    .manufacturing-r-product-icon {
        width: 44px;
        height: 44px;
        font-size: 22px;
    }
    .manufacturing-r-product-copy strong,
    .manufacturing-r-product-bar-copy strong {
        font-size: 18px;
    }
    .manufacturing-r-product-copy span,
    .manufacturing-r-product-bar-copy span {
        font-size: 14px;
    }
    .manufacturing-r-product-bar {
        grid-template-columns: 44px minmax(0, 1fr) 16px;
        padding: 18px 16px;
        min-height: 0;
        column-gap: 14px;
    }
    .manufacturing-r-product-bar-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 18px;
    }
}

/* ========== Manufacturing realities ========== */
.manufacturing-r-realities {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 72px 0 56px;
    background: #fff;
    color: var(--c-ink);
}
.manufacturing-r-realities-head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 40px;
}
.manufacturing-r-realities-head h2 {
    margin: 0 0 14px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.manufacturing-r-realities-head p {
    margin: 0 auto;
    font-size: 21px;
    line-height: 1.1;
    color: var(--c-muted);
    max-width: 80ch;
}
.manufacturing-r-realities-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.manufacturing-r-reality-card {
    background: #fff;
    border: 1px solid #e8ece9;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 32px rgba(18, 40, 24, 0.06);
}
.manufacturing-r-reality-media {
    aspect-ratio: 15 / 9.8;
    overflow: hidden;
    background: #f2f4f3;
}
.manufacturing-r-reality-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manufacturing-r-reality-body {
    padding: 26px 26px 28px;
}
.manufacturing-r-reality-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 0 14px;
    border-radius: 12px;
    background: #eef6f0;
    color: var(--c-green);
    font-size: 35px;
}
.manufacturing-r-reality-body h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--c-ink);
}
.manufacturing-r-reality-body > p {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--c-muted);
}
.manufacturing-r-check-list {
    list-style: none;
    margin: 4px;
    padding: 0;
    display: grid;
    gap: 12px;
}
.manufacturing-r-check-list li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--c-ink);
}
.manufacturing-r-check {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
    margin-top: -2px;
}

/* ========== Manufacturing before / after gap ========== */
.manufacturing-r-gap {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 64px 0 72px;
    background: #eef6f0;
    color: var(--c-ink);
}
.manufacturing-r-gap-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 36px;
}
.manufacturing-r-gap-head h2 {
    margin: 0 0 14px;
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--c-ink);
}
.manufacturing-r-gap-head p {
    margin: 0 auto;
    font-size: 21px;
    line-height: 1.5;
    color: var(--c-muted);
    max-width: 60ch;
}
.manufacturing-r-gap-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.manufacturing-r-gap-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 32px rgba(18, 40, 24, 0.06);
    padding: 28px 28px 30px;
}
.manufacturing-r-gap-card h3 {
    margin: 0 0 20px;
    font-size: 23px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--c-ink);
}
.manufacturing-r-gap-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 16px;
}
.manufacturing-r-gap-list li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    column-gap: 14px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 450;
    color: var(--c-ink);
}
.manufacturing-r-gap-mark {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    margin-top: -2px;
}
.manufacturing-r-gap-mark--bad {
    background: #d64545;
}
.manufacturing-r-gap-mark--good {
    background: var(--c-green);
}
@media (max-width: 991px) {
    .manufacturing-r-realities {
        padding: 56px 0 44px;
    }
    .manufacturing-r-realities-head h2,
    .manufacturing-r-gap-head h2 {
        font-size: 30px;
    }
    .manufacturing-r-realities-grid,
    .manufacturing-r-gap-grid {
        gap: 18px;
    }
    .manufacturing-r-gap {
        padding: 52px 0 56px;
    }
}
@media (max-width: 767px) {
    .manufacturing-r-realities {
        padding: 44px 0 36px;
    }
    .manufacturing-r-realities-head,
    .manufacturing-r-gap-head {
        text-align: left;
        margin-bottom: 28px;
    }
    .manufacturing-r-realities-head h2,
    .manufacturing-r-gap-head h2 {
        font-size: 26px;
    }
    .manufacturing-r-realities-head p,
    .manufacturing-r-gap-head p {
        font-size: 17px;
        margin: 0;
    }
    .manufacturing-r-realities-grid,
    .manufacturing-r-gap-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .manufacturing-r-reality-body {
        padding: 22px 18px 24px;
    }
    .manufacturing-r-reality-icon {
        width: 48px;
        height: 48px;
        font-size: 26px;
        margin-bottom: 12px;
    }
    .manufacturing-r-reality-body h3,
    .manufacturing-r-gap-card h3 {
        font-size: 20px;
    }
    .manufacturing-r-reality-body > p {
        font-size: 16px;
    }
    .manufacturing-r-check-list li {
        font-size: 15px;
        grid-template-columns: 28px minmax(0, 1fr);
        column-gap: 10px;
    }
    .manufacturing-r-check {
        width: 26px;
        height: 26px;
        font-size: 13px;
    }
    .manufacturing-r-gap {
        padding: 40px 0 48px;
    }
    .manufacturing-r-gap-card {
        padding: 22px 18px 24px;
    }
    .manufacturing-r-gap-list li {
        font-size: 15px;
        grid-template-columns: 28px minmax(0, 1fr);
        column-gap: 10px;
    }
    .manufacturing-r-gap-mark {
        width: 26px;
        height: 26px;
        font-size: 13px;
    }
}

/* ========== Manufacturing training courses ========== */
.manufacturing-r-training {
    --c-green: #248636;
    --c-green-btn: #268540;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 72px 0 64px;
    background: #fff;
    color: var(--c-ink);
}
.manufacturing-r-training-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 36px;
}
.manufacturing-r-training-head h2 {
    margin: 0 0 14px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.manufacturing-r-training-head p {
    margin: 0 auto;
    font-size: 21px;
    line-height: 1.5;
    color: var(--c-muted);
    max-width: 80ch;
}
.manufacturing-r-training-panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    max-width: 980px;
    margin: 0 auto 32px;
    background: #fff;
    border: 1px solid #e6ebe8;
    border-radius: 20px;
    box-shadow: 0 10px 32px rgba(18, 40, 24, 0.05);
    overflow: hidden;
}
.manufacturing-r-training-col {
    list-style: none;
    margin: 0;
    padding: 28px 32px;
    display: grid;
    gap: 26px;
}
.manufacturing-r-training-col + .manufacturing-r-training-col {
    border-left: 1px solid #eef1ef;
}
.manufacturing-r-training-col li {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
    column-gap: 16px;
}
.manufacturing-r-training-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #eef6f0;
    color: var(--c-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    flex-shrink: 0;
}
.manufacturing-r-training-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding-top: 2px;
}
.manufacturing-r-training-copy strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--c-ink);
}
.manufacturing-r-training-copy span {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: var(--c-muted);
}
.manufacturing-r-training-actions {
    display: flex;
    justify-content: center;
}
.manufacturing-r-training-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58px;
    padding: 0 28px;
    border-radius: 10px;
    background: var(--c-green-btn);
    color: #fff !important;
    font-size: 21px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}
.manufacturing-r-training-btn:hover {
    background: #1f6e34;
    color: #fff !important;
    transform: translateY(-1px);
}
.manufacturing-r-training-btn i {
    font-size: 13px;
}

/* ========== Manufacturing final CTA ========== */
.manufacturing-r-cta {
    --c-green: #248636;
    --c-green-btn: #268540;
    padding: 24px 0 72px;
    background: #fff;
}
.manufacturing-r-cta-banner {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: stretch;
    overflow: hidden;
    border-radius: 24px;
    background: #0c100e;
    color: #fff;
    box-shadow: 0 16px 40px rgba(8, 14, 12, 0.18);
}
.manufacturing-r-cta-copy {
    padding: 48px 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.manufacturing-r-cta-copy h2 {
    margin: 0 0 16px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    max-width: 35ch;
}
.manufacturing-r-cta-copy p {
    margin: 0 0 28px;
    font-size: 20px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.82);
    max-width: 59ch;
}
.manufacturing-r-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.manufacturing-r-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    min-width: 160px;
    padding: 0 22px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.manufacturing-r-cta-btn--primary {
    background: var(--c-green-btn);
    color: #fff !important;
    border: 2px solid var(--c-green-btn);
}
.manufacturing-r-cta-btn--primary:hover {
    background: #1f6e34;
    border-color: #1f6e34;
    color: #fff !important;
}
.manufacturing-r-cta-btn--ghost {
    background: transparent;
    color: #7dce8a !important;
    border: 2px solid var(--c-green);
}
.manufacturing-r-cta-btn--ghost:hover {
    background: rgba(36, 134, 54, 0.14);
    color: #fff !important;
    border-color: #4caf5c;
}
.manufacturing-r-cta-media {
    min-width: 0;
    margin: 22px 22px 22px 0;
    border-radius: 16px;
    overflow: hidden;
    background: #1a221c;
}
.manufacturing-r-cta-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 370px;
}
@media (max-width: 991px) {
    .manufacturing-r-training {
        padding: 56px 0 48px;
    }
    .manufacturing-r-training-head h2,
    .manufacturing-r-cta-copy h2 {
        font-size: 30px;
    }
    .manufacturing-r-training-col {
        padding: 24px 22px;
        gap: 22px;
    }
    .manufacturing-r-cta {
        padding: 16px 0 56px;
    }
    .manufacturing-r-cta-banner {
        grid-template-columns: 1fr;
        border-radius: 20px;
    }
    .manufacturing-r-cta-copy {
        padding: 36px 28px 28px;
    }
    .manufacturing-r-cta-copy h2 {
        max-width: none;
    }
    .manufacturing-r-cta-media {
        margin: 0 22px 22px;
    }
    .manufacturing-r-cta-media img {
        min-height: 260px;
        aspect-ratio: 16 / 10;
    }
}
@media (max-width: 767px) {
    .manufacturing-r-training {
        padding: 44px 0 40px;
    }
    .manufacturing-r-training-head {
        text-align: left;
        margin-bottom: 28px;
    }
    .manufacturing-r-training-head h2,
    .manufacturing-r-cta-copy h2 {
        font-size: 26px;
    }
    .manufacturing-r-training-head p,
    .manufacturing-r-cta-copy p {
        font-size: 17px;
        margin: 0;
    }
    .manufacturing-r-cta-copy p {
        margin-bottom: 22px;
    }
    .manufacturing-r-training-panel {
        grid-template-columns: 1fr;
        margin-bottom: 24px;
        border-radius: 16px;
    }
    .manufacturing-r-training-col + .manufacturing-r-training-col {
        border-left: 0;
        border-top: 1px solid #eef1ef;
    }
    .manufacturing-r-training-col {
        padding: 22px 18px;
        gap: 20px;
    }
    .manufacturing-r-training-col li {
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 12px;
    }
    .manufacturing-r-training-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .manufacturing-r-training-copy strong {
        font-size: 17px;
    }
    .manufacturing-r-training-copy span {
        font-size: 14px;
    }
    .manufacturing-r-training-btn {
        width: 100%;
        min-height: 52px;
        font-size: 18px;
    }
    .manufacturing-r-cta {
        padding: 8px 0 48px;
    }
    .manufacturing-r-cta-banner {
        border-radius: 16px;
    }
    .manufacturing-r-cta-copy {
        padding: 28px 18px 22px;
    }
    .manufacturing-r-cta-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .manufacturing-r-cta-btn {
        width: 100%;
        min-width: 0;
        font-size: 18px;
    }
    .manufacturing-r-cta-media {
        margin: 0 16px 16px;
    }
    .manufacturing-r-cta-media img {
        min-height: 200px;
        border-radius: 12px;
    }
}

@media (max-width: 575px) {
    .manufacturing-r-products-head h2,
    .manufacturing-r-realities-head h2,
    .manufacturing-r-gap-head h2,
    .manufacturing-r-training-head h2,
    .manufacturing-r-cta-copy h2 {
        font-size: 24px;
    }
}

/* ========== Engineering redesign hero ========== */
.engineering-r-hero {
    --c-green: #248636;
    --c-green-btn: #268540;
    position: relative;
    overflow: hidden;
    min-height: clamp(560px, 78vh, 760px);
    display: flex;
    align-items: center;
    color: #fff;
    background: #0c1410;
    margin-top: 0;
}
.engineering-r-hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.engineering-r-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 68% 18%;
}
.engineering-r-hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(8, 14, 12, 0.86) 0%, rgba(8, 14, 12, 0.58) 40%, rgba(8, 14, 12, 0.22) 68%, rgba(8, 14, 12, 0.1) 100%),
        linear-gradient(180deg, rgba(8, 14, 12, 0.3) 0%, transparent 28%, transparent 70%, rgba(8, 14, 12, 0.42) 100%);
}
.engineering-r-hero > .container {
    position: relative;
    z-index: 2;
    padding-top: 88px;
    padding-bottom: 72px;
}
.engineering-r-hero-copy {
    max-width: 678px;
}
.engineering-r-hero p.engineering-r-hero-kicker {
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-green);
}
.engineering-r-hero-copy h1 {
    margin: 0 0 18px;
    font-size: 55px;
    line-height: 1.12;
    font-weight: 700;
    color: #fff;
}
.engineering-r-hero p.engineering-r-hero-lead {
    margin: 0 0 32px;
    font-size: 21px;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.92);
    max-width: 48ch;
}
.engineering-r-hero .inrow-btn {
    justify-content: flex-start;
    margin: 0 0 40px;
    gap: 16px;
}
.engineering-r-hero .inrow-btn .btnBig-1 {
    max-width: none;
    min-width: 170px;
}
.engineering-r-hero .inrow-btn .btnBig-2 {
    max-width: none;
    min-width: 170px;
    color: #fff !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
    background: transparent !important;
}
.engineering-r-hero .inrow-btn .btnBig-2:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #fff !important;
    color: #fff !important;
}
.engineering-r-hero-points {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 28px;
}
.engineering-r-hero-points li {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.92);
    white-space: nowrap;
}
.engineering-r-hero-point-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}
@media (max-width: 991px) {
    .engineering-r-hero {
        min-height: clamp(520px, 72vh, 680px);
        margin-top: 0;
    }
    .engineering-r-hero-media img {
        object-position: 72% 12%;
    }
    .engineering-r-hero > .container {
        padding-top: 72px;
        padding-bottom: 56px;
    }
    .engineering-r-hero-copy h1 {
        font-size: 40px;
    }
    .engineering-r-hero-shade {
        background:
            linear-gradient(90deg, rgba(8, 14, 12, 0.88) 0%, rgba(8, 14, 12, 0.66) 52%, rgba(8, 14, 12, 0.38) 100%),
            linear-gradient(180deg, rgba(8, 14, 12, 0.32) 0%, transparent 35%, rgba(8, 14, 12, 0.45) 100%);
    }
    .engineering-r-hero .inrow-btn {
        margin-bottom: 32px;
    }
}
@media (max-width: 767px) {
    .engineering-r-hero {
        min-height: 0;
        margin-top: 0;
    }
    .engineering-r-hero > .container {
        padding-top: 56px;
        padding-bottom: 48px;
    }
    .engineering-r-hero p.engineering-r-hero-kicker {
        font-size: 16px;
    }
    .engineering-r-hero-copy h1 {
        font-size: 32px;
        line-height: 1.18;
    }
    .engineering-r-hero p.engineering-r-hero-lead {
        font-size: 17px;
        margin-bottom: 26px;
    }
    .engineering-r-hero .inrow-btn {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 28px;
    }
    .engineering-r-hero .inrow-btn .btn {
        width: 100%;
        justify-content: center;
    }
    .engineering-r-hero-media img {
        object-position: 72% 10%;
    }
    .engineering-r-hero-points {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 12px;
    }
    .engineering-r-hero-points li {
        white-space: normal;
        font-size: 13px;
        gap: 8px;
    }
    .engineering-r-hero-point-icon {
        width: 26px;
        height: 26px;
        font-size: 12px;
    }
}

@media (max-width: 575px) {
    .engineering-r-hero-copy h1 {
        font-size: 28px;
    }
    .engineering-r-hero p.engineering-r-hero-lead {
        font-size: 16px;
    }
    .engineering-r-hero-points {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* ========== Engineering focus ========== */
.engineering-r-focus {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 48px 0 40px;
    background: #fff;
    color: var(--c-ink);
}
.engineering-r-focus-head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 28px;
}
.engineering-r-focus-head p.engineering-r-focus-kicker {
    margin: 0 auto 10px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    padding-left: 0.04em; /* optical center with letter-spacing */
    text-transform: uppercase;
    color: var(--c-green);
}
.engineering-r-focus-head h2 {
    margin: 0 0 10px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-focus-head > p {
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.5;
    color: var(--c-muted);
    max-width: 74ch;
}
.engineering-r-focus-grid {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 980px;
    align-items: center;
}
.engineering-r-focus-grid li {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: left;
    padding: 10px 16px;
    min-width: 0;
}
.engineering-r-focus-grid li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #e0e4e2;
}
.engineering-r-focus-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
    flex-shrink: 0;
    display: block;
}
.engineering-r-focus-label {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    color: #333;
    white-space: nowrap;
}

/* ========== Engineering Panda Core ========== */
.engineering-r-core {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    --c-core-mint: #eaf5ef;
    --c-core-neutral: #f0f1f3;
    padding: 28px 0 48px;
    background: #fff;
    color: var(--c-ink);
}
.engineering-r-core-head {
    text-align: left;
    max-width: 820px;
    margin: 0 0 20px;
}
.engineering-r-core-head p.engineering-r-core-kicker {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-green);
}
.engineering-r-core-head h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-core-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 1.05fr);
    gap: 18px 28px;
    align-items: center;
    border-radius: 16px;
    padding: 18px 20px;
    margin: 0 0 12px;
}
.engineering-r-core-card--mint {
    background: var(--c-core-mint);
}
.engineering-r-core-card--neutral {
    background: var(--c-core-neutral);
}
.engineering-r-core-card:last-child {
    margin-bottom: 0;
}
.engineering-r-core-copy {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    max-width: 700px;
}
.engineering-r-core-icon {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
    flex-shrink: 0;
}
.engineering-r-core-copy h3 {
    margin: 0 0 6px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--c-ink);
}
.engineering-r-core-copy p {
    margin: 0;
    font-size: 18px;
    line-height: 1.45;
    color: var(--c-muted);
}
.engineering-r-panel {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(18, 40, 24, 0.05);
    padding: 14px 16px 10px;
    min-width: 0;
}
.engineering-r-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px solid #eef1ef;
}
.engineering-r-panel-head strong {
    font-size: 19px;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-panel-action {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    background: var(--c-green);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}
.engineering-r-assign-list,
.engineering-r-status-list,
.engineering-r-check-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.engineering-r-assign-list li,
.engineering-r-status-list li {
    display: grid;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-top: 1px solid #eef1ef;
}
.engineering-r-assign-list li:first-child,
.engineering-r-status-list li:first-child {
    border-top: 0;
}
.engineering-r-assign-list li {
    grid-template-columns: 1fr auto 1fr;
}
.engineering-r-assign-list li strong {
    font-size: 15px;
    font-weight: 700;
    color: var(--c-ink);
    min-width: 0;
    justify-self: start;
}
.engineering-r-assign-meta {
    font-size: 15px;
    font-weight: 500;
    color: #6a7370;
    white-space: nowrap;
    justify-self: center;
    text-align: center;
}
.engineering-r-assign-list .engineering-r-badge {
    justify-self: end;
}
.engineering-r-status-list li {
    grid-template-columns: 1fr auto 1fr;
}
.engineering-r-status-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--c-ink);
    justify-self: start;
}
.engineering-r-status-count {
    font-size: 15px;
    font-weight: 600;
    color: #5b6570;
    justify-self: center;
    text-align: center;
}
.engineering-r-status-list .engineering-r-badge {
    justify-self: end;
}
.engineering-r-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.engineering-r-dot--ready { background: var(--c-green); }
.engineering-r-dot--expiring { background: #e2a812; }
.engineering-r-dot--action { background: #d64545; }
.engineering-r-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    min-width: 84px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    justify-self: end;
}
.engineering-r-badge--assigned {
    background: #e7f5ea;
    color: #1f7a30;
}
.engineering-r-badge--ready {
    background: #e7f5ea;
    color: #1f7a30;
}
.engineering-r-badge--expiring {
    background: #fff3cd;
    color: #9a6b00;
}
.engineering-r-badge--action {
    background: #fde8e8;
    color: #b42318;
}
.engineering-r-readiness-track {
    display: grid;
    grid-template-columns: auto minmax(72px, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 0 0 12px;
    padding: 4px 0 10px;
    border-bottom: 1px solid #eef1ef;
}
.engineering-r-readiness-title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--c-ink);
    white-space: nowrap;
}
.engineering-r-readiness-track strong {
    font-size: 14px;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-readiness-bar {
    height: 8px;
    border-radius: 999px;
    background: #e8ece9;
    overflow: hidden;
    min-width: 0;
}
.engineering-r-readiness-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--c-green);
}
.engineering-r-check-list {
    display: grid;
    gap: 8px;
    padding-bottom: 4px;
}
.engineering-r-check-list li {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--c-ink);
}
.engineering-r-check {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
}

/* ========== Engineering Workforce Readiness ========== */
.engineering-r-workforce {
    --c-green: #248636;
    --c-blue: #8aaebe;
    --c-bg: #1f2529;
    --c-ink: #fff;
    --c-muted: #c5ced3;
    padding: 56px 0;
    background: var(--c-bg);
    color: var(--c-ink);
}
.engineering-r-workforce-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 36px 48px;
    align-items: stretch;
}
.engineering-r-workforce-main {
    min-width: 0;
    padding-right: 12px;
}
.engineering-r-workforce-steps {
    min-width: 0;
    padding-left: 28px;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
    display: flex;
    flex-direction: column;
    align-self: stretch;
}
.engineering-r-workforce-kicker {
    margin: 0 0 12px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-green);
}
.engineering-r-workforce-main h2 {
    margin: 0 0 12px;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-workforce-main h2 span {
    color: var(--c-blue);
}
.engineering-r-workforce-lead {
    margin: 0 0 22px;
    max-width: 78ch;
    font-size: 19px;
    line-height: 1.5;
    color: var(--c-muted);
}
.engineering-r-workforce-table {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
    color: #111;
}
.engineering-r-workforce-tr {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    border-top: 1px solid #eef1ef;
}
.engineering-r-workforce-tr > span:first-child {
    justify-self: start;
}
.engineering-r-workforce-tr > span:nth-child(2) {
    justify-self: center;
    text-align: center;
}
.engineering-r-workforce-tr > span:last-child {
    justify-self: end;
}
.engineering-r-workforce-tr--head {
    background: #2a3238;
    border-top: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 11px 16px;
}
.engineering-r-workforce-tr:not(.engineering-r-workforce-tr--head) {
    font-size: 15px;
    font-weight: 600;
    color: #222;
}
.engineering-r-workforce-name {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.engineering-r-workforce-avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #d7dde2;
    color: #3d4750;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    flex-shrink: 0;
}
.engineering-r-workforce-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
.engineering-r-workforce-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.engineering-r-workforce-status--ready {
    background: #e7f5ea;
    color: #1f7a30;
}
.engineering-r-workforce-status--ready i { background: #248636; }
.engineering-r-workforce-status--expiring {
    background: #fff3cd;
    color: #9a6b00;
}
.engineering-r-workforce-status--expiring i { background: #e2a812; }
.engineering-r-workforce-status--action {
    background: #fde8e8;
    color: #b42318;
}
.engineering-r-workforce-status--action i { background: #d64545; }
.engineering-r-workforce-step-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
    min-height: 100%;
    gap: 0;
    position: relative;
}
.engineering-r-workforce-step-list::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 14px;
    bottom: 24px;
    width: 1px;
    background: rgba(255, 255, 255, 0.22);
}
.engineering-r-workforce-step-list li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    position: relative;
}
.engineering-r-workforce-step-num {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: #2a3238;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    left: -5px;
    font-weight: 700;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}
.engineering-r-workforce-step-list li.is-active .engineering-r-workforce-step-num {
    background: var(--c-green);
    border-color: var(--c-green);
}
.engineering-r-workforce-step-list strong {
    display: block;
    margin: 2px 0 4px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
}
.engineering-r-workforce-step-list p {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    color: var(--c-muted);
}
@media (max-width: 991px) {
    .engineering-r-focus {
        padding: 40px 0 32px;
    }
    .engineering-r-focus-head h2,
    .engineering-r-core-head h2 {
        font-size: 28px;
    }
    .engineering-r-focus-head {
        margin-bottom: 22px;
    }
    .engineering-r-focus-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 0;
        max-width: 560px;
    }
    .engineering-r-focus-grid li + li::before {
        display: none;
    }
    .engineering-r-focus-grid li:nth-child(even) {
        border-left: 1px solid #e0e4e2;
    }
    .engineering-r-focus-grid li:nth-child(n + 3) {
        border-top: 1px solid #e0e4e2;
        padding-top: 18px;
    }
    .engineering-r-core {
        padding: 24px 0 40px;
    }
    .engineering-r-core-card {
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 16px;
    }
    .engineering-r-workforce {
        padding: 44px 0;
    }
    .engineering-r-workforce-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .engineering-r-workforce-main {
        padding-right: 0;
    }
    .engineering-r-workforce-steps {
        padding-left: 0;
        border-left: 0;
        padding-top: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.22);
    }
    .engineering-r-workforce-step-list {
        flex: none;
        min-height: 0;
        justify-content: flex-start;
        gap: 18px;
    }
    .engineering-r-workforce-main h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .engineering-r-focus {
        padding: 36px 0 28px;
    }
    .engineering-r-focus-head,
    .engineering-r-core-head {
        margin-bottom: 20px;
    }
    .engineering-r-focus-head h2,
    .engineering-r-core-head h2 {
        font-size: 24px;
    }
    .engineering-r-focus-head p.engineering-r-focus-kicker,
    .engineering-r-core-head p.engineering-r-core-kicker {
        font-size: 14px;
    }
    .engineering-r-focus-head > p {
        font-size: 15px;
    }
    .engineering-r-focus-grid {
        grid-template-columns: 1fr;
        gap: 0;
        max-width: none;
    }
    .engineering-r-focus-grid li {
        justify-content: flex-start;
        padding: 12px 8px;
        gap: 12px;
    }
    .engineering-r-focus-grid li:nth-child(even) {
        border-left: 0;
    }
    .engineering-r-focus-grid li:nth-child(n + 2) {
        border-top: 1px solid #e0e4e2;
    }
    .engineering-r-focus-grid li:nth-child(n + 3) {
        padding-top: 12px;
    }
    .engineering-r-focus-icon {
        width: 36px;
        height: 36px;
    }
    .engineering-r-focus-label {
        font-size: 15px;
        white-space: normal;
    }
    .engineering-r-core {
        padding: 20px 0 36px;
    }
    .engineering-r-core-copy {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        max-width: none;
    }
    .engineering-r-core-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
    .engineering-r-core-copy h3 {
        font-size: 18px;
    }
    .engineering-r-core-copy p {
        font-size: 14px;
    }
    .engineering-r-panel {
        padding: 12px 12px 8px;
        overflow: hidden;
    }
    .engineering-r-panel-head strong {
        font-size: 15px;
    }
    .engineering-r-assign-list li,
    .engineering-r-status-list li {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "label badge"
            "meta badge";
        gap: 4px 10px;
        align-items: center;
    }
    .engineering-r-assign-list li strong,
    .engineering-r-status-label {
        grid-area: label;
        font-size: 14px;
    }
    .engineering-r-assign-meta,
    .engineering-r-status-count {
        grid-area: meta;
        justify-self: start;
        text-align: left;
        font-size: 12px;
        white-space: normal;
    }
    .engineering-r-assign-list .engineering-r-badge,
    .engineering-r-status-list .engineering-r-badge {
        grid-area: badge;
        justify-self: end;
        min-width: 0;
        padding: 0 10px;
        font-size: 12px;
    }
    .engineering-r-badge--action {
        min-width: 0;
    }
    .engineering-r-readiness-track {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title pct"
            "bar bar";
        gap: 6px 10px;
    }
    .engineering-r-readiness-title {
        grid-area: title;
        white-space: normal;
        font-size: 13px;
    }
    .engineering-r-readiness-track strong {
        grid-area: pct;
        font-size: 12px;
    }
    .engineering-r-readiness-bar {
        grid-area: bar;
    }
    .engineering-r-check-list li {
        font-size: 14px;
    }
    .engineering-r-workforce {
        padding: 36px 0;
    }
    .engineering-r-workforce-main h2 {
        font-size: 24px;
    }
    .engineering-r-workforce-lead {
        font-size: 14px;
    }
    .engineering-r-workforce-table {
        overflow: hidden;
    }
    .engineering-r-workforce-tr {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
        padding: 12px;
    }
    .engineering-r-workforce-tr--head span:nth-child(2),
    .engineering-r-workforce-tr:not(.engineering-r-workforce-tr--head) > span:nth-child(2) {
        display: none;
    }
    .engineering-r-workforce-tr--head span:nth-child(3),
    .engineering-r-workforce-status {
        justify-self: end;
    }
    .engineering-r-workforce-name {
        font-size: 14px;
    }
    .engineering-r-workforce-status {
        font-size: 12px;
        padding: 0 8px;
        min-width: 0;
    }
    .engineering-r-workforce-step-list strong {
        font-size: 15px;
    }
    .engineering-r-workforce-step-list p {
        font-size: 13px;
    }
}

/* ========== Engineering Panda Talks ========== */
.engineering-r-talks {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 56px 0;
    background: #fff;
    color: var(--c-ink);
}
.engineering-r-talks-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 36px 48px;
    align-items: center;
}
.engineering-r-talks-media {
    min-width: 0;
}
.engineering-r-talks-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    object-fit: cover;
}
.engineering-r-talks-copy {
    min-width: 0;
}
.engineering-r-talks-kicker {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-green);
}
.engineering-r-talks-copy h2 {
    margin: 0 0 12px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-talks-lead {
    margin: 0 0 29px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--c-muted);
}
.engineering-r-talks-topics {
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}
.engineering-r-talks-topics li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--c-ink);
}
.engineering-r-talks-check {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
}
.engineering-r-talks-flow {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
}
.engineering-r-talks-flow > li:not(.engineering-r-talks-flow-arrow) {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-talks-flow-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}
.engineering-r-talks-flow-arrow {
    color: #b0b8b4;
    font-size: 12px;
}
@media (max-width: 991px) {
    .engineering-r-talks {
        padding: 44px 0;
    }
    .engineering-r-talks-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .engineering-r-talks-copy h2 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .engineering-r-talks {
        padding: 36px 0;
    }
    .engineering-r-talks-copy h2 {
        font-size: 22px;
    }
    .engineering-r-talks-lead {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .engineering-r-talks-kicker {
        font-size: 14px;
    }
    .engineering-r-talks-topics {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .engineering-r-talks-topics li {
        font-size: 15px;
    }
    .engineering-r-talks-flow {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .engineering-r-talks-flow > li.engineering-r-talks-flow-arrow {
        display: none;
    }
    .engineering-r-talks-flow > li:not(.engineering-r-talks-flow-arrow) {
        font-size: 15px;
    }
}

/* ========== Engineering Panda Comply ========== */
.engineering-r-comply {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 52px 0;
    background: #eef0f2;
    color: var(--c-ink);
}
.engineering-r-comply-head {
    max-width: 100%;
    margin: 0 0 28px;
}
.engineering-r-comply-kicker {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-green);
}
.engineering-r-comply-head h2 {
    margin: 0 0 10px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-comply-lead {
    margin: 0;
    font-size: 20px;
    line-height: 1.45;
    color: var(--c-muted);
}
.engineering-r-comply-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.engineering-r-comply-grid li {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    background: #fff;
    border-radius: 14px;
    padding: 18px 16px;
}
.engineering-r-comply-icon {
    width: 43px;
    height: 43px;
    border-radius: 10px;
    background: #f3f5f6;
    color: #2b3330;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    flex-shrink: 0;
}
.engineering-r-comply-grid h3 {
    margin: 0 0 6px;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-comply-grid p {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    color: var(--c-muted);
}
@media (max-width: 991px) {
    .engineering-r-comply {
        padding: 44px 0;
    }
    .engineering-r-comply-head h2 {
        font-size: 26px;
    }
    .engineering-r-comply-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .engineering-r-comply {
        padding: 36px 0;
    }
    .engineering-r-comply-head {
        margin-bottom: 20px;
    }
    .engineering-r-comply-kicker {
        font-size: 14px;
    }
    .engineering-r-comply-head h2 {
        font-size: 22px;
    }
    .engineering-r-comply-lead {
        font-size: 15px;
    }
    .engineering-r-comply-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .engineering-r-comply-grid li {
        padding: 16px 14px;
    }
    .engineering-r-comply-grid h3 {
        font-size: 17px;
    }
    .engineering-r-comply-grid p {
        font-size: 14px;
    }
}

/* ========== Engineering Projects ========== */
.engineering-r-projects {
    --c-green: #248636;
    --c-ink: #111;
    --c-muted: #516158;
    padding: 64px 0 48px;
    background: #fff;
    color: var(--c-ink);
}
.engineering-r-projects-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 36px 48px;
    align-items: start;
}
.engineering-r-projects-left {
    display: grid;
    gap: 28px;
    min-width: 0;
}
.engineering-r-projects-right {
    display: grid;
    gap: 118px;
    min-width: 0;
}
.engineering-r-projects-media {
    width: 100%;
    min-width: 0;
}
.engineering-r-projects-media img {
    display: block;
    width: 870px;
    height: 436px;
    aspect-ratio: 16 / 10;
    border-radius: 16px;
    object-fit: cover;
    object-position: center;
}
.engineering-r-projects-kicker,
.engineering-r-projects-copy p.engineering-r-projects-kicker {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #248636;
}
.engineering-r-projects-copy h2 {
    margin: 0 0 12px;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-projects-copy > p:not(.engineering-r-projects-kicker) {
    margin: 0;
    font-size: 19px;
    line-height: 1.55;
    color: var(--c-muted);
    max-width: 650px;
}
.engineering-r-projects-card {
    background: #fff;
    border: 1px solid #e4e8e6;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(18, 40, 24, 0.06);
    padding: 20px 22px 12px;
    width: 100%;
}
.engineering-r-projects-card h3 {
    margin: 0 0 10px;
    padding: 0 0 14px;
    border-bottom: 1px solid #eef1ef;
    font-size: 19px;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-projects-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.engineering-r-projects-card li {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 14px;
    align-items: center;
    padding: 13px 0;
    border-top: 1px solid #eef1ef;
    min-height: 48px;
}
.engineering-r-projects-card li:first-child {
    border-top: 0;
}
.engineering-r-projects-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    justify-self: start;
}
.engineering-r-projects-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.engineering-r-projects-dot--ready { background: #248636; }
.engineering-r-projects-dot--expiring { background: #e2a812; }
.engineering-r-projects-dot--action { background: #d64545; }
.engineering-r-projects-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--c-ink);
}
.engineering-r-projects-value {
    font-size: 16px;
    font-weight: 600;
    color: #5b6570;
    white-space: nowrap;
    justify-self: center;
    text-align: center;
}
.engineering-r-projects-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    min-height: 28px;
    min-width: 92px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}
.engineering-r-projects-badge--ready {
    background: #e7f5ea;
    color: #1f7a30;
}
.engineering-r-projects-badge--expiring {
    background: #fff3cd;
    color: #9a6b00;
}
.engineering-r-projects-badge--action {
    background: #fde8e8;
    color: #b42318;
}

/* ========== Engineering Key Benefits ========== */
.engineering-r-benefits {
    --c-green: #248636;
    --c-ink: #111;
    padding: 28px 0 56px;
    background: #fff;
    color: var(--c-ink);
}
.engineering-r-benefits-head {
    max-width: 100%;
    margin: 0 0 28px;
}
.engineering-r-benefits-kicker {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-green);
}
.engineering-r-benefits-head h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-ink);
}
.engineering-r-benefits-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.engineering-r-benefits-grid li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 8px 22px;
    border-left: 1px solid #e0e4e2;
}
.engineering-r-benefits-grid li:first-child {
    border-left: 0;
    padding-left: 0;
}
.engineering-r-benefits-num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid var(--c-green);
    color: var(--c-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
.engineering-r-benefits-grid p {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--c-ink);
}

/* ========== Engineering CTA ========== */
.engineering-r-cta {
    --c-green: #248636;
    padding: 8px 0 64px;
    background: #fff;
}
.engineering-r-cta-banner {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #15191c;
    color: #fff;
    min-height: 260px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    padding: 48px clamp(24px, 7vw, 96px);
}
.engineering-r-cta-deco {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}
.engineering-r-cta-deco--left {
    left: 0;
    bottom: 0;
    width: min(28%, 300px);
    height: auto;
    opacity: 1;
}
.engineering-r-cta-aside {
    position: absolute;
    z-index: 0;
    right: clamp(12px, 2vw, 24px);
    top: 50%;
    transform: translateY(-50%);
    width: min(36%, 400px);
    opacity: 1;
    pointer-events: none;
}
.engineering-r-cta-aside img {
    display: block;
    width: 100%;
    height: auto;
}
.engineering-r-cta-copy {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.engineering-r-cta-copy h2 {
    margin: 0 0 12px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}
.engineering-r-cta-copy p {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
}
.engineering-r-cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.engineering-r-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    min-width: 150px;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 19px;
    font-weight: 650;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.engineering-r-cta-btn--primary {
    background: var(--c-green);
    color: #fff;
    border: 1px solid var(--c-green);
}
.engineering-r-cta-btn--primary:hover {
    background: #1f7330;
    color: #fff;
}
.engineering-r-cta-btn--ghost {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
}
.engineering-r-cta-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}
@media (max-width: 991px) {
    .engineering-r-projects {
        padding: 48px 0 32px;
    }
    .engineering-r-projects-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .engineering-r-projects-right {
        gap: 28px;
    }
    .engineering-r-projects-media img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .engineering-r-projects-copy h2,
    .engineering-r-benefits-head h2,
    .engineering-r-cta-copy h2 {
        font-size: 26px;
    }
    .engineering-r-benefits-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .engineering-r-benefits-grid li {
        border-left: 0;
        padding: 0;
    }
    .engineering-r-cta-banner {
        min-height: 220px;
        padding: 40px 28px;
    }
    .engineering-r-cta-deco--left {
        width: min(24%, 220px);
    }
    .engineering-r-cta-aside {
        width: min(32%, 280px);
        right: 12px;
    }
}
@media (max-width: 767px) {
    .engineering-r-projects {
        padding: 36px 0 24px;
    }
    .engineering-r-projects-copy h2,
    .engineering-r-benefits-head h2,
    .engineering-r-cta-copy h2 {
        font-size: 22px;
    }
    .engineering-r-projects-kicker,
    .engineering-r-projects-copy p.engineering-r-projects-kicker,
    .engineering-r-benefits-kicker {
        font-size: 14px;
    }
    .engineering-r-projects-copy > p:not(.engineering-r-projects-kicker) {
        font-size: 16px;
    }
    .engineering-r-projects-right {
        gap: 24px;
    }
    .engineering-r-projects-media img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 14px;
    }
    .engineering-r-projects-card {
        padding: 16px 14px 10px;
    }
    .engineering-r-projects-card h3 {
        font-size: 17px;
        padding-bottom: 12px;
    }
    .engineering-r-projects-card li {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "item value"
            "badge badge";
        row-gap: 6px;
        column-gap: 10px;
        padding: 12px 0;
        min-height: 0;
    }
    .engineering-r-projects-item {
        grid-area: item;
    }
    .engineering-r-projects-value {
        grid-area: value;
        justify-self: end;
        font-size: 14px;
    }
    .engineering-r-projects-badge {
        grid-area: badge;
        justify-self: start;
        min-width: 0;
        font-size: 12px;
        padding: 0 10px;
    }
    .engineering-r-projects-label {
        font-size: 14px;
    }
    .engineering-r-benefits {
        padding: 16px 0 40px;
    }
    .engineering-r-benefits-grid li {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
    }
    .engineering-r-benefits-num {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .engineering-r-benefits-grid p {
        font-size: 16px;
    }
    .engineering-r-cta {
        padding: 0 0 48px;
    }
    .engineering-r-cta-banner {
        min-height: 0;
        padding: 36px 22px;
    }
    .engineering-r-cta-deco,
    .engineering-r-cta-aside {
        display: none;
    }
    .engineering-r-cta-copy p {
        font-size: 16px;
    }
    .engineering-r-cta-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .engineering-r-cta-btn {
        width: 100%;
        min-width: 0;
        font-size: 17px;
    }
}

@media (max-width: 575px) {
    .engineering-r-focus-head h2,
    .engineering-r-core-head h2,
    .engineering-r-workforce-main h2,
    .engineering-r-talks-copy h2,
    .engineering-r-comply-head h2,
    .engineering-r-projects-copy h2,
    .engineering-r-benefits-head h2,
    .engineering-r-cta-copy h2 {
        font-size: 22px;
    }
}