/*-------------navbar-------------*/
.logo-position{
    height: 75px;
    min-height: 75px;
}
.logo-sticky{
    height: 75px;
    min-height: 75px;
}
.offcanvas-header {
    padding-top: 1rem;
    padding-bottom: 1rem;  
    padding-left: 11px;  
}
@media(max-width:991px){
    .logo-position{
        height: 75px;
        min-height: 75px;
    }
}
/*----------------banner------------------*/
@media(min-width:418px) and (max-width:514px){
    .banner-heading{
        font-size: 28px;
    }
}


/* Slider Container start */
.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  /* Slide */
  .slide {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }
  
  .slide.active {
    opacity: 1;
    position: relative;
  }
  
  /* Media Styling */
  .slide img {
    width: 100%;
    display: block;
    border-radius: 8px;
  }
  
  .video-container video {
    width: 100%;
    border-radius: 8px;
  }

  /* Navigation Buttons */
.slider-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
  }
  
  .slider-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .slider-button.prev {
    left: 10px;
  }
  
  .slider-button.next {
    right: 10px;
  }
  
/* Slider Container end */

/*---------slider------------*/
.page-loader:before, .slider-hero:before, .gloader {
    position: relative;
    content: "";
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    margin-left: -1.25rem;
    background: none;
    border: 4px solid var(--bs-primary);
    box-shadow: none;
    border-radius: 50%;
    animation: loader-scale 1s ease-out infinite;
}


.slider-banner{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
    margin-top: -142px;
}

.slider-hero .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev, .slider-hero .swiper-controls .swiper-navigation .swiper-button.swiper-button-next {
    top: 27%;
}
.slider-hero.dots-over .swiper-pagination {
    bottom: 9.6rem;
}
/*---------slider------------*/
/*---------rupam section------------*/
.wrapper.angled.shape.lower-end:after {
    border-left-color: transparent !important;
    border-right-width: 100vw;
    border-bottom-width: 4rem;
    bottom: 0rem;
}
@media(max-width:991px){
  .section-margin{
    margin-top: -194px;
}
}
@media(min-width:992px){
  .section-margin{
    margin-top: -122px;
}
}
.counter{
  font-size: 1.5rem !important;
}
/*-----common------*/
.bg-blue-color{
    background-color: #3b3381;
}
.text-blue-color{
    color: #3b3381;
}
/*-------common end----------*/
.text-hover{
  color: #fff;
}
.text-hover:hover{
  color: #188ab8;
}
.text-body.text-hover:hover{
  color: #188ab8 !important;
}
/*------------keyfeatures--------*/
.arrow-color{
  color:#3b3381;
}
.key-point{
  color: white;
  font-size:0.8rem;
  font-weight: 400;
}
.btn-custom {
  width: 1.4rem !important;
  height: 1.4rem !important;
  font-size: 0.8rem;
}
/*------------keyfeatures end--------*/
/*------------animation-dots-------------------*/
section .container .dots{
  display:block;
}
.dots {
  position: absolute;
   top: 1100px;
  /*right: 100px; */
  width: 600px;
  height: 540px;
  z-index: 10;
}
@media (min-width: 700px) {
  .dots {
      right: 0;
  }
}
.dots .dot {
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  display: block;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.dots .dot.sm {
  width: 45px;
  height: 45px;
  -webkit-animation: float 3s ease-in-out infinite;
  animation: float 3s ease-in-out infinite;
}
.dots .dot.md {
  width: 80px;
  height: 80px;
  -webkit-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.dots .dot.lg {
  width: 130px;
  height: 130px;
}

.dots .dot.orange {
  background-color: #E85E16;
}
.dots #dot_1.dot {
  top: 211px;
  left: 150px;
  -webkit-animation: float 5s ease-in-out infinite;
  animation: float 5s ease-in-out infinite;
}

.dots #dot_2.dot {
  top: 150px;
  left: 400px;
}
.dots .dot.blue {
  background-color: #3A94B5;
}

.dots #dot_3.dot {
  top: 205px;
  left: 448px;
  -webkit-animation: float 3.5s ease-in-out infinite;
  animation: float 3.5s ease-in-out infinite;
}
.dots .dot.green {
  background-color: #3CB29C;
}

.dots #dot_4.dot {
  top: 310px;
  left: 500px;
  -webkit-animation: float 2s ease-in-out infinite;
  animation: float 2s ease-in-out infinite;
}
.dots .dot.yellow {
  background-color: #FFC843;
}

.dots #dot_5.dot {
  bottom: 0px;
  right: 0px;
}
.dots .dot.pink {
  background-color: #E4869D;
}

.dots #dot_6.dot {
  top: 70px;
  left: 220px;
}
.dots .dot.blue {
  background-color: #8c93ce;
}

.dots #dot_7.dot {
  top: 0;
  right: 0;
}

.dots #dot_8.dot {
  top: 100px;
  left: 0;
}
.dots .dot.red {
  background-color: #EA1729;
}

.dots #dot_9.dot {
  top: 185px;
  left: -734px;
}
.dots #dot_10.dot {
  top: 294px;
  left: -749px;
}

@media(max-width:991px){
  .dots{
    display:none !important;
  }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*------about-us-------*/
.solid-duo.text-grape-fuchsia .fill-secondary {
  fill: #3b3381;
}
.solid-duo.text-grape-fuchsia .fill-primary {
  fill: #ec3338;
}
/*------BOD---------------*/
.team-block-two {
  border-right: 1px solid #ededed;
}
.team-block-two {
  position: relative;
  margin-bottom: 40px;
}
.team-block-two.border-right-none {
  border-right: none !important;
}
.inner-box-hm {
  text-align: center;
}
.inner-box-hm img {
  height: 200px;
  width: 200px;
  border-radius: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.inner-hm:after {
  content: "";
  position: absolute;
  /* margin-left: -195px !important;
  top: -5px; */
  margin-left: -200px !important;
  top: 0px;
  /* border: 2px solid #fdd947; */
  border: 2px solid #e2805ec4;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  margin: 0 auto;
}

.inner-box-hm .lower-content {
  margin-top: 5px;
}
.inner-box-hm .lower-content h5 {
  font-weight: 700;
  color: #2c2c2c;
  font-size: 20px;
  margin-bottom: 2px;
}
.inner-box-hm .lower-content .designation {
  color: #363636;
  font-size: 15px;
  margin-bottom: 10px;
}
.inner-box-hm p {
  line-height: 1.5;
  font-size: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.inner-part p {
  
  font-size: 16px;
  text-align: justify;
}
/*--------gallery-------------*/
.image-link:hover .overlay-image {
  opacity: 1;
}
.overlay-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
/*------site-layout--------------*/
.sl-section .card{
 height: 352px;
}
@media(max-width:767px){
  .sl-section .card{
    height: auto;
   }
}

/*---------03-02-2025-------------*/
.navbar.navbar-dark .logo-dark {
  display: block !important;
}
@media(min-width:992px){
  .navbar-nav li.nav-item a.nav-link{
    color:#343f52 !important;
  }
  .navbar-nav li.nav-item a.nav-link:hover{
    color: #747ed1 !important;
  }
}
.footer-bg-color{
  background-color: rgb(226, 226, 226);
}
button.hamburger {
  color: #343f52 !important;
}
/* .image-wrapper.bg-overlay-300.clr-gray:before {
  background: rgb(228 228 228 / 30%);
} */
.image-wrapper.bg-overlay-300.clr-gray:before {
  background: rgb(255 255 255 / 30%);
}
.web-link-color:hover{
    color:#e1363c !important;
}