html{
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
  }
  
  body{
    font-family:'Arial', sans-serif;
    font-size:14px;
    margin:0;
    line-height:1.42857;
    color:#333;
    background-color:#f4f4f4;
    overflow-x:hidden;
    padding-bottom:48px;
  }
  a{background-color:transparent;}
  a:active,a:hover{outline:0;}
  a:hover,button:hover{-webkit-transition:background-color .5s ease;-moz-transition:background-color .5s ease;-ms-transition:background-color .5s ease;-o-transition:background-color .5s ease;transition:background-color .5s ease;}
  a{color:#337ab7;text-decoration:none;}
  a:focus,a:hover{color:#23527c;text-decoration:underline;}
  a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;}
  *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  h1{font-size:36px;}
  h1,h3{font-weight:800;font-family:OpenSans-Bold;}
  h1,h2,h3{margin-top:20px;margin-bottom:10px;}
  h4,h5{margin-top:10px;margin-bottom:10px;}
  h2{font-size:30px;text-align:center;}
  h2,h4,h5{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
  h3{font-size:24px;}
  h4{font-size:18px;}
  h5{font-size:14px;}
  p{margin:0 0 10px;}
  ul{margin-top:0;}
  ul ul{margin-bottom:0;}
  ul{margin-bottom:10px;}
  img{border:0;}
  img{vertical-align:middle;}
  button{color:inherit;font:inherit;margin:0;}
  button{overflow:visible;}
  button{text-transform:none;}
  button{-webkit-appearance:button;cursor:pointer;}
  button::-moz-focus-inner{border:0;padding:0;}
  button{font-family:inherit;font-size:inherit;line-height:inherit;}
  .text-center{font-size:16px;text-align:center;}
  .text-left{text-align:left;}
  .text-right{text-align:right;}
  .text-justify {text-align: justify;}
  .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
  .grid-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:10px;padding-right:10px;}
  .grid-100:after,.grid-100:before,.grid-20:after,.grid-20:before,.grid-40:after,.grid-40:before,.grid-50:after,.grid-50:before,.grid-60:after,.grid-60:before,.grid-container:after,.grid-container:before,.mobile-grid-100:after,.mobile-grid-100:before,.mobile-grid-33:after,.mobile-grid-33:before{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
  .grid-100,.grid-20,.grid-40,.grid-50,.grid-60,.mobile-grid-100,.mobile-grid-33{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px;}
  .section-heading{position:relative;padding-bottom:40px;margin-bottom:20px;}
  .section-heading:after{background:url(https://forex-vps.us/images/line-shape.png) no-repeat;content:"";height:11px;left:0;margin:0 auto;position:absolute;right:0;bottom:0;width:73px;}
  .text-left{text-align:left;}
  .btn,.btn-default:active,.btn-primary:active,.btn:active,.navbar-toggle{background-image:none;}
  .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;}
  .btn:focus,.btn:hover{color:#333;text-decoration:none;}
  .btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
  .btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c;}
  .btn-default:active,.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad;}
  .btn-default:active:focus,.btn-default:active:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c;}
  .btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40;}
  .btn-primary:active,.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74;}
  .btn-primary:active:focus,.btn-primary:active:hover{color:#fff;background-color:#204d74;border-color:#122b40;}
  .btn-block{display:block;width:100%;}
  .btn-default, .btn-primary, .btn-white, .heading-row h1, .heading-row h2, .main-nav .navbar ul.nav>li>a, .navigation-row ul.nav>li>a, .prefooter-row h5, .star-row h4, .star-row h5, .start-today h4, .top-nav .navbar ul.nav>li>a, h3 {text-transform: uppercase;}
  .btn-default,.btn-primary{border-radius:50px;text-decoration:none;font-size:18px;font-weight:800;opacity:1;line-height:28px;height:auto;padding:10px 60px;transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;font-family:OpenSans-Bold;}
  .btn-primary{background-color:#D04901;color:#fff;border:1px solid #D04901;}
  .btn-primary:focus,.btn-primary:hover{background-color:#ed7431;color:#fff;border:1px solid #ed7431;}
  .btn-default{background-color:#83c332;color:#fff;border:1px solid #83c332;}
  .btn-default:focus,.btn-default:hover{background-color:#72b221;color:#fff;border:1px solid #72b221;}
  .btn-small{font-size:.8em;padding:5px 15px;font-family:OpenSans-Bold;}
  .read_btn { border-radius: 50px; }
  .container:after,.grid-100:after,.grid-20:after,.grid-40:after,.grid-50:after,.grid-60:after,.grid-container:after,.mobile-grid-100:after,.mobile-grid-33:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.row:after{clear:both;}
  .container:after,.container:before,.row:after,.row:before{display:table;content:" ";}
  .container{margin-right:auto;margin-left:auto;}
  .container{padding-left:15px;padding-right:15px;}
  
  
  /* navigation */
  .embed-responsive{overflow:hidden;}
  .inner-navigation-row{background-color:#007DB3;}
  .inner-navigation-row .main-nav{margin-bottom:0;}
  .main-nav{margin:30px 0;}
  .main-nav .navbar ul.nav>li>a:hover,.top-nav .navbar ul.nav>li>a:hover{background-color:#00a4e2;}
  .main-nav .navbar ul.nav-right>li>a:hover,.top-nav .navbar ul.nav-right>li>a:hover{background-color:#00a4e2;}
  .main-nav .navbar ul.nav>li>a{color:#fff;font-weight:600;font-size: 18px;padding-top:10px;padding-bottom:10px;}
  .main-nav .navbar ul.nav-right>li>a{color:#fff;font-weight:600;font-size: 18px;padding-top:10px;padding-bottom:10px;text-transform: uppercase;}
  .top-nav .navbar ul.nav>li>a{color:#fff;font-weight:400;font-size:14px;padding-top:5px;padding-bottom:5px;}
  .background-black-22{background-color:rgba(0,0,0,.22);}
  .nav{margin-bottom:0;padding-left:0;list-style:none;}
  .nav:after,.nav:before{content:" ";display:table;}
  .nav>li,.nav>li>a{display:block;position:relative;}
  .nav>li>a{padding:10px 15px;}
  .nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee;}
  .nav>li>a>img{max-width:none;}
  .nav-right>li,.nav>li>a{display:block;position:relative;}
  .nav-right>li>a{padding:10px 15px;}
  .nav-right>li>a:focus,.nav-right>li>a:hover{text-decoration:none;background-color:#eee;}
  .nav-right>li>a>img{max-width:none;}
  .navbar{margin:0;padding:0;border:none;min-height:auto;}
  .navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{display:table;content:" ";}
  .navbar{position:relative;}
  .navbar:after{clear:both;}
  .navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch;}
  .navbar-collapse.in{overflow-y:auto;}
  .navbar-brand{float:left;font-size:18px;line-height:20px;}
  .navbar-brand:focus,.navbar-brand:hover{text-decoration:none;}
  .navbar-brand>img{display:block;}
  .navbar-brand{padding:0;height:70px;}
  .navbar-brand img{height:50px;width:auto;}
  .navbar-toggle{position:relative;float:right;margin-right:15px;margin-top:8px;margin-bottom:8px;border:1px solid transparent;border-radius:4px;}
  .navbar-toggle:focus{outline:0;}
  .navbar-nav{margin:7.5px -15px;}
  .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px;}
  .navbar-nav-right>li>a{padding-top:10px;padding-bottom:10px;line-height:20px;}
  .navbar-toggle{background-color:#fff;padding:7px 12px;color:#00a4e2;}
  
  .collapse{display:none;}
  .collapse.in{display:block;}
  
  /* Bottom section before footer */
  .start-today{background-color:#007DB3;color:#fff;padding:40px 0;}
  .start-today h2{font-family: 'Open Sans', sans-serif;font-size:30px;font-weight:500;line-height:1.1;margin:7px 0 0;}
  .start-today .btn{float:right;}
  
  /* Footer */
  footer,nav,section{display:block;}
  footer{background-color:rgba(0,0,0,.88);border-top:2px solid #000;color:rgba(255,255,255,.88);padding:40px 0;}
  footer .social-links a{text-align:center;height:39px;width:39px;line-height:39px;display:inline-block;margin-left:10px;}
  footer .social-links a:hover{border-color:#00a4e2;}
  footer .social-links a:hover{text-align:center;display:inline-block;margin-left:10px;}
  footer .regional-links a{text-align:center;height:32px;width:32px;line-height:32px;display:inline-block;margin-left:10px;}
  footer .regional-links a:hover{border-color:#00a4e2;}
  footer a{color: rgba(255,255,255,.88);text-decoration:none;}
  footer a:hover{color: rgba(0, 164, 226, 1);}
  .prefooter-row{background-color:rgba(131,195,50,.22);border-top:2px solid rgba(131,195,50,.44);color:#50761E;padding:40px 0;}
  .prefooter-row h5{font-size:17px;margin:30px 0 10px;}
  .prefooter-row ul{list-style:none;margin:0;padding:0;}
  .prefooter-row ul li a{color:rgba(0,0,0,.66);font-size:15px;}
  .grid-parent{padding-left:0;padding-right:0;}
  .fb_hover:hover .fb_icon,.hover_fbicon{display:none;}
  .fb_hover:hover .hover_fbicon{display:block!important;}
  .fb_hover img{vertical-align:initial;}
  
  @media (max-width:768px){
    body { padding-bottom: 0; }
    /* Bottom section before footer */
    .start-today h2{font-family: 'Open Sans', sans-serif;font-size:30px;font-weight:500;line-height:1.1;text-align:center;}
    .start-today .btn{float:none;margin:20px auto 0;display:block;}
    .mobile-grid-100{clear:both;width:100%;}
  /* navigation */
    .main-nav { padding-top: 10px; padding-bottom: 10px; position: relative !important; }
    .main-nav .grid-100 { padding: 0; }
    .main-nav .navbar-brand { height: auto; }
    .main-nav .navbar-brand img { width: 60px; height: auto; }
    .main-nav button.navbar-toggle { margin-top: 3px; margin-right: 0; margin-bottom: 0; }
    .main-nav a.navbar-toggle { margin-top: 3px; margin-bottom: 0; }
    .main-nav .navbar-collapse{background-color:rgba(0,147,209,.22);border:none;box-shadow:none;height:400px;}
    .main-nav .navbar-collapse .nav>li{border-bottom:1px solid #00a4e2;}
    .main-nav{position:fixed;right:0;left:0;z-index:1030;top:0;margin-top:0;padding-top:30px;background-color:#007DB3;}
    .main-nav ul.nav.nav-mobile>li{text-align:left;font-weight:400;color:#fff;text-transform:uppercase;}  
    .main-nav ul.nav.nav-mobile>li.section-menu{font-weight:800;font-size:15px;padding:15px 20px;background-color:rgba(0,147,209,.66);}
    .main-nav ul.nav.nav-mobile>li>a{text-align:left;font-size:13px;padding:10px 40px;text-transform:uppercase;}
    .main-nav ul.nav.nav-mobile>li>a img{width:20px;margin-right:5px;}
    .main-nav ul.nav>li.active:after{display:none;}
    .main-nav ul.nav>li a{text-align:center;}
    .hide-on-mobile{display:none!important;}
  /* Footer */
    .mobile-grid-33{float:left;width:33.33333%;}
    .social-links{text-align:left;margin-top:20px;}
  }
  
  @media (min-width:768px){
    .grid-100{clear:both;width:100%;}
    .grid-60,.grid-40{float:left;}
    .grid-60{width:60%;}
    .grid-40{width:40%;}
  /* navigation */
    .navbar{border-radius:4px;}
    .navbar-header{float:left;}
    .navbar-collapse{width:auto;border-top:0;box-shadow:none;}
    .navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;}
    .navbar-collapse.in{overflow-y:visible;}
    .navbar-toggle{display:none;}
    .navbar-nav{float:left;margin:0;}
    .navbar-nav>li{float:left;}
    .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}
    .navbar-nav-right{text-align: end;}
    .navbar-nav-right>li{float:right;padding-top: 10px;}
    .navbar-nav-right>li>a{padding-top:15px;padding-bottom:15px;}
    .navbar-right{float:right!important;margin-right:-15px;}
    .navbar-right~.navbar-right{margin-right:0;}
    .hide-on-desktop{display:none!important;}
  /* Footer */
    .grid-20,.grid-40,.grid-50,.grid-60{float:left;}
    .grid-20{width:20%;}
    .grid-50{width:50%;}
  }
  
  @media print{
    img{page-break-inside:avoid;}
    *,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
    a,a:visited{text-decoration:underline;}
    a[href]:after{content:" (" attr(href) ")";}
    a[href^="#"]:after{content:"";}
    img{max-width:100%!important;}
    h2,h3,p{orphans:3;widows:3;}
    h2,h3{page-break-after:avoid;}
    .navbar{display:none;}
  }
/* Custom styles for the About US Hero Section (nyc_illustration) */

.background-nyc {
    background-image: url(../images/backgrounds/nyc-illustration.jpg) !important; 
    background-size: cover !important; 
    background-repeat: no-repeat !important;
    
    /* DESKTOP HEIGHT: Keep efficient 300px height */
    height: 300px; 
    padding-bottom: 0 !important; 
    overflow: hidden; 
    
    /* CRUCIAL FIX: Reposition background to show the TOP elements */
    background-position: center top !important; /* Changed from 'center bottom' to 'center top' */
}

/* Style the content container (H1 alignment/padding) */
.background-nyc .header-content-container {
    /* DESKTOP PADDING/ALIGNMENT FIX: Using your tested values */
    padding-top: 50px; 
    text-align: center !important; 
}

/* Ensure the H1 title is highly legible (white text with shadow) */
.background-nyc h1 {
    color: #FFFFFF !important; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important; 
    font-size: 40px; 
    margin-top: 0;
    line-height: 1.2;
}

.background-nyc p.metadata {
    color: rgba(255, 255, 255, 0.8) !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/*
 * MOBILE DESIGN FIX (max-width: 768px)
 * Goal: Reset inherited padding from .heading-row to eliminate wasted space.
 */
@media only screen and (max-width: 768px) {
    /* * FIX 1: Reset padding on the main section container. 
     * This targets <section class="heading-row background-nyc"> 
     * and overrides the large default padding from main.css.
     */
    .heading-row.background-nyc {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        /* Set final height directly here if needed, but 300px is below. */
        height: 300px !important; 
    }
    
    .background-nyc .header-content-container {
        /* FIX 2: Apply the minimal desired padding to the content text */
        padding-top: 10px !important; 
        text-align: center; 
    }
    
    .background-nyc {
        /* Keep other background properties that don't control spacing */
        background-position: center 0 !important; 
    }
    
    .background-nyc h1 {
        font-size: 28px !important; 
    }
}

/* =======================================
 * Introduction Section (#introduction) Styles
 * ======================================= */

#introduction {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* Desktop: Two-column grid for badge and text */
.intro-content-grid {
    display: flex;
    gap: 40px;
    align-items: flex-start; /* Aligns content to the top */
    margin-top: 30px;
}

.visual-proof-column {
    flex: 0 0 250px; /* Fixed width for the visual column on desktop */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.text-content-column {
    flex-grow: 1; /* Takes up the remaining space */
}

.patent-badge {
    max-width: 150px; /* Sizing the badge image */
    height: auto;
    margin-bottom: 20px;
}

.us-local-callout {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.us-local-callout .flag-icon {
    font-size: 30px;
    display: block;
    margin-bottom: 5px;
}
.us-local-callout p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}
.us-local-callout .since-year {
    font-weight: bold;
}


/* =======================================
 * Introduction Section (#introduction) STAGE 1: Typography Fixes
 * ======================================= */

#introduction {
    padding-top: 50px;
    padding-bottom: 50px;
    /* Ensure the section uses the proper font family */
    font-family: Arial, sans-serif; 
}

/* H2 Consistency Fix */
#introduction h2 {
    font-size: 30px; 
    font-weight: 700;
    /* Reset any default margin/padding if needed */
    margin-top: 0; 
    margin-bottom: 25px;
}

/* P Tag Consistency Fix - Target only P tags within this section */
#introduction p {
    font-size: 18px; 
    /* The font-family property is inherited from #introduction */
}

/* Retain existing Desktop Flex Layout for intro content */
.intro-content-grid {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-top: 30px;
}

.visual-proof-column {
    flex: 0 0 250px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* =======================================
 * Mobile Responsiveness for Introduction (STAGE 2: Layout Fix)
 * ======================================= */
@media only screen and (max-width: 768px) {
    /* Main Content Grid: Stacked columns is correct */
    .intro-content-grid {
        flex-direction: column; 
        gap: 20px;
    }
    
    .visual-proof-column {
        flex: auto; 
        order: -1; 
        margin-bottom: 10px;
        /* CRUCIAL FIX: Ensure text and inline elements (like the badge) are centered */
        text-align: center; 
        /* Ensure the element itself spans full width to correctly apply text-align */
        width: 100%; 
    }

    /* Badge: Ensure the image is treated as a block for text-align: center to work on its container */
    .patent-badge {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; /* Keep spacing under badge */
    }

    /* US Infrastructure Hub Callout: Keep width constrained and auto-center */
    .us-local-callout {
        max-width: 250px; 
        margin-left: auto; 
        margin-right: auto; 
        text-align: center;
    }
    
    .text-content-column {
        padding-top: 0; 
    }
}

/* =======================================
 * US Office Section (#us-office) Styles
 * ======================================= */

#us-office {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f4f4f4; /* Light background for contrast */
    font-family: Arial, sans-serif;
}

#us-office h2 {
    font-size: 30px; 
    font-weight: 700;
    margin-bottom: 25px;
}

#us-office p {
    font-size: 18px; 
}

/* Desktop: Two-column grid for text and map */
.office-content-grid {
    display: flex;
    gap: 40px;
    align-items: flex-start; 
}

.text-column {
    flex: 1; /* Takes up available space */
}

.map-column {
    flex: 0 0 450px; /* Fixed width for the map column on desktop */
    max-width: 450px;
    height: 300px; /* Fixed height for the map image */
}

.map-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the map image fills the container */
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
}

/* Desktop: Two-column grid for text and map (No changes to structure needed) */
.office-content-grid {
    display: flex;
    gap: 40px;
    align-items: flex-start; 
}

.text-column {
    flex: 1; 
}

.map-column {
    flex: 0 0 450px; 
    max-width: 450px;
    height: 300px; 
}

/* * FIX 1 (Tasks 2 & 3): Renamed class, removed border, ensured object fit
 */
.us-office-map-visual {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    border: none !important; /* CRUCIAL FIX: Remove the border visible in screenshot */
    border-radius: 4px;
    display: block; /* Ensure it behaves as a block element */
}

/* =======================================
 * Mobile Responsiveness for US Office
 * FINAL FIX: Using Aspect Ratio (Padding Hack) to prevent image cutoff
 * ======================================= */
@media only screen and (max-width: 768px) {
    
    /* 1. Ensure the content grid aligns to the center (correct) */
    .office-content-grid {
        flex-direction: column; 
        gap: 20px;
        align-items: center; 
    }
    
    /* 2. Map Container: Make it fluid and set the aspect ratio */
    .map-column {
        flex: auto; 
        width: 90%; /* Fluid width */
        max-width: 100%; 
        order: 1; 
        margin-left: auto; 
        margin-right: auto;
        
        /* --- Aspect Ratio FIX --- */
        /* Remove fixed height */
        height: 0; 
        /* Add bottom padding to create a proportional height (e.g., 66% width) */
        /* This creates a 3:2 ratio (if the image is 450px wide and 300px tall, 300/450 = 66.66%) */
        padding-bottom: 66.66%; 
        position: relative; /* Needed for the image inside */
    }

    /* 3. Image: Position it absolutely to fill the dynamic container */
    .us-office-map-visual {
        position: absolute; /* Takes its dimensions from the parent's padding */
        top: 0;
        left: 0;
        width: 100%; 
        height: 100%;
        object-fit: cover; 
        border: none !important;
        border-radius: 4px;
        display: block;
    }
}
/* =======================================
 * Core Technology Section (#core-technology) Styles
 * ======================================= */

#core-technology {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* New/Revised Rule: Target direct paragraph children of the section */
#core-technology p {
    font-size: 18px !important; 
    line-height: 1.6;
    margin-bottom: 20px;
}

#core-technology h2 {
    font-size: 30px; 
    font-weight: 700;
    margin-bottom: 25px;
}

#core-technology h3 {
    font-size: 24px; 
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Legal Note Styling */
.technology-legal-note {
    margin-top: 30px;
    font-size: 16px !important; 
    color: #666;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

/* Key Tech List Styling (Desktop/Default) */
.key-tech-list ul {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0;
    display: grid;
    /* Desktop: Creates three equal columns */
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px;
}

.key-tech-list li {
    background-color: #ffffff; /* White background for the feature box */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Subtle shadow for depth */
}

.key-tech-list li h4 {
    font-size: 18px; 
    font-weight: 700;
    color: #007bff; /* Primary color for title */
    margin-top: 0;
    margin-bottom: 10px;
}

.key-tech-list li p {
    font-size: 16px;
    margin: 0;
}


/* =======================================
 * Mobile Responsiveness for Core Technology
 * ======================================= */
@media only screen and (max-width: 768px) {
    .key-tech-list ul {
        /* Mobile: Stacks the features into a single column */
        grid-template-columns: 1fr; 
        gap: 20px;
    }

    .key-tech-list li {
        padding: 20px;
    }
}

/* =======================================
 * Transparency and Compliance Section (#transparency-and-compliance) Styles
 * ======================================= */

#transparency-and-compliance {
    background-color: #f7f9fc; 
    padding-top: 60px;
    padding-bottom: 60px;
}

#transparency-and-compliance h2 {
    font-size: 30px; 
    font-weight: 700;
    margin-bottom: 25px;
}

#transparency-and-compliance h3 {
    font-size: 24px; 
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #333; 
}

/* Ensure paragraph text size is consistent for this section */
#transparency-and-compliance p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Styling for the Certification Badges - Using your updated sizes */
.certification-area {
    margin-bottom: 40px; /* Separates it from the regulatory area */
}

.certification-badges {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px; /* Increased gap slightly for desktop separation */
    margin-top: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap; 
}

.certification-badges img {
    /* Your Updated Desktop Size */
    max-width: 180px; 
    height: auto;
    opacity: 0.9;
    transition: opacity 0.3s;
    border-radius: 4px;
}

.certification-badges img:hover {
    opacity: 1;
}

/* Mobile Responsiveness for Compliance */
@media only screen and (max-width: 768px) {
    .certification-badges {
        justify-content: center; /* Maintains the 'shield' look */
        gap: 15px;
    }
    
    .certification-badges img {
        /* Your Updated Mobile Size */
        max-width: 150px; 
    }
}

/* =======================================
 * Next Steps / Call to Action Section (#next-steps) Styles
 * ======================================= */
 
#next-steps {
    /* Use a clean white background, contrasting with the light blue of the compliance section */
    background-color: #ffffff; 
    padding-top: 50px;
    padding-bottom: 50px;
}

#next-steps h2 {
    font-size: 32px; 
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

/* Style for the main list */
.next-steps-list-container ul {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0;
}

.next-steps-list-container ul li {
    font-size: 20px; /* Larger text size for strong readability */
    line-height: 1.5;
    margin-bottom: 25px; /* Generous vertical spacing */
    padding-left: 30px;
    position: relative;
}

/* Custom bullet point using the brand color (assumed blue) */
.next-steps-list-container ul li:before {
    content: "\27A4"; /* Right-pointing solid arrowhead */
    color: #007bff; /* Primary brand color for emphasis */
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

/* Styling for the nested list (Testimonials/Validation) */
.next-steps-list-container ul ul {
    margin-top: 15px;
    margin-bottom: 0;
    padding-left: 15px;
    list-style: disc; /* Use standard disc bullets for the sub-list */
}

.next-steps-list-container ul ul li {
    font-size: 18px; /* Slightly smaller than parent list item */
    margin-bottom: 10px;
    padding-left: 0;
    position: static;
}

/* Remove custom bullet from nested list items */
.next-steps-list-container ul ul li:before {
    content: none;
}

/* Style for all CTA links */
.cta-link {
    color: #0056b3; /* Darker link blue */
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.cta-link:hover {
    color: #007bff; /* Primary brand blue on hover */
    text-decoration: underline;
}

/* Center and constrain the list container on desktop for visual balance */
@media (min-width: 992px) {
    .next-steps-list-container {
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
    }
}