.c-item {
   height: 300px;
}

.c-img {
   height: 100%;
   object-fit: contain;
}

.wheading{
   font-weight: bold;
   color:  #0980B3;
}

.wedu{
   
  text-align: justify;
}

.img-thumbnail{
   max-width: 250px;
   max-height: 220px;
}

body{
   font-family: "Poppins", sans-serif;
   margin: 0%;
}


.top_header
{
   margin:0px;position:sticky;top:0px;height:50px;text-align:center;
   padding:8px;
   background-color: #FFFFFF; z-index: 2000;
}
.top_header a 
{
   width:20px; height:20px; text-decoration: none; font-size: 20px;color:#6482AD; margin:8px;
}



 .card{

   
   margin: 0 .5em;
   box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
   border: none;
}

.carousel-control-prev, .carousel-control-next{
   background-color: #e1e1e1;
   width: 6vh;
   height: 6vh;
   border-radius: 50%;
   top: 50%;
   transform: translateY(-50%);
}

.card-img-top {
   width: 100%;
   height: 15vw;
   object-fit: cover;
}

.address{
   margin-left: 100px;
}

.title {
   color: 0C1738;
   font-weight: bold;
   font-family: "AlbertSans", sans-serif;
}

@font-face {
    font-family: 'AlbertSans';
    src: url('../fonts/albert sans/AlbertSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/albert sans/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.navbar-nav .nav-link{
   color: black;
   font-size: 16px;
   font-family: "inter";
   
}

.bg-box {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-y: visible;
}

/* Background image behaves like background-size: cover */
.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;      /* fills whole box */
    object-position: center;
    z-index: 0;             /* behind content */
    display: block;
}

/* Content that sits ON TOP of the background */
.hero-content {
    position: relative;
    z-index: 1;             /* above bg-img */
    padding: 4rem 1.5rem;   /* adjust as you like */
}

.headerfont {
    font-family: 'AlbertSans';
    src: url('../fonts/albert-sans/AlbertSans-Bold.ttf') format('truetype');
    font-weight: normal;
}

.headerfont2{
   font-family: 'AlbertSans';
    src: url('../fonts/albert-sans/AlbertSans-Black.ttf') format('truetype');
    font-weight: bold;
   }

.textfont{

    
    font-size: larger;
    
}

.custom-btn {
    width: 180px;    
    height: 70px;      
    font-size: 18px;   
    
    
}

.star-bg{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;      /* fills whole box */
    object-position: 0%;
    z-index: 0;             /* behind content */
    display: block;
}

.features{
   font-family: 'AlbertSans';
    src: url('../fonts/albert-sans/AlbertSans-Black.ttf') format('truetype');
    font-weight: bold;
    font-size: 30px;
}

.features_2{
   font-family: 'AlbertSans';
    src: url('../fonts/albert-sans/AlbertSans-Black.ttf') format('truetype');
    font-weight: bold;
    font-size: 25px;
}

.gri-bg{
   background-color: #054352;
}

.gri-box {
  background-color: #F4F8F9;
  padding: 20px;
  border-radius: 10px;
  color: rgb(0, 0, 0);
}

.gri-box2 {
    width: 100%;
    height: 220px;        /* set the box height (change as needed) */
    border-radius: 15px;
    overflow: hidden;     /* prevents image from leaking outside */
    background: #FFFFFF;     /* optional */
}

.img-gri{
   width: 100%;
   height: 220px;
   border-radius: 15px;
    overflow: hidden;     /* prevents image from leaking outside */
    background: #FFFFFF;
    
}

/* Make the image FILL the entire box */
.frame-img {
    width: 100%;
    height: 100%;
    object-fit: contain;     /* fills box without stretch */
    object-position: center;
    display: block;
}

.frame-bg{
   background-color: #F9F9F9;
}

.gri-box3 {
    width: 100%;
    height: 300px;        /* set the box height (change as needed) */
    border-radius: 15px;
    overflow: hidden;     /* prevents image from leaking outside */
    background: #FFFFFF;     /* optional */
}

.bg-color{
   background-color: #F7FDFF;
}


/* card background like your screenshot */
.contact-card {
  background-color: #f5f9ff;   /* light blue-ish */
  border-radius: 18px;
  padding: 32px 28px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

/* title color */
.contact-title {
  color: #0055CD;
  font-weight: 600;
}

/* inputs look softer */
.contact-card .form-control {
  border-radius: 8px;
  box-shadow: none;
}

/* big blue button */
.contact-submit {
  background-color: #0A57E3;
  border-radius: 10px;
  border: none;
  font-weight: 500;
}

/* optional: image max width so it looks nice on large screens */
.contact-image {
  max-width: 320px;
  max-height: fit-content;
  padding: 35px;
}

/* small tweak for mobile spacing */
@media (max-width: 576px) {
  .contact-card {
    padding: 24px 18px;
  }
}

.reveal { opacity: 0; }


.slide-up-on-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease-out;
}
.slide-up-on-scroll.active {
    opacity: 1;
    transform: translateY(0);
}


.footer-bar {
    background-color: #eaf2ff;   /* same light blue as your screenshot */
    padding: 15px 0;
    font-size: 16px;
    color: #1a1a1a;
}