.hero-section {
   position: relative;
   background-image: url("../images/bahrain/header.jpg");
   /* Replace with your image */
   background-size: cover;
   background-position: center;
   height: 50vh;
   color: white;
 }

 .hero-overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.6);
   /* Black with transparency */
 }

 .hero-content {
   position: relative;
   z-index: 2;
   height: 30%;
 }

 .head_txt {
   font-size: 3rem;
   font-weight: 600;
   color: #fff;

 }

.service-section{
  background-color: #1d4d2b;
}
 .offer-section {
  
   color: white;
   padding: 60px 0;
 }

 .offer-title {
   font-size: 55px;
   font-weight: 600;
   text-align: left;
   color: white;
 }

 .offer-list li {
   margin-bottom: 10px;
   padding-left: 20px;
   position: relative;
   text-align: left;
 }

 .offer-list li::before {
   content: "✔";
   position: absolute;
   left: 0;
   color: #A4D17A;
 }

 .carry-card {
   background-color: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
   padding: 20px;
   text-align: center;
   transition: transform 0.2s;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 .carry-card:hover {
   transform: translateY(-5px);
 }

 .carry-card i {
   font-size: 2rem;
   color: #45A735;
   margin-bottom: 10px;
 }

 .carry-title {
   font-size: 1rem;
   font-weight: 500;
   color: #333;
 }

 .heading {
   color: #26472B;
   font-weight: 600;
   margin-bottom: 2rem;
 }

 .quote {
   background: url("../images/bahrain/story_bg.jpg");
   background-size: cover;
   min-height: 50vh;
   position: relative;
 }

 .quote::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.55);
 }

 .quote-content {
   position: relative;
   z-index: 1;
   color: #fff;
   text-align: center;
   padding: 2rem 1rem;
 }

 .quote-heading {
   color: white;
   font-weight: 500;
 }

 .lead {
   color: #78EB54;
 }

 .text-bold {
   color: #78EB54;
 }

 .service-box {
   background-color: #1d4d2b;
   /* Dark green */
   color: #fff;
   border-radius: 12px;
   padding: 20px;
   text-align: center;
   height: 100%;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   transition: transform 0.3s ease;
 }

 .service-box:hover {
   transform: translateY(-5px);
 }

 .service-box i {
   font-size: 40px;
   margin-bottom: 15px;
   color: #ffffff;
   /* Gold accent */
 }

 .service-box h5 {
   font-weight: bold;
   margin-bottom: 10px;
 }

 .service-box h5,
 .service-box p {
   color: #fff;
   /* Ensure white text */
 }

 .circle-box {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   background-color: #f1f1f1;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   border: 1px solid #ccc;
   margin: auto;
 }

 .circle-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 span.text-brand {
   color: #45a735;
 }
 .talk_btn{
   background-color: #45a735;
   color: #fff;
   border: none;
   font-weight: 600;
   padding: 10px 20px;
   border-radius: 5px;
   transition: background-color 0.3s ease;
 }
 .talk_btn:hover {
   background-color: #3c8a2b;
   color: #fff;
 }
 .step-card { transition: transform .3s ease, box-shadow .3s ease; }
    .step-card:hover { transform: translateY(-6px); box-shadow:0 .75rem 1.5rem rgba(0,0,0,.08); }
    .step-number { font-size:2rem; font-weight:bold; color: var(--brand); }
    .bg-gradient-brand { background:linear-gradient(135deg,var(--brand),#4dabf7); }
 .card-body{
  padding: 20px;
 }

:root{
      --brand:#45a735; /* Primary green */
      --brand-accent:#78EB54; /* Accent green */
      --brand-dark:#26472B; /* Dark green */
      --muted:#f8fafc;
    }
    body{ background:#ffffff; }
    .section-hero{
      background: var(--brand-dark);
      color:#fff;
    }
    .section-hero h1 span{ color: var(--brand-accent) !important; }
    .kicker{ letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--brand-accent); }
    .shadow-soft{ box-shadow: 0 10px 25px rgba(69, 167, 53, .15); }
    .badge-soft{ background: #eaffea; color: var(--brand-dark); }
    .list-check li{ padding-left: 1.75rem; position: relative; }
    .list-check li::before{ content: "\f633"; font-family: bootstrap-icons; position:absolute; left:.25rem; top:.25rem; font-size:1.1rem; color: var(--brand-dark); }
    .sticky-aside{ position: sticky; top: 1.5rem; }
    .accordion-button:focus{ box-shadow: 0 0 0 .25rem rgba(69,167,53,.25); }
    .btn-primary { background-color: var(--brand); border-color: var(--brand); }
    .btn-primary:hover { background-color: var(--brand-dark); border-color: var(--brand-dark); }
    .btn-outline-primary { color: var(--brand-dark); border-color: var(--brand-dark); }
    .btn-outline-primary:hover { background-color: var(--brand-dark); color: #fff; }
    .text-primary { color: var(--brand) !important; }
    .bg-white { background:#fff !important; }
    .txt-color{ color: white;}
    .accordion-button:not(.collapsed) {
      background-color: var(--brand);
      color: #fff;
    }
    .pro_tip_heading{
      color: #45a735;
    }
    /* collapsed state */
.accordion-button::after {
  filter: invert(0%) brightness(0%); /* black */
}

/* expanded state */
.accordion-button:not(.collapsed)::after {
  filter: invert(100%) brightness(200%); /* white */
}
.flag-slider {
      position: relative;
      overflow: hidden;
      
      border-radius: 40px;
      padding: 20px;
      width: 100%;
    }
    .flag-track {
      display: flex;
      width: max-content;
      animation: scroll 25s linear infinite;
    }
    .flag-item {
  flex: 0 0 auto;
  width: 150px;      /* equal width per flag item */
  text-align: center;
}

.flag-item img {
  width: 80px;      /* fixed width */
  height: 50px;      /* fixed height */
  object-fit: cover; /* fill box equally */
  border-radius: 6px;
  cursor: pointer;
  transition: transform 0.2s;
  display: block;
  margin: 0 auto;
}
    .flag-item img:hover {
      transform: scale(1.1);
    }
    .flag-name {
      font-size: 14px;
      font-weight: 500;
      margin-top: 6px;
      color: #333;
    }

    /* Smooth scroll */
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Fade overlay */
    .flag-slider::before,
    .flag-slider::after {
      content: "";
      position: absolute;
      top: 0;
      width: 200px;      /* fade width */
      height: 100%;
      z-index: 2;
      pointer-events: none;
    }
    .flag-slider::before {
      left: 0;
      background: linear-gradient(to right, white, transparent);
    }
    .flag-slider::after {
      right: 0;
      background: linear-gradient(to left, white, transparent);
    }
    /* Smooth scrolling */
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
 @media (max-width: 575.98px) {
   .quote-content {
     font-size: 0.95rem;
   }
 }

 .contact-section .form-inner {
   position: relative;
   display: block;
   padding: 20px 30px 40px 30px;
 }