body {
            font-family: 'DINPro' !important;
            font-size: 16px;
            font-weight: 400 !important;
        }
        .top-bar {
            background-color: #f7941d;
           
            padding: 2px 0;
            height: 70px;
        }
        .top-bar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin-top: -5px;
        }
        .top-bar .contact-info {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .top-bar .contact-info span {
            margin-right: 15px;
        }
        .top-bar .contact-info span a{
           text-decoration: none;
           color: white;
        }
        .end-bar {
            background-color: #f7941d;
            color: white;
            padding: 5px 0;
            height:200px;
        }
        .end-bar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        .end-bar .contact-info {
            margin-top:30px;
            margin-left:50px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .end-bar .contact-info span {
            margin-right: 15px;
        }
        .navbar {
            background-color: white;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .navbar-brand img {
            height: 40px;
        }
        .navbar-nav {
          
            margin: 0 auto;
            
        }
        .navbar-nav .nav-link {
            font-size: 16px !important;
            color: #12609b !important;
            font-weight: bold;
            margin: 0 10px;
        }
        .navbar-nav .nav-link:hover {
            font-size: 16px !important;
            color: #12609b !important;
        }
        .navbar-nav .nav-link::after {
            content: '|';
            margin-left: 10px;
            font-size: 16px !important;
            color: #12609b !important;
        }
        .navbar-nav .nav-link:last-child::after {
            content: '';
        }
        .btn-contact {
            background-color: #12609b;
            color: white;
        }
        .btn-contact:hover {
            background-color: #12609b;
        }

        .hero-section {
    position: relative; 
    background: url('img/header-bg.jpg') no-repeat center center; 
    background-size: cover; 
    padding: 80px 0; 
    height: 500px; 
   
    text-align: center; 
    overflow: hidden; 
}

    .container {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
      padding: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .card {
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 360px;
      padding: 20px;
      box-sizing: border-box;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      border: 1px solid #e0e6f0;
    }

    .card:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
      border-color:#f7941d;
    }

    .card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, #f7941d);
      transform: scaleX(0);
      transition: transform 0.3s ease;
    }

    .card:hover::before {
      transform: scaleX(1);
    }

    .card h3 {
      color: #12609b;
      margin-bottom: 15px;
      font-size: 1.5rem;
      position: relative;
      padding-bottom: 10px;
    }

    .card h3::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50px;
      height: 3px;
      background-color: #12609b;
      transition: width 0.3s ease;
    }

    .card:hover h3::after {
      width: 80px;
    }

    .card p {
      font-size: 15px;
      margin-bottom: 20px;
      color: #555;
      line-height: 1.6;
    }

   .card ul {
  padding-left: 0;
  margin-bottom: 10px;
  list-style: none;
}

.card ul li {
  color: #555;
  line-height: 1.5;
  transition: color 0.3s ease;
}

.card ul li i {
  color: #12609b;
  font-size: 16px;
}

.card:hover ul li {
  color: #333;
}
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        
      }
      
      .card {
        max-width: 100%;
      }
    }
    
  
.hero-section > * {
    position: relative; 
    z-index: 1; 
}


        .hero-section h1 {
            font-size: 36px; 
            margin-top: 20px;
            color: black;
            font-weight: bold;
            margin-top: 200px;
        }
        .hero-section p {
            font-size: 18px;
            color: black;
        }
        .register-form {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .register-form h3 {
            margin-bottom: 20px;
            color: black;
        }
        .register-form .form-control {
            margin-bottom: 15px;
        }

        /* Mobile view adjustments */
        @media (max-width: 767px) {
            .hero-section {
                padding: 50px 20px; /* Add horizontal padding */
            }
            .hero-section h1 {
                font-size: 28px; /* Adjusted size for mobile */
                margin-top: 0;
            }
            .hero-section p {
                font-size: 16px;
            }
            .navbar-nav {
                display: block;
            }
            .navbar-nav .nav-link {
                display: block;
                text-align: center;
                padding: 10px 0;
            }
            .navbar-brand img {
                height: 40px;
            }
            .btn-contact {
                width: 100%;
                margin-top: 10px;
            }
            .feature {
                margin-top: 30px;
            }
        }
        .section-title {
            color: #f15f0e;
            font-size: 2em;
            font-weight: bold;
            text-align: center;
            margin-top: 50px;
        }
        .section-description {
            text-align: center;
            margin: 20px 0;
            font-size: 1.2em;
        }
      
        .offer-section {
            
            background-color: #efe7e7d6;
            color: #000;
          
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
        }
        .offer-card1 {
           
           height:50px;
           width:600px;
           background-color: #12609b;
        }
        .offer-card2 {
           margin-top: -15px;
           height:50px;
           width:600px;
           background-color: #12609b;
        }
        .offer-card3 {
           
           height:50px;
           width:600px;
           background-color: #12609b;
        }
        .offer-text h1 {
            font-size: 2rem;
            font-weight: bold;

        }
        .offer-text p {
            font-size: 1rem;
        }
        .offer-text a {
            color: #12609b;
            text-decoration: none;
            font-size: 1rem;
        }
         @media (min-width: 768px) {
        .offer-section {
            flex-direction: row;
            height: 500px;
        }
        
        .offer-content {
            width: 40%;
            justify-content: center;
        }
        
        .map-section {
            width: 60%;
            height: 100%;
        }
        
        .offer-card1, .offer-card2, .offer-card3 {
            width: 100%;
            max-width: 600px;
        }
    }
    
    @media (max-width: 480px) {
        .offer-card1, .offer-card2, .offer-card3 {
            height: auto;
            min-height: 50px;
            padding: 10px 15px;
        }
    }
.olcards,
.olcards * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.olcards {
  list-style: none;
  counter-reset: cardCount;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  --cardsGap: 1rem;
  gap: var(--cardsGap);
  padding-bottom: var(--cardsGap);
  max-width: 100%;
}
.olcards li {
  counter-increment: cardCount;
  display: flex;
  color: white;
  --labelOffset: 1rem;
  --arrowClipSize: 1.5rem;
  margin-top: var(--labelOffset);
}

.olcards li::before {
  content: counter(cardCount, decimal-leading-zero);
  background: white;
  color: var(--cardColor);
  font-size: 2em;
  font-weight: 700;
  transform: translateY(calc(-1 * var(--labelOffset)));
  margin-right: calc(-1 * var(--labelOffset));
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 0.5em;
}

.olcards li .content {
  background-color: var(--cardColor);
  --inlinePadding: 1em;
  --boxPadding: 0.5em;
  display: grid;
  padding: var(--boxPadding) calc(var(--inlinePadding) + var(--arrowClipSize))
    var(--boxPadding) calc(var(--inlinePadding) + var(--labelOffset));
  grid-template-areas:
    "icon title"
    "icon text";
  gap: 0.25em 1em;
  clip-path: polygon(
    0 0,
    calc(100% - var(--arrowClipSize)) 0,
    100% 50%,
    calc(100% - var(--arrowClipSize)) 100%,
    calc(100% - var(--arrowClipSize)) calc(100% + var(--cardsGap)),
    0 calc(100% + var(--cardsGap))
  );
  position: relative;
}
.olcards li .content::before {
  content: "";
  position: absolute;
  width: var(--labelOffset);
  height: var(--labelOffset);
  background: var(--cardColor);
  left: 0;
  bottom: 0;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  filter: brightness(0.75);
}
.olcards li .content::after {
  content: "";
  position: absolute;
  height: var(--cardsGap);
  width: var(--cardsGap);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.25), transparent 50%);
  left: 0;
  top: 100%;
}
.olcards li .icon {
  grid-area: icon;
  align-self: center;
  font-size: 2em;
}
.olcards li .content .title {
  grid-area: title;
  font-size: 1.25em;
}
.olcards li .content .text {
  grid-area: text;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .olcards li {
    --labelOffset: 0.8rem;
    --arrowClipSize: 1rem;
  }
  
  .olcards li::before {
    font-size: 1.5em;
    padding-inline: 0.3em;
  }
  
  .olcards li .content {
    --inlinePadding: 0.8em;
    --boxPadding: 0.4em;
  }
}

@media (max-width: 576px) {
  .olcards li {
    --labelOffset: 0.6rem;
    --arrowClipSize: 0.8rem;
  }
  
  .olcards li::before {
    font-size: 1.2em;
  }
  
  .olcards li .content {
    --inlinePadding: 0.6em;
    --boxPadding: 0.3em;
    font-size: 0.9em;
  }
  
  h2 {
    font-size: 1.8rem;
  }
  
  p.lead {
    font-size: 1rem;
  }
}
    .features h2 {
        text-align: center;
        margin-bottom: 40px;
        color:black;
        font-weight: 700;
    }
    
    .testimonial-card {
        background: white;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        padding: 30px;
        margin: 10px;
        height: 100%;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .testimonial-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    }
    
    .testimonial-card .quote i {
        color: #f15f0e;
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .testimonial-card .testimonial-text {
        font-size: 16px;
        color: #555;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    
    .testimonial-card .author-info {
        display: flex;
        align-items: center;
    }
    
    .testimonial-card .author-info img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        object-fit: cover;
        margin-right: 15px;
    }
    
    .testimonial-card .name {
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 2px;
    }
    
    .testimonial-card .position {
        color: #6c757d;
        font-size: 14px;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        width: 5%;
        color: #f15f0e;
    }
    
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        filter: invert(50%) sepia(90%) saturate(1000%) hue-rotate(350deg) brightness(90%) contrast(90%);
    }
.footer {
    background-color: #12609b;
    color: white;
    padding: 20px 0;
    height:300px;
}
.footer .container {
    display: flex;
    justify-content: space-around;
    max-width: 1200px;
    margin: 60px;
}
.footer h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.footer ul {
    list-style: none;
    padding: 0;
}
.footer ul li {
    margin-bottom: 10px;
}
.footer ul li a {
    color: white;
    text-decoration: none;
}
.footer ul li a:hover {
    text-decoration: underline;
}
.footer .contact-details i {
    margin-right: 10px;
}
.footer .social-icons i {
    margin-right: 10px;
}
.footer .social-icons a {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    margin-bottom: 10px;
}
.footer .social-icons a i {
    background-color: #4c4c4c;
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
}
.footer-bottom {
    background-color: #f8961d;
    color: black;
    text-align: center;
    padding: 10px 0;
}
.footer-bottom a {
    color: black;
    text-decoration: none;
}
.footer-bottom a:hover {
    text-decoration: underline;
}
/* Media Queries for Mobile View */
@media (max-width: 768px) {
    .footer{
        height: 600px;
    }
    .footer .container {
        flex-direction: column; /* Stack sections vertically */
        align-items: left; /* Center align items */
        margin: 20px;
    }

    .footer .quick-links
    {
        flex: 1 1 100%; /* Make each section full width */
        text-align: left; /* Center align text */
        margin-left: -200px;
    }
    .footer .contact-details
    {
        flex: 1 1 100%; /* Make each section full width */
        text-align: left; /* Center align text */
        margin-left: -10px;
    }
    
    .footer .connect-with-us {
        flex: 1 1 100%; /* Make each section full width */
        text-align: left; /* Center align text */
        margin-left: -120px;
    }

    .footer h3 {
        font-size: 1.5rem; /* Adjust heading size for mobile */
        margin-top: 20px;
    }

    .footer-bottom {
        font-size: 0.8rem; /* Smaller font size for mobile */
    }
   
}