/* body.container-fluid{
padding: 0;
margin: 0;

} */


.secondpara {
  text-align: justify;
   text-justify: auto;
    width: 95%;
     line-height: 160%;
}

.margin{
  margin-left: 5%;
  margin-right: 5%;
}

  /* body .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 !important;
    margin: 0 !important;
} */
/* body{
  display: flex;
    flex-direction: column;
    min-height: 100vh;
} */
.container {
  flex-grow: 1;
}
.img-fluid{
  max-height: 500px;
}
footer{
  flex-shrink: 0;
}
.para{
  margin-bottom: 40px;
}




.social-links li {
  display: inline-block;
  margin-right: 10px;
  padding: 5px;
  list-style: none;
      background-color: #f5f5f5;
      border: 1px solid #ddd;
      border-radius: 5px;
}
.social-links li a {
  color: black;
  transition: color 0.3s;
  
}
.social-links li {
  color: black;
  transition: color 0.3s;
  
}

.social-links li:hover {
  color: f5f5f5;
  background-color: #034EA2;
}
.social-links li a:hover {
  color: #f5f5f5;
  background-color: #034EA2;
}


.home-page {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }

  .custom-row {
    text-align: center;
    margin-bottom: 20px;
}
#map-canvas{
  width:500px;
	height:300px;
  padding-bottom:5px}
.custom-row h2 {
    margin-bottom: 10px;
}
.centered-paragraph {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 20px;
}

.paragraph-content {
    max-width: 600px;
}

.image-container {
    text-align: center;
}

.image-container img {
    width: 100%;
    margin-bottom: 10px;
}
  /* Custom Styles */
  .navbar-nav .nav-link.active {
    font-weight: bold;
    color: #034EA2 !important;
}
.nav-link {
  color: black !important;
}

.navbar {
  height: 80px;
  background-color: #fff;
  color: #000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
}

     .custom-box {
          height: 120px;
          background-color: #034EA2;
          color: #ffffff;
          padding: 20px;
          margin-bottom: 20px;
          position: relative;
      }

      .custom-box h2 {
          margin-bottom: 5px;
      }

      .custom-box p {
          margin-top: 5px;
      }

      .custom-box::after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 1px;
          background-color: #ffffff;
      }

      .custom-box:last-child::after {
          display: none;
      }



.custom-box h2 {
  margin-bottom: 10px;
}

.btn-primary {
  color: #fff;
  background-color: #034EA2;
  border-color: #034EA2;
  height: 64px;
  width: 162px;
  margin-right: 16px;
}

.btn-outline-primary {
  color: #034EA2;
  border-color: #034EA2;
  height: 64px;
  width: 162px;
}


footer {
  background-color: #034EA2;
  color: #fff;
  padding: 80px 0;
}

.footer-heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.sub-heading {
  font-size: 16px;
  margin-bottom: 5px;
}

.list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.center-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 20px;
}

.center-content img {
 margin-left: 20px;
  max-width: 300px;
  margin-top: 10px;
}

.hero {
  margin-top: 120px;
}

.sixty {
  font-size: 72px;
  font-weight: bold;
  color:#0F172A ;
  margin-bottom: 40px;
}
.image-container {
  position: relative;
  overflow: hidden;
  float: right;
}
.image-container img {
  transition: transform 0.3s ease-in-out;
}
.image-container:hover img {
  transform: scale(1.05);
}

section {
  margin-top: 100px;
}
.choose {
  height: 600vh;
  background-color: #034ea2;
}

.navbar-nav .nav-link {
    font-weight: 600; /* Semi-bold */
}
  .nv {
    align-items: center;
  }


.lists{

  background-color: #034EA2;
  height: 10vh;
  margin-bottom: 20px;
}

.header {
  height: 700px;
  background-color: #034ea2;

}
.fs {
  height: 376px;
  width: 393px;
  float: left;
}


/* Slider */
.slick-slide {
  margin: 0px 20px;
  }
  .slick-slide img {
  width: 100px;
  }
  /*
  .slick-slider
  {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  } */
  .slick-list
  {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  }
  .slick-list:focus
  {
  outline: none;
  }
  .slick-list.dragging
  {
  cursor: pointer;
  cursor: hand;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  .slick-track
  {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
  display: table;
  content: '';
  }
  .slick-track:after
  {
  clear: both;
  }
  .slick-loading .slick-track
  {
  visibility: hidden;
  }
  .slick-slide
  {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
  float: right;
  }
  .slick-slide img
  {
  display: block;
  }
  .slick-slide.slick-loading img
  {
  display: none;
  }
  .slick-slide.dragging img
  {
  pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
  display: block;
  }
  .slick-loading .slick-slide
  {
  visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
  display: block;
  height: auto;
  border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
  display: none;
  }

  /* media queries */

@media only screen and (max-width: 1440px) {

  .stamp {
   
    width: 10%;
  
  }
  
  
  }
  
  @media only screen and (max-width: 768px) {
  
    .custom-box::after {
      display: none;
  }
    section {
      margin-top: 50px;
    }
  
  }
  
  
  @media only screen and  (max-width: 576px) {
  
    .sixty {
      font-size: 36px;
      color: #0F172A;
    text-align: center;

    }
  
      .custom-box {
        height: 80px;
        background-color: #034EA2;
        color: #ffffff;
        padding: 5px;
        margin-bottom: 5px;
        position: relative;
    }
    image-container {
      position: relative;
      overflow: hidden;
      /* float: right; */
  }
  
  section {
    margin-top: 30px;
  }
  
  .hero {
    margin-top: 60px;
  }
  
  .para {
    margin-bottom: 40px;
    text-align: center;
  }
  .para br {
    display: none; /* Hide <br> tag */
  }
   /* .secondpara{
    line-height: 30px;
   } */
   .btn-outline-primary {
    color: #034EA2;
    border-color: #034EA2;
    height: 32px;
    width: 80;
    text-align: center;
}

.btn-primary {
  color: #fff;
  background-color: #034EA2;
  border-color: #034EA2;
  height: 32px;
  width: 162px;
  margin-right: 16px;
}
  
  }
  /* media queries end */
  
  .whatsapp-icon {
    position: fixed;
    bottom: 50%; /* Adjust as needed */
    right: 0px; /* Adjust as needed */
    z-index: 1000; /* Ensures the icon is above other elements */
    background-color: green; /* WhatsApp brand color */
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-decoration: none; /* Remove underline on hover */
    transition: transform 0.3s;
  }
  
  .whatsapp-icon:hover {
    transform: scale(1.2); /* Scale up the icon on hover */
    color: white;
  }
  /*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #375FA2;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #00AEA6;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

.scroll-progress {
  position: fixed;
  top: 0px;
  left: 0;
  height: 4px; /* Adjust the height of the progress bar */
  width: 0;
  background-color: #375FA2; /* Change to your desired color */
  z-index: 9999; /* Ensure the progress bar stays above other content */
  transition: width 0.3s; /* Add a smooth transition effect */
  margin-top: 4%;
}

/* Back to top */
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
 font-size: 40px;
  color: #00ADEF; 
}


/* new code */
.img-round {
  border-radius: 8px;
}

.contrast {
  background-color: #f9f9f9;
  padding: 60px 0px;

}

.card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)
}

#strengths .card:hover {
  background-color: #f9f9f9;
  scale: 1.05;
  transition: 0.4s ease-in-out;
}

footer {
  li, a {
  color: inherit;
  text-decoration: none;
}
li, a:hover {
  color: inherit;

}}

section#strengths {
  overflow-x: hidden;
}
.banner {

 
  background-color: #034EA2;
  color: #fff;
  padding: 120px 0 80px;


}
header.banner {
  overflow-x: hidden;
}

.item {
  display: flex
;
  align-items: flex-start;
}