:root {
     --primary-color: #DC0D1F;
     --secondary-color: #DC0D1F;
     --accent-color: #DC0D1F;
     --text-dark: #2c3e50;
     --text-light: #7f8c8d;
     --bg-light: #f8f9fa;
     --text-blk: #000000;
     --bs-breadcrumb: rgb(255 255 255 / 75%);
 }

body {
    font-family: "Outfit", sans-serif;
    line-height: 1.6;
    color: var(--text-dark);
}
.breadcrumb li a{
    color: var(--bs-breadcrumb);
}
 .breadcrumb-item+.breadcrumb-item::before {
     float: left;
     color: var(--bs-breadcrumb);
 }
.footer-top a {
     color: white;
     text-decoration: none;
 }
.t-red{
    color: var(--primary-color) !important;
}
.red-bg {
    background-color: var(--primary-color);
    color: #ffffff;
}
 .footer-top {
     padding: 20px 0 10px 0;
}
.navbar-brand {
    font-weight: 700;
    color: var(--primary-color) !important;
}
.white{
    color:#ffffff!important;
}

 .fa-4xl {
     font-size: 4em;
     line-height: 1;
 }
 .outfit-font {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 400;
              font-style: normal;
          }

.nav-link{
    font-weight: 600;
    color: var(--text-blk) !important;
}
.nav-link:hover{
    font-weight: 700;
    color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    --bs-btn-active-bg: #dc0d1f!important;
    --bs-btn-active-border-color: #dc0d1f!important;
}

.btn-primary:hover {
    background-color: #b50b19;
    border-color: #b50b19;
}

.card {
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.hero-section {
    background-image: url("../images/bg1-6eLrzFJ.jpg");
    position: relative;
    z-index: 1;
    color: white;
    background-size: cover;
    padding: 20rem 0;
}
 .hero-section-roles {
     background-image: url("../images/bg-about-fV9ol9H.jpg");
     position: relative;
     z-index: 1;
     color: white;
     background-size: cover;
     padding: 20rem 0;
 }
 .hero-section::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.4); /* adjust opacity for darkness */
     z-index: -1; /* keeps overlay behind content */
 }
 .hero-section-roles::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.4); /* adjust opacity for darkness */
     z-index: -1; /* keeps overlay behind content */
 }

 .hero-section-1 {
     position: relative;            /* REQUIRED — makes ::before stay inside */
     background-image: url("../images/bg2-DF0yABR.jpg");
     background-size: cover;
     background-position: bottom;
     color: white;
     padding: 20rem 0;
     overflow: hidden;              /* prevents overlay spillover */
 }

 .hero-section-1::before {
     content: "";
     position: absolute;
     inset: 0;                      /* shorthand for top/right/bottom/left: 0; */
     background: rgba(0, 0, 0, 0.55);  /* CHANGE OPACITY AS DESIRED */
     z-index: 1;                    /* sits on top of image */
 }

 .hero-section-1 > * {
     position: relative;
     z-index: 2;                    /* ensures text stays above overlay */
 }

 .hero-section-2 {
     background-image: url("../images/bg1-6eLrzFJ.jpg");
     color: white;
     background-size: cover;
     padding: 20rem 0;
 }



 .search-box {
    border-radius: 50px;
    border: none;
    padding: 0.75rem 1.5rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.search-btn {
    border-radius: 50px;
    padding: 0.75rem 2rem;
}
 ul.white a {
     position: relative;
     text-decoration: none;
     color: white;
     padding-bottom: 3px;
 }

 ul.white a::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0%;
     height: 2px;
     background: white;
     transition: width 0.3s ease;
 }

 ul.white a:hover::after {
     width: 100%;
 }
 .privacy-wrapper {
     min-height: 60vh;
     display: flex;
     align-items: flex-start;
     justify-content: center;
     padding: 3rem 1rem;
     background: #f5f7fb;
 }

 .privacy-card {
     max-width: 900px;
     width: 100%;
     background: #ffffff;
     border-radius: 12px;
     padding: 2.5rem 2rem;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
     font-size: 0.95rem;
     line-height: 1.6;
     color: #333;
 }

 .privacy-card h1 {
     font-size: 1.8rem;
     margin-bottom: 0.25rem;
 }

 .privacy-card .subtitle {
     color: #777;
     margin-bottom: 1.75rem;
 }

 .privacy-card h2 {
     font-size: 1.1rem;
     margin-top: 1.75rem;
     margin-bottom: 0.5rem;
     text-transform: uppercase;
     letter-spacing: 0.05em;
     color: var(--primary-color) !important;
 }

 .privacy-card p {
     margin-bottom: 0.75rem;
 }

 .privacy-card ol,
 .privacy-card ul {
     margin: 0 0 0.75rem 1.2rem;
     padding: 0;
 }

 .privacy-card li {
     margin-bottom: 0.25rem;
 }

 .privacy-card a {
     color: #00539b;
     text-decoration: underline;
 }

 .privacy-card a:hover {
     text-decoration: none;
 }

@media (max-width: 768px) {
    .hero-section {
        padding: 2rem 0;
    }
    .hero-section h1 {
        font-size: 1.8rem;
    }
}