#header .header-main .header-contact * {
        color: #100000;
      }

      .header-contact a {
        font-size: 16px !important;
        font-weight: bold;
      }

      #header.header-corporate:not(.header-10) .header-left .block-inline>* {
        margin: -10px 13px 0 -10px;
      }

      .mega-menu>li.menu-item>a,
      .mega-menu>li.menu-item>h5 {
        font-weight: bold !important;
      }

      #main-menu .mega-menu>li.menu-item>a,
      #main-menu .mega-menu>li.menu-item>h5 {
        color: black;
        font-size: 14px;
        line-height: 20px;
      }

      #main-menu .mega-menu .narrow .popup li.menu-item>a,
      #main-menu .mega-menu .narrow .popup li.menu-item>h5 {
        color: black;
        border-bottom-color: #e95c01;
        font-weight: bold;
      }

      #header .header-top .header-contact a {
        display: none;
      }

      #header .header-top .header-contact {
        margin: 0;
        font-size: 1.15em;
        display: none;
      }

      #footer {
        background-color: #0d3762 !important;
        ;
      }

      #footer h1,
      #footer h2,
      #footer h3,
      #footer h4,
      #footer h5,
      #footer h6,
      #footer .widgettitle,
      #footer .widget-title {
        color: #ffffff;
      }

      #footer .footer-bottom {
        margin-top: 41px;
      }

      .widget {
        margin-bottom: -33px;
      }

      h4 {
        font-weight: bolder;
      }

      #footer h1,
      #footer h2,
      #footer h3,
      #footer h4,
      #footer h5,
      #footer h6,
      #footer .widgettitle,
      #footer .widget-title {
        color: #ffffff;
        margin-top: 40px;
        font-weight: bolder;
        font-size: 18px;
      }

      .textwidget.custom-html-widget {
        margin-left: 50px;
        /* Default left margin */
        font-size: 15px;
        line-height: 2.0;
        /* Comfortable line spacing */
        word-wrap: break-word;
        /* Prevents text overflow */
      }

      /* Responsive Adjustments */
      @media (max-width: 768px) {

        /* Tablets and small devices */
        .textwidget.custom-html-widget {
          margin-left: 10px;
          /* Reduce margin for smaller screens */
          font-size: 15px;
          line-height: 2.0;
          /* Adjust font size */
        }
      }

      #footer h4 {
        margin-left: 48px;
        /* Adjust the value as needed */
      }

      @media (max-width: 480px) {

        /* Mobile devices */
        .textwidget.custom-html-widget {
          margin-left: 5px;
          /* Minimal margin for mobile */
          font-size: 15px;
          line-height: 2.0;
          /* Further reduce font size */
        }
      }

      /* Small devices (phones, less than 768px) */
      @media (max-width: 767px) {
        .page-top .page-title {
          margin-top: -40px;
          /* Adjust for smaller screens */
        }
      }

      /* Medium devices (tablets, 768px and up) */
      @media (min-width: 768px) and (max-width: 991px) {
        .page-top .page-title {
          margin-top: -50px;
          /* Adjust for medium screens */
        }
      }

      /* Large devices (desktops, 992px and up) */
      @media (min-width: 992px) and (max-width: 1199px) {
        .page-top .page-title {
          margin-top: -6px;
          /* Keep the default for large screens */
        }
      }

      /* Extra large devices (1200px and up) */
      @media (min-width: 1200px) {
        .page-top .page-title {
          margin-top: -6px;
          /* Keep the default for extra-large screens */
        }
      }

.calculator-section {
    display: flex !important;
    flex-direction: column !important; /* Keeps the section vertical overall */
    align-items: center !important;
    gap: 30px !important; /* Space between form and result section */
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: auto !important;
}

.calculator-form {
    display: flex !important;
    flex-direction: row !important; /* Makes the form horizontal */
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important; /* Space between input fields and button */
    width: 100% !important;
    max-width: 800px !important;
}

.calculator-form input {
    flex: 1 !important; /* Ensures all inputs share equal space */
    padding: 12px !important; /* Slightly larger padding for comfort */
    font-size: 1.7rem !important; /* Maintain readable font size */
    font-family: 'Arial', sans-serif !important; /* Use a clean, readable font */
    font-weight: bold !important; /* Make text stand out */
    color: #000 !important; /* Black font color for better readability */
    border: 1px solid #bbb !important; /* Subtle border for a polished look */
    border-radius: 8px !important; /* Softer edges for a modern feel */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important; /* Slightly deeper shadow for emphasis */
    max-width: 200px !important; /* Slightly larger width for better usability */
    background-color: #fdfdfd !important; /* Soft white background for high contrast */
    outline: none !important; /* Remove focus outline */
    transition: box-shadow 0.3s ease, border-color 0.3s ease !important; /* Smooth interaction feedback */
}

.calculator-form input:focus {
    border-color: #007bff !important; /* Highlighted border on focus */
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.25) !important; /* Emphasized shadow on focus */
}

.calculator-form button {
    padding: 10px 20px !important;
    font-size: 1rem !important;
    color: #fff !important;
    background-color: #0056b3 !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    flex: 0 0 auto !important;
}

.calculator-form button:hover {
    background-color: #003d80 !important;
    transform: translateY(-2px) !important;
}

.result-section {
    text-align: center !important;
    padding: 20px !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: auto !important;
}

.result-section .result {
    margin-bottom: 20px !important;
    font-size: 1.7rem !important;
    font-weight: bold !important;
    color: #333 !important;
}

.result-section canvas {
    max-width: 100% !important;
    height: auto !important;
    margin: auto !important;
    display: block !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .calculator-section {
        flex-direction: column !important; /* Stack everything vertically */
        align-items: center !important;
        padding: 10px !important;
    }

    .calculator-form {
        flex-direction: column !important; /* Stack inputs and button vertically */
        align-items: stretch !important; /* Stretch inputs and button to full width */
        width: 100% !important; /* Ensure the form spans the container */
        gap: 15px !important; /* Add spacing between inputs and button */
    }

    .calculator-form input, .calculator-form button {
        width: 100% !important; /* Inputs and button take full width */
        max-width: none !important; /* Allow full-width expansion */
        padding: 12px !important; /* Ensure sufficient padding for readability */
        font-size: 1rem !important; /* Maintain legibility */
    }

    .result-section {
        width: 100% !important; /* Make result section full width */
        max-width: none !important; /* Remove any width constraints */
        margin-top: 20px !important; /* Add spacing above result section */
        padding: 20px !important; /* Add padding for better readability */
        text-align: center !important; /* Center the content */
    }

    .result-section .result {
        font-size: 1.7rem !important; /* Increase font size for better readability */
        font-weight: bold !important; /* Make text bolder */
        color: #333 !important; /* Keep a clear font color */
        margin-bottom: 10px !important; /* Adjust spacing */
    }

    .result-section canvas {
        display: none !important; /* Hide the pie chart on smaller screens */
    }
}






   .ms-loading-container .ms-loading,
      .ms-slide .ms-slide-loading {
        background-image: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
      }

      #header .logo {
        max-width: 150px;
      }

      @media (min-width: 1170px) {
        #header .logo {
          max-width: 230px;
        }
      }

      @media (max-width: 991px) {
        #header .logo {
          max-width: 110px;
        }
      }

      @media (max-width: 767px) {
        #header .logo {
          max-width: 110px;
        }
      }
      /* Slider Container */
      .slider-container {
        width: 100%;
        height: 80vh;
        /* Adjust height */
        overflow: hidden;
        /* Prevent overflow */
        position: relative;
        background-color: #000;
        /* Fallback background */
      }

      /* Slider Wrapper */
      .slider-wrapper {
        display: flex;
        transition: transform 1s ease-in-out;
        height: 100%;
        /* Match container height */
      }

      /* Slider Slide */
      .slider-slide {
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        display: block;
        /* Prevent spacing issues */
        flex-shrink: 0;
        /* Prevent shrinking */
        object-fit: cover;
        /* Cover without distorting */
        object-position: center;
        /* Center images */
      }

      /* Navigation Arrows */
      .prev,
      .next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 15px;
        font-size: 30px;
        border: none;
        cursor: pointer;
        z-index: 10;
        border-radius: 50%;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
      }

      .prev {
        left: 20px;
      }

      .next {
        right: 20px;
      }

      /* Button hover effect */
      .prev:hover,
      .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

      /* Responsive Design */
      @media only screen and (max-width: 1024px) {
        .slider-container {
          height: 75vh;
        }

        .prev,
        .next {
          padding: 12px;
          font-size: 24px;
        }
      }

      @media only screen and (max-width: 768px) {
        .slider-container {
          height: 70vh;
        }

        .prev,
        .next {
          padding: 10px;
          font-size: 20px;
        }
      }

      @media only screen and (max-width: 480px) {
        .slider-container {
          height: 60vh;
        }

        .prev,
        .next {
          padding: 8px;
          font-size: 18px;
        }
      }
	  
 .rolling-ticker {
      width: 100%;
      overflow: hidden;
      background-color: #f4f4f4;
      border: 1px solid #ccc;
      padding: 10px 0;
      box-sizing: border-box;
      position: relative;
	  height: 40px;
    }

    .ticker-content {
      display: inline-block;
      white-space: nowrap;
      position: absolute;
    }

    .ticker-item {
      display: inline-block;
      padding: 0 5px;
      font-size: 18px;
      color: navy;
      font-weight: bold;
    }

.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  font-size: 17px;
  font-weight: bold;
  color: navy;
  white-space: nowrap;
  padding: 0 20px;
}