/* Custom overrides (non-Vite) */
/* Brand theme variables */
:root{
  --brand-500:#0C4DA2;/* primary */
  --brand-600:#08397A;/* hover/active */
  --brand-contrast:#FFFFFF;/* text on brand */
}
/* Navigation active/hover colors */
.main-menu .menu-primary-menu .menu-item.current-menu-item > a,
.main-menu .menu-primary-menu .menu-item > a:hover{
  color:var(--brand-500);
}
/* Primary buttons */
.tf-btn{
  background:var(--brand-500);
  border-color:var(--brand-500);
  color:var(--brand-contrast);
}
.tf-btn:hover,.tf-btn:focus{
  background:var(--brand-600);
  border-color:var(--brand-600);
  color:var(--brand-contrast);
}
/* CTA brand override */
/* Use brand primary for CTA bar background */
.wg-cta{background:var(--brand-500)!important}
/* CTA link contrast */
.wg-cta .tf-btn.no-bg{
  background:var(--brand-contrast) !important;
  color:var(--brand-600) !important;
  border-color:var(--brand-contrast) !important;
  padding:10px 40px;
  border-radius:12px;
  text-decoration:none !important;
  font-weight:700;
  min-width:160px;
}
.wg-cta .tf-btn.no-bg:hover{
  background:rgba(255,255,255,.9) !important;
  color:var(--brand-600) !important;
}
/* CTA text readability */
.wg-cta .left .icon i{color:var(--brand-contrast)!important}
.wg-cta .title{color:var(--brand-contrast)!important;font-size:18px;line-height:1.4;font-weight:600}
.wg-cta .title span{color:var(--brand-contrast)!important;text-decoration-color:rgba(255,255,255,.85)}
.wg-cta .right h5{color:var(--brand-contrast)!important}
.wg-cta .right .text,.wg-cta .right .text span{color:var(--brand-contrast)!important}
.wg-cta .left .tf-btn{margin-left:16px}
/* Emphasize CTA button label and accessibility */
.wg-cta .tf-btn.no-bg span{font-weight:700}
.wg-cta .tf-btn.no-bg:focus{outline:3px solid rgba(255,255,255,.6);outline-offset:2px}
/* Layout on small screens: keep text readable */
@media (max-width: 767.98px){
  .wg-cta .title{font-size:16px}
  .wg-cta .cta-inner{row-gap:12px}
}
/* Avatar contrast on brand */
.wg-cta .list-agent img{border:2px solid rgba(255,255,255,.85);border-radius:50%}
/* Header/nav layout */
.header .header-content{min-height:72px;align-items:center}
.logo-header a{display:inline-flex;align-items:center}
.logo-header .logo-img{height:auto;width:auto;display:block;max-height:44px;object-fit:contain;flex-shrink:0}
@media (min-width:992px){.logo-header .logo-img{max-height:52px}}
@media (min-width:1200px){.logo-header .logo-img{max-height:58px}}
.main-menu .menu-primary-menu{white-space:nowrap;display:flex;flex-wrap:nowrap;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
.main-menu .menu-primary-menu .menu-item{white-space:nowrap}
/* Fix dropdown positioning */
.menu-primary-menu .menu-item.menu-item-has-children{position:relative}
.menu-primary-menu .menu-item.menu-item-has-children .sub-menu{left:0;right:auto;min-width:220px;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:8px;padding:8px 0;margin-top:4px}

/* Fix dropdown disappearing quickly - reduce gap and add invisible hover bridge */
.menu-primary-menu .menu-item.menu-item-has-children::before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: -10px;
    right: -10px;
    height: 12px;
    background: transparent;
    z-index: 9998;
}
/* Adjust sub-menu positioning to reduce gap when hovered */
.menu-primary-menu .menu-item:hover .sub-menu {
    top: 100% !important;
}

/* Affiliation section */
/* Service Hub CTA - make it pop */
.hub-cta-bar{
  background: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-500) 60%);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 12px 28px rgba(13, 63, 136, .28);
  position: relative;
  overflow: hidden;
}
.hub-cta-bar:before{
  content: "";
  position: absolute; inset: -40% -10% auto auto; height: 220px; width: 220px;
  background: radial-gradient(closest-side, rgba(255,255,255,.25), rgba(255,255,255,0));
  filter: blur(4px);
}
.hub-cta-bar .title{color: var(--brand-contrast); font-weight: 700; letter-spacing: .2px;}
.hub-cta-bar p{color: rgba(255,255,255,.9)}
.hub-cta-bar .cta-note{color: rgba(255,255,255,.85); font-size: 14px; margin-top: 6px}
.hub-cta-bar .tf-btn{height: 46px; padding: 0 18px; border-radius: 12px; font-weight: 700}
.hub-cta-bar .tf-btn i{margin-left: 8px}
.hub-cta-bar .tf-btn.white{background: #fff; color: var(--brand-700); border: 1px solid rgba(0,0,0,.06)}
.hub-cta-bar .tf-btn.white:hover{background: #f7f9fc}
.hub-cta-bar .tf-btn:not(.white){background: var(--brand-contrast); color: var(--brand-700)}
.hub-cta-bar .tf-btn:not(.white):hover{background: rgba(255,255,255,.92)}
.hub-cta-bar .trust{display:flex; align-items:center; gap:10px; margin-top:10px; color: rgba(255,255,255,.85)}
.hub-cta-bar .trust i{color: #ffd166}
@media (max-width: 991.98px){
  .hub-cta-bar{padding: 20px}
}
@media (max-width: 575.98px){
  .hub-cta-bar .title{font-size: 20px}
  .hub-cta-bar .flex{gap:12px}
}
.section-affiliation .section-affiliation-inner{gap:40px}
.section-affiliation .affiliation-logo img{max-width:260px;height:auto;display:block}
.section-affiliation .affiliation-logo.placeholder{padding:20px 24px;border:1px dashed rgba(0,0,0,.15);border-radius:12px}

/* Affiliation section: make it pop */
.section-affiliation{
  position: relative;
}
.section-affiliation .section-affiliation-inner{
  background: linear-gradient(90deg, rgba(12,77,162,0.12), rgba(12,77,162,0));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}
.section-affiliation .heading-section .sub-title{color: var(--brand-500)}
.section-affiliation .heading-section .title{letter-spacing:-0.2px}
.section-affiliation .section-content p{opacity:.92}
.section-affiliation .affiliation-logo img{max-width:320px}
@media (max-width: 991.98px){
  .section-affiliation .section-affiliation-inner{padding:22px}
  .section-affiliation .affiliation-logo img{max-width:240px}
}

/* Footer newsletter tightening */
#footer .sib-form-container{background:transparent;border:0;padding:0}
#footer .sib-form-message-panel{display:none !important;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.06);color:#EDEDEC}
#footer .sib-form-message-panel[style*="display: block"]{display:flex !important}
#footer .sib-form-message-panel__text{display:flex;align-items:center;gap:8px}
#footer .sib-icon{width:20px;height:20px;flex:0 0 20px}
#footer .sib-form-block__button{min-height:44px}
#footer .input{background:transparent;border-color:rgba(255,255,255,.15);color:#EDEDEC}
#footer .entry__error{color:#ff7a7a}

/* Footer newsletter: alignment-only (single row, gap retained) */
#footer #sib-container form#sib-form{display:flex !important;align-items:center;flex-wrap:wrap;gap:12px}
#footer #sib-container form#sib-form > .flex-grow-1{flex:1 1 360px;min-width:260px}
#footer #sib-container form#sib-form > div:last-child{flex:0 0 auto}
@media (min-width: 768px){#footer #sib-container form#sib-form{flex-wrap:nowrap !important;gap:12px}}
/* Flatten inner blocks so input and button are the only flex items */
#footer #sib-form .sib-form-block{display:contents}

/* Equal height, typography, and contrast */
#footer #sib-form .sib-input .entry__field{position:relative;display:flex;align-items:center}
#footer #sib-form .sib-input .entry__field .input{min-height:36px;height:36px;line-height:36px;padding:0 10px 0 32px;font-size:14px;background:transparent;border:1px solid rgba(255,255,255,.18);color:#EDEDEC;border-radius:8px;transition:border-color .2s ease, box-shadow .2s ease;box-sizing:border-box}
#footer #sib-form .sib-input .entry__field .input::placeholder{color:rgba(237,237,236,.7)}
#footer #sib-form .sib-input .entry__field i.icon-email{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.9;color:#EDEDEC;font-size:13px}
#footer .sib-form-block__button,
#footer .sib-form-block__button button,
#footer .sib-form-block__button a{min-height:36px !important;height:36px !important;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;white-space:nowrap;min-width:120px;border-radius:8px;box-sizing:border-box;font-size:14px}
/* Focus + hover polish */
#footer #sib-form .sib-input .entry__field .input:focus{outline:none;border-color:rgba(67,186,255,.5);box-shadow:0 0 0 3px rgba(67,186,255,.15)}
#footer .sib-form-block__button:hover,
#footer .sib-form-block__button button:hover,
#footer .sib-form-block__button a:hover{filter:brightness(0.97)}
@media (max-width: 767.98px){#footer .sib-form-block__button, #footer .sib-form-block__button button, #footer .sib-form-block__button a{width:100%}}

/* AI Quote Assistant */
.ai-box{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,0.02);backdrop-filter: blur(6px)}
.ai-input{width:100%;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;color:var(--white);min-height:48px}
.ai-input::placeholder{color:rgba(255,255,255,0.55)}
.ai-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(67,186,255,.15)}
.ai-input-row{display:flex;gap:10px;align-items:center}
.ai-chat{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,0.25);padding:14px;overflow:auto;min-height:220px;max-height:360px}
.ai-hint{color:rgba(255,255,255,0.7);font-size:14px}
.ai-pre{background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;color:var(--white);white-space:pre-wrap}

/* Head spacing */
.ai-box .heading-section .title{margin-bottom:8px}

/* Disabled buttons */
.tf-btn[disabled], .tf-btn.white[disabled]{opacity:.5;cursor:not-allowed}

/* Chat bubbles */
.ai-chat .d-flex{gap:8px;flex-direction:column}
.ai-chat .bg-light{background:rgba(255,255,255,0.06)!important;border-color:var(--stroke-2)!important;color:var(--white)!important}
.ai-chat .bg-primary{background:var(--brand-500)!important;border:1px solid var(--brand-500)!important}
.ai-chat .msg{display:flex;align-items:flex-end;gap:8px}
.ai-chat .msg.left{justify-content:flex-start}
.ai-chat .msg.right{justify-content:flex-end}
.ai-chat .msg .avatar{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12)}
.ai-chat .msg.right .avatar{background:var(--brand-500);border-color:var(--brand-500)}
.ai-sep{height:6px}
.ai-chat .bubble{box-shadow:0 1px 0 rgba(0,0,0,.2);animation:bubbleIn .22s ease}

/* Typing indicator */
.ai-typing{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.75);font-size:14px}
.ai-typing .dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.7);opacity:.7;animation:blink 1.2s infinite ease-in-out}
.ai-typing .dot:nth-child(2){animation-delay:.2s}
.ai-typing .dot:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:1}}

@keyframes bubbleIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Chat timestamp */
.ai-chat .timestamp{font-size:12px;opacity:.6;margin-top:4px}

/* Progress steps */
.ai-steps{display:flex;gap:14px;align-items:center}
.ai-step{display:flex;align-items:center;gap:8px;opacity:.6}
.ai-step .idx{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:var(--white);font-size:13px}
.ai-step .label{font-size:14px;color:rgba(255,255,255,.8)}
.ai-step.active{opacity:1}
.ai-step.active .idx{background:var(--brand-500);border-color:var(--brand-500)}

/* Success modal */
.ai-modal{position:fixed;inset:0;z-index:1050;display:none}
.ai-modal.open{display:block}
.ai-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);opacity:1}
.ai-modal-dialog{position:relative;max-width:520px;margin:10vh auto 0;z-index:1}
.ai-modal-body{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(25,39,43,.98);padding:24px}

/* Industry page list styles */
.list-features-simple {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
.list-features-simple li {
    padding: 12px 0;
    padding-left: 28px;
    position: relative;
    color: var(--white, #ffffff);
    line-height: 1.6;
}
.list-features-simple li::before {
    content: "\e90b";
    position: absolute;
    left: 0;
    top: 12px;
    font-family: "icomoon";
    font-size: 12px;
    color: var(--brand-500, #0C4DA2);
    transform: rotate(-90deg);
}

/* Regional highlights feature points */
.section-regional-highlights .feature-point {
    margin-bottom: 24px;
}
.section-regional-highlights .feature-point:last-child {
    margin-bottom: 0;
}
.section-regional-highlights .feature-point strong {
    color: var(--white, #ffffff);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
}
.section-regional-highlights .feature-point p {
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    line-height: 1.6;
}

/* Why Choose Us Section - Enhanced Card Styling */
.section-why-choose-us {
    position: relative;
}

.why-choose-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 40px 30px;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.why-choose-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--brand-500, #0C4DA2) 0%, rgba(12, 77, 162, 0.3) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.why-choose-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(12, 77, 162, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.why-choose-card:hover::before {
    opacity: 1;
}

.why-choose-card .card-icon-wrapper {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-choose-card .card-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.2) 0%, rgba(12, 77, 162, 0.1) 100%);
    border: 1px solid rgba(12, 77, 162, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.why-choose-card:hover .card-icon {
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.3) 0%, rgba(12, 77, 162, 0.2) 100%);
    border-color: rgba(12, 77, 162, 0.5);
    transform: scale(1.05);
}

.why-choose-card .card-icon i {
    font-size: 32px;
    color: var(--brand-500, #0C4DA2);
}

.why-choose-card .card-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--white, #ffffff);
    margin-bottom: 28px;
    text-align: center;
    line-height: 1.3;
}

.why-choose-card .card-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.why-choose-card .benefit-item {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: border-color 0.3s ease;
}

.why-choose-card .benefit-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.why-choose-card:hover .benefit-item {
    border-color: rgba(255, 255, 255, 0.12);
}

.why-choose-card .benefit-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.why-choose-card .benefit-number {
    font-size: 28px;
    font-weight: 700;
    color: var(--brand-500, #0C4DA2);
    line-height: 1;
    min-width: 40px;
}

.why-choose-card .benefit-icon-small {
    font-size: 18px;
    color: var(--brand-500, #0C4DA2);
    min-width: 20px;
}

.why-choose-card .benefit-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--white, #ffffff);
    line-height: 1.4;
    flex: 1;
}

.why-choose-card .benefit-desc {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    padding-left: 0;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .why-choose-card {
        padding: 32px 24px;
        margin-bottom: 24px;
    }
    
    .why-choose-card .card-title {
        font-size: 20px;
        margin-bottom: 24px;
    }
    
    .why-choose-card .card-content {
        gap: 20px;
    }
    
    .why-choose-card .benefit-item {
        padding-bottom: 20px;
    }
}

/* Fix process steps alignment - ensure all three steps have equal width */
.list-process .process-item {
    flex: 1 1 0;
    min-width: 0;
}
.list-process .process-item:last-child {
    max-width: none !important;
}

/* Fix next-prev item images to display at same size */
.next-prev-item .image {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}
.next-prev-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Industries Page - Enhanced Card Styling */
.section-industries {
    position: relative;
}

.industry-card-enhanced {
    display: block;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 48px 40px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}

.industry-card-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-500, #0C4DA2) 0%, rgba(12, 77, 162, 0.4) 50%, var(--brand-500, #0C4DA2) 100%);
    background-size: 200% 100%;
    opacity: 0;
    transition: opacity 0.4s ease, background-position 0.6s ease;
    background-position: 0% 0%;
}

.industry-card-enhanced::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(12, 77, 162, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.industry-card-enhanced:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(12, 77, 162, 0.4);
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(12, 77, 162, 0.2);
}

.industry-card-enhanced:hover::before {
    opacity: 1;
    background-position: 100% 0%;
}

.industry-card-enhanced:hover::after {
    opacity: 1;
}

.industry-card-icon-wrapper {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.industry-card-icon {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.15) 0%, rgba(12, 77, 162, 0.08) 100%);
    border: 1px solid rgba(12, 77, 162, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.industry-card-icon::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--brand-500, #0C4DA2), rgba(12, 77, 162, 0.3));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

.industry-card-enhanced:hover .industry-card-icon {
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.25) 0%, rgba(12, 77, 162, 0.15) 100%);
    border-color: rgba(12, 77, 162, 0.5);
    transform: scale(1.08) rotate(2deg);
}

.industry-card-enhanced:hover .industry-card-icon::before {
    opacity: 0.3;
}

.industry-card-icon i {
    font-size: 36px;
    color: var(--brand-500, #0C4DA2);
    transition: all 0.4s ease;
}

.industry-card-enhanced:hover .industry-card-icon i {
    color: #2B8EE6;
    transform: scale(1.1);
}

.industry-card-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 20px;
    line-height: 1.3;
    transition: color 0.3s ease;
    letter-spacing: -0.5px;
}

.industry-card-enhanced:hover .industry-card-title {
    color: var(--brand-500, #0C4DA2);
}

.industry-card-desc {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
    transition: color 0.3s ease;
}

.industry-card-enhanced:hover .industry-card-desc {
    color: rgba(255, 255, 255, 0.95);
}

.industry-card-arrow {
    position: absolute;
    bottom: 32px;
    right: 32px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(12, 77, 162, 0.1);
    border: 1px solid rgba(12, 77, 162, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateX(-10px);
}

.industry-card-enhanced:hover .industry-card-arrow {
    opacity: 1;
    transform: translateX(0);
    background: rgba(12, 77, 162, 0.2);
    border-color: rgba(12, 77, 162, 0.4);
}

.industry-card-arrow i {
    font-size: 18px;
    color: var(--brand-500, #0C4DA2);
    transition: transform 0.3s ease;
}

.industry-card-enhanced:hover .industry-card-arrow i {
    transform: translateX(4px);
}

/* Responsive adjustments for industries */
@media (max-width: 991.98px) {
    .industry-card-enhanced {
        padding: 36px 32px;
        margin-bottom: 24px;
    }
    
    .industry-card-icon {
        width: 64px;
        height: 64px;
    }
    
    .industry-card-icon i {
        font-size: 32px;
    }
    
    .industry-card-title {
        font-size: 24px;
        margin-bottom: 16px;
    }
    
    .industry-card-desc {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .industry-card-enhanced {
        padding: 32px 24px;
    }
    
    .industry-card-icon-wrapper {
        margin-bottom: 24px;
    }
    
    .industry-card-title {
        font-size: 22px;
    }
}

/* Industry Detail Pages - Enhanced Styling */

/* Enterprise Hero Banner (Full-Width Image with Overlay) */
.enterprise-hero-banner {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 0;
}

.hero-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.banner-placeholder {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.15) 0%, rgba(12, 77, 162, 0.08) 100%);
    border: none;
    border-radius: 0;
}

.hero-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 2;
}

.hero-banner-content {
    position: relative;
    z-index: 3;
    padding: 80px 0;
    max-width: 900px;
    color: var(--white, #ffffff);
}

.hero-banner-title {
    font-size: 56px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 32px;
    line-height: 1.2;
    letter-spacing: -1px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero-banner-desc .lead-text {
    font-size: 22px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 24px;
    font-weight: 500;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.hero-banner-desc p {
    font-size: 18px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.industry-hero-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px;
}

.industry-hero-content {
    text-align: left;
}

.industry-hero-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

.industry-hero-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

.image-placeholder {
    width: 100%;
    aspect-ratio: 3 / 2;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.1) 0%, rgba(12, 77, 162, 0.05) 100%);
    border: 2px dashed rgba(12, 77, 162, 0.3);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-content {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.placeholder-content i {
    font-size: 48px;
    color: rgba(12, 77, 162, 0.4);
    margin-bottom: 16px;
    display: block;
}

.placeholder-content p {
    font-size: 16px;
    margin: 0;
    line-height: 1.6;
}

.placeholder-content span {
    font-size: 14px;
    opacity: 0.7;
}

.regional-image-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

.regional-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

.industry-hero-title {
    font-size: 48px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 32px;
    line-height: 1.2;
    letter-spacing: -1px;
}

.industry-hero-desc {
    max-width: 900px;
    margin: 0 auto;
}

.industry-hero-desc .lead-text {
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 24px;
    font-weight: 500;
}

.industry-hero-desc p {
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
}

/* Features Section - Creative Design */
.industry-features-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 40px;
}

.industry-features-creative {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.feature-item-creative {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding: 32px 40px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-left: 3px solid transparent;
    border-radius: 16px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.feature-item-creative::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--brand-500, #0C4DA2) 0%, rgba(12, 77, 162, 0.5) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.feature-item-creative:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(12, 77, 162, 0.3);
    border-left-color: var(--brand-500, #0C4DA2);
    transform: translateX(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.feature-item-creative:hover::before {
    opacity: 1;
}

.feature-number {
    font-size: 48px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.1);
    line-height: 1;
    flex-shrink: 0;
    min-width: 80px;
    transition: color 0.4s ease;
    font-family: "DM Sans", sans-serif;
}

.feature-item-creative:hover .feature-number {
    color: rgba(12, 77, 162, 0.3);
}

.feature-content-creative {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.feature-icon-creative {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.12) 0%, rgba(12, 77, 162, 0.06) 100%);
    border: 1px solid rgba(12, 77, 162, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.feature-item-creative:hover .feature-icon-creative {
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.2) 0%, rgba(12, 77, 162, 0.12) 100%);
    border-color: rgba(12, 77, 162, 0.4);
    transform: scale(1.08);
}

.feature-icon-creative i {
    font-size: 28px;
    color: var(--white, #ffffff);
    transition: transform 0.3s ease;
}

.feature-item-creative:hover .feature-icon-creative i {
    transform: scale(1.1);
}

.feature-title-creative {
    font-size: 22px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 12px;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.feature-item-creative:hover .feature-title-creative {
    color: var(--brand-500, #0C4DA2);
}

.feature-desc-creative {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    transition: color 0.3s ease;
}

.feature-item-creative:hover .feature-desc-creative {
    color: rgba(255, 255, 255, 0.9);
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 16px;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.section-subtitle {
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

/* Regional Solutions Section */
.industry-regional-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 40px;
}

/* Enterprise Regional Banner (Full-Width with Background) */
.enterprise-regional-banner {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 40px 0;
}

.regional-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.regional-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.regional-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.85) 0%, rgba(8, 57, 122, 0.75) 100%);
    z-index: 2;
}

.regional-banner-content {
    position: relative;
    z-index: 3;
    padding: 80px 0;
    color: var(--white, #ffffff);
}

.regional-banner-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 24px;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.regional-banner-desc {
    font-size: 18px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 40px;
}

.regional-banner-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.regional-banner-features li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-size: 17px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.95);
}

.regional-banner-features li i {
    font-size: 20px;
    color: var(--white, #ffffff);
    margin-top: 2px;
    flex-shrink: 0;
}

.regional-stats-box {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    padding: 48px 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: 56px;
    font-weight: 700;
    color: var(--white, #ffffff);
    line-height: 1;
    margin-bottom: 12px;
    font-family: "DM Sans", sans-serif;
}

.stat-label {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.regional-solutions-card {
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.08) 0%, rgba(12, 77, 162, 0.03) 100%);
    border: 1px solid rgba(12, 77, 162, 0.2);
    border-radius: 24px;
    padding: 56px 48px;
    position: relative;
    overflow: hidden;
}

.regional-solutions-card::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(12, 77, 162, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.regional-header {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.regional-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 20px;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.regional-desc {
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

.regional-features {
    position: relative;
    z-index: 1;
}

.regional-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.regional-features-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.regional-features-list li:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(12, 77, 162, 0.3);
    transform: translateX(4px);
}

.regional-features-list li i {
    font-size: 18px;
    color: var(--brand-500, #0C4DA2);
    margin-top: 2px;
    flex-shrink: 0;
}

.regional-features-list li span {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

/* FAQ Section */
.industry-faq-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 40px;
}

/* Responsive adjustments */
@media (max-width: 1199.98px) {
    .industry-hero-title {
        font-size: 42px;
    }
    
    .section-title {
        font-size: 32px;
    }
}

@media (max-width: 991.98px) {
    .industry-hero-section {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    
    .industry-hero-content {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .regional-image-wrapper {
        margin-bottom: 40px;
    }
    
    .industry-features-section {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    
    .industry-regional-section {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    
    .industry-faq-section {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    
    .feature-item-creative {
        flex-direction: column;
        gap: 20px;
        padding: 28px 32px;
    }
    
    .feature-number {
        font-size: 40px;
        min-width: auto;
    }
    
    .feature-content-creative {
        flex-direction: column;
        gap: 20px;
    }
    
    .industry-hero-title {
        font-size: 36px;
        margin-bottom: 24px;
    }
    
    .industry-hero-desc .lead-text {
        font-size: 18px;
    }
    
    .industry-feature-card {
        padding: 32px 28px;
        margin-bottom: 24px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .regional-solutions-card {
        padding: 40px 32px;
    }
    
    .regional-title {
        font-size: 28px;
    }
    
    .regional-features-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .enterprise-hero-banner {
        min-height: 400px;
    }
    
    .hero-banner-content {
        padding: 50px 0;
    }
    
    .hero-banner-title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    
    .hero-banner-desc .lead-text {
        font-size: 18px;
    }
    
    .hero-banner-desc p {
        font-size: 16px;
    }
    
    .enterprise-regional-banner {
        min-height: auto;
        margin: 20px 0;
    }
    
    .regional-banner-content {
        padding: 50px 0;
    }
    
    .regional-banner-title {
        font-size: 28px;
    }
    
    .regional-stats-box {
        padding: 32px 24px;
        gap: 24px;
    }
    
    .stat-number {
        font-size: 40px;
    }
    
    .stat-label {
        font-size: 16px;
    }
    
    .industry-hero-title {
        font-size: 32px;
    }
    
    .industry-hero-desc .lead-text {
        font-size: 17px;
    }
    
    .industry-hero-desc p {
        font-size: 16px;
    }
    
    .feature-icon {
        width: 56px;
        height: 56px;
    }
    
    .feature-icon i {
        font-size: 28px;
    }
    
    .feature-title {
        font-size: 20px;
    }
    
    .feature-desc {
        font-size: 15px;
    }
    
    .regional-solutions-card {
        padding: 32px 24px;
    }
    
    .regional-title {
        font-size: 24px;
    }
    
    .section-title {
        font-size: 26px;
    }
}

/* NGOs Industry Page - Unique Grid Layout Design */
.ngos-hero-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px;
}

.ngos-hero-image {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
}

.ngos-hero-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
}

.ngos-placeholder {
    min-height: 400px;
    border-radius: 24px;
}

.ngos-hero-content {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.ngos-hero-title {
    font-size: 48px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 32px;
    line-height: 1.2;
    letter-spacing: -1px;
}

.ngos-hero-desc .lead-text {
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 24px;
    font-weight: 500;
}

.ngos-hero-desc p {
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
}

/* NGOs Features - Grid Card Layout */
.ngos-features-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 40px;
}

.ngos-feature-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 40px 32px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    text-align: center;
}

.ngos-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.08) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.ngos-feature-card:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(12, 77, 162, 0.4);
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
}

.ngos-feature-card:hover::before {
    opacity: 1;
}

.ngos-card-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.2) 0%, rgba(12, 77, 162, 0.1) 100%);
    border: 1px solid rgba(12, 77, 162, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.ngos-feature-card:hover .ngos-card-icon {
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.3) 0%, rgba(12, 77, 162, 0.2) 100%);
    border-color: rgba(12, 77, 162, 0.5);
    transform: scale(1.1) rotate(5deg);
}

.ngos-card-icon i {
    font-size: 40px;
    color: var(--white, #ffffff);
    transition: transform 0.3s ease;
}

.ngos-feature-card:hover .ngos-card-icon i {
    transform: scale(1.15);
}

.ngos-card-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 16px;
    line-height: 1.4;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.ngos-feature-card:hover .ngos-card-title {
    color: var(--brand-500, #0C4DA2);
}

.ngos-card-desc {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.ngos-feature-card:hover .ngos-card-desc {
    color: rgba(255, 255, 255, 0.9);
}

/* NGOs Impact Section */
.ngos-impact-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 50px;
}

.ngos-impact-content {
    padding-right: 40px;
}

.ngos-impact-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 24px;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.ngos-impact-desc {
    font-size: 18px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 48px;
}

.ngos-impact-highlights {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.impact-highlight-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.highlight-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.2) 0%, rgba(12, 77, 162, 0.1) 100%);
    border: 1px solid rgba(12, 77, 162, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.impact-highlight-item:hover .highlight-icon {
    background: linear-gradient(135deg, rgba(12, 77, 162, 0.3) 0%, rgba(12, 77, 162, 0.2) 100%);
    border-color: rgba(12, 77, 162, 0.5);
    transform: scale(1.1);
}

.highlight-icon i {
    font-size: 20px;
    color: var(--white, #ffffff);
}

.highlight-text strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 8px;
    line-height: 1.3;
}

.highlight-text p {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.ngos-impact-image {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
}

.ngos-impact-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
}

/* Responsive adjustments for NGOs */
@media (max-width: 991.98px) {
    .ngos-hero-section {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    
    .ngos-hero-image {
        margin-bottom: 40px;
    }
    
    .ngos-hero-title {
        font-size: 36px;
        margin-bottom: 24px;
    }
    
    .ngos-hero-desc .lead-text {
        font-size: 18px;
    }
    
    .ngos-feature-card {
        margin-bottom: 24px;
        padding: 32px 28px;
    }
    
    .ngos-card-icon {
        width: 72px;
        height: 72px;
        margin-bottom: 24px;
    }
    
    .ngos-card-icon i {
        font-size: 36px;
    }
    
    .ngos-impact-content {
        padding-right: 0;
        margin-bottom: 40px;
    }
    
    .ngos-impact-title {
        font-size: 32px;
    }
    
    .ngos-impact-desc {
        font-size: 17px;
        margin-bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    .ngos-hero-title {
        font-size: 32px;
    }
    
    .ngos-card-title {
        font-size: 20px;
    }
    
    .ngos-card-desc {
        font-size: 15px;
    }
    
    .ngos-impact-title {
        font-size: 28px;
    }
    
    .impact-highlight-item {
        gap: 16px;
    }
    
    .highlight-text strong {
        font-size: 18px;
    }
}

/* Regional Organizations Industry Page - Unique Alternating/Zigzag Layout */
.regional-hero-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px;
}

.regional-hero-image {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
}

.regional-hero-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
}

.regional-placeholder {
    min-height: 400px;
    border-radius: 24px;
}

.regional-hero-content {
    padding-left: 40px;
}

.regional-hero-title {
    font-size: 48px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 32px;
    line-height: 1.2;
    letter-spacing: -1px;
}

.regional-hero-desc .lead-text {
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 24px;
    font-weight: 500;
}

.regional-hero-desc p {
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
}

/* Regional Features - Alternating/Zigzag Layout */
.regional-features-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 40px;
}

.regional-features-alternating {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.regional-feature-block {
    position: relative;
    padding: 40px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    transition: all 0.4s ease;
}

.regional-feature-block:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(12, 77, 162, 0.3);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
    transform: translateY(-4px);
}

.feature-block-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

.feature-block-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    transition: transform 0.4s ease;
}

.regional-feature-block:hover .feature-block-image img {
    transform: scale(1.05);
}

.feature-block-content {
    padding: 20px 0;
    position: relative;
}

.feature-block-number {
    font-size: 72px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.08);
    line-height: 1;
    margin-bottom: 20px;
    font-family: "DM Sans", sans-serif;
    transition: color 0.4s ease;
}

.regional-feature-block:hover .feature-block-number {
    color: rgba(12, 77, 162, 0.2);
}

.feature-block-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white, #ffffff);
    margin-bottom: 20px;
    line-height: 1.3;
    letter-spacing: -0.5px;
    transition: color 0.3s ease;
}

.regional-feature-block:hover .feature-block-title {
    color: var(--brand-500, #0C4DA2);
}

.feature-block-desc {
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    transition: color 0.3s ease;
}

.regional-feature-block:hover .feature-block-desc {
    color: rgba(255, 255, 255, 0.95);
}

/* Responsive adjustments for Regional */
@media (max-width: 991.98px) {
    .regional-hero-section {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    
    .regional-hero-content {
        padding-left: 0;
        padding-top: 40px;
        text-align: center;
    }
    
    .regional-hero-title {
        font-size: 36px;
        margin-bottom: 24px;
    }
    
    .regional-hero-desc .lead-text {
        font-size: 18px;
    }
    
    .regional-features-alternating {
        gap: 40px;
    }
    
    .regional-feature-block {
        padding: 32px 24px;
    }
    
    .feature-block-image {
        margin-bottom: 32px;
    }
    
    .feature-block-number {
        font-size: 56px;
    }
    
    .feature-block-title {
        font-size: 26px;
    }
    
    .feature-block-desc {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .regional-hero-title {
        font-size: 32px;
    }
    
    .regional-hero-desc p {
        font-size: 16px;
    }
    
    .regional-feature-block {
        padding: 28px 20px;
    }
    
    .feature-block-number {
        font-size: 48px;
        margin-bottom: 16px;
    }
    
    .feature-block-title {
        font-size: 24px;
        margin-bottom: 16px;
    }
    
    .feature-block-desc {
        font-size: 15px;
    }
}

/* Safari-specific fixes for nice-select dropdown */
@supports (-webkit-appearance: none) {
  .form-contact-us.style-bg-dark-2 .nice-select {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    position: relative !important;
  }
  
  .form-contact-us.style-bg-dark-2 .nice-select::before {
    display: block !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }
  
  .form-contact-us.style-bg-dark-2 .nice-select > span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 30px !important;
  }
  
  .form-contact-us.style-bg-dark-2 .nice-select .list {
    background-color: var(--main-dark) !important;
    border: 1px solid var(--stroke-2) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
  }
  
  .form-contact-us.style-bg-dark-2 .nice-select .list .option {
    color: var(--white) !important;
    background-color: transparent !important;
  }
  
  .form-contact-us.style-bg-dark-2 .nice-select .list .option:hover,
  .form-contact-us.style-bg-dark-2 .nice-select .list .option.focus {
    background-color: rgba(255,255,255,0.1) !important;
  }
  
  .form-contact-us.style-bg-dark-2 .nice-select .list .option.selected {
    background-color: rgba(255,255,255,0.15) !important;
    color: var(--white) !important;
  }
}