html, body {
  scroll-behavior: smooth;
}
  body {
     font-family: 'Poppins';
    overflow-x: hidden;
}

a:hover{
    text-decoration: none;
}


.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    margin-top:15px;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #92372b !important;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
}



#navbar_top {
  transition: transform 0.3s ease-out, background-color 0.3s ease-out;
}

.fixed-top {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

.slide-down {
  transform: translateY(20);
  background-color: white;
}

  /* Add your custom styles here */
        .image-list {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .image-list img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            cursor: pointer;
        }

        .image-list img:hover {
            transform: scale(1.1);
        }

        .content {
            display: none;
        }

        .content.active {
            display: block;
        }

     /*~~~~~~~~~~~ FOR NMAE~~~~~~~~~~~~~~~*/
          .image {
      max-width: 100%; /* Ensure the image doesn't exceed its container */
      height: auto; /* Maintain aspect ratio */
    }

      .container-testi {
      position: relative;
      display: inline-block;
    }

    .name-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.7); /* White overlay with some transparency */
      padding: 10px; /* Adjust as needed */
      writing-mode: vertical-rl;
      text-orientation: upright;
      transition: transform 0.3s ease-in-out;
    }

    .container:hover .name-overlay {
      transform: rotate(0deg);
      writing-mode: horizontal-tb;
      text-orientation: sideways;
    }

    /*  Counter section*/
    .wherejourney .customheading{
    font-size: 30px ;
    /*margin-left:50px;*/
  
   
  }
  .wherejourney .wherejourneycounter{
       font-size: 60px ;
  }


/*Vertical tab pilss*/
/* Custom styles for the active and shown tabs */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #92372b;
   
}


.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 1.25rem;
}

    
    /*.wherejourney{*/
    /*    padding-top:70px;*/
    /*    padding-bottom:50px;*/
    /*}*/
    

/*~~~~~~~~~~~~~~ Carasoule icon~~~~~~~~~~~~~*/
  
.carousel-control-prev,
.carousel-control-next {
  top: auto;
  bottom: -40px; /* Adjust the distance from the bottom as needed */
}

/*IMAGE GALLERY*/
.grid-container {
  columns: 4 200px;
  column-gap: 1.5rem;
  width: 90%;
  margin: 0 auto;
  div {
    width: 150px;
    margin: 0 1.5rem 1.5rem 0;
    display: inline-block;
    width: 100%;
    border: solid 2px black;
    padding: 5px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    border-radius: 5px;
    transition: all .25s ease-in-out;
    &:hover img {
      filter: grayscale(0);
    }
    &:hover {
      border-color: coral;
    }
    img {
      width: 100%;
      filter: grayscale(100%);
      border-radius: 5px;
      transition: all .25s ease-in-out;
    }
    p {
      margin: 5px 0;
      padding: 0;
      text-align: center;
      font-style: italic;
    }
  }
}

/*POPUP  MODAL*/

    .modal-content {
      background-color: #22baa8; /* Set the background color to red */
    }
   .modal-header {
      border: none; /* Remove the default header border */
    }

    .modal-close {
      position: absolute;
      top: 0;
      right:0;
      padding: 15px;
      margin:10px;
      cursor: pointer;
    }
    .modal-header .btn-close {
        padding: 0.2rem 0.2rem;
        margin: 0.2rem 0.2rem 0.2rem auto;
    
    }
    
     .centered-button {
        text-align: center;
        /* color: #fff; */
    }
    .button-style
    {
       background-color:#92372b;
       color:#fff;
       border-radius:20px;
    }
    .button-style:hover{
        color:#fff;
    }
    
    

    
    
    
/*MEDIA QUERY*/
@media (min-width: 992px)
{
    .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    text-decoration: none;
    color:#92372b;
    } 

}

@media only screen and (max-width: 768px) {
    /* Adjust the logo size for tablets */
    .footerlogo img {
        max-width: 100%; /* Adjust the size as needed */
    }
     .blogsectionformobile{
        display:none;
    }
    
    .carousel-control-prev{
        display:none;
    }
    
     .carousel-control-next{
        display:none;
    }
    
       #carouselExampleSlidesOnlyformobile{
        display: none;
    }
    
    .dropdown-submenu .dropdown-menu {
      top: 10%;
      left: 100%;
      margin-top: -1px;
    }
}

@media only screen and (max-width: 480px) {
    /* Adjust the logo size for mobile devices */
    
    .headelogo{
        height:55px !important;
    }
    
    .visionimge{
        max-width:12% !important;
        
    }
    .footerlogo img {
        margin-top:20px;
        max-width: 100%; /* Adjust the size as needed */
    }
    
    .fixed-top {
        /*display:none;*/
        display:block;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
    }
    
    .whykimsectionhome{
        display:none;
    }
    
    .carousel-control-prev{
        display:none;
    }
    
     .carousel-control-next{
        display:none;
    }
    
    .blogsectionforsite{
        display:none;
    }
    .blogsectionformobile{
        display:block;
    }
    
    #carouselExampleSlidesOnly{
         display:none;
    }
    
    #carouselExampleSlidesOnlyformobile{
        display: block;
    }
    
    .customheading{
        font-size:25px !important;
        text-align:center;
    }
    
    
    h2 .customheadingforprogram{
        font-size:25px !important;
    }
    
    #navbar_top{
        padding-bottom:10px !important;
    }

    .navbar-brand img{
        width:85%;
        /*height:50%;*/
     
    }
    
    .menusideline{
        display:none;
}
    
    .uppermenu {
        margin-top:10px;
        margin-right: 220px;
    }
    
    .lowermenu{
        margin-top:-100px;
        margin-right:-30px;
        white-space: nowrap;
    }
    .wherejourney{
        display:none;
    }

    .wherejourneyformobile{
        padding:50px 0px 0px 0px;
    }
    .tabbing{
        display:none;
    }
    .tabbingformobile{
       padding:50px 0px 0px 0px;
    }
    
    a.p-1.citypune{
        margin-top:50px !important;
    }
    
    .programhighorder{
        border:none !important;
    }
    .offer-area{
        display:none;
    }
    .galleryimgadg{
            margin-top: -48px;
    }
    
    #footer{
        padding:20px !important;
    }
    
    .formdiv{
        margin:0;
        padding:0;
    }
    .bottomlogo img{
        height:20px  !important;
    }
    
    /* HIGHLIGHT SECTION*/
    /*.highlightrow{*/
    /*    padding-top:0px !important; */
    /*    padding-left:0px !important;*/
    /*}*/
    
    /*.highlightinnerrow{*/
    /*     padding:25px !important;*/
    /*     margin-top:-15px;*/
    /*}*/
    
    .modernclassroom{
        padding-top:50px;
    }
    .maindivofprogram{
         display:none;
    }
    .recreation{
         display:none;
    }
    .paddingdiv{
        display:none;
    }
    .admissionicon{
         display:none;
    }
    
    .programhighlightsmain{
        display:none;
    }
    .image-container{
        border:2px solid #fff;
    }
        .maindivofprogrampiller{
        display:none;
    }
    /*    .maindivofadmission{*/
    /*    display:none;*/
    /*}*/
    .maindivofscholarship{
        display:none;
    }
    
    .maindivofplacement{
        display:none;
    }
    .maindivofexe{
       display:none; 
    }
    
    .placementtestimonials{
        display:none; 
    }
    .adjust-text{
        padding:0 15px 0 15px;
    }

    
}

/*FOR DSTOP SCREEN*/
@media only screen and (min-width: 769px) {
    
    .blogsectionformobile{
        display:none;
    }
    
    #carouselExampleSlidesOnlyformobile{
        display: none;
    }
    
    .wherejourneyformobile{
        display: none;
    }
    .tabbingformobile{
        display: none;
    }
    .aboutussectionformobile{
        display:none;
    }
    .bannersection{
         display:none;
    }
    .whykimhomeformobile{
        display:none;
    }
    .maindivofprogramformobile{
         display:none;
    }
    .recreationformobile{
         display:none;
    }
    .maindivofprogramBI{
         display:none;
    }
    .admissioniconformobile{
        display:none;
    }
    .programhighlightsub{
         display:none;
    }
    .placementlogo{
         display:none;
    }
    
    
    .dropdown-submenu .dropdown-menu {
      top: 10%;
      left: 100%;
      margin-top: -1px;
    }
    

    
}

@media only screen and (min-width: 1200px) {
    
    .blogsectionformobile{
        display:none;
    }
    
       #carouselExampleSlidesOnlyformobile{
        display: none;
    }
    
    .dropdown-submenu .dropdown-menu {
      top: 10%;
      left: 100%;
      margin-top: -1px;
    }
    

}