/* General link style */
.navbar .nav-link {
  color: #fff;                     /* white text */
  font-weight: 500;
  position: relative;
  padding: 8px 20px;
  border-radius: 16px;             /* pill shape */
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Hover effect: gradient + subtle glow */
.navbar .nav-link:hover {
  color: linear-gradient(135deg, #ff6a88, #ffb347);
  background: linear-gradient(135deg, #805bed, #5cb8d9); /* purple → blue */
  box-shadow: 0 20px 12px rgba(187, 220, 229, 0.4);       /* soft glow */
  transform: translateY(-4px);
  
}

/* Active/current tab underline */
.navbar .nav-link.active {
  color: #fff; /* text color stays white */
  position: relative;
}

.navbar .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 0;                  /* underline at the bottom */
  left: 10%;                  /* small padding from edges */
  width: 80%;                 /* underline width */
  height: 3px;                /* thickness of underline */
  border-radius: 1px;         /* rounded ends */
  background: linear-gradient(135deg, #ff6a88, #ffb347); /* gradient underline */
}


/* Pressed/click effect */
.navbar .nav-link:active {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(38, 114, 255, 0.3);
}

/* Mobile tweak */
@media (max-width: 600px) {
  .navbar .nav-link {
    padding: 6px 15px;
    font-size: 14px;
  }
}








.limitimg {
    width: 100%;
    /* height: 100%; */
    max-height:100%; 
    overflow:hidden; 

}


.carousel-inner {
    height: 0;
    padding-bottom: 35%; /* this sets carousel aspect ratio (4:1 here) */
  }
  
  .carousel-item {
    position: absolute !important; /* Bootstrap is insistent */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .carousel-item img {
    height: 100%; /* Bootstrap handles width already */
    object-fit: cover; /* cover  - or 'contain' if you want stretch instead of crop */
  }


  .first-color { 
    background: #205a8d;
    /* background: #113f67;   */
  }

  .second-color { 
    background: #34699a; 
  }
  
  .third-color { 
    background: #408ab4; 
  }
  
  .fourth-color { 
    background: #65c6c4; 
  }


  .first-color-black { 
    background: #353941; 
  }
    
  .second-color-black { 
    background: #26282b; 
  }

  .heading-text b { 
    color: #113f67; 
    text-shadow:  -7px 4px 5px gray; /*  third is blur*/
    font-size: 3.0rem; /* 40px/16=2.5em */
  }

  .sub-heading-text { 
    color: #113f67; 
    /*text-shadow:  -7px 4px 5px gray; /*  third is blur*/
    font-size: 1.2rem; /* 40px/16=2.5em */
    text-align: center;
    /* padding-left: 0; */
    /* margin-left: -4%; */
  }



  @media only screen and (min-width: 300px) {
    

    .border-right-orange {
        border-bottom:2px solid #ff6f3c;
        border-right: none;
      }

  
    }



  @media only screen and (min-width: 768px) {
    
    .adjust-heding-position {
      margin-left: -10%;
      }
    .border-right-orange {
        border-bottom:2px solid #ff6f3c;
        border-right: none;
      }

  
    }

 

  @media only screen and (min-width: 992px) {
    
        .adjust-heding-position {
          margin-left: -14%;
          }
        
        .border-right-orange {
            border-right:2px solid #ff6f3c;
            border-bottom: none;
          }


      
        }


@media only screen and (min-width: 1400px) {
    
          .adjust-heding-position {
            margin-left: -30%;
            }
        
          }


  @media only screen and (min-width: 1200px) {
    
          .adjust-heding-position {
            margin-left: -21%;
            }
        
          }




  #link-color-white a {
    color: white;
  }

  .color-white {
    color: white;
  }

  .social-media-icon i {
    color: white;
    font-size: 1.1em;
    /* padding-left: 0.4em;
    padding-right: 0.4em; */
  }



  .navbar {
    height: 2.7em !important; /*i assume your navbar size 100px*/
}


.footer-small-font {
  font-size: 0.9em;
}

.font-large {
  font-size: 1.5em;
}



.background-color {
  background-color: rgb(230,230,255);
}

.img-border {
  border: 7px solid #65abec;
  border-radius: 9%;
}


.css-center {
  text-align: center;
}


body .navbar-default  {
	height:auto!important;
}

@media only screen and (max-width: 600px) {
  
  .heading-text b { 

    font-size: 2.5rem; /* 40px/16=2.5em */
  }

  .sub-heading-text { 
    color: #113f67; 
    font-size: 0.9rem; /* 40px/16=2.5em */

  }


}


#image-size-small {
  /* height: 70%; */
  /* border: 5px solid red; */
  max-width: 80%;
  height: auto;

} 


/* ------------------------------------------------------------------- */



.card-row-style {
  background-color: #eee;
}



.about-heading-style {
  color: #408ab4;
  font-size: 2rem;
}

.img-width-small {
  max-width: 90%;
  height: auto;
}


.text-vission-mission-head {
  color: #ff6f3c;
  font-size: 2rem;

}


.text-vission-mission-sub {
  color: #155263;
  font-size: 1.1rem;

}

.text-justify-my {
  text-align: justify;
  text-justify: inter-word;
}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */