.feature-section {
    padding: 40px 0;
    background-color: #f8f9fa;
  }
  .feature-box {
    text-align: center;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
  }
  .feature-box i {
    font-size: 36px;
    color: #ddd;
    margin-bottom: 15px;
  }
  .feature-box h5 {
    font-weight: bold;
  }
  .red-box {
    background-color: #0D47A1;;
    color: #fff;
    padding: 30px;
    border-radius: 5px;
  }
  .red-box h3 {
    font-weight: bold;
  }
  .red-box p {
    margin: 20px 0;
  }



  .header_section {
    background-color: #0D47A1; /* Set the background color */
  }
  
  .navbar .nav-link, 
  .navbar-brand span, 
  .navbar .dropdown-menu .dropdown-item {
    color: #ffffff !important; /* Set text color to white for contrast */
  }
  
  .navbar .dropdown-menu {
    background-color: #0D47A1; /* Match dropdown background color */
    border: none; /* Remove border for consistency */
  }
  
  .navbar .dropdown-item:hover {
    background-color: #FFA500; /* Optional: Add hover effect for dropdown items */
    color: #0D47A1; /* Change text color on hover */
  }
  
  .navbar-toggler {
    background-color: #ffffff; /* Optional: White background for the toggler */
  }
  
  .navbar-toggler span {
    color: #0D47A1; /* Toggler color */
  }

  .navbar-brand img{
    position: relative;
  height: 35px;
    width: 100%;
  }

  
  .carousel_btn-box .fa-angle-left,
  .carousel_btn-box .fa-angle-right {
    color: #0D47A1; /* Match the carousel button arrows */
  }
  
  .carousel_btn-box a:hover {
    color: #FFA500; /* Optional: Hover color for arrows */
  }

  


  .slider_section {
    background-color: #E3F2FD; /* Set the slider background color */
  }
  
  .carousel-inner {
    background-color: #E3F2FD; /* Ensure the inner part of the carousel matches the background */
  }
  
  .detail-box h1, 
  .detail-box p {
    color: #0D47A1; /* Optional: Adjust the text color for contrast */
  }
  
  .btn-1, .btn-2 {
    background-color: #0D47A1; /* Button background color */
    color: #ffffff; /* Button text color */
  }
  
  .btn-1:hover, .btn-2:hover {
    background-color: #FFA500; /* Optional: Change button color on hover */
    color: #0D47A1; /* Hover text color */
  }
  

  .carousel_btn-box a {
    color: #0D47A1; /* Set arrow color */
    font-size: 2rem; /* Optional: Adjust arrow size */
  }
  
  .carousel_btn-box a:hover {
    color: #FFA500; /* Optional: Change color on hover */
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: #0D47A1; /* Set background color of arrows */
    border-radius: 50%; /* Make the arrow background circular */
    width: 40px; /* Adjust size of the arrow background */
    height: 40px;
  }
  
  .carousel-control-prev-icon:after,
  .carousel-control-next-icon:after {
    color: white; /* Arrow icon color */
    font-size: 1.5rem; /* Arrow icon size */
  }
  
  .carousel-control-prev:hover .carousel-control-prev-icon,
  .carousel-control-next:hover .carousel-control-next-icon {
    background-color: #FFA500; /* Optional: Change background color on hover */
  }