index









  * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

    html, body {
      /* font-family: "Fira Sans Condensed"; */
      /* font-weight: 400; */
      line-height: 1.4;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }




    @font-face {
    font-family: 'Gilroy-Bold';
    src: url('fonts/Gilroy-Bold.woff2') format('woff2'),
         url('fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



    .admission-banner {
      background: #413190; /* Purple */
      color: white;
      font-weight: 700;
      text-align: center;
      padding: 8px 0;
      font-size: clamp(0.8rem, 1vw,1.3rem);
    }
    .navbar-nav .nav-link {
      font-weight: 600 !important;
      padding: 0.8rem 1rem;
      color: #000000;
      margin: 0.7rem 0.7rem !important;
 
      font-family: "Fira Sans Condensed" !important;

    }



    .apply{

        background-color: #8D7BE9 !important;
        color: #FFFFFF !important;
        border-radius: 0px !important;
        padding: 10px 25px !important;
                font-weight: 700 !important;
        font-size: 1rem !important;

    }


.top{
       display: flex;
        /* border: 1px solid red; */
        justify-content: end;

    }

    .top-bar{
       
        width: max-content;
        /* margin-left: auto;  */
        background-color: #F0F0F0;
   
        /* width: 100%; */
    }
    .top-bar .btn-link{
        font-weight: 700 !important;
        font-size: 1rem !important;
        color: #5544AA;
        padding: 10px 25px !important;
       
    }











    











/* Remove Bootstrap's default caret */
.navbar .dropdown-toggle::after {
  display: none !important;
}

/* Custom dropdown icon */
.navbar .dropdown-icon {
  margin-left: 5px;
  color: rgb(220, 53, 53); /* make icon red */
  transition: transform 0.3s ease;
  font-size: 12px;
}

/* Rotate when dropdown is open */
.dropdown.show .dropdown-toggle .dropdown-icon {
  transform: rotate(180deg);
}


.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none !important;
  box-shadow: none !important;
}









/* Default dropdown look */
.dropdown-menu {
  transition: all 0.3s ease;
  overflow: hidden;
}



      
    
















@media (max-width:410px) {




    .apply{

        background-color: #8D7BE9;
        color: #FFFFFF;
        border-radius: 0px !important;
        padding: 10px 25px !important;
                font-weight: 700 !important;
        font-size: 0.2rem !important;

    }

    

    .top-bar .btn-link{
        font-weight: 700 !important;
        font-size: 0.4rem !important;
        color: #5544AA;
        padding: 10px 5px !important;
       
    }



    
.card-3 {
   top: 0px !important; left: 50% !important; 
  transform: translateX(-50%) !important;

  margin-top: 20px !important;

   }







  
}






@media (max-width: 576px) {


  .navbar-nav .nav-link {
      font-weight: 600 !important;
      padding: 0.5rem 0.8rem !important;
      color: #000000;
      margin: 0.5rem 0.5rem !important;
    }



    .apply{

        background-color: #8D7BE9 !important;
        color: #FFFFFF;
        border-radius: 0px !important;
        padding: 8px 20px !important;
                font-weight: 700 !important;
        font-size: 0.8rem !important;

    }


    .top-bar .btn-link{
        font-weight: 700 !important;
        font-size: 0.8rem !important;
        color: #5544AA !important;
        padding: 10px 25px !important;
       
    }

}









      
    









/* Hero Section */
.hero-section {
  position: relative;
  /* background: url('images/7a7b8e93f91ed6902a9690d7d565b96b4197de34.jpg') center/cover no-repeat; */
  height: 600px; /* Adjust as needed */
  padding-top: 100px;
  color: #fff;
  font-family: sans-serif;
  
}


.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay, 50% opacity */
  z-index: 1; /* Behind the content */
}

/* Make sure content stays above overlay */
.hero-left > * {
  position: relative;
  z-index: 2;
}


/* .hero-right{

    display: flex;
    align-items: end;       
    justify-content: center;
 
}


@media(max-width:576px){
      .hero-right{
    
    margin-top: 5.5rem !important;
    }

} */


/* 
@media (max-width:768px) {

    .hero-right{
            display: flex;
    align-items: end;       
    justify-content: end;
    margin-top: 6rem;
    }

    .herohelp p{
    background-color: white;
    color: black;
    padding: 0.7rem 2rem !important;
    margin: 0;
    text-align: center;
      font-family: "Fira Sans Condensed";
      font-weight: 500;
      font-size: 0.7rem !important;

} */


/* .message-icon {
    display: flex;            
    align-items: center;
    justify-content: center;
    width: 40px !important;                     
    height: 40px !important;                    
    background-color: #8a2be2;      
    color: #ffffff !important;                  
    border-radius: 0px;             
    text-decoration: none;           
    font-size: 18px !important;                 
    transition: background-color 0.3s, transform 0.3s;
 
}
.hero-left h1 {
  font-size: 3.3rem !important;
  margin-bottom: 1rem;
  font-weight: 700 !important;

font-family: 'Gilroy-Bold', sans-serif;
} */



    
/* } */

/* .hero-content {
    display: flex;
    flex-direction: column;
    align-items: end;    
    gap: 15px;  
    position: fixed;
    z-index: 9999 !important;           
}

.herohelp p{
    background-color: white;
    color: black;
    padding: 1rem 3rem;
    margin: 0;
    text-align: center;
      font-family: "Fira Sans Condensed";
      font-weight: 500;
      font-size: 1rem;

} */



.hero-right {
  position: fixed;
  top: 370px;         /* distance from top */
  right: 20px;       /* distance from right */
  z-index: 999;     /* always on top of everything */
}

.hero-right .message-icon {
    display: flex;            
    align-items: center;
    justify-content: center;
    width: 60px !important;                     
    height: 60px !important;                    
    background-color: #8c36db;      
    color: #ffffff !important;                  
    border-radius: 0px;             
    text-decoration: none;           
    font-size: 26px !important;                 
    transition: background-color 0.3s, transform 0.3s;
}

.hero-right .message-icon:hover {
  background: #992dff;
  transform: scale(1.1);
}



/* For mobile screens */
@media (max-width: 480px) {
  .hero-right {
    top: 300px;      /* adjust if needed */
    right: 15px;
  }

  .hero-right .message-icon {
    width: 45px !important;
    height: 45px !important;
    font-size: 20px !important;
  }
}











.hero-left h1 {
  font-size: 4rem;
  margin-bottom: 1rem;
  font-weight: 400;
  

font-family: 'Gilroy-Bold', sans-serif;
}

.hero-left p {
  font-size: 18px;
  margin-bottom: 20px;
font-family: 'Gilroy-Bold', sans-serif;
font-weight: 400;
}

.search-input {
  padding: 10px 15px;
  font-size: 16px;
  width: 250px;
  border-radius: 0px;
  border: none;
  margin: 0px !important;
      font-family: "Fira Sans Condensed";

}
.search-input::placeholder{
      color: #d6d5d5;
      font-weight: 700;


}



/* Remove Bootstrap default arrow */
.custom-dropdown::after {
  display: none !important;
}



.dropdown-icon {
  margin-left: 8px;
  transition: transform 0.3s ease;
}


.dropdown.show .dropdown-toggle .dropdown-icon {
  transform: rotate(180deg);
}




.hero-left .custom-dropdown {
  padding: 11px 15px;
  font-size: 16px;
  border-radius: 0px;
  border: none;
  margin: 0 !important;
  background-color: #8D7BE9;
  color: #fff;
  border-right: 1px solid black;
  font-family: "Fira Sans Condensed";
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

/* Keep color same even when active/open */
.custom-dropdown:focus,
.custom-dropdown:active,
.dropdown.show .custom-dropdown {
  
  color: #fff !important;
  box-shadow: none !important;
}






.hero-left .help-btn {

  padding: 11px 15px;
  font-size: 16px;
  border-radius: 0px;
  border: none;
  margin: 0px !important;
  background-color: #8D7BE9;
  color: white;
  border-right: 1px solid black;
      font-family: "Fira Sans Condensed";
      font-weight: 700;


}


.program {
    background-color: #4D3D9E !important;
    color: white;
}




/* .hero-contn{
    border: 2px solid red;
    display: flex;
    width: 1300px;
    justify-content: space-between;
}
 */


.message-icon {
    display: flex;            
    align-items: center;
    justify-content: center;
    width: 60px;                     /* Width of the rectangle */
    height: 60px;                    /* Height of the rectangle */
    background-color: #8a2be2;       /* Violet background */
    color: #ffffff !important;                  /* White icon color */
    border-radius: 0px;             /* Rounded corners */
    text-decoration: none;           /* Remove underline */
    font-size: 24px;                 /* Icon size */
    transition: background-color 0.3s, transform 0.3s;
 
}

.message-icon:hover {
    background-color: #7a1fd1;       /* Slightly darker violet on hover */
    transform: scale(1.1);           /* Small zoom effect on hover */
}











.hero-cards {
  position: absolute;
  top: 520px; 
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
  width: 70%;
  max-width: 1200px;
  z-index: 2;
  flex-wrap: wrap; /* allow wrapping on smaller screens */
}

.card {
  background: #fff;
  color: #333;
  padding: 1.5rem 1.2rem;
  flex: 1;
  border-radius: 0rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  font-family: 'Gilroy-SemiBold', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 3rem;
  /* min-width: 250px;  */

    flex: 1 1 calc(50% - 20px); 
  min-width: 280px;
}

.card h3 {
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
}

.card p {
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.card a {
  margin-top: auto;
  padding: 0.8rem 2rem;
  border: none;
  border-radius: 0.3rem;
  text-decoration: none;
  background-color: #8D7BE9;
  color: #fff;
  cursor: pointer;
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  width: max-content;
  transition: background-color 0.3s;
}

.card button:hover {
  background-color: #6c63ff;
}

/* Card-specific styles */
.card-left {
  background-color: #4D3D9D;
  color: #fff;
}

.card-left p {
  font-size: 1.1rem;
}

.card-left img,
.card-right img {
  height: 70px;
  width: auto;
}

/* Card-right specific styles */
.card-right {
  background-color: #fff;
  color: #333;
}

.card-right h3 {
  color: #453789;
  font-size: 1.5rem;
}

.card-right p {
  color: #5544AA;
  font-size: 1.1rem;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 992px) {
  .hero-cards {
    flex-direction: row; /* stack cards vertically */
    bottom: -330px; /* adjust bottom spacing */
    width: 90%;
    gap: 15px;
  }

  .card {
    padding: 1.2rem 1rem;
  }

  .card h3 {
    font-size: 1.3rem;
  }

  .card p {
    font-size: 1rem;
  }

  .card button {
    padding: 0.7rem 1.5rem;
    font-size: 0.95rem;
  }

  .card-left img,
  .card-right img {
    height: 60px;
  }
}

/* Optional: adjust for very small screens */
@media (max-width: 576px) {



  .card h3 {
    font-size: 1.2rem;
  }

  .card p {
    font-size: 0.95rem;
  }

  .card button {
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
  }


  









    .herohelp p{
    background-color: white;
    color: black;
    padding: 1rem 3rem;
    margin: 0;
    text-align: center;
      font-family: "Fira Sans Condensed";
      font-weight: 500;
      font-size: 0.7rem !important;

}
.hero-left h1 {
  font-size: 2.3rem !important;
  margin-bottom: 1rem;
  font-weight: 400;

font-family: 'Gilroy-Bold', sans-serif;
}

.hero-left p {
  font-size: 18px;
  margin-bottom: 20px;
font-family: 'Gilroy-Bold', sans-serif;
font-weight: 400;
}

.search-input {
  padding: 10px 15px;
  font-size: 13px !important;
  width: 200px;
  border-radius: 0px;
  border: none;
  margin: 0px !important;
      font-family: "Fira Sans Condensed";

}
.search-input::placeholder{
      color: #d6d5d5;
      font-weight: 700;


}

.hero-left .custom-dropdown,
.hero-left .help-btn {

  padding: 11px 15px;
  font-size: 13px;
  border-radius: 0px;
  border: none;
  margin: 0px !important;
  background-color: #8D7BE9;
  color: white;
  border-right: 1px solid black;
      font-family: "Fira Sans Condensed";
      font-weight: 700;


}


    .hero-right{
margin-top: 30px;
    }


}



























.player-section {
  position: relative;
  padding: 200px 0; /* enough space for cards floating */
  background: #8D7BE9;
  z-index: 1;
  max-height: 70vh;
  margin-top: 400px;
}

.player-cards {
  position: relative;
  width: 100%;
  height: 400px; /* area where cards will float */
}

.player-card {
  position: absolute;
  /* width: 200px;
  height: 260px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  color: #fff;
  display: flex;
  align-items: flex-end;
  padding: 15px; */
}

/* .player-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
} */





.card-1 {
  background: #fff !important;
  color: #333;
  padding: 1.8rem 1.2rem !important;
  flex: 1;
  border-radius: 0rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  font-family: 'Gilroy-SemiBold', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 250px; /* prevent card from shrinking too much */
  max-width: 550px;

    /* flex: 1 1 calc(50% - 20px); 
  min-width: 280px; */
  height: 270px;
  width: 100%;


}

.card-1 h3 {
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
  color: #453789;
}

.card-1 p {
  font-size: 1.2rem !important;
  line-height: 1.5;
  margin-bottom: 1rem;
  color: #5544AA;
}


.card-1 {
  background-color: #4D3D9D;
  color: #fff;
}

/* .card-1 p {
  font-size: 1.1rem;
} */

.card-1 img
{
  height: 70px;
  width: auto;
}

.card-1 button {
  margin-top: auto;
  padding: 0.8rem 2rem;
  border: none;
  border-radius: 0.3rem;
  background-color: #8D7BE9;
  color: #fff;
  cursor: pointer;
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  width: max-content;
  transition: background-color 0.3s;
}










.card-2 {
  background: #fff;
  color: #333;
  padding: 1.8rem 1.2rem !important;
  flex: 1;
  border-radius: 0rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  font-family: 'Gilroy-SemiBold', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 250px; /* prevent card from shrinking too much */
  max-width: 550px;
  height: 270px;
  width: 100%;

    /* flex: 1 1 calc(50% - 20px); 
  min-width: 280px; */
}

.card-2 h3 {
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
}

.card-2 p {
  font-size: 1.1rem !important;
  line-height: 1.5;
  margin-bottom: 1rem;
}


.card-2 {
  background-color: #4D3D9D;
  color: #fff;
}

/* .card-2 p {
  font-size: 1.1rem;
} */

.card-2 img
{
  height: 70px;
  width: auto;
}

.card-2 button {
  margin-top: auto;
  padding: 0.8rem 2rem;
  border: none;
  border-radius: 0.3rem;
  background-color: #8D7BE9;
  color: #fff;
  cursor: pointer;
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  width: max-content;
  transition: background-color 0.3s;
}











/* @media (max-width: 992px) {
  .player-cards {
    flex-direction: column; 
    bottom: -330px; 
    width: 90%;
    gap: 15px;
  }

  .card-1, .card-2 {
    padding: 1.2rem 1rem;
  }

  .card-1, .card-2 h3 {
    font-size: 1.3rem;
  }

  .card-1, .card-2 p {
    font-size: 1rem;
  }

  .card-1, .card-2 button {
    padding: 0.7rem 1.5rem;
    font-size: 0.95rem;
  }

  .card-1 img,
  .card-2 img {
    height: 60px;
  }
} */

/* 
@media (max-width: 576px) {

      .hero-cards {
    flex-direction: column; 
    bottom: -370px; 
    width: 90%;
    gap: 15px;
  }

  .hero-cards {
    width: 95%;
    bottom: -40px;
  }

  .card-1, .card-2 h3 {
    font-size: 1.2rem;
  }

  .card-1, .card-2 p {
    font-size: 0.95rem;
  }

  .card-1, .card-2 button {
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
  }
} */

















.card-3 {





    color: #333;
  padding: 1.8rem 1.2rem !important;
  flex: 1;
  border-radius: 0rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  font-family: 'Gilroy-SemiBold', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 250px; /* prevent card from shrinking too much */
  max-width: 550px;
  height: 350px;
  width: 100%;
}



.card-overlay {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}

/* Play Button */
.card-3 .btn-play {
  padding: 0.6rem 2rem;
  border: none;
  border-radius: 36px;
  background-color: #8D7BE9;
  color: #fff;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn-play:hover {
  background-color: #6d5cd8;
}

/* Text on right */
.card-text {
  text-align: right;
}

.card-3 .card-text h5 {
  margin: 0;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: white;
  font-family: "Fira Sans Condensed", sans-serif;

}

.card-3 .card-text h3 {
  margin: 5px 0 0;
  font-family: "Fira Sans Condensed", sans-serif;

    font-size: 3.4rem !important;
  font-weight: 900 !important;
  color: #8D7BE9 !important;
}












@media (max-width:1400px) {



.card-3 {
   top: 0px; left: 50% !important; 
  transform: translateX(-50%) !important;

   }




  .card-4 { top: 400px !important;
    left: 50% !important;
     /* right: 50% !important; */
  transform: translateX(-50%) !important;

     }
.card-5 { top: 700px !important; 
 left: 50% !important;
     /* right: 50% !important; */
  transform: translateX(-50%) !important;}


  
}











@media (max-width:666px) {



.card-3 {
   top: 400px !important; left: 50% !important; 
  transform: translateX(-50%) !important;

   }




  .card-4 { top: 800px !important;
    left: 50% !important;
     /* right: 50% !important; */
  transform: translateX(-50%) !important;

     }
.card-5 { top: 1050px !important; 
 left: 50% !important;
     /* right: 50% !important; */
  transform: translateX(-50%) !important;}


  
}





.card-4 {





    color: #333;
  padding: 1.8rem 1.2rem !important;
  flex: 1;
  border-radius: 0rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  font-family: 'Gilroy-SemiBold', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 250px; /* prevent card from shrinking too much */
  max-width: 550px;
  height: 230px;
  width: 100%;
}



.card-overlay {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}

/* Play Button */
.card-4 .btn-play {
  /* padding: 0.6rem 1.5rem; */
  border: 1px solid white !important;
  /* border-radius: 50%; */
  background-color: transparent !important;
  color: #fff;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.5rem !important;
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn-play:hover {
  background-color: #6d5cd8;
}


.card-4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* dim effect */
  z-index: 0; /* stay behind content */
}

/* Text on right */
.card-4 .card-text {
  text-align: right;
}

.card-4 .card-text h5 {
  margin: 0;
  font-size: 1.3rem !important;
  font-weight: 400;
  color: white !important;
  text-align: left;
  font-family: "Fira Sans Condensed", sans-serif;

}

.card-4 .card-text h3 {
  margin: 5px 0 0;
  font-size: 1.6rem;
  color: #fff;
  font-family: "Fira Sans Condensed", sans-serif;

}













.card-5 {





    color: #fffefe !important;
  padding: 1.8rem 1.2rem !important;
  flex: 1;
  border-radius: 0rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  font-family: 'Gilroy-SemiBold', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center !important ;
  min-width: 250px; /* prevent card from shrinking too much */
  max-width: 550px;
  height: 230px;
  width: 100%;
  /* border: 2px solid red; */
}



.card-overlay {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}

/* Play Button */
.card-5 .btn-play {
  padding: 0.6rem 2rem;
  border: none;
  border-radius: 36px;
  background-color: #8D7BE9;
  color: #fff;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.3s;
}
.btn-play:hover {
  background-color: #6d5cd8;
}

/* Text on right */
.card-text {
  text-align: right;
}

.card-text h5 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: right ;
}

.card-5 .card-text h5{
  text-align: left !important;

}

.card-text p {
  margin: 5px 0 0;
  font-size: 0.8rem;
  color: #fff;
}

.card-5 p{
  color:rgb(145, 144, 144) !important;
  text-align:left;
}














.card-3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* dim effect */
  z-index: 0; /* stay behind content */
}
















.card-content {
  position: relative;
  z-index: 2;
}

.card-content h3 {
  font-size: 1.2rem;
  margin: 0;
}

.card-content p {
  font-size: 0.9rem;
  margin: 5px 0 0;
}

/* 🎯 Custom scattered positions */
.card-1 { top: -340px; left: 6%; background-image: url('../images/bg1.jpg'); }
.card-2 { top: -340px; right: 7%; background-image: url('../images/bg2.jpg'); }
.card-3 { top: 0px; left: 6%; background-image: url('../images/205f200550875351adb3ea5883d245ec53e89d01.jpg'); }
.card-4 { top: 0px; right: 6%; background-image: url('../images/36983a5b02960cfe1cd3b193c9b548122a95756e.jpg'); }
.card-5 { bottom: -90px; right: 6%; background-image: url('../images/4635ee2241983e39ea7c6a471bb70e4d3203168a.jpg'); }

/* 📱 Responsive: stack neatly on mobile */
/* @media (max-width: 768px) {
  .player-cards {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: static;
  }

  .player-card {
    position: static;
    width: 90%;
    height: 220px;
  }
} */



































.accreditations{
  margin-top: 14rem;
font-family: 'Gilroy-Bold', sans-serif !important;

}






.accreditations .section-title {
  font-weight: bold;
  position: relative;
  display: inline-block;
            font-size: 2.5rem;

}




        @media (max-width: 768px) {
            .accreditations .section-title {
                font-size: 2rem;
            }}


.accreditations .section-title span {
  color: #6c63ff; /* accent color */
}

.accreditations .section-title::after {
  content: "";
  display: block;
  width: 80px;
  margin: 8px auto 0;
  height: 3px;
  background-color: #6c63ff;
  border-radius: 2px;
}

/* Marquee effect */
.marquee {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.marquee-content {
  display: flex;
  gap: 50px;
  animation: marquee 15s linear infinite;
}

.marquee-content img {
  height: 160px;
  object-fit: contain;
  filter: grayscale(100%);
  transition: transform 0.4s ease, filter 0.4s ease; /* smooth zoom & color */
}

.marquee-content img:hover {
  filter: grayscale(0%);
  transform: scale(1.1); 
}


@keyframes marquee {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}


@media (max-width:1400px) {

  .accreditations{
  margin-top: 44rem;
}
}


@media (max-width:666px) {

  .accreditations{
  margin-top: 64rem;
}

.marquee-content img {
  height: 100px !important;
  object-fit: contain;
  filter: grayscale(100%);
  transition: transform 0.4s ease, filter 0.4s ease; 
}


.marquee-content {
  display: flex;
  gap: 20px;
  animation: marquee 4s linear infinite;
}
}






















/* .testimonials-section {
            padding: 60px 0;
            background-color: #f8f9fa;
font-family: 'Gilroy-Bold', sans-serif !important;
            
        }

        .testimonials-section .section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .testimonials-section .section-title h2 {
            font-size: 2.5rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
        }

        .testimonials-section .section-title .underline {
            width: 80px;
            height: 3px;
            background-color: #6c63ff;
            margin: 0 auto;
        }

        .testimonials-section .testimonial-card {
            position: relative;
            margin-bottom: 30px;
            transition: transform 0.3s ease;
        }



        .testimonials-section .testimonial-card:hover {
            transform: translateY(-5px);
        }

        .testimonials-section .testimonial-image {
            width: 100%;
            height: 350px;
            object-fit: cover;
            display: block;
        }


                .testimonials-section .testimonial-card::before {
        content: "";
        filter: brightness(30%);
        }

        .testimonials-section .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .testimonials-section .play-button:hover {
            background-color: #6c63ff;
            color: white;
        }

        .testimonials-section .play-button i {
            font-size: 20px;
            color: #b9b9ba;
            margin-left: 3px;
        }

        .testimonials-section .play-button:hover i {
            color: white;
        }

        .testimonials-section .testimonial-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            color: white;
            padding: 30px 15px 15px;
            text-align: center;
        }

        .testimonials-section .testimonial-name {
            font-size: 0.9rem;
            font-weight: 400;
            margin-bottom: 5px;
        }

        .testimonials-section .testimonial-location {
            font-size: 0.9rem;
            opacity: 0.9;
        }

        .testimonials-section .view-more-link {
            text-align: center;
            margin-top: 30px;
        }

        .testimonials-section .view-more-link a {
            color: #8D7BE9;
            text-decoration: none;
            font-weight: 500;
            font-size: 1.1rem;
            transition: color 0.3s ease;
        }

        .testimonials-section .view-more-link a:hover {
            color: #5a52d4;
        }

        .testimonials-section .view-more-link i {
            margin-left: 8px;
            transition: transform 0.3s ease;
            color: red !important;
            font-size: 0.7rem;
        }

        .testimonials-section .view-more-link a:hover i {
            transform: translateX(3px);
        }

        @media (max-width: 768px) {
            .testimonials-section .section-title h2 {
                font-size: 2rem;
            }
            
            .testimonials-section .testimonial-image {
                height: 250px;
            }
            
            .testimonials-section .play-button {
                width: 50px;
                height: 50px;
            }
            
            .testimonials-section .play-button i {
                font-size: 16px;
            }
        } */














        
.testimonial-section {
            padding: 60px 0;
            background-color: #f8f9fa;
font-family: 'Gilroy-Bold', sans-serif !important;
        }

        .section-header {
            margin-bottom: 60px;
        }

        .main-heading {
            font-size: 2.5rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
        }

        .subtitle {
            font-size: 0.9rem;
            color: #98989A;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 500;
            margin-bottom: 15px;
        }

        .description {
            font-size: 1.1rem;
            color: #656567;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        .view-all-btn {
            background-color: #CDA46E;
            color: white;
            padding: 12px 30px;
            border: none;
            border-radius: 25px;
            font-weight: 500;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
            font-size: 0.95rem;
        }

        .view-all-btn:hover {
            background-color: #c49660;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(212, 165, 116, 0.3);
        }

        


.testimonial-slider {
            position: relative;
            padding: 0 20px;
            background-color: none !important;
            /* border: 1px solid red ; */

        }

        .testimonial-card {
            background: white;
            border-radius: 10px;
            padding: 30px;
            margin: 0 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            border: 1px solid #f1f1f1;
            position: relative;
            max-height: 300px;
      font-family: 'Manrope', sans-serif;

        }

        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.12);
        }

        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .testimonial-card .profile-image {
            width: 50px !important;
            height: 50px !important;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 15px;
            border: 2px solid #f8f9fa;
        }

        .customer-info {
            flex: 1;
        }

        .customer-name {
            margin: 0;
            font-size: 1rem;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 5px;
        }

        .rating {
            display: flex;
            align-items: center;
        }

        .star {
            color: #f39c12;
            font-size: 0.85rem;
            margin-right: 2px;
        }

        .quote-icon {
            font-size: 2.2rem;
            color: #6c63ff;
            opacity: 0.8;
            margin-left: auto;
        }

        .testimonial-content {
            color: #4C4C4D;
            font-size: 0.95rem;
            line-height: 1.6;
            font-style: normal;
        }

   
        .testimonial-section .owl-carousel {
            position: relative;
            background-color: none !important;
        }

        .testimonial-section .owl-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            display: flex !important;
            justify-content: space-between;
            pointer-events: none;
            z-index: 10;
        }

        .testimonial-section .owl-nav button {
            width: 45px !important;
            height: 45px !important;
            border-radius: 50% !important;
            background-color: white !important;
            border: 2px solid #e1e8ed !important;
            color: #7f8c8d !important;
            font-size: 16px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            pointer-events: auto !important;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
            outline: none !important;
        }

        .testimonial-section .owl-nav button:hover {
            background-color: #2c3e50 !important;
            color: white !important;
            border-color: #2c3e50 !important;
            transform: scale(1.05) !important;
            box-shadow: 0 6px 20px rgba(44, 62, 80, 0.25) !important;
        }

        .testimonial-section .owl-nav button.owl-prev {
            left: -25px;
        }

        .testimonial-section .owl-nav button.owl-next {
            right: -25px;
        }

        .testimonial-section .owl-nav button span {
            font-size: 14px !important;
            font-weight: bold !important;
        }

        .testimonial-section .owl-dots {
            display: none !important;
        }

        @media (max-width: 1200px) {
            .testimonial-slider {
                padding: 0 50px;
            }
            
            .testimonial-section .owl-nav button.owl-prev {
                left: -20px;
            }
            .testimonial-section .owl-nav button.owl-next {
                right: -20px;
            }
        }

        @media (max-width: 992px) {
            .testimonial-section .testimonial-slider {
                padding: 0 40px;
            }
            
            .testimonial-section .testimonial-card {
                margin: 0 10px;
                padding: 25px;
            }
        }

        @media (max-width: 768px) {
            .testimonial-slider {
                padding: 0 30px;
            }
            
    
            
            .testimonial-section .owl-nav button {
                display: none !important;
            }
        }

        @media (max-width: 576px) {
            .testimonial-slider {
                padding: 0px !important;
            }
            
            .testimonial-card {
                margin: 0 5px;
                padding: 20px;
            }
            
            .profile-image {
                width: 45px;
                height: 45px;
            }
            
            .customer-name {
                font-size: 0.95rem;
            }
            
            .testimonial-content {
                font-size: 0.9rem;
            }
            
            .quote-icon {
                font-size: 2rem;
            }
        }















        .advisor-section {
  /* background: url("..images/0d03f0c7f75aa356c9eb6b584da816b8b6540be2.jpg") no-repeat center center/cover; */
  height: 500px;
  color: #333;
  display: flex;
font-family: 'Gilroy-Bold', sans-serif !important;

}

.advisor-content {
  background: rgba(255, 255, 255, 0.8);
  padding: 40px;
  border-radius: 12px;
  max-width: 500px;
}

.advisor-content h2 {
  font-family: 'Gilroy-Bold', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #2B292A;
}

.advisor-content h3 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #6a2fe0;
}



.advisor-content p {
  font-size: 14px;
  color: #2B292A;
  margin-bottom: 20px;
}

.custom-input {
  border-radius: 30px;
  padding: 18px 20px;
  font-size: 14px;
  border: 1px solid #ddd;
}

.custom-input:focus {
  outline: none;
  border-color: #6a2fe0;
  box-shadow: 0 0 5px rgba(106, 47, 224, 0.3);
}

.btn-join {
  background-color: #8D7BE9;
  color: #fff;
  border: none;
  padding: 20px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: background 0.3s ease;
}

.btn-join:hover {
  background-color: #3a0ca3;
}


























.news-blogs {
  background: #fff;
  font-family: 'Fira Sans', sans-serif;
}

.news-blogs .section-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #222;
}

.news-blogs .underline {
  width: 80px;
  height: 3px;
  background: #8D7BE9;
  margin: 8px auto 15px;
}

.news-blogs .section-subtitle {
  font-size: 15px;
  color: #2B292A;
  font-family: 'Gilroy-Bold', sans-serif;

}

.news-blogs .blog-card {
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.news-blogs .blog-card:hover {
  transform: translateY(-5px);
}

.news-blogs .blog-img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.news-blogs .blog-content {
  padding: 15px;
}

.news-blogs .blog-date {
  font-size: 13px;
  color: #585657;
  margin-bottom: 8px;
  font-family: 'Gilroy-Bold', sans-serif;

}

.news-blogs .blog-title {
  font-size: 18px;
  font-weight: 600;
  color: #2B292A;
  margin-bottom: 10px;
  font-family: 'Gilroy-Bold', sans-serif;

}

.news-blogs .blog-link {
  font-size: 14px;
  font-weight: 500;
  color: #8D7BE9;
  text-decoration: none;
  transition: color 0.3s;
  font-family: 'Gilroy-Bold', sans-serif;

}

.news-blogs .blog-link:hover {
  color: #3a0ca3;
}















.success-stories-section {
            padding: 80px 0;
            background-color: #f8f9fa;
        }

        .section-title {
            text-align: center;
            margin-bottom: 60px;
            color: #000000;
  font-family: 'Fira Sans', sans-serif;

        }

        .section-title h2 {
            font-size: 2.5rem;
            font-weight: 700;
            color: #000000;
            margin-bottom: 15px;
  font-family: 'Fira Sans', sans-serif;

        }

        .section-title .underline {
            width: 80px;
            height: 3px;
            background-color: #6c63ff;
            margin: 0 auto;
        }

        .success-card {
            background: #ffffff;
            border-radius: 30px;
            overflow: hidden;
            margin: 10px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: 3px solid transparent;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

        .success-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        }

        .success-card.active {
            border-color: #00bcd4;
        }

        .card-image-container {
            position: relative;
            height: 250px;
            overflow: hidden;
      
      
        }

        .card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
                   padding: 10px;
            border-radius: 40px !important;

           

        }

        .flag-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 40px;
            height: 40px;
            background-color: rgba(206, 234, 242, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .flag-badge img {
            width: 24px !important;
            height: 16px;
            border-radius: 2px;
        }

        .card-content {
            padding: 20px;
             font-family: 'Work Sans', sans-serif;
        }

        .student-info {

            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .student-details {
            display: flex;
            align-items: center;
            flex: 1;
        }

        .student-name {
            font-size: 16px;
            font-weight: 400;
            color: #333;
            margin-bottom: 5px;
        }

        .student-country {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #666;
        }

        .country-flag {
            width: 22px !important;
            height: 14px !important;
            margin-left: 8px;
            border-radius: 2px;
        }

        .university-logo {
            width: 60px;
            height: auto;
            max-height: 40px;
            object-fit: contain;
        }

        /* Owl Carousel Custom Styles */
        .success-carousel  .owl-dots {
            text-align: center;
            margin-top: 30px;
        }

        .success-carousel .owl-dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 5px;
            background-color: #b0a7dc !important;
            border-radius: 50%;
            transition: all 0.3s ease;
        }

       .success-carousel .owl-dot.active {
            background-color: #6c63ff !important;
            transform: scale(1.2);
            width: 23px;
            border-radius: 150%;


        }

        .success-carousel  .owl-nav {
            display: none;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .section-title h2 {
                font-size: 2rem;
            }
            
            .card-image-container {
                height: 250px;
            }
            
            .student-info {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
            
            .university-logo {
                width: 60px;
                max-height: 30px;
            }
        }

        @media (max-width: 576px) {
            .success-stories-section {
                padding: 60px 0;
            }
            
            .success-card {
                margin: 5px;
            }
        }

























        .services-section {
  background-color: #8D7BE9; 
  padding: 80px 20px;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
}

.services-section .services-title {
  font-size: clamp(2rem,3vw,3rem);
  font-weight: 700;
  margin-bottom: 30px;
             font-family: 'Work Sans', sans-serif;

}

.services-section .services-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.services-section .custom-btn {
  background-color: #FFFFFF;
  color: #1E5DBC;
  font-weight: 600;
  padding: 15px 25px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.services-section .custom-btn:hover {
  background-color: #f0f0f0;
  color: #003c99;
}

.services-section .custom-outline-btn {
  border: 1.5px solid #fff;
  color: #fff;
  font-weight: 600;
  padding: 15px 25px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.services-section .custom-outline-btn:hover {
  background-color: #fff;
  color: #8c7ae6;
}



















.footer-section {
  background-color: #f8fbff;
  font-family: 'Lexend', sans-serif;
  padding: 40px 0 20px;
  color: #0b0b45;

}

.footer-nav .nav-link {
  color: #041CA7;
  font-weight: 400;
  margin: 0 0.2rem !important;
  transition: color 0.3s ease;
  font-size: clamp(0.8rem,1.3vw,1.3rem);
}


@media (max-width:476px) {

  .footer-nav .nav-link {

  margin: 0px !important;

  padding: 5px 8px;

  font-size: 0.7rem;
}

.privacyside{
  margin-top: 10px !important;
}


  
}

.footer-nav .nav-link:hover {
  color: #5a3dff;
}

.footer-contact p {
  margin: 15px ;
  font-weight: 400;
  color: #040463;
  font-size: clamp(1rem,1.3vw,1.3rem);
}

.footer-contact i {
  color: #0BD0D0;
  margin-right: 6px;
}

.footer-bottom {
  background-color: #8D7BE9;
  border-radius: 40px;
  padding: 15px 25px;
  color: #fff;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 3rem;
}

.footer-social a {
  display: inline-block;
  background: #fff;
  color: #000;
  margin: 0 6px;
  padding: 9px 13px;
  border-radius: 50%;
  font-size: 18px;
  transition: 0.3s;
}

.footer-social a:hover {
  background: #f1f1f1;
  color: #5a3dff;
}

.footer-info p {
  margin: 0;
  font-size: clamp(13px,1vw,16px) !important;
  font-weight: 300 !important;
}

.privacyside a {
  color: #fff;
  text-decoration: none;
  margin: 0 5px;
  font-weight: 300 !important;
  font-size: clamp(13px,1vw,16px) !important;


}

.privacyside {
    color: #fff;
  text-decoration: none;
  margin: 0 5px;
  font-weight: 300 !important;

}

.footer-info a:hover {
  text-decoration: underline;
}

.divider {
  margin: 0 5px;
  
}








































 @font-face {
      font-family: "Neo Sans";
      src: url("fonts/NeoSans-Regular.woff2") format("woff2"),
           url("fonts/NeoSans-Regular.woff") format("woff");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    .school {
      font-family: "Neo Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
      padding-left: 6rem; 
      margin-top: 8rem;
    }



    @media (max-width:992px) {
      .school{
        padding-left: 3rem;
      }




      
    }

        @media (max-width:576px) {
      .school{
        padding-left: 1rem;
      }

      


      
    }


    .school p {
      color: #000;
      font-weight: 400;
      font-size: clamp(1rem, 2vw, 1.5rem); /* responsive */
    }

    .school h3 {
      font-weight: 500;
      font-size: clamp(1.5rem, 3vw, 2.7rem); /* responsive */
      line-height: 1.4;
      color: #000;
    }

    .school a {
      background-color: #8D7BE9;
      color: white;
      font-size: 16px;
      font-weight: 700;
      padding: 12px 24px;
    }

    

    .school-card {
      position: relative;
      width: 100%;   /* 👈 take full width from carousel */
      height: 400px; /* 👈 smaller height for better mobile fit */
      border-radius: 16px;
      overflow: hidden;
      color: #fff;
    }
    @media (min-width: 992px) {
      .school-card {
        height: 550px; /* bigger on desktop */
      }
    }

    .school-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(39, 38, 38, 0.5);
      z-index: 1;
    }

    .school-card-content {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      z-index: 2;
    }


    

    .school-card h5 {
      font-weight: 500;
      font-size: clamp(1.5rem, 2vw, 2rem);
      color: #fff;
    }

    .school-card p {
      font-size: clamp(0.9rem, 1.5vw, 1.1rem);
      line-height: 1.5;
      color: #fff;
    }

    .school .btn-read {
      background: #8D7BE9;
      color: #fff;
      border: none;
      padding: 15px 22px;
      border-radius: 5px;
      font-size: clamp(0.7rem, 1.2vw, 0.9rem);
      font-weight: 600;
      transition: 0.7s ease;
    }
    .school .btn-read:hover {
      background: #6a3de6;
    }













    
    .featured-carousel .owl-nav {
      text-align: start !important;
    }
    .featured-carousel .owl-nav button {
      background: #333 !important;
      color: #fff !important;
      border-radius: 50%;
      width: 35px;
      height: 35px;
      margin: 0 5px;
      transition: 0.3s;
      font-size: 14px !important;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .featured-carousel .owl-nav button:hover {
      background: #7c4dff !important;
    }
    .featured-carousel .owl-dots {
      text-align: start !important;
      margin-top: 5px;
    }
    .featured-carousel .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 4px;
      background: #ccc;
      display: block;
      border-radius: 50%;
    }
    .featured-carousel .owl-dot.active span {
      background: #7c4dff;
    }
















.profile-placeholder {
            width: 50px !important;
            height: 50px !important;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 15px;
            border: 2px solid #f8f9fa; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;       
    font-weight: bold;
    text-transform: uppercase;
    flex-shrink: 0;
}