@charset "UTF-8";

/*********************************************************************************

	Custom CSS

**********************************************************************************/
@font-face {
  font-family: "banner-ui";
  src: url(../fonts/Country\ Wedding.ttf);
}

.plan-offer-list-reset li i {
  background-color: transparent;
  color: black;
}

.counter-reset::after {

  content: " " !important;
}

.result-profile-image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

#pass {
  color: white;
  background-color: green;
}

#fail {
  color: white;
  background-color: red;
}

.table-margin-reset .h6 {
  margin-bottom: 0px !important;
}

/* Modal Popup Start */
.custom-square-modal {
  /* padding: 30px; */
  width: 100%;
  max-width: 500px;
  height: 500px;
}

.custom-square-modal .modal-body {
  overflow: auto;
  /* Ensure content scrolls if it overflows */
}

/* Modal Popup End */

/* Festival Banner */
.fest-body {
  background: rgb(254, 31, 219);
  background: url(../images/banner/pt1.png), radial-gradient(circle, rgba(254, 31, 219, 0.9248074229691877) 0%, rgba(255, 0, 155, 0.6839110644257703) 51%, rgba(252, 0, 0, 0.8995973389355743) 100%);
}

.fest-title {
  color: white;
  font-family: banner-ui;
  text-shadow: 3px 3px 6px black;
}

.fest-subtitle {
  color: white;
  font-family: banner-ui;
  text-shadow: 0px 0px 5px #440303;
}

.rotate-1 {
  animation: rotation 58s infinite linear;
  position: fixed;
  bottom: -200px;
  right: -200px;
}

.half-opacity {

  opacity: 0.8;

}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

/* Festival Banner End*/

/* Birthday Section Start */

.birthday-section{
padding:80px 0;
}

.birthday-row{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
}

/* student circle */

.student{
width:110px;
height:110px;
border-radius:50%;
border:5px solid #fc954b;
background:#f6b11a;
overflow:hidden;
margin-left:-35px;
transition:0.4s;
transform:scale(1);
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
}

.student:first-child{
margin-left:0;
}

.student img{
width:100%;
height:100%;
object-fit:cover;

}

.student.active{
transform:scale(1.55);
border:6px solid #fa3517;
z-index:5;
filter: grayscale(0%);
-webkit-filter: grayscale(0%); 
}

/* student info */

.student-info{
margin-top:40px;
text-align:center;
}

.student-name{
font-size:22px;
font-weight:600;
color:#333;
}

.student-class{
font-size:16px;
color:#777;
}

/* no birthday */

.no-birthday{
font-size:20px;
color:#666;
padding:40px;
}

/* responsive */

@media(max-width:768px){

.student{
width:85px;
height:85px;
margin-left:-25px;
}

.student.active{
transform:scale(1.45);
}

}

@media(max-width:480px){

.student{
width:65px;
height:65px;
margin-left:-18px;
}

.student.active{
transform:scale(1.4);
border:3px solid #fa3517;
}

}

/* Birthday Section End */