.io-azure .section-pro h2 {
  color: #4e8ca7;
}

.io-azure .text-block .heading-xs {
  color: #000000;
}

.io-azure .section-pro .text-block p:not(.lead) {
  color: #000000;
}

body.io-azure,
.io-azure .section-bg {
  background-color: #ffffff;
}

.section-bg.section-gradiant,
.section-bg-alt.section-gradiant {
  background-image: -webkit-linear-gradient(top left, #254a58 0%, #44bfe7 100%);
  background-image: -o-linear-gradient(top left, #254a58 0%, #44bfe7 100%);
  background-image: linear-gradient(to bottom right, #254a58 0%, #44bfe7 100%);
}

.io-azure .section-bg-dark {
  background-color: #254a58;
}

.mask-ov-left,
.mask-ov-right {
  display: none;
}

.wpb_text_column p:last-child {
  color: #ffffff;
}

.heading-xs.animated {
  color: #44bfe7;
}

.io-azure .section-pro h6 {
  color: #44bfe7;
}

.section-pro .contact-info-alt li .fa {
  color: #4e8ca7;
  background-color: #4e8ca7;
}

.io-azure .section-pro .single-faq p {
  color: #000000;
}

.io-azure .section-pro .text-block ul:not(.btns) li {
  color: #000000;
}

.io-azure .team-member {
  background-color: #144b5a;
}

.io-azure .loader-section {
  background-color: #254a58;
}

.io-azure .single-faq p {
  color: #ffffff;
}

.io-azure .section-pro-alt h6 {
  color: #4e8ca7;
}

.io-azure .section-pro-alt h2 {
  color: #4e8ca7;
}

.io-azure .section-pro-alt .comment-form .input-field .input-line {
  color: #4e8ca7;
}

.section-pro-alt .contact-info-alt li .fa {
  color: #4e8ca7;
}

.io-azure .section-bg {
  background-color: #080e11;
}

.roadmap-section.section-pro-alt:before,
.footer-particle {
  background-image: none;
}

.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
  display: block !important;
}

.io-azure .page-error:before {
  background-image: none;
  background-color: #4e8ca7;
}

/* Option 1: Ensure list items are block-level */

.link-widget li {
  display: block !important;
  margin-bottom: 5px;
  /* Add some spacing if needed */
}

.offset-md-3 {
  margin-left: 0%;
}

.col-md-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}

.link-widget li {
  display: inline-block;
  width: 100%;
}

.io-azure .section-pro h1,
.io-azure .section-pro h2,
.io-azure .section-pro h3,
.io-azure .section-pro h4,
.io-azure .section-pro h5,
.io-azure .section-pro h6,
.io-azure .section-pro blockquote,
.io-azure .section-pro-alt h1,
.io-azure .section-pro-alt h2,
.io-azure .section-pro-alt h3,
.io-azure .section-pro-alt h4,
.io-azure .section-pro-alt h5,
.io-azure .section-pro-alt h6,
.io-azure .section-pro-alt blockquote {
  color: #4e8ca7;
}

/* --- Styles for a thin key line divider --- */

hr {
  border: 0;
  /* Removes the default border */
  height: 1px;
  /* Makes the line very thin */
  background-color: #cccccc;
  /* Sets the line color to a light grey */
  margin-top: 2em;
  /* Adds space above the line */
  margin-bottom: 2em;
  /* Adds space below the line */
}

/* =================================================================== */
/* A) HIDING & LAYOUT FIXES
/* =================================================================== */

/* Hide sections from the second warning down */
.subscribe-section,
.footer-section,
footer.footer-section,
#back-to-top,
#preloader,
#wpadminbar {
    display: none !important;
}

/* Remove the space left by the hidden admin bar */
html, body {
    margin-top: 0 !important;
}

/* Fix for the sticky header position after scrolling */
.site-header.has-fixed #mainnav {
    top: 0 !important;
}

/* Add more space above the main banner heading */
.banner-content h3 {
    margin-top: 40px !important;
}

/* =================================================================== */
/* B) TEXT STYLING FIXES
/* =================================================================== */

/* Restore default paragraph font size to 15px */
p {
    font-size: 15px !important;
}

/* --- General Text Color Fixes (for light backgrounds) --- */

/* Style the larger 'lead' paragraphs correctly */
p.lead {
    color: #32373c !important;
    font-size: 20px !important;
}

/* Fix color of text in the contact section */
.vc_custom_1696623669302 p,
.vc_custom_1696623669302 strong,
.vc_custom_1696623669302 a {
    color: #32373c !important;
}

/* --- Specific Section Overrides --- */

/* Make links in the "Terms of Service" table white and 13px */
.vc_custom_1754065810562 a {
    color: #ffffff;
    font-size: 13px !important;
}

.vc_custom_1754065810562 a:hover {
    color: #bbbbbb;
}

/* Correct text color and bolding in the main banner */
.banner-content p {
    color: #ffffff !important;
}

.banner-content strong {
    font-weight: 600 !important;
    color: #ffffff !important;
}

/* =================================================================== */
/* C) LANGUAGE DROPDOWN STYLES (FINAL VERSION)
/* =================================================================== */

/* Make the 'Country' link a positioning container and align its content */
#mainnav .polylang-dropdown-parent > a {
    position: relative;
    padding-right: 20px; /* Make space for the arrow */
    display: flex !important; /* Vertically align content */
    align-items: center !important; /* Vertically align content */
}

/* Add space between the flag and the "Country" text */
#mainnav .polylang-dropdown-parent > a > img {
    margin-right: 8px;
}

/* Hide and style the dropdown list */
#mainnav .polylang-dropdown-parent .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #69bde3 !important;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    min-width: 180px;
    z-index: 999;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* Show the dropdown on hover */
#mainnav .polylang-dropdown-parent:hover .sub-menu {
    display: block;
}

/* Style the individual language links inside the dropdown */
#mainnav .polylang-dropdown-parent .sub-menu li a {
    color: #080e11;
    padding: 8px 20px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

/* Add a hover effect for the links */
#mainnav .polylang-dropdown-parent .sub-menu li a:hover {
    background-color: #4e8ca7;
    color: #ffffff;
}

/* Forcefully hide the theme's default arrow on the link */
#mainnav .polylang-dropdown-parent > a::after {
    display: none !important;
    content: none !important;
}

/* Create our OWN new white arrow on the link */
#mainnav .polylang-dropdown-parent > a::before {
    content: '' !important;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

/* Hide the theme's upward-pointing arrow on the dropdown box */
#mainnav .polylang-dropdown-parent > .sub-menu::before,
#mainnav .polylang-dropdown-parent > .sub-menu::after {
    display: none !important;
}

/* =================================================================== */
/* D) PREVENT MENU FLASH ON LOAD
/* =================================================================== */

/* 1. Hide the original language items that cause the "flash" */
.navbar-nav > .lang-item {
    display: none !important;
}

/* 2. Make sure the items are visible again once moved inside our dropdown */
.polylang-dropdown-parent .lang-item {
    display: list-item !important;
}

/* =================================================================== */
/* F) CONTACT FORM STYLES
/* =================================================================== */

/* Changes the color of the form field labels */
.comment-form .input-field .input-title {
    color: #5a8ba5 !important;
}

/* =================================================================== */
/* G) FOOTER CONTACT LINK COLOR
/* =================================================================== */

/* This sets the default color and fade transition for the email links */
.vc_custom_1754339022503 a,
.vc_custom_1754338933652 a {
    color: #5a8ba5 !important;
    transition: color 0.3s ease; /* This creates the smooth fade effect */
}

/* This sets the hover color for the email links */
.vc_custom_1754339022503 a:hover,
.vc_custom_1754338933652 a:hover {
    color: #bbbbbb !important; /* This is the grey color for the hover state */
}

/* =================================================================== */
/* H) FOOTER RESPONSIVE FIXES
/* =================================================================== */

@media (max-width: 767px) {
    /*
     * This targets any element with our custom class "reduce-padding-on-mobile"
     * on screens 767px wide or smaller.
    */
    .reduce-padding-on-mobile {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/* Adds rounded corners to images with the "rounded-corners" class */
.rounded-corners {
  border-radius: 15px; /* Adjust the pixel value for more or less rounding */
  overflow: hidden;    /* Ensures the content inside the corners is clipped */
}

/*-- 'Our Values' Section: Gradient Overlay --*/
.vc_custom_1756979561587 {
  background: 
    linear-gradient(to bottom, rgba(23, 56, 73, 0.95), rgba(62, 163, 203, 0.9)),
    url('https://firstsightgraphics.com/bcxpay/wp-content/uploads/2025/09/bigstock-Internet-Mobile-Banking-Isomet-318007435.jpg') 
    center center / cover no-repeat !important;
}

/*-- 'Our Values' Section: Force all text to be white --*/
#values * {
  color: #FFFFFF !important;
}

/* --- FINAL FIX v3: Black Text for Legal Page Lists --- */

/* 1. Reset the Ordered List (ol) and add spacing */
.wpb_text_column ol {
  list-style: none !important;
  counter-reset: item !important;
  margin-bottom: 2em !important;
}

/* 2. Reset the List Item (li) and set the text color to black */
.wpb_text_column ol li {
  display: block !important;
  position: relative !important;
  padding-left: 2.5em !important;
  margin-bottom: 1em !important;
  color: #000000 !important; /* Updated to black */
}

/* 3. Create and style our own custom Roman numerals */
.wpb_text_column ol li::before {
  content: counter(item, lower-roman) ". " !important;
  counter-increment: item !important;
  position: absolute !important;
  left: 0;
  top: 0;
  color: #000000 !important;      /* Updated to black */
  font-size: 1em !important;
  font-weight: normal !important;
  width: 2em;
  text-align: right;
  margin-right: 0.5em;
}