.agscp-wrap,
 .agscp-wrap * {
     box-sizing: border-box;
 }

 .agscp-wrap {
     font-family: 'Segoe UI', Arial, sans-serif;
     background: #ffffff;
     color: #1c2530;
 }

 .agscp-inner {
     max-width: 1140px;
     margin: 0 auto;
     padding: 0 20px;
 }

 /* ---------- Hero band ---------- */
 .agscp-hero {
     background: linear-gradient(120deg, #2f3d7e 0%, #3a4a94 60%, #b00015 100%);
     padding: 60px 20px 50px;
     text-align: center;
 }

 .agscp-hero span {
     display: inline-block;
     color: #f4c3c9;
     font-size: 12.5px;
     font-weight: 700;
     letter-spacing: 3px;
     text-transform: uppercase;
     margin-bottom: 12px;
 }

 .agscp-hero h1 {
     color: #ffffff;
     font-size: 36px;
     font-weight: 800;
     margin: 0 0 10px;
 }

 .agscp-hero p {
     color: #b7cbe4;
     font-size: 15px;
     max-width: 540px;
     margin: 0 auto;
     line-height: 1.6;
 }

 .agscp-body {
     padding: 54px 0 80px;
 }

 /* ---------- Address blocks ---------- */
 .agscp-addresses {
     display: grid;
     grid-template-columns: 1fr;
     gap: 20px;
     margin-bottom: 50px;
 }

 .agscp-address {
     padding: 32px 34px;
     border-radius: 10px;
     border: none;
 }

 .agscp-address:first-child {
     background: linear-gradient(150deg, #eef0f8 0%, #dde1f2 100%);
     border-top: 4px solid #2f3d7e;
 }

 .agscp-address:last-child {
     background: linear-gradient(150deg, #fbe9ea 0%, #f6d3d6 100%);
     border-top: 4px solid #b00015;
 }

 .agscp-pin {
     width: 24px;
     height: 24px;
     margin-bottom: 14px;
     display: block;
 }

 .agscp-address:first-child .agscp-pin path {
     fill: #2f3d7e;
 }

 .agscp-address:last-child .agscp-pin path {
     fill: #b00015;
 }

 .agscp-address h3 {
     font-size: 12.5px;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     margin: 0 0 12px;
 }

 .agscp-address:first-child h3 {
     color: #2f3d7e;
 }

 .agscp-address:last-child h3 {
     color: #b00015;
 }

 .agscp-address p {
     font-size: 15.5px;
     line-height: 1.75;
     color: #2b3846;
     margin: 0;
 }

 .agscp-address p strong {
     color: #0d1b2a;
     font-weight: 700;
 }

 /* ---------- Phone / Mail strip ---------- */
 .agscp-quickinfo {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 24px;
     margin-bottom: 54px;
 }

 .agscp-info-block {
     background: #ffffff;
     border: 1px solid #dfe6ee;
     border-left: 4px solid #2f3d7e;
     border-radius: 8px;
     padding: 22px 26px;
 }

 .agscp-quickinfo .agscp-info-block:nth-child(1) {
     border-left-color: #2f3d7e;
 }

 .agscp-quickinfo .agscp-info-block:nth-child(2) {
     border-left-color: #b00015;
 }

 .agscp-info-head {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 14px;
 }

 .agscp-info-icon {
     width: 19px;
     height: 19px;
     flex-shrink: 0;
 }

 .agscp-quickinfo .agscp-info-block:nth-child(1) .agscp-info-icon path {
     fill: #2f3d7e;
 }

 .agscp-quickinfo .agscp-info-block:nth-child(2) .agscp-info-icon path {
     fill: #b00015;
 }

 .agscp-info-block h2 {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #0d1b2a;
     margin: 0;
 }

 .agscp-info-block ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .agscp-info-block li {
     padding: 8px 0;
     border-bottom: 1px solid #eef2f6;
     font-size: 15px;
 }

 .agscp-info-block li:last-child {
     border-bottom: none;
 }

 .agscp-info-block a {
     color: #2b3846;
     text-decoration: none;
 }

 .agscp-quickinfo .agscp-info-block:nth-child(1) a:hover {
     color: #2f3d7e;
 }

 .agscp-quickinfo .agscp-info-block:nth-child(2) a:hover {
     color: #b00015;
 }

 /* ---------- Map + Form ---------- */
 .agscp-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 34px;
     align-items: stretch;
 }

 .agscp-map-col {
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .agscp-eyebrow {
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #2f3d7e;
     margin: 0 0 4px;
 }

 .agscp-map-frame {
     border: 1px solid #dfe6ee;
     border-radius: 8px;
     overflow: hidden;
     flex: 1;
     min-height: 300px;
 }

 .agscp-map-frame iframe {
     width: 100%;
     height: 100%;
     min-height: 300px;
     border: 0;
     display: block;
 }

 .agscp-map-note {
     background: linear-gradient(135deg, #fbe9ea 0%, #f6d3d6 100%);
     border: 1px solid #eab8bc;
     border-radius: 8px;
     padding: 13px 16px;
     font-size: 13px;
     color: #7a1420;
     line-height: 1.6;
 }

 .agscp-map-note strong {
     color: #b00015;
 }

 /* ---------- Form ---------- */
 .agscp-form-card {
     background: #ffffff;
     border: 1px solid #dfe6ee;
     border-radius: 8px;
     padding: 30px 30px 26px;
 }

 .agscp-form-title {
     font-size: 21px;
     font-weight: 700;
     color: #0d1b2a;
     margin: 0 0 4px;
 }

 .agscp-form-sub {
     font-size: 13.5px;
     color: #6b7683;
     margin: 0 0 22px;
 }

 .agscp-field-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 18px;
     margin-bottom: 18px;
 }

 .agscp-field {
     margin-bottom: 18px;
 }

 .agscp-field label {
     display: block;
     font-size: 13px;
     font-weight: 700;
     color: #0d1b2a;
     margin-bottom: 7px;
 }

 .agscp-field input,
 .agscp-field textarea {
     width: 100%;
     border: 1px solid #c9d3de;
     border-radius: 6px;
     padding: 11px 13px;
     font-size: 14.5px;
     font-family: inherit;
     color: #1c2530;
     background: #ffffff;
     outline: none;
     transition: border-color .15s, box-shadow .15s;
 }

 .agscp-field input::placeholder,
 .agscp-field textarea::placeholder {
     color: #9aa5b1;
 }

 .agscp-field input:focus,
 .agscp-field textarea:focus {
     border-color: #2f3d7e;
     box-shadow: 0 0 0 3px rgba(47, 61, 126, 0.14);
 }

 .agscp-field textarea {
     min-height: 115px;
     resize: vertical;
 }

 .agscp-captcha-box {
     background: linear-gradient(135deg, #eef0f8 0%, #fbe9ea 100%);
     border: 1px solid #dfe6ee;
     border-radius: 8px;
     padding: 15px 16px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 15px;
     align-items: end;
     margin-bottom: 22px;
 }

 .agscp-captcha-label {
     font-size: 12px;
     color: #6b7683;
     margin-bottom: 7px;
     display: block;
 }

 .agscp-captcha-code {
     background: linear-gradient(120deg, #2f3d7e, #b00015);
     border-radius: 6px;
     padding: 10px 12px;
     font-weight: 800;
     font-size: 17px;
     letter-spacing: 5px;
     color: #ffffff;
     text-align: center;
     user-select: none;
     font-family: Georgia, serif;
     font-style: italic;
     white-space: nowrap;
     overflow: hidden;
 }

 .agscp-captcha-refresh {
     background: none;
     border: none;
     color: #2f3d7e;
     font-size: 12px;
     font-weight: 600;
     cursor: pointer;
     margin-top: 6px;
     padding: 0;
     text-decoration: underline;
 }

 .agscp-field-captcha label {
     font-size: 13px;
     font-weight: 700;
     color: #0d1b2a;
     margin-bottom: 7px;
     display: block;
 }

 .agscp-field-captcha input {
     width: 100%;
     border: 1px solid #c9d3de;
     border-radius: 6px;
     padding: 10px 13px;
     font-size: 14.5px;
     font-family: inherit;
     outline: none;
     background: #ffffff;
 }

 .agscp-submit {
     width: 100%;
     background: linear-gradient(120deg, #2f3d7e, #b00015);
     color: #ffffff;
     border: none;
     border-radius: 8px;
     padding: 14px;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: .5px;
     cursor: pointer;
     transition: opacity .15s, transform .15s;
 }

 .agscp-submit:hover {
     opacity: .92;
     transform: translateY(-1px);
 }

 .agscp-form-status {
     margin-top: 13px;
     font-size: 13.5px;
     text-align: center;
     min-height: 18px;
 }

 .agscp-form-status.agscp-ok {
     color: #1c7a3d;
 }

 .agscp-form-status.agscp-err {
     color: #c0392b;
 }

 /* ---------- Responsive ---------- */
 @media (max-width: 900px) {
     .agscp-grid {
         grid-template-columns: 1fr;
     }

     .agscp-addresses {
         grid-template-columns: 1fr;
     }

     .agscp-address:first-child {
         border-right: none;
         border-bottom: 1px solid #dfe6ee;
     }

     .agscp-quickinfo {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width: 560px) {
     .agscp-hero {
         padding: 44px 18px 36px;
     }

     .agscp-hero h1 {
         font-size: 26px;
     }

     .agscp-body {
         padding: 40px 0 60px;
     }

     .agscp-address {
         padding: 24px 20px;
     }

     .agscp-field-row {
         grid-template-columns: 1fr;
         gap: 0;
     }

     .agscp-captcha-box {
         grid-template-columns: 1fr;
     }

     .agscp-form-card {
         padding: 22px 18px;
     }
 }

 .rei-wrap,
 .rei-wrap * {
     box-sizing: border-box;
 }

 .rei-wrap {
     font-family: 'Segoe UI', Arial, sans-serif;
     background: #ffffff;
     color: #1c2530;
 }

 .rei-inner {
     max-width: 1140px;
     margin: 0 auto;
     padding: 0 20px;
 }

 /* ---------- Hero band ---------- */
 .rei-hero {
     background: linear-gradient(120deg, #2f3d7e 0%, #3a4a94 60%, #b00015 100%);
     padding: 60px 20px 50px;
     text-align: center;
 }

 .rei-hero span {
     display: inline-block;
     color: #f4c3c9;
     font-size: 12.5px;
     font-weight: 700;
     letter-spacing: 3px;
     text-transform: uppercase;
     margin-bottom: 12px;
 }

 .rei-hero h1 {
     color: #ffffff;
     font-size: 36px;
     font-weight: 800;
     margin: 0 0 10px;
 }

 .rei-hero p {
     color: #dbe0f4;
     font-size: 15px;
     max-width: 600px;
     margin: 0 auto;
     line-height: 1.6;
 }

 .rei-body {
     padding: 60px 0 90px;
 }

 /* ---------- Intro line ---------- */
 .rei-intro {
     text-align: center;
     max-width: 720px;
     margin: 0 auto 56px;
     font-size: 16px;
     line-height: 1.8;
     color: #445162;
 }

 /* ---------- Service cards ---------- */
 .rei-cards {
     display: flex;
     flex-direction: column;
     gap: 26px;
 }

 .rei-card {
     display: grid;
     grid-template-columns: 90px 1fr;
     gap: 28px;
     align-items: start;
     border: 1px solid #dfe6ee;
     border-radius: 10px;
     padding: 30px 32px;
     background: #ffffff;
 }

 .rei-card:nth-child(odd) {
     border-top: 4px solid #2f3d7e;
 }

 .rei-card:nth-child(even) {
     border-top: 4px solid #b00015;
 }

 .rei-card:nth-child(3) {
     border-top: 4px solid #2f3d7e;
 }

 .rei-icon-box {
     width: 90px;
     height: 90px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     border: 1px solid #dfe6ee;
 }

 .rei-icon-box img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
 }

 .rei-card h2 {
     font-size: 21px;
     font-weight: 700;
     margin: 4px 0 12px;
     color: #0d1b2a;
 }

 .rei-card p {
     font-size: 15px;
     line-height: 1.8;
     color: #3a4653;
     margin: 0 0 10px;
 }

 .rei-card p:last-of-type {
     margin-bottom: 0;
 }

 .rei-service {
     margin-top: 16px;
     padding: 14px 18px;
     border-radius: 8px;
     font-size: 14px;
     line-height: 1.6;
 }

 .rei-card:nth-child(odd) .rei-service,
 .rei-card:nth-child(3) .rei-service {
     background: #eef0f8;
     border-left: 3px solid #2f3d7e;
 }

 .rei-card:nth-child(even) .rei-service {
     background: #fbe9ea;
     border-left: 3px solid #b00015;
 }

 .rei-service strong {
     display: block;
     font-size: 12px;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin-bottom: 4px;
 }

 .rei-card:nth-child(odd) .rei-service strong,
 .rei-card:nth-child(3) .rei-service strong {
     color: #2f3d7e;
 }

 .rei-card:nth-child(even) .rei-service strong {
     color: #b00015;
 }

 /* ---------- CTA strip ---------- */
 .rei-cta {
     margin-top: 56px;
     background: linear-gradient(120deg, #2f3d7e 0%, #b00015 100%);
     border-radius: 10px;
     padding: 34px 30px;
     text-align: center;
 }

 .rei-cta h3 {
     color: #ffffff;
     font-size: 21px;
     font-weight: 700;
     margin: 0 0 10px;
 }

 .rei-cta p {
     color: #f2e4e5;
     font-size: 14.5px;
     margin: 0 0 20px;
 }

 .rei-cta a {
     display: inline-block;
     background: #ffffff;
     color: #2f3d7e;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: .5px;
     text-decoration: none;
     padding: 12px 28px;
     border-radius: 7px;
     transition: transform .15s, opacity .15s;
 }

 .rei-cta a:hover {
     transform: translateY(-1px);
     opacity: .92;
 }

 /* ---------- Responsive ---------- */
 @media (max-width: 640px) {
     .rei-hero {
         padding: 44px 18px 36px;
     }

     .rei-hero h1 {
         font-size: 27px;
     }

     .rei-body {
         padding: 44px 0 60px;
     }

     .rei-card {
         grid-template-columns: 1fr;
         padding: 24px 22px;
     }

     .rei-icon-box {
         margin-bottom: 6px;
     }

     .rei-cta {
         padding: 28px 20px;
     }
 }

 .qpi-wrap,
 .qpi-wrap * {
     box-sizing: border-box;
 }

 .qpi-wrap {
     font-family: 'Segoe UI', Arial, sans-serif;
     background: #ffffff;
     color: #1c2530;
     padding: 64px 20px 90px;
 }

 .qpi-inner {
     max-width: 1100px;
     margin: 0 auto;
 }

 .qpi-heading {
     text-align: center;
     font-size: 34px;
     font-weight: 800;
     color: #0d1b2a;
     margin: 0 0 54px;
     letter-spacing: -.3px;
 }

 /* ---------- Vision block ---------- */
 .qpi-vision {
     display: grid;
     grid-template-columns: 200px 1fr;
     gap: 40px;
     align-items: center;
     padding: 40px;
     border-radius: 16px;
     background: linear-gradient(150deg, #eef0f8 0%, #f6f3fa 60%, #fbe9ea 100%);
     margin-bottom: 70px;
 }

 .qpi-vision img {
     width: 100%;
     height: auto;
     display: block;
 }

 .qpi-vision h2 {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #2f3d7e;
     margin: 0 0 14px;
 }

 .qpi-vision p {
     font-size: 16.5px;
     line-height: 1.85;
     color: #2b3846;
     margin: 0;
 }

 .qpi-vision p strong {
     color: #0d1b2a;
 }

 /* ---------- Objectives intro ---------- */
 .qpi-obj-intro {
     text-align: center;
     max-width: 760px;
     margin: 0 auto 42px;
 }

 .qpi-obj-intro h2 {
     font-size: 28px;
     font-weight: 800;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #b00015;
     margin: 0 0 14px;
 }

 .qpi-obj-intro p {
     font-size: 15.5px;
     line-height: 1.8;
     color: #445162;
     margin: 0;
 }

 /* ---------- Objectives grid ---------- */
 .qpi-obj-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 26px;
 }

 .qpi-obj-card {
     border: 1px solid #eceef1;
     border-radius: 14px;
     padding: 30px 26px;
     text-align: center;
     transition: box-shadow .2s, transform .2s;
 }

 .qpi-obj-card:hover {
     box-shadow: 0 10px 28px rgba(13, 27, 42, 0.09);
     transform: translateY(-3px);
 }

 .qpi-obj-card:nth-child(odd) {
     border-top: 4px solid #2f3d7e;
 }

 .qpi-obj-card:nth-child(even) {
     border-top: 4px solid #b00015;
 }

 .qpi-obj-card img {
     width: 76px;
     height: 76px;
     margin: 0 auto 18px;
     display: block;
 }

 .qpi-obj-card p {
     font-size: 14.5px;
     line-height: 1.75;
     color: #3a4653;
     margin: 0;
 }

 /* ---------- Responsive ---------- */
 @media (max-width: 860px) {
     .qpi-obj-grid {
         grid-template-columns: 1fr 1fr;
     }
 }

 @media (max-width: 700px) {
     .qpi-vision {
         grid-template-columns: 1fr;
         text-align: center;
         padding: 30px 26px;
     }

     .qpi-vision img {
         width: 140px;
         margin: 0 auto;
     }
 }

 @media (max-width: 560px) {
     .qpi-wrap {
         padding: 46px 16px 60px;
     }

     .qpi-heading {
         font-size: 26px;
         margin-bottom: 40px;
     }

     .qpi-obj-grid {
         grid-template-columns: 1fr;
     }

     .qpi-obj-card {
         padding: 26px 22px;
     }
 }

 .hoi-wrap,
 .hoi-wrap * {
     box-sizing: border-box;
 }

 .hoi-wrap {
     font-family: 'Sora', sans-serif;
     ;
     background: #ffffff;
     color: #1c2530;
     padding: 60px 20px 90px;
 }

 .hoi-inner {
     max-width: 1080px;
     margin: 0 auto;
 }

 /* ---------- Eyebrow ---------- */
 .hoi-eyebrow {
     text-align: center;
     font-size: 12.5px;
     font-weight: 700;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: #b00015;
     margin-bottom: 10px;
 }

 /* ---------- Profile header ---------- */
 .hoi-profile {
     display: grid;
     grid-template-columns: 220px 1fr;
     gap: 44px;
     align-items: center;
     padding-bottom: 42px;
     margin-bottom: 42px;
     border-bottom: 1px solid #eceef1;
 }

 .hoi-photo-frame {
     position: relative;
     width: 220px;
     height: 220px;
     border-radius: 16px;
     overflow: hidden;
     background: linear-gradient(150deg, #2f3d7e, #b00015);
     padding: 5px;
 }

 .hoi-photo-frame img {
     width: 100%;
     /* height: 100%; */
     object-fit: cover;
     border-radius: 12px;
     display: block;
 }

 .hoi-name {
     font-size: 32px;
     font-weight: 800;
     color: #0d1b2a;
     margin: 0 0 6px;
     letter-spacing: -0.3px;
 }

 .hoi-role {
     display: inline-block;
     background: linear-gradient(120deg, #2f3d7e, #b00015);
     color: #ffffff;
     font-size: 12.5px;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     padding: 7px 16px;
     border-radius: 20px;
     margin-bottom: 18px;
 }

 .hoi-tagline {
     font-size: 15px;
     line-height: 1.6;
     color: #445162;
     margin: 0;
 }

 .hoi-tagline strong {
     color: #2f3d7e;
 }

 /* ---------- Stats strip ---------- */
 .hoi-stats {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
     margin-bottom: 48px;
 }

 .hoi-stat {
     text-align: center;
     padding: 20px 14px;
     border-radius: 10px;
     background: #f7f8fa;
     border-top: 3px solid #2f3d7e;
 }

 .hoi-stat:nth-child(2) {
     border-top-color: #b00015;
 }

 .hoi-stat:nth-child(3) {
     border-top-color: #2f3d7e;
 }

 .hoi-stat strong {
     display: block;
     font-size: 26px;
     font-weight: 800;
     color: #0d1b2a;
     margin-bottom: 4px;
 }

 .hoi-stat span {
     font-size: 12.5px;
     color: #6b7683;
     letter-spacing: .3px;
 }

 /* ---------- Bio ---------- */
 .hoi-section-title {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #2f3d7e;
     margin: 0 0 16px;
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .hoi-section-title::after {
     content: "";
     flex: 1;
     height: 1px;
     background: #eceef1;
 }

 .hoi-bio {
     font-size: 15.5px;
     line-height: 1.85;
     color: #2b3846;
     margin: 0 0 50px;
 }

 /* ---------- Responsibilities ---------- */
 .hoi-resp-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 24px;
     margin-bottom: 12px;
 }

 .hoi-resp-card {
     border: 1px solid #eceef1;
     border-radius: 12px;
     padding: 26px 28px;
     background: #ffffff;
 }

 .hoi-resp-card:nth-child(odd) {
     border-top: 4px solid #2f3d7e;
 }

 .hoi-resp-card:nth-child(even) {
     border-top: 4px solid #b00015;
 }

 .hoi-resp-head {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 16px;
 }

 .hoi-resp-num {
     width: 34px;
     height: 34px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 800;
     font-size: 14px;
     color: #ffffff;
     flex-shrink: 0;
 }

 .hoi-resp-card:nth-child(odd) .hoi-resp-num {
     background: #2f3d7e;
 }

 .hoi-resp-card:nth-child(even) .hoi-resp-num {
     background: #b00015;
 }

 .hoi-resp-card h3 {
     font-size: 17px;
     font-weight: 700;
     color: #0d1b2a;
     margin: 0;
 }

 .hoi-resp-card ol {
     margin: 0;
     padding-left: 20px;
 }

 .hoi-resp-card li {
     font-size: 14.5px;
     line-height: 1.7;
     color: #3a4653;
     margin-bottom: 10px;
 }

 .hoi-resp-card li:last-child {
     margin-bottom: 0;
 }

 .hoi-resp-card li::marker {
     font-weight: 700;
 }

 .hoi-resp-card:nth-child(odd) li::marker {
     color: #2f3d7e;
 }

 .hoi-resp-card:nth-child(even) li::marker {
     color: #b00015;
 }

 /* ---------- Responsive ---------- */
 @media (max-width: 760px) {
     .hoi-profile {
         grid-template-columns: 1fr;
         text-align: center;
     }

     .hoi-photo-frame {
         margin: 0 auto;
     }

     .hoi-stats {
         grid-template-columns: 1fr;
     }

     .hoi-resp-grid {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width: 560px) {
     .hoi-wrap {
         padding: 44px 16px 60px;
     }

     .hoi-name {
         font-size: 25px;
     }

     .hoi-photo-frame {
         width: 180px;
         height: 180px;
     }

     .hoi-resp-card {
         padding: 22px 20px;
     }
 }

 .isoi-wrap,
 .isoi-wrap * {
     box-sizing: border-box;
 }

 .isoi-wrap {
     font-family: 'Segoe UI', Arial, sans-serif;
     background: #ffffff;
     color: #1c2530;
     padding: 60px 20px 90px;
     text-align: center;
 }

 .isoi-inner {
     max-width: 720px;
     margin: 0 auto;
 }

 .isoi-heading {
     font-size: 34px;
     font-weight: 800;
     color: #b00015;
     letter-spacing: .5px;
     margin: 0 0 10px;
 }

 .isoi-sub {
     font-size: 15.5px;
     color: #6b7683;
     margin: 0 0 34px;
 }

 /* ---------- Certificate frame (clickable) ---------- */
 .isoi-cert-btn {
     display: block;
     width: 100%;
     max-width: 480px;
     margin: 0 auto 44px;
     padding: 0;
     border: none;
     background: none;
     cursor: zoom-in;
     text-decoration: none;
 }

 .isoi-cert-frame {
     position: relative;
     border-radius: 10px;
     padding: 10px;
     background: linear-gradient(150deg, #2f3d7e 0%, #b00015 100%);
     box-shadow: 0 14px 34px rgba(13, 27, 42, 0.14);
     transition: transform .2s, box-shadow .2s;
 }

 .isoi-cert-btn:hover .isoi-cert-frame {
     transform: translateY(-4px);
     box-shadow: 0 20px 44px rgba(13, 27, 42, 0.2);
 }

 .isoi-cert-frame img {
     width: 100%;
     display: block;
     border-radius: 6px;
     background: #ffffff;
 }

 .isoi-cert-zoom {
     position: absolute;
     right: 14px;
     bottom: 14px;
     width: 38px;
     height: 38px;
     border-radius: 50%;
     background: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }

 .isoi-cert-zoom svg {
     width: 18px;
     height: 18px;
 }

 .isoi-cert-zoom path {
     fill: #2f3d7e;
 }

 /* ---------- Badges ---------- */
 .isoi-badges {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 40px;
     flex-wrap: wrap;
 }

 .isoi-badge {
     width: 150px;
 }

 .isoi-badge img {
     /* width: 100%; */
     display: block;
     max-width: 200px;
 }

 /* ---------- Responsive ---------- */
 @media (max-width: 560px) {
     .isoi-wrap {
         padding: 44px 16px 60px;
     }

     .isoi-heading {
         font-size: 26px;
     }

     .isoi-badges {
         gap: 24px;
     }

     .isoi-badge {
         width: 120px;
     }
 }

 /* =========================================
   SCROLL TO TOP BUTTON
========================================= */

 .stp-scroll-top {
     position: fixed;
     right: 20px;
     bottom: 20px;

     width: 44px;
     height: 44px;

     border: none;
     border-radius: 50%;


     background: #293395;
     color: #ffffff;

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

     font-size: 17px;
     cursor: pointer;

     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);

     z-index: 99999;

     transition: all 0.3s ease;
 }


 /* SHOW BUTTON */

 .stp-scroll-top.stp-show {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }


 /* HOVER */

 .stp-scroll-top:hover {
     background: #0293dd;
     color: #ffffff;
     transform: translateY(-4px);
 }


 /* ICON */

 .stp-scroll-top i {
     line-height: 1;
 }


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

 @media (max-width: 991px) {

     .stp-scroll-top {
         width: 42px;
         height: 42px;

         right: 18px;
         bottom: 18px;

         font-size: 16px;
     }

 }


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

 @media (max-width: 576px) {

     .stp-scroll-top {
         width: 40px;
         height: 40px;

         right: 15px;
         bottom: 15px;

         font-size: 15px;
     }

 }


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

 @media (max-width: 375px) {

     .stp-scroll-top {
         width: 38px;
         height: 38px;

         right: 12px;
         bottom: 12px;

         font-size: 14px;
     }

 }


 :root {
     --sftrf-ink: #1b2a5c;
     --sftrf-navy: #233c8c;
     --sftrf-navy-deep: #162a68;
     --sftrf-paper: #f5f4f2;
     --sftrf-paper-card: #ffffff;
     --sftrf-gold: #a1181f;
     --sftrf-gold-bright: #c33b42;
     --sftrf-line: #d9d9e0;
     --sftrf-error: #a1181f;
     --sftrf-muted: #767b91;
 }


 .sftrf-wrap {
     max-width: 620px;
     margin: 0 auto;
 }

 /* ---------- Header / Seal ---------- */
 .sftrf-header {
     text-align: center;
     margin-bottom: 34px;
     animation: sftrf-drop 0.6s ease both;
 }

 .sftrf-seal {
     width: 64px;
     height: 64px;
     margin: 0 auto 16px;
     border-radius: 50%;
     background: linear-gradient(155deg, var(--sftrf-navy), var(--sftrf-navy-deep));
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 0 0 3px var(--sftrf-paper), 0 0 0 4px var(--sftrf-gold);
     color: var(--sftrf-gold-bright);
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 600;
     font-size: 22px;
     letter-spacing: 0.5px;
 }

 .sftrf-eyebrow {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 11px;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: var(--sftrf-gold);
     margin: 0 0 8px;
 }

 .sftrf-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 600;
     font-size: clamp(28px, 5vw, 38px);
     line-height: 1.1;
     margin: 0 0 10px;
     color: var(--sftrf-navy-deep);
 }

 .sftrf-subtitle {
     font-size: 14px;
     color: var(--sftrf-muted);
     max-width: 420px;
     margin: 0 auto;
     line-height: 1.5;
 }

 /* ---------- Card ---------- */
 .sftrf-card {
     background: var(--sftrf-paper-card);
     border: 1px solid var(--sftrf-line);
     border-radius: 14px;
     padding: 8px;
     box-shadow: 0 30px 60px -30px rgba(15, 28, 51, 0.25), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
     position: relative;
     animation: sftrf-rise 0.7s cubic-bezier(.2, .7, .2, 1) both;
     animation-delay: 0.1s;
 }

 .sftrf-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 6px;
     border-radius: 14px 14px 0 0;
     background: repeating-linear-gradient(90deg, var(--sftrf-navy) 0 14px, var(--sftrf-gold) 14px 16px);
     opacity: 0.85;
 }

 .sftrf-card-inner {
     padding: 30px 26px 26px;
 }

 @media (min-width:560px) {
     .sftrf-card-inner {
         padding: 38px 40px 34px;
     }
 }

 /* ---------- Sections ---------- */
 .sftrf-section {
     margin-bottom: 30px;
 }

 .sftrf-section:last-of-type {
     margin-bottom: 8px;
 }

 .sftrf-section-head {
     display: flex;
     align-items: baseline;
     gap: 10px;
     margin-bottom: 18px;
 }

 .sftrf-section-num {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: var(--sftrf-gold);
     border: 1px solid var(--sftrf-gold);
     border-radius: 4px;
     width: 22px;
     height: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .sftrf-section-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 600;
     font-size: 17px;
     color: var(--sftrf-navy-deep);
     letter-spacing: 0.2px;
 }

 .sftrf-section-rule {
     flex: 1;
     height: 1px;
     background: linear-gradient(to right, var(--sftrf-line), transparent);
     margin-left: 4px;
 }

 .sftrf-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 16px;
 }

 .sftrf-grid-2 {
     grid-template-columns: 1fr;
 }

 @media (min-width:520px) {
     .sftrf-grid-2 {
         grid-template-columns: 1fr 1fr;
     }
 }

 /* ---------- Fields ---------- */
 .sftrf-field {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .sftrf-label {
     font-size: 12.5px;
     font-weight: 600;
     color: var(--sftrf-navy);
     letter-spacing: 0.2px;
 }

 .sftrf-optional {
     font-weight: 400;
     color: var(--sftrf-muted);
     font-size: 11.5px;
 }

 .sftrf-input,
 .sftrf-select,
 .sftrf-textarea {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 14.5px;
     color: var(--sftrf-ink);
     background: #fff;
     border: 1.5px solid var(--sftrf-line);
     border-radius: 8px;
     padding: 11px 13px;
     width: 100%;
     transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }

 .sftrf-input::placeholder,
 .sftrf-textarea::placeholder {
     color: #a9a495;
 }

 .sftrf-input:hover,
 .sftrf-select:hover,
 .sftrf-textarea:hover {
     border-color: #b9b3a0;
 }

 .sftrf-input:focus,
 .sftrf-select:focus,
 .sftrf-textarea:focus {
     outline: none;
     border-color: var(--sftrf-navy);
     box-shadow: 0 0 0 3px rgba(30, 51, 88, 0.14);
 }

 .sftrf-select {
     appearance: none;
     -webkit-appearance: none;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1L7 7L13 1' stroke='%23a1181f' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
     background-repeat: no-repeat;
     background-position: right 14px center;
     padding-right: 36px;
     cursor: pointer;
 }

 .sftrf-select:invalid {
     color: #a9a495;
 }

 .sftrf-select option {
     color: var(--sftrf-ink);
 }

 .sftrf-textarea {
     resize: vertical;
     min-height: 96px;
     line-height: 1.5;
 }

 /* ---------- Submit ---------- */
 .sftrf-submit-row {
     margin-top: 8px;
 }

 .sftrf-submit {
     width: 100%;
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 15px;
     letter-spacing: 0.3px;
     color: #fff8ea;
     background: linear-gradient(155deg, var(--sftrf-navy), var(--sftrf-navy-deep));
     border: none;
     border-radius: 9px;
     padding: 15px 20px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     box-shadow: 0 10px 24px -8px rgba(15, 28, 51, 0.55);
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
 }

 .sftrf-submit:hover {
     background: linear-gradient(155deg, #274070, var(--sftrf-navy-deep));
     box-shadow: 0 14px 28px -8px rgba(15, 28, 51, 0.6);
 }

 .sftrf-submit:active {
     transform: translateY(1px);
 }

 .sftrf-submit:focus-visible {
     outline: 3px solid var(--sftrf-gold);
     outline-offset: 2px;
 }

 .sftrf-submit-arrow {
     font-size: 16px;
     transform: translateY(-1px);
 }

 .sftrf-footnote {
     text-align: center;
     font-size: 11.5px;
     color: var(--sftrf-muted);
     margin-top: 16px;
     letter-spacing: 0.2px;
 }

 /* ---------- Animations ---------- */
 @keyframes sftrf-drop {
     from {
         opacity: 0;
         transform: translateY(-8px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes sftrf-rise {
     from {
         opacity: 0;
         transform: translateY(14px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .sftrf-header,
     .sftrf-card {
         animation: none;
     }
 }


 :root {
     --strf-ink: #1b2a5c;
     --strf-navy: #233c8c;
     --strf-navy-deep: #162a68;
     --strf-paper: #f5f4f2;
     --strf-paper-card: #ffffff;
     --strf-gold: #a1181f;
     --strf-gold-bright: #c33b42;
     --strf-line: #d9d9e0;
     --strf-error: #a1181f;
     --strf-muted: #767b91;
 }


 .strf-wrap {
     max-width: 620px;
     margin: 0 auto;
 }

 /* ---------- Header / Seal ---------- */
 .strf-header {
     text-align: center;
     margin-bottom: 34px;
     animation: strf-drop 0.6s ease both;
 }

 .strf-seal {
     width: 64px;
     height: 64px;
     margin: 0 auto 16px;
     border-radius: 50%;
     background: linear-gradient(155deg, var(--strf-navy), var(--strf-navy-deep));
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 0 0 3px var(--strf-paper), 0 0 0 4px var(--strf-gold);
     color: #fbe6e7;
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.5px;
 }

 .strf-eyebrow {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 11px;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: var(--strf-gold);
     margin: 0 0 8px;
     font-weight: 700;
 }

 .strf-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: clamp(26px, 5vw, 36px);
     line-height: 1.15;
     margin: 0 0 10px;
     color: var(--strf-navy-deep);
 }

 .strf-subtitle {
     font-size: 14px;
     color: var(--strf-muted);
     max-width: 440px;
     margin: 0 auto;
     line-height: 1.5;
 }

 /* ---------- Card ---------- */
 .strf-card {
     background: var(--strf-paper-card);
     border: 1px solid var(--strf-line);
     border-radius: 14px;
     padding: 8px;
     box-shadow: 0 30px 60px -30px rgba(22, 42, 104, 0.28), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
     position: relative;
     animation: strf-rise 0.7s cubic-bezier(.2, .7, .2, 1) both;
     animation-delay: 0.1s;
 }

 .strf-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 6px;
     border-radius: 14px 14px 0 0;
     background: repeating-linear-gradient(90deg, var(--strf-navy) 0 14px, var(--strf-gold) 14px 16px);
     opacity: 0.9;
 }

 .strf-card-inner {
     padding: 30px 26px 26px;
 }

 @media (min-width:560px) {
     .strf-card-inner {
         padding: 38px 40px 34px;
     }
 }

 /* ---------- Sections ---------- */
 .strf-section {
     margin-bottom: 30px;
 }

 .strf-section:last-of-type {
     margin-bottom: 8px;
 }

 .strf-section-head {
     display: flex;
     align-items: baseline;
     gap: 10px;
     margin-bottom: 18px;
 }

 .strf-section-num {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 12px;
     color: var(--strf-gold);
     border: 1px solid var(--strf-gold);
     border-radius: 4px;
     width: 22px;
     height: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .strf-section-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 17px;
     color: var(--strf-navy-deep);
     letter-spacing: 0.2px;
 }

 .strf-section-rule {
     flex: 1;
     height: 1px;
     background: linear-gradient(to right, var(--strf-line), transparent);
     margin-left: 4px;
 }

 .strf-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 16px;
 }

 .strf-grid-2 {
     grid-template-columns: 1fr;
 }

 @media (min-width:520px) {
     .strf-grid-2 {
         grid-template-columns: 1fr 1fr;
     }
 }

 /* ---------- Fields ---------- */
 .strf-field {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .strf-label {
     font-size: 12.5px;
     font-weight: 700;
     color: var(--strf-navy);
     letter-spacing: 0.2px;
 }

 .strf-optional {
     font-weight: 400;
     color: var(--strf-muted);
     font-size: 11.5px;
 }

 .strf-hint {
     font-size: 11.5px;
     color: var(--strf-muted);
     margin-top: -2px;
 }

 .strf-input,
 .strf-select,
 .strf-textarea {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 14.5px;
     color: var(--strf-ink);
     background: #fff;
     border: 1.5px solid var(--strf-line);
     border-radius: 8px;
     padding: 11px 13px;
     width: 100%;
     transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }

 .strf-input::placeholder,
 .strf-textarea::placeholder {
     color: #a9a4a3;
 }

 .strf-input:hover,
 .strf-select:hover,
 .strf-textarea:hover {
     border-color: #b7b7c4;
 }

 .strf-input:focus,
 .strf-select:focus,
 .strf-textarea:focus {
     outline: none;
     border-color: var(--strf-navy);
     box-shadow: 0 0 0 3px rgba(35, 60, 140, 0.14);
 }

 .strf-select {
     appearance: none;
     -webkit-appearance: none;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1L7 7L13 1' stroke='%23a1181f' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
     background-repeat: no-repeat;
     background-position: right 14px center;
     padding-right: 36px;
     cursor: pointer;
 }

 .strf-select:invalid {
     color: #a9a4a3;
 }

 .strf-select option {
     color: var(--strf-ink);
 }

 .strf-textarea {
     resize: vertical;
     min-height: 96px;
     line-height: 1.5;
 }

 /* ---------- Submit ---------- */
 .strf-submit-row {
     margin-top: 8px;
 }

 .strf-submit {
     width: 100%;
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 15px;
     letter-spacing: 0.3px;
     color: #fdeeee;
     background: linear-gradient(155deg, var(--strf-navy), var(--strf-navy-deep));
     border: none;
     border-radius: 9px;
     padding: 15px 20px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     box-shadow: 0 10px 24px -8px rgba(22, 42, 104, 0.55);
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
 }

 .strf-submit:hover {
     background: linear-gradient(155deg, #2c4aa8, var(--strf-navy-deep));
     box-shadow: 0 14px 28px -8px rgba(22, 42, 104, 0.6);
 }

 .strf-submit:active {
     transform: translateY(1px);
 }

 .strf-submit:focus-visible {
     outline: 3px solid var(--strf-gold);
     outline-offset: 2px;
 }

 .strf-submit-arrow {
     font-size: 16px;
     transform: translateY(-1px);
 }

 .strf-footnote {
     text-align: center;
     font-size: 11.5px;
     color: var(--strf-muted);
     margin-top: 16px;
     letter-spacing: 0.2px;
 }

 /* ---------- Animations ---------- */
 @keyframes strf-drop {
     from {
         opacity: 0;
         transform: translateY(-8px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes strf-rise {
     from {
         opacity: 0;
         transform: translateY(14px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .strf-header,
     .strf-card {
         animation: none;
     }
 }

 :root {
     --smerf-ink: #1b2a5c;
     --smerf-navy: #233c8c;
     --smerf-navy-deep: #162a68;
     --smerf-paper: #f5f4f2;
     --smerf-paper-card: #ffffff;
     --smerf-gold: #a1181f;
     --smerf-gold-bright: #c33b42;
     --smerf-line: #d9d9e0;
     --smerf-error: #a1181f;
     --smerf-muted: #767b91;
 }

 .smerf-wrap {
     max-width: 620px;
     margin: 0 auto;
 }

 /* ---------- Header / Seal ---------- */
 .smerf-header {
     text-align: center;
     margin-bottom: 34px;
     animation: smerf-drop 0.6s ease both;
 }

 .smerf-seal {
     width: 64px;
     height: 64px;
     margin: 0 auto 16px;
     border-radius: 50%;
     background: linear-gradient(155deg, var(--smerf-navy), var(--smerf-navy-deep));
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 0 0 3px var(--smerf-paper), 0 0 0 4px var(--smerf-gold);
     color: #fbe6e7;
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 18px;
     letter-spacing: 0.5px;
 }

 .smerf-eyebrow {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 11px;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: var(--smerf-gold);
     margin: 0 0 8px;
     font-weight: 700;
 }

 .smerf-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: clamp(26px, 5vw, 36px);
     line-height: 1.15;
     margin: 0 0 10px;
     color: var(--smerf-navy-deep);
 }

 .smerf-subtitle {
     font-size: 14px;
     color: var(--smerf-muted);
     max-width: 440px;
     margin: 0 auto;
     line-height: 1.5;
 }

 /* ---------- Card ---------- */
 .smerf-card {
     background: var(--smerf-paper-card);
     border: 1px solid var(--smerf-line);
     border-radius: 14px;
     padding: 8px;
     box-shadow: 0 30px 60px -30px rgba(22, 42, 104, 0.28), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
     position: relative;
     animation: smerf-rise 0.7s cubic-bezier(.2, .7, .2, 1) both;
     animation-delay: 0.1s;
 }

 .smerf-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 6px;
     border-radius: 14px 14px 0 0;
     background: repeating-linear-gradient(90deg, var(--smerf-navy) 0 14px, var(--smerf-gold) 14px 16px);
     opacity: 0.9;
 }

 .smerf-card-inner {
     padding: 30px 26px 26px;
 }

 @media (min-width:560px) {
     .smerf-card-inner {
         padding: 38px 40px 34px;
     }
 }

 /* ---------- Sections ---------- */
 .smerf-section {
     margin-bottom: 30px;
 }

 .smerf-section:last-of-type {
     margin-bottom: 8px;
 }

 .smerf-section-head {
     display: flex;
     align-items: baseline;
     gap: 10px;
     margin-bottom: 18px;
 }

 .smerf-section-num {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 12px;
     color: var(--smerf-gold);
     border: 1px solid var(--smerf-gold);
     border-radius: 4px;
     width: 22px;
     height: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .smerf-section-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 17px;
     color: var(--smerf-navy-deep);
     letter-spacing: 0.2px;
 }

 .smerf-section-rule {
     flex: 1;
     height: 1px;
     background: linear-gradient(to right, var(--smerf-line), transparent);
     margin-left: 4px;
 }

 .smerf-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 16px;
 }

 .smerf-grid-2 {
     grid-template-columns: 1fr;
 }

 @media (min-width:520px) {
     .smerf-grid-2 {
         grid-template-columns: 1fr 1fr;
     }
 }

 /* ---------- Fields ---------- */
 .smerf-field {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .smerf-label {
     font-size: 12.5px;
     font-weight: 700;
     color: var(--smerf-navy);
     letter-spacing: 0.2px;
 }

 .smerf-optional {
     font-weight: 400;
     color: var(--smerf-muted);
     font-size: 11.5px;
 }

 .smerf-input,
 .smerf-select,
 .smerf-textarea {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 14.5px;
     color: var(--smerf-ink);
     background: #fff;
     border: 1.5px solid var(--smerf-line);
     border-radius: 8px;
     padding: 11px 13px;
     width: 100%;
     transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }

 .smerf-input::placeholder,
 .smerf-textarea::placeholder {
     color: #a9a4a3;
 }

 .smerf-input:hover,
 .smerf-select:hover,
 .smerf-textarea:hover {
     border-color: #b7b7c4;
 }

 .smerf-input:focus,
 .smerf-select:focus,
 .smerf-textarea:focus {
     outline: none;
     border-color: var(--smerf-navy);
     box-shadow: 0 0 0 3px rgba(35, 60, 140, 0.14);
 }

 .smerf-select {
     appearance: none;
     -webkit-appearance: none;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1L7 7L13 1' stroke='%23a1181f' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
     background-repeat: no-repeat;
     background-position: right 14px center;
     padding-right: 36px;
     cursor: pointer;
 }

 .smerf-select:invalid {
     color: #a9a4a3;
 }

 .smerf-select option {
     color: var(--smerf-ink);
 }

 .smerf-textarea {
     resize: vertical;
     min-height: 96px;
     line-height: 1.5;
 }

 /* ---------- Submit ---------- */
 .smerf-submit-row {
     margin-top: 8px;
 }

 .smerf-submit {
     width: 100%;
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 15px;
     letter-spacing: 0.3px;
     color: #fdeeee;
     background: linear-gradient(155deg, var(--smerf-navy), var(--smerf-navy-deep));
     border: none;
     border-radius: 9px;
     padding: 15px 20px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     box-shadow: 0 10px 24px -8px rgba(22, 42, 104, 0.55);
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
 }

 .smerf-submit:hover {
     background: linear-gradient(155deg, #2c4aa8, var(--smerf-navy-deep));
     box-shadow: 0 14px 28px -8px rgba(22, 42, 104, 0.6);
 }

 .smerf-submit:active {
     transform: translateY(1px);
 }

 .smerf-submit:focus-visible {
     outline: 3px solid var(--smerf-gold);
     outline-offset: 2px;
 }

 .smerf-submit-arrow {
     font-size: 16px;
     transform: translateY(-1px);
 }

 .smerf-footnote {
     text-align: center;
     font-size: 11.5px;
     color: var(--smerf-muted);
     margin-top: 16px;
     letter-spacing: 0.2px;
 }

 /* ---------- Animations ---------- */
 @keyframes smerf-drop {
     from {
         opacity: 0;
         transform: translateY(-8px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes smerf-rise {
     from {
         opacity: 0;
         transform: translateY(14px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .smerf-header,
     .smerf-card {
         animation: none;
     }
 }

 :root {
     --tqcrf-ink: #1b2a5c;
     --tqcrf-navy: #233c8c;
     --tqcrf-navy-deep: #162a68;
     --tqcrf-paper: #f5f4f2;
     --tqcrf-paper-card: #ffffff;
     --tqcrf-gold: #a1181f;
     --tqcrf-gold-bright: #c33b42;
     --tqcrf-line: #d9d9e0;
     --tqcrf-error: #a1181f;
     --tqcrf-muted: #767b91;
 }


 .tqcrf-wrap {
     max-width: 620px;
     margin: 0 auto;
 }

 /* ---------- Header / Seal ---------- */
 .tqcrf-header {
     text-align: center;
     margin-bottom: 34px;
     animation: tqcrf-drop 0.6s ease both;
 }

 .tqcrf-seal {
     width: 64px;
     height: 64px;
     margin: 0 auto 16px;
     border-radius: 50%;
     background: linear-gradient(155deg, var(--tqcrf-navy), var(--tqcrf-navy-deep));
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 0 0 3px var(--tqcrf-paper), 0 0 0 4px var(--tqcrf-gold);
     color: #fbe6e7;
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 0.3px;
 }

 .tqcrf-eyebrow {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 11px;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: var(--tqcrf-gold);
     margin: 0 0 8px;
     font-weight: 700;
 }

 .tqcrf-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: clamp(24px, 5vw, 34px);
     line-height: 1.15;
     margin: 0 0 10px;
     color: var(--tqcrf-navy-deep);
 }

 .tqcrf-subtitle {
     font-size: 14px;
     color: var(--tqcrf-muted);
     max-width: 440px;
     margin: 0 auto;
     line-height: 1.5;
 }

 /* ---------- Card ---------- */
 .tqcrf-card {
     background: var(--tqcrf-paper-card);
     border: 1px solid var(--tqcrf-line);
     border-radius: 14px;
     padding: 8px;
     box-shadow: 0 30px 60px -30px rgba(22, 42, 104, 0.28), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
     position: relative;
     animation: tqcrf-rise 0.7s cubic-bezier(.2, .7, .2, 1) both;
     animation-delay: 0.1s;
 }

 .tqcrf-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 6px;
     border-radius: 14px 14px 0 0;
     background: repeating-linear-gradient(90deg, var(--tqcrf-navy) 0 14px, var(--tqcrf-gold) 14px 16px);
     opacity: 0.9;
 }

 .tqcrf-card-inner {
     padding: 30px 26px 26px;
 }

 @media (min-width:560px) {
     .tqcrf-card-inner {
         padding: 38px 40px 34px;
     }
 }

 /* ---------- Sections ---------- */
 .tqcrf-section {
     margin-bottom: 30px;
 }

 .tqcrf-section:last-of-type {
     margin-bottom: 8px;
 }

 .tqcrf-section-head {
     display: flex;
     align-items: baseline;
     gap: 10px;
     margin-bottom: 18px;
 }

 .tqcrf-section-num {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 12px;
     color: var(--tqcrf-gold);
     border: 1px solid var(--tqcrf-gold);
     border-radius: 4px;
     width: 22px;
     height: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .tqcrf-section-title {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 17px;
     color: var(--tqcrf-navy-deep);
     letter-spacing: 0.2px;
 }

 .tqcrf-section-rule {
     flex: 1;
     height: 1px;
     background: linear-gradient(to right, var(--tqcrf-line), transparent);
     margin-left: 4px;
 }

 .tqcrf-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 16px;
 }

 .tqcrf-grid-2 {
     grid-template-columns: 1fr;
 }

 @media (min-width:520px) {
     .tqcrf-grid-2 {
         grid-template-columns: 1fr 1fr;
     }
 }

 /* ---------- Fields ---------- */
 .tqcrf-field {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .tqcrf-label {
     font-size: 12.5px;
     font-weight: 700;
     color: var(--tqcrf-navy);
     letter-spacing: 0.2px;
 }

 .tqcrf-optional {
     font-weight: 400;
     color: var(--tqcrf-muted);
     font-size: 11.5px;
 }

 .tqcrf-input,
 .tqcrf-select,
 .tqcrf-textarea {
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-size: 14.5px;
     color: var(--tqcrf-ink);
     background: #fff;
     border: 1.5px solid var(--tqcrf-line);
     border-radius: 8px;
     padding: 11px 13px;
     width: 100%;
     transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }

 .tqcrf-input::placeholder,
 .tqcrf-textarea::placeholder {
     color: #a9a4a3;
 }

 .tqcrf-input:hover,
 .tqcrf-select:hover,
 .tqcrf-textarea:hover {
     border-color: #b7b7c4;
 }

 .tqcrf-input:focus,
 .tqcrf-select:focus,
 .tqcrf-textarea:focus {
     outline: none;
     border-color: var(--tqcrf-navy);
     box-shadow: 0 0 0 3px rgba(35, 60, 140, 0.14);
 }

 .tqcrf-textarea {
     resize: vertical;
     min-height: 96px;
     line-height: 1.5;
 }

 /* ---------- Submit ---------- */
 .tqcrf-submit-row {
     margin-top: 8px;
 }

 .tqcrf-submit {
     width: 100%;
     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-size: 15px;
     letter-spacing: 0.3px;
     color: #fdeeee;
     background: linear-gradient(155deg, var(--tqcrf-navy), var(--tqcrf-navy-deep));
     border: none;
     border-radius: 9px;
     padding: 15px 20px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     box-shadow: 0 10px 24px -8px rgba(22, 42, 104, 0.55);
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
 }

 .tqcrf-submit:hover {
     background: linear-gradient(155deg, #2c4aa8, var(--tqcrf-navy-deep));
     box-shadow: 0 14px 28px -8px rgba(22, 42, 104, 0.6);
 }

 .tqcrf-submit:active {
     transform: translateY(1px);
 }

 .tqcrf-submit:focus-visible {
     outline: 3px solid var(--tqcrf-gold);
     outline-offset: 2px;
 }

 .tqcrf-submit-arrow {
     font-size: 16px;
     transform: translateY(-1px);
 }

 .tqcrf-footnote {
     text-align: center;
     font-size: 11.5px;
     color: var(--tqcrf-muted);
     margin-top: 16px;
     letter-spacing: 0.2px;
 }

 /* ---------- Animations ---------- */
 @keyframes tqcrf-drop {
     from {
         opacity: 0;
         transform: translateY(-8px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes tqcrf-rise {
     from {
         opacity: 0;
         transform: translateY(14px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .tqcrf-header,
     .tqcrf-card {
         animation: none;
     }
 }

 /* =========================================
   CLC : BRAND + CERTIFICATIONS GROUP
   (New wrapper to bring logo & cert logos closer)
========================================= */

 .clc-brand-cert-group {
     display: flex;
     align-items: center;
     /* gap: 18px; */
     flex-shrink: 1;
     min-width: 0;
 }

 @media (max-width: 1399px) {
     .clc-brand-cert-group {
         gap: 14px;
     }
 }

 @media (max-width: 1199px) {
     .clc-brand-cert-group {
         gap: 12px;
     }
 }

 @media (max-width: 991px) {
     .clc-brand-cert-group {
         grid-column: 1 / 3;
         grid-row: 1 / 2;
         gap: 15px;
     }
 }

 @media (max-width: 767px) {
     .clc-brand-cert-group {
         width: 100%;
         flex-direction: column;
         gap: 12px;
     }
 }

 @media (max-width: 480px) {
     .clc-brand-cert-group {
         gap: 10px;
     }
 }

 /* =========================================
   CLC : CENTER THE WHOLE CONTAINER
========================================= */

 .clc-container-center {
     justify-content: center;
     gap: 10px;
 }

 @media (max-width: 1399px) {
     .clc-container-center {
         gap: 40px;
     }
 }

 @media (max-width: 1199px) {
     .clc-container-center {
         gap: 30px;
     }
 }

 @media (max-width: 767px) {
     .clc-container-center {
         gap: 15px;
     }
 }


 /* =========================================
   CLC : BIGGER AGS LOGO
========================================= */

 .clc-logo-lg {
     height: 95px;
 }

 @media (max-width: 1399px) {
     .clc-logo-lg {
         height: 85px;
     }
 }

 @media (max-width: 1199px) {
     .clc-logo-lg {
         height: 78px;
     }
 }

 @media (max-width: 991px) {
     .clc-logo-lg {
         height: 85px;
     }
 }

 @media (max-width: 767px) {
     .clc-logo-lg {
         height: 90px;
     }
 }

 @media (max-width: 480px) {
     .clc-logo-lg {
         height: 78px;
     }
 }

 /* =========================================
           GK REVANT VIDEO SECTION
        ========================================= */

 * {
     box-sizing: border-box;
 }

 html,
 body {
     margin: 0;
     padding: 0;
 }

 .gkrevant-section {
     width: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
     background: #ffffff;
 }


 /* =========================================
           VIDEO WRAPPER
        ========================================= */

 .gkrevant-video-wrapper {
     position: relative;

     display: flex;
     flex-direction: row;

     width: 100%;
     height: 300px;

     margin: 0;
     padding: 0;

     gap: 0;

     overflow: hidden;
     line-height: 0;
 }


 /* =========================================
           VIDEO
        ========================================= */

 .gkrevant-video {
     display: block;

     width: 50%;
     height: 100%;

     flex: 0 0 50%;

     margin: 0;
     padding: 0;

     border: 0;
     outline: 0;
     border-radius: 30px;

     object-fit: cover;
     object-position: center 25%;

     vertical-align: top;
 }


 /* =========================================
           CENTER 3PX LINE
        ========================================= */

 .gkrevant-video-line {
     position: absolute;

     top: 0;
     bottom: 0;
     left: 50%;

     width: 3px;
     height: 100%;

     transform: translateX(-50%);

     background: #ffffff;

     z-index: 10;

     pointer-events: none;
 }


 /* =========================================
           LARGE DESKTOP
        ========================================= */

 @media (min-width: 1200px) {

     .gkrevant-video-wrapper {
         height: 300px;
     }

 }


 /* =========================================
           LAPTOP
        ========================================= */

 @media (min-width: 1024px) and (max-width: 1199px) {

     .gkrevant-video-wrapper {
         height: 280px;
     }

 }


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

 @media (min-width: 768px) and (max-width: 1023px) {

     .gkrevant-video-wrapper {
         height: 260px;
     }

 }


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

 @media (max-width: 767px) {

     .gkrevant-video-wrapper {
         height: 210px;
     }

     .gkrevant-video-line {
         width: 3px;
     }

 }


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

 @media (max-width: 480px) {

     .gkrevant-video-wrapper {
         height: 175px;
     }

 }


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

 @media (max-width: 360px) {

     .gkrevant-video-wrapper {
         height: 155px;
     }

 }


 :root {
     --agscarr-maroon: #9e2129;
     --agscarr-maroon-dark: #7a181f;
     --agscarr-navy: #1f2e81;
     --agscarr-navy-dark: #161f5c;
     --agscarr-ink: #1a1a1e;
     --agscarr-muted: #6c6c76;
     --agscarr-line: #e2e2e9;
     --agscarr-paper: #f7f7fa;
     --agscarr-white: #ffffff;
     --agscarr-font-head: 'Sora', sans-serif;
     --agscarr-font-body: 'Sora', sans-serif;
 }


 .agscarr-page {
     max-width: 1240px;
     margin: 0 auto;
     padding: 0 24px 80px;
 }

 /* ===== Ruler edge signature element ===== */
 .agscarr-ruler {
     height: 14px;
     width: 100%;
     background-image: repeating-linear-gradient(to right,
             var(--agscarr-navy) 0px,
             var(--agscarr-navy) 1px,
             transparent 1px,
             transparent 40px);
     background-size: 40px 100%;
     background-position: 0 100%;
     background-repeat: repeat-x;
     background-color: transparent;
     border-bottom: 2px solid var(--agscarr-ink);
     position: relative;
 }

 .agscarr-ruler::before {
     content: "";
     position: absolute;
     left: 0;
     top: 6px;
     width: 100%;
     height: 0;
 }

 /* ===== Top bar ===== */
 .agscarr-topbar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 0 18px;
     border-bottom: 1px solid var(--agscarr-line);
     margin-bottom: 0;
 }

 .agscarr-brand {
     font-family: var(--agscarr-font-head);
     font-weight: 800;
     font-size: 20px;
     letter-spacing: 0.5px;
     color: var(--agscarr-navy);
     text-transform: uppercase;
 }

 .agscarr-brand span {
     color: var(--agscarr-maroon);
 }

 .agscarr-brand small {
     display: block;
     font-family: var(--agscarr-font-body);
     font-weight: 600;
     font-size: 10px;
     letter-spacing: 2.5px;
     color: var(--agscarr-navy);
     text-transform: uppercase;
     margin-top: -2px;
 }

 .agscarr-topbar-tag {
     font-family: var(--agscarr-font-head);
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 1.5px;
     color: var(--agscarr-muted);
     text-transform: uppercase;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .agscarr-topbar-tag::before {
     content: "";
     width: 8px;
     height: 8px;
     background: var(--agscarr-maroon);
     display: inline-block;
 }

 /* ===== Hero ===== */
 .agscarr-hero {
     padding: 44px 0 30px;
 }

 .agscarr-hero-eyebrow {
     font-family: var(--agscarr-font-head);
     font-weight: 700;
     font-size: 12px;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: var(--agscarr-navy);
     margin-bottom: 10px;
 }

 .agscarr-hero h1 {
     font-family: var(--agscarr-font-head);
     font-weight: 800;
     font-size: clamp(26px, 4vw, 42px);
     line-height: 1.02;
     margin: 0 0 14px;
     color: var(--agscarr-navy);
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .agscarr-hero h1 em {
     font-style: normal;
     color: var(--agscarr-maroon);
 }

 .agscarr-hero p {
     max-width: 640px;
     font-size: 14px;
     color: var(--agscarr-muted);
     margin: 0;
 }

 /* ===== Discipline index grid (signature element) ===== */
 .agscarr-disciplines {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 22px;
     margin-top: 34px;
 }

 .agscarr-discipline {
     position: relative;
     background: var(--agscarr-white);
     border: 1px solid var(--agscarr-line);
     border-radius: 20px;
     padding: 36px 22px 28px;
     text-align: center;
     overflow: hidden;
     box-shadow: 0 4px 16px rgba(31, 46, 129, 0.07);
     transition: transform .28s ease, box-shadow .28s ease, background .35s ease;
 }

 .agscarr-discipline::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 6px;
     background: linear-gradient(90deg, var(--agscarr-navy), var(--agscarr-maroon));
 }

 .agscarr-discipline:hover {
     transform: translateY(-6px);
     box-shadow: 0 18px 34px rgba(31, 46, 129, 0.22);
     background: linear-gradient(155deg, var(--agscarr-navy) 0%, var(--agscarr-maroon) 100%);
 }

 .agscarr-discipline-icon {
     width: 64px;
     height: 64px;
     border-radius: 50%;
     background: var(--agscarr-navy);
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 18px;
 }

 .agscarr-discipline-icon svg {
     width: 28px;
     height: 28px;
 }

 .agscarr-discipline-role {
     font-family: var(--agscarr-font-head);
     font-weight: 700;
     font-size: 18px;
     letter-spacing: 0.2px;
     color: var(--agscarr-navy);
     margin-bottom: 4px;
     transition: color .3s ease;
 }

 .agscarr-discipline:hover .agscarr-discipline-role {
     color: #ffffff;
 }

 .agscarr-discipline-sub {
     font-size: 13px;
     color: var(--agscarr-muted);
     font-weight: 500;
     margin-bottom: 24px;
     transition: color .3s ease;
 }

 .agscarr-discipline:hover .agscarr-discipline-sub {
     color: rgba(255, 255, 255, 0.82);
 }

 .agscarr-discipline-code {
     display: inline-block;
     font-family: var(--agscarr-font-head);
     font-size: 12.5px;
     font-weight: 700;
     letter-spacing: 0.3px;
     color: var(--agscarr-navy);
     background: #eef1fb;
     border: none;
     border-radius: 30px;
     padding: 10px 20px;
     transition: background .3s ease, color .3s ease;
 }

 .agscarr-discipline:hover .agscarr-discipline-code {
     background: rgba(255, 255, 255, 0.95);
     color: var(--agscarr-maroon);
 }

 .agscarr-notes {
     text-align: center;
     padding: 30px 10px 0;
 }

 .agscarr-notes p {
     margin: 4px 0;
     font-size: 12px;
     font-weight: 600;
     color: var(--agscarr-navy);
 }

 /* ===== Position + Apply section ===== */
 .agscarr-main {
     display: grid;
     grid-template-columns: 1.15fr 0.85fr;
     gap: 48px;
     margin-top: 56px;
     align-items: start;
 }

 .agscarr-panel-label {
     font-family: var(--agscarr-font-head);
     font-weight: 700;
     font-size: 12px;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: var(--agscarr-maroon);
     margin-bottom: 14px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .agscarr-panel-label::after {
     content: "";
     flex: 1;
     height: 1px;
     background: var(--agscarr-line);
 }

 .agscarr-position-card {
     border: 1px solid var(--agscarr-line);
     border-left: 4px solid var(--agscarr-navy);
     padding: 26px 28px;
     background: var(--agscarr-white);
 }

 .agscarr-position-card h2 {
     font-family: var(--agscarr-font-head);
     font-size: 20px;
     font-weight: 700;
     margin: 0 0 18px;
     color: var(--agscarr-navy);
 }

 .agscarr-spec-list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 0;
 }

 .agscarr-spec-list li {
     display: grid;
     grid-template-columns: 150px 1fr;
     gap: 16px;
     padding: 12px 0;
     border-bottom: 1px solid var(--agscarr-line);
     font-size: 13px;
 }

 .agscarr-spec-list li:last-child {
     border-bottom: none;
 }

 .agscarr-spec-key {
     font-family: var(--agscarr-font-head);
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     font-size: 11px;
     color: var(--agscarr-muted);
     align-self: start;
     padding-top: 2px;
 }

 .agscarr-spec-val {
     color: var(--agscarr-ink);
     font-weight: 500;
 }

 .agscarr-contact-block {
     margin-top: 28px;
     padding: 22px 28px;
     background: var(--agscarr-navy);
     color: var(--agscarr-white);
 }

 .agscarr-contact-block p {
     margin: 6px 0;
     font-size: 13px;
 }

 .agscarr-contact-block a {
     color: #ffd8da;
     font-weight: 700;
     text-decoration: none;
 }

 .agscarr-contact-block .agscarr-contact-strong {
     font-family: var(--agscarr-font-head);
     font-size: 15px;
     font-weight: 700;
     letter-spacing: 0.3px;
 }

 .agscarr-contact-warn {
     margin-top: 12px !important;
     padding-top: 12px;
     border-top: 1px solid rgba(255, 255, 255, 0.25);
     font-size: 11.5px !important;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     font-weight: 700;
     color: #ffd0d3 !important;
 }

 /* ===== Apply form ===== */
 .agscarr-form-card {
     border: 1px solid var(--agscarr-line);
     background: var(--agscarr-paper);
     padding: 30px;
     position: sticky;
     top: 24px;
 }

 .agscarr-form-title {
     font-family: var(--agscarr-font-head);
     font-weight: 800;
     font-size: 19px;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--agscarr-maroon);
     margin: 0 0 4px;
 }

 .agscarr-form-sub {
     font-size: 12px;
     color: var(--agscarr-muted);
     margin: 0 0 22px;
 }

 .agscarr-field {
     margin-bottom: 14px;
 }

 .agscarr-field label {
     display: block;
     font-size: 10.5px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--agscarr-navy);
     margin-bottom: 6px;
 }

 .agscarr-field input[type="text"],
 .agscarr-field input[type="tel"],
 .agscarr-field input[type="email"],
 .agscarr-field select {
     width: 100%;
     padding: 11px 12px;
     border: 1px solid #cfcfd8;
     background: var(--agscarr-white);
     font-family: var(--agscarr-font-body);
     font-size: 13px;
     color: var(--agscarr-ink);
     outline: none;
     transition: border-color .15s ease;
 }

 .agscarr-field input:focus,
 .agscarr-field select:focus {
     border-color: var(--agscarr-navy);
 }

 .agscarr-field-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
 }

 .agscarr-file-wrap {
     border: 1px dashed #cfcfd8;
     background: var(--agscarr-white);
     padding: 12px;
     font-size: 12px;
     color: var(--agscarr-muted);
 }

 .agscarr-file-wrap input {
     font-size: 12px;
     width: 100%;
 }

 .agscarr-submit {
     width: 100%;
     margin-top: 8px;
     padding: 14px;
     border: none;
     background: var(--agscarr-maroon);
     color: var(--agscarr-white);
     font-family: var(--agscarr-font-head);
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 2px;
     text-transform: uppercase;
     cursor: pointer;
     transition: background .15s ease;
 }

 .agscarr-submit:hover {
     background: var(--agscarr-maroon-dark);
 }

 /* ===== Vacancy table ===== */
 .agscarr-vacancies {
     margin-top: 70px;
 }

 .agscarr-table-wrap {
     overflow-x: auto;
     border: 1px solid var(--agscarr-line);
     border-top: 2px solid var(--agscarr-ink);
 }

 table.agscarr-table {
     width: 100%;
     border-collapse: collapse;
     min-width: 760px;
     font-size: 13px;
 }

 .agscarr-table thead th {
     background: var(--agscarr-ink);
     color: var(--agscarr-white);
     font-family: var(--agscarr-font-head);
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-size: 11px;
     text-align: left;
     padding: 14px 16px;
 }

 .agscarr-table tbody td {
     padding: 16px;
     border-bottom: 1px solid var(--agscarr-line);
     vertical-align: top;
     color: var(--agscarr-ink);
 }

 .agscarr-table tbody tr:nth-child(even) {
     background: var(--agscarr-paper);
 }

 .agscarr-table tbody tr:hover {
     background: #fdeef0;
 }

 .agscarr-sl {
     font-family: var(--agscarr-font-head);
     font-weight: 700;
     font-size: 15px;
     color: var(--agscarr-navy);
     width: 50px;
 }

 .agscarr-post {
     font-weight: 700;
     white-space: nowrap;
     color: var(--agscarr-maroon);
 }

 .agscarr-exp {
     white-space: nowrap;
     font-weight: 600;
 }

 .agscarr-upload-link {
     display: inline-block;
     font-family: var(--agscarr-font-head);
     font-weight: 700;
     font-size: 11px;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: var(--agscarr-navy);
     border: 1px solid var(--agscarr-navy);
     padding: 6px 10px;
     text-decoration: none;
     white-space: nowrap;
     cursor: pointer;
 }

 .agscarr-upload-link:hover {
     background: var(--agscarr-navy);
     color: var(--agscarr-white);
 }

 /* ===== Footer ===== */
 .agscarr-footer {
     margin-top: 70px;
     padding-top: 22px;
     border-top: 1px solid var(--agscarr-line);
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px;
     font-size: 11.5px;
     color: var(--agscarr-muted);
 }

 .agscarr-footer strong {
     color: var(--agscarr-ink);
 }

 /* ===== Responsive ===== */

 /* Tablet */
 @media (max-width:900px) {
     .agscarr-main {
         grid-template-columns: 1fr;
         gap: 36px;
     }

     .agscarr-form-card {
         position: static;
     }

     .agscarr-disciplines {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 /* Mobile */
 @media (max-width:640px) {
     .agscarr-page {
         padding: 0 16px 50px;
     }

     .agscarr-topbar {
         flex-direction: column;
         align-items: flex-start;
         gap: 8px;
         padding: 16px 0 14px;
     }

     .agscarr-brand {
         font-size: 18px;
     }

     .agscarr-hero {
         padding: 32px 0 22px;
     }

     .agscarr-hero h1 {
         font-size: 24px;
     }

     .agscarr-hero p {
         font-size: 13px;
     }

     .agscarr-disciplines {
         grid-template-columns: repeat(2, 1fr);
         margin-top: 22px;
     }

     .agscarr-discipline {
         padding: 18px 10px 14px;
     }

     .agscarr-discipline-role {
         font-size: 15px;
     }

     .agscarr-main {
         margin-top: 40px;
     }

     .agscarr-position-card {
         padding: 20px;
     }

     .agscarr-position-card h2 {
         font-size: 18px;
     }

     .agscarr-spec-list li {
         grid-template-columns: 1fr;
         gap: 3px;
         padding: 11px 0;
     }

     .agscarr-contact-block {
         padding: 18px 20px;
     }

     .agscarr-form-card {
         padding: 22px;
     }

     .agscarr-field-row {
         grid-template-columns: 1fr;
         gap: 14px;
     }

     .agscarr-vacancies {
         margin-top: 46px;
     }

     /* Table -> stacked cards on mobile */
     .agscarr-table-wrap {
         border: none;
         overflow-x: visible;
     }

     table.agscarr-table {
         min-width: 0;
         width: 100%;
         border: none;
     }

     .agscarr-table thead {
         display: none;
     }

     .agscarr-table tbody tr {
         display: block;
         border: 1px solid var(--agscarr-line);
         border-left: 4px solid var(--agscarr-navy);
         margin-bottom: 16px;
         background: var(--agscarr-white) !important;
         padding: 6px 4px;
     }

     .agscarr-table tbody tr:hover {
         background: var(--agscarr-white);
     }

     .agscarr-table tbody td {
         display: block;
         width: 100%;
         padding: 10px 14px;
         border-bottom: 1px dashed var(--agscarr-line);
     }

     .agscarr-table tbody td:last-child {
         border-bottom: none;
     }

     .agscarr-table tbody td::before {
         content: attr(data-label);
         display: block;
         font-family: var(--agscarr-font-head);
         font-weight: 700;
         font-size: 10px;
         letter-spacing: 1px;
         text-transform: uppercase;
         color: var(--agscarr-maroon);
         margin-bottom: 4px;
     }

     .agscarr-sl {
         width: auto;
     }
 }

 /* Small phones */
 @media (max-width:400px) {
     .agscarr-disciplines {
         grid-template-columns: 1fr;
     }
 }

 :root{
  --ihrn-bg:#8b96b3;
  --ihrn-bg-hover:#0a1f5c;
  --ihrn-text:#ffffff;
  --ihrn-radius:8px;
  --ihrn-gap:10px;
}

*{box-sizing:border-box;}

.ihrn-nav-wrap{
  width:100%;
  background:#ffffff;
  padding:15px 20px;
  font-family:Arial, Helvetica, sans-serif;
  position:relative;
}

.ihrn-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--ihrn-gap);
}

.ihrn-menu > li{
  position:relative;
}

.ihrn-link{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:#8b96b3 !important;
  background:var(--ihrn-bg) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-weight:700;
  font-size:15px;
  letter-spacing:.3px;
  padding:5px 15px;
  border-radius:8px !important;
  border-radius:var(--ihrn-radius) !important;
  border:2px solid #8b96b3 !important;
  border-color:#202e81 !important;
  white-space:nowrap;
  cursor:pointer;
  transition:background .25s ease, border-color .25s ease, transform .15s ease;
}

.ihrn-menu > li:hover > .ihrn-link,
.ihrn-menu > li.ihrn-open > .ihrn-link{
  background:#0a1f5c !important;
  background:var(--ihrn-bg-hover) !important;
  border-color:#0a1f5c !important;
  border-color:var(--ihrn-bg-hover) !important;
}

.ihrn-link:active{
  transform:scale(0.97);
}

.ihrn-caret{
  width:8px;
  height:8px;
  border-right:2px solid var(--ihrn-text);
  border-bottom:2px solid var(--ihrn-text);
  transform:rotate(45deg);
  margin-top:-3px;
  transition:transform .2s ease;
}

.ihrn-menu > li.ihrn-open > .ihrn-link .ihrn-caret{
  transform:rotate(-135deg);
  margin-top:3px;
}

/* ---- bridge so mouse doesn't lose hover moving into dropdown ---- */
.ihrn-menu > li:has(> .ihrn-dropdown)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:10px;
}

/* ---- Dropdown (submenu) ---- */
.ihrn-dropdown{
  list-style:none;
  margin:0;
  padding:8px;
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#0a1f5c;
  border-radius:var(--ihrn-radius);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  display:none;
  flex-direction:column;
  gap:4px;
  z-index:50;
}

.ihrn-menu > li:hover > .ihrn-dropdown,
.ihrn-menu > li.ihrn-open > .ihrn-dropdown{
  display:flex;
}

.ihrn-dropdown li a{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  padding:10px 14px;
  border-radius:6px;
  transition:background .2s ease;
}

.ihrn-dropdown li a:hover{
  background:rgba(255,255,255,.15);
}

/* ---- Hamburger toggle (mobile only) ---- */
.ihrn-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:38px;
  height:34px;
  background:var(--ihrn-bg-hover);
  border:none;
  border-radius:6px;
  cursor:pointer;
  padding:0;
  margin:0 auto;
}

.ihrn-toggle span{
  display:block;
  height:2px;
  width:22px;
  margin:0 auto;
  background:#fff;
}

/* ============================================
   RESPONSIVE — 991 / 767 / 575
   ============================================ */

@media (max-width: 991px){
  .ihrn-link{
    padding:12px 16px;
    font-size:14px;
  }
  .ihrn-menu{
    gap:8px;
  }
}

@media (max-width: 767px){
  .ihrn-toggle{ display:flex; }

  .ihrn-menu{
    display:none;
    flex-direction:column;
    width:100%;
    margin-top:12px;
  }

  .ihrn-menu.ihrn-menu-open{
    display:flex;
  }

  .ihrn-menu > li{ width:100%; }

  .ihrn-link{
    width:100%;
    justify-content:space-between;
    padding:13px 16px;
  }

  .ihrn-menu > li:has(> .ihrn-dropdown)::after{
    display:none;
  }

  .ihrn-dropdown{
    position:static;
    box-shadow:none;
    width:100%;
    margin-top:6px;
    display:none;
  }

  .ihrn-menu > li:hover > .ihrn-dropdown{
    display:none;
  }

  .ihrn-menu > li.ihrn-open > .ihrn-dropdown{
    display:flex;
  }
}

@media (max-width: 575px){
  .ihrn-nav-wrap{ padding:12px 14px; }
  .ihrn-link{ font-size:13px; padding:12px 14px; }
  .ihrn-dropdown li a{ font-size:13px; }
}