.page-title {
  padding-top: 46px !important;
}

.custom-nav ul li a {
  text-decoration: none !important;
  color: black !important;
}

.breadcrumb ul li {
  color: white !important;
}

.custom-nav ul li {}

.header {
  background-color: #3a6ec6;
  color: white;
  padding: 38px 0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.content-section {
  background-color: #f8f9fa;
  padding: 20px;
  margin-top: 10px;
}

.content-box {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.orange-box {
  background-color: #cf4d4d;
  color: white;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 8px 8px 0 0;
  font-size: 20px;
}

.output-box {
  background-color: #edf2f7;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 10px;
}

.footer-list {
  background: black !important;
  color: white !important;
}

.list li a {
  color: white !important;
}

.widget p {
  color: white;
}

.copyright-content {
  color: black;
}

.main-nav ul li a {
  color: black !important;
  text-decoration: none !important;
}

.custom-nav ul li a {
  color: black !important;
  text-decoration: none !important;
}

.logo-img span img {
  height: 60%;
  margin-top: -20px;
}

.logo-img {
  position: relative;
  /* bottom: 14px; */
  padding-bottom: 12px;
}

.inspiro-slider {
  height: 70vh !important;
}

.banner-text {
  width: 70% !important;
}

.banner-text h1 {
  font-size: 60px !important;

}

.banner-text p {
  font-size: 17px;
}


@media only screen and (min-width: 150px) and (max-width: 360px) {

  .heading_title {
    position: relative;
    right: 10px;
  }

  .index-para {
    position: relative;
    right: 10px;
  }

  .contact-address {
    position: relative;
    right: 40px;
  }

  .main-content {
    padding-top: 10px;
  }

  .contact-address {
    padding: 0px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .index-heading {
    font-size: 32px !important;
  }

  .vission {
    padding-top: 40px;
  }

  .ms-vs {

    padding-bottom: 30px;
  }

  .inspiro-slider {
    margin-top: 20px !important;
  }

  .nav-custom {
    padding-top: 60px !important;
  }

  .short-banner {
    margin-top: 50px;
  }

  .top-menu li a b {
    font-size: 10px;
  }

  .inspiro-slider {
    height: 65vh !important;
  }

  .banner-text {
    width: 90% !important;
  }

  .banner-text h1 {
    font-size: 27px !important;

  }

  .banner-text p {
    font-size: 17px !important;
  }

  .header-inner {
    position: relative;
    top: 30px;
    padding-left: 38px;
  }

  .heading-text h2 {
    font-size: 27px !important;
  }

  .heading-text-section {
    padding-top: 20px;
  }

  .heading-text-section h2 {
    font-size: 18px !important;
  }

  .top-menu li {
    padding-left: 10px;
  }



  .vission {
    padding-top: 50px;
    margin-bottom: 60px;
  }

  .ms-vs {

    padding-bottom: 75px;
  }

}

/* iPhones, small Android smartphones (Portrait and landscape, width 361px - 480px) */
@media only screen and (min-width: 361px) and (max-width: 485px) {

  .index-heading {
    font-size: 32px !important;
  }

  .short-banner {
    margin-top: 50px;
  }

  .heading_title {
    position: relative;
    right: 10px;
  }

  .index-para {
    position: relative;
    right: 10px;
  }

  .contact-address {
    position: relative;
    right: 40px;
  }

  .main-content {
    padding-top: 10px;
  }

  .contact-address {
    padding: 0px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .index-heading {
    font-size: 32px !important;
  }

  .vission {
    padding-top: 60px;
  }

  .top-menu li {
    padding-left: 10px;
  }

  .ms-vs {

    padding-bottom: 40px;
  }

  .nav-custom {
    padding-top: 60px !important;
  }

  .heading-text-section h2 {
    font-size: 22px !important;
  }

  .heading-text-section {
    padding-top: 25px;
  }

  .inspiro-slider {
    height: 65vh !important;
  }

  .banner-text {
    width: 90% !important;
  }



  .banner-text h1 {
    font-size: 27px !important;

  }

  .banner-text p {
    font-size: 17px !important;

  }

  .header-inner {
    position: relative;
    top: 30px;
    padding-left: 37px;
  }

  .heading-text h2 {
    font-size: 29px !important;
  }

  .inspiro-slider {
    margin-top: 20px !important;
  }

  .vission {
    padding-top: 50px;
    margin-bottom: 60px;
  }

  .ms-vs {

    padding-bottom: 75px;
  }

}

/* Tablets (iPads and Android tablets, width 481px - 768px) */
@media only screen and (min-width: 486px) and (max-width: 768px) {
  .vission {
    padding-top: 50px;
    margin-bottom: 60px;
  }

  .ms-vs {

    padding-bottom: 75px;
  }

  .inspiro-slider {
    margin-top: 20px !important;
  }

  .short-banner {
    margin-top: 50px;
  }


  .heading-text h2 {
    font-size: 30px !important;
  }



  .heading-text-section h2 {
    font-size: 30px !important;
  }

  .heading-text-section {
    padding-top: 14px;
  }

  .inspiro-slider {
    height: 65vh !important;
  }

  .banner-text {
    width: 65% !important;
  }

  .banner-text h1 {
    font-size: 27px !important;

  }

  .banner-text p {
    font-size: 20px !important;

  }

  .header-inner {
    position: relative;
    top: 30px;
    padding-left: 79px !important;
  }
}

/* Small Laptops (width 769px - 1024px) */
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .inspiro-slider {
    height: 65vh !important;
  }

  .banner-text {
    width: 60% !important;
  }

  .banner-text h1 {
    font-size: 36px !important;
  }

  .short-banner {
    margin-top: 50px;
  }

  .banner-text p {
    font-size: 20px !important;
  }

  .vission {
    padding-top: 50px;
  }

  .ms-vs {

    padding-bottom: 60px;
  }

  .nav-custom {
    padding-top: 160px !important;
  }

  .header-inner {
    position: relative;
    top: 30px;
    padding-left: 38px;
  }


  .top-menu li a b {
    font-size: 12px;
  }

  .header-inner {
    position: relative;
    top: 30px;
    padding-left: 79px !important;
  }

  .heading-text h2 {
    font-size: 30px !important;
  }
}


@media only screen and (min-width: 1001px) and (max-width: 1500px) {
  .inspiro-slider {
    height: 57vh !important;
  }

  .banner-text {
    width: 60% !important;
  }

  .banner-text h1 {
    font-size: 40px !important;
  }

  .banner-text p {
    font-size: 22px !important;
  }

}

@media only screen and (min-width: 990px) and (max-width: 2500px) {

  .vission {
    padding: 70px 0px 0px 50px;
  }

  .heading-text h2 {
    font-size: 34px !important;
  }
}

     :root {
                --primary-color: #3b82f6;
                --secondary-color: #2563eb;
                --accent-color: #60a5fa;
                --dark-color: #1e293b;
                --light-color: #f8fafc;
                --gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
                --gradient-light: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
                --gradient-purple: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
            }

            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: var(--dark-color);
            line-height: 1.6;
            overflow-x: hidden;
        }