/* * { */
/*     border: 1px solid red !important; */
/* } */
button.btn-success {
    z-index: 9999 !important;
    position: relative !important;
}
form {
    overflow: auto;
}
   GLOBAL RESET / BASE
========================= */

* {
    box-sizing: border-box;
}
html, body {
    overflow-x: hidden; /* Prevent horizontal scroll */
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Nunito', Arial, sans-serif;
    background: #f4f6f8;
    color: #333;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4 {
    font-family: 'Oswald', Arial, sans-serif;
    margin-top: 0;
}
a.btn.btn-success,
.btn.btn-success {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #ffffff !important;
}
/*==========================
    MY OWN SETTINGS
============================ */
.container-fluid {
    background: #4CAF50;
}
.inavbar-header {
    margin-bottom: 0;
    border: none
}

.myNavbar-header {
    margin-bottom: 0;
    border: none; /* Remove border here */
    background: transparent;
}
.navbar.navbar-default {
  border: none; /* Remove any border */
  box-shadow: none; /* Remove box-shadow */
  padding: 0; /* Optional: Remove padding if it's causing the issue */
}
/* Default (for computers/tablets with larger screens) */
    .center-text {
        width: 30% !important;
        margin: 0 auto !important;  /* Centers the element horizontally */
    }

    /* For mobile screens (max-width: 768px) */
    @media (max-width: 768px) {
        .center-text {
            width: 75% !important;   /* Sets width to 75% on mobile devices */
        }
    }

    /* For very small screens (e.g., phones in portrait mode) */
    @media (max-width: 480px) {
        .center-text {
            width: 90% !important;   /* Sets width to 90% on smaller devices */
        }
    }
/* =========================
   TOP BANNER BACKGROUNDS
   ========================= */

/* Ensure full-width banner behavior (your container-float fix) */

/* =========================
   CLEAN HEADER FIX (TOP BAR)
========================= */
/*

*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* =========================
   LAYOUT HELPERS
========================= */

.white-container {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.nav-spacer {
    height: 10px;
}

.container-float {
    padding: 40px 20px;
}

.bg-green {
    background: #4CAF50;
    color: #fff;
}

.bg-white {
    background: #fff;
}

.bg-black {
    background: #222;
    color: #ddd;
}

/* =========================
   NAVBAR
========================= */


.navbar {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    #background: transparent;
    background: #fff;
}

.navbar-nav > li > a {
    font-weight: 600;
    color: #333 !important;
}

.navbar-nav > li > a:hover {
    #color: #4CAF50 !important;
    color: #ffff;
    color: #ffff;
    background-color: #4CAF50; /* Change background color on hover */
}
.black-link {
    color: #000 !important;  /* forces black */
}

.black-link:hover {
    background-color: #4CAF50; /* keep hover style if you want */
    color: #000 !important;    /* stay black on hover */
}
/* Logo */
.logo {
    max-width: 100%;
    max-height: 120px;   /* or 100px–120px depending on header size */
    height: auto;
    padding: 0px;
}

/* =========================
   FORMS
========================= */

form h2 {
    margin-bottom: 10px;
}

.form-control {
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: none;
    transition: border-color 0.2s ease;
}

.form-control:focus {
    border-color: #4CAF50;
    box-shadow: 0 0 4px rgba(76,175,80,0.3);
}

label {
    font-weight: 600;
    margin-top: 10px;
}

/* Panels */
.panel {
    border-radius: 6px;
    border: 1px solid #e1e1e1;
}

.panel-success > .panel-heading {
    background: #4CAF50;
    color: #fff;
    font-weight: bold;
    border: none;
}

/* =========================
   ERROR MESSAGES
========================= */

.error {
    display: block;
    margin-top: 5px;
    color: #d9534f;
    font-size: 13px;
}

/* =========================
   BUTTONS
========================= */

.btn-success {
    color: #fffff
    color: #fffffff
    background: #4CAF50;
    border-color: #4CAF50;
}

.btn-success:hover {
    background: #43a047;
    border-color: #43a047;
}

/* =========================
   IFRAME (Terms box)
========================= */

#myIframe {
    width: 100%;
    height: 300px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 15px 0;
}

/* =========================
   FOOTER
========================= */

.bg-black h4 {
    color: #fff;
}

.bg-black a {
    color: #4CAF50;
}

.bg-black a:hover {
    color: #81c784;
}

/* =========================
   UTILITIES
========================= */

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

.borderLT {
    border-left: 1px solid rgba(255,255,255,0.1);
    padding-left: 15px;
}