@import url("https://fonts.googleapis.com/css2?family=Lumanosimo&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Abhaya+Libre&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');


:root {
  --main-color: #eea788;
  --sub-color1: #b7dd22;
  --sub-color2: #006b39;
  --sub-color3: #fff500;
  /* --sub-color4: #e48455; */
  --sub-color4: rgb(255, 119, 15);
  --sub-color5: rgb(62, 192, 2);
  --sub-color6: #9fb121;
  --sub-color7: #ff7b91;
  --sub-color8: #f9ffee;
  --white-color: #fff;
  --heading-font: "Cinzel";
  --heading-font1: "Cinzel", cursive;
  --heading-font2: "Open Sans", serif;
}

h1,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font);
}

h2{
  font-family: cursive;
  text-decoration: underline;
font-size: 50px;
color: var(--sub-color4);
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  h2 {
    font-size: 50px;

  }
  h1{
    font-size: 70px;

  }
  h4{
    font-size: 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  h2 {
    font-size: 45px;

  }
  h1{
    font-size: 60px;

  }
  h4{
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2{
    font-size: 40px;

  }
  h1{
    font-size: 50px;

  }
  h4{
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 35px;

  }
  h1{
    font-size: 40px;

  }
  h4{
    font-size: 20px;
  }
}

.bnnr-section {
  position: relative;
  background-color: #e9e9e969;
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
}
.bnnr-section h1 {
  color: var(--sub-color4);
  font-family: var(--heading-font1);
  /* font-size: 70px; */
  text-shadow: -1px -1px 0 #fdfdfd, /* Top-left shadow (black) */ 1px -1px 0 #ffffff,
    /* Top-right shadow (black) */ -1px 1px 0 #ffffff,
    /* Bottom-left shadow (black) */ 1px 1px 0 #fffefe; /* Bottom-right shadow (black) */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    word-spacing: 1px;
}
.bnnr-section h4 {
  color: var(--main-color);
}

/* header css */

.head {
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
}

.header h6{
    font-family: var(--heading-font);
    font-weight: 700;
}
.header a {
  text-decoration: none;
  color: var(--sub-color4);
  font-weight: 700;
  font-family: var(--heading-font2);
}

.header div:nth-child(2) nav > a:hover {
  color: var(--main-color);
}

.logo-img {
  width: 50px;
}

#contacts {
  font-size: 13px;
  background-color: #ffeb0c;
}

#img-bnnr {
  width: 100vw;
  position: relative;
}
.img-head > img{
  border-radius: 1%;
  box-shadow: 0px 0px 10px rgba(83, 83, 83, 0.507);
  height: 400px;
  width: 450px;
  object-fit:cover;
  object-position: top;
}

/* header css end */
/* 
.container-fluid {
  border: 1px red solid;
}
.row {
  border: 1px green solid;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-sm-7,
.col-8,
.col {
  border: 1px blue solid;
}

span {
  border: 1px var(--main-color) solid;
}
div {
  border: 1px var(--main-color) solid;
} */

/* info section */

.counters {
  border-radius: 20px;
  background-color: rgba(255, 114, 58, 0.1);
  border-radius: 5px;
  padding: 40px 40px;
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
}
.counters h4{
    font-family: var(--heading-font1);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .counters {
    padding: 40px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .counters {
    padding: 40px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counters {
    padding: 40px 25px;
  }
}

@media (max-width: 767px) {
  .counters {
    padding: 40px 15px;
  }
}

.counters h2 {
  color: #6f9b09;
  /* font-size: 46px; */
  margin-bottom: 20px;
}

.counters h5 {
  font-size: 20px;
  line-height: 1.4;
  font-family: var(--heading-font1);
  color: #080808ce;

}

.count-1 {
  background-color: rgba(142, 102, 255, 0.1);
}

.count-1 h2 {
  color: #8e66ff;

}

.count-2 {
  background-color: rgba(241, 77, 93, 0.1);
}

.count-2 h2 {
  color: #f14d5d;

}

.count-3 {
  background-color: rgba(40, 120, 235, 0.1);
}

.count-3 h2 {
  color: #2878eb;

}

/* end info section */

/* about section */
.about-sec {
  
  background-color: #f8fce6;
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
}
.about-sec h2 {
  color: var(--sub-color6);
  /* font-size: 50px; */
  font-family: var(--heading-font1);
  text-decoration: underline;
}

.about-sec h4 {
  /* font-size: 35px; */
  text-decoration: underline;
  color: var(--sub-color2);
}
.sec-back-1 {
  background-color: #c8de9e;
  border-radius: 20px 0px;
  color: var(--sub-color2);
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
}
.sec-back-1 > p {
  color: var(--sub-color2);
  font-family: var(--heading-font2);

}
/* end about section */


/* momentss */

.img-block > img {
  border-radius: 20px;
  box-shadow: 0px 0px 10px rgba(83, 83, 83, 0.507);
  transition: all ease-in-out 0.5s;
}
.img-block > img:hover {
  transform: translateX(10px) scale(1.15) ;
}
 .moments {
  background-color: #ffdbdf75;
  box-shadow: 0px 0px 10px rgba(83, 83, 83, 0.381);
  
}
.moments h2 {
  color: var(--sub-color7);
  /* font-size: 50px; */
  font-family: var(--heading-font1);

  text-decoration: underline;
 
}
/* end momentss */

/* testimonials */
.card-custom {
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
  /* border: 4px solid var(--sub-color7); */
  border-radius: 20px 0px;
}

.testi-space {
  background-color: #97a2da0e;
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
}
 .testi-space h2 {
  font-family: var(--heading-font1);
  color: #97a2da;
  /* font-size: 50px; */
  text-decoration: underline;
}


/* footer */
#footer-logo {
  width: 120px;
}

.footer {
  background-color: var(--sub-color8);
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);
  font-family: var(--heading-font2);
  font-weight: 700;
}

.footer a{
    text-decoration: none;
    color: var(--sub-color6);
    font-weight: 700;
    font-size: large;
    font-family: var(--heading-font2);
   /* background-color: #81962e; */
}
.footer h6 {
    color: var(--sub-color2);
    font-size: x-large;
    text-decoration:underline;
    text-shadow: -1px -1px 0 #ffffff, /* Top-left shadow (black) */ 1px -1px 0 #000,
    /* Top-right shadow (black) */ -1px 1px 0 #000,
    /* Bottom-left shadow (black) */ 1px 1px 0 #000; /* Bottom-right shadow (black) */
}
.footer p{
    color: #e48455;
}

#links {
    /* border: 1px var(--main-color) solid; */
    width: 80%;
  }

#cright {
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 12px;
  background-color: #9eb12153;
}
#cright p{
    color: var(--sub-color2);
    font-family: sans-serif;

}
.icon{
    padding: 5px 10px;
    border-radius: 50%;
    background-color: rgb(207, 240, 189);
    transition: all ease-in-out 1s;
}
.icon:hover{
    transform: scale(1.3);
}
/* footer end */

/* #f9ffee */
/* background-image: linear-gradient(to right, var(--theme-color3) 0, var(--theme-color3) 80px, transparent 80px, transparent 85px, var(--theme-color2) 85px, var(--theme-color2) 100px, transparent 100px, transparent 105px, var(--theme-color2) 105px, var(--theme-color2) 112px); */
/* admission */
.admission{
  background-color: #9eb1210f;
  /* background-color: #ff7b911e; */
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);

}
/* end admission */

/* contact */
.contact-info{
  border: 1px solid #6c6c6c98;
  box-shadow: 0px 0px 10px rgba(197, 196, 196, 0.507);

}
/*end  contact */

 /* //////////LOADER SETTINGS////////////// */
 .loaders {
  background-color: white;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.loading1 {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  padding: 20%;
  transform: scale(0.5);
  animation: pulses 2s infinite;
}


@keyframes pulses {
  0% {
    transform: scale(0.5);
    background-color: white;
    /* Starting background color */
  }

  50% {
    transform: scale(0.8);
    background-color: rgb(220, 220, 220);
    ;
    /* Midway background color */
  }

  100% {
    transform: scale(0.5);
    background-color: white;
    /* Ending background color */
  }
}

/* ........................Notice styling................... */
.notice-container {
display: flex;
flex-direction: column;
overflow: hidden;
border: var(--theme-color) solid 1px;
padding: 30px;
}
.notice-opt {
display: flex;
border-bottom: var(--theme-color) solid 1px;
}
.notice-opt a {
color: white;
background-color: var(--theme-color);
padding: 7px 30px;
text-decoration: none;
margin-right: 3px;
border-radius: 20px 20px 0 0;
box-shadow: 5px 5px 5px rgb(196, 196, 196);
}

.notice-opt a:hover {
background-color: #bc0047;
}
.notice-content-notice {
margin-top: 20px;
/* background-color: rgb(255 248 251); */
background-color: rgb(250 250 250);
position: relative;
}
.notice-content-notice ul {
position: relative;
list-style: none;
}

.notice-content-notice ul li::before {
content: "•";
height: 18px;
width: 18px;
text-align: center;
line-height: 15px;
font-size: 27px;
background-color: var(--marker-color);
color: white;
position: absolute;
transform: translate(-28px, 3px);
border-radius: 50%;
box-shadow: 0 0 5px white;
}

/* @media (max-width: 991px) {
.notice-content-notice ul li::after {
  transform: translate(-25px, -106px);
-webkit-transform: translate(-25px, -80px);

  }
}
@media (max-width: 512px) {
.notice-content-notice ul li::after {
  transform: translate(-25px, -132px);
-webkit-transform: translate(-25px, -80px);

  }
}
@media (max-width: 395px) {
.notice-content-notice ul li::after {
  transform: translate(-25px, -158px);
-webkit-transform: translate(-25px, -80px);

  }
}
@media (max-width: 324px) {
.notice-content-notice ul li::after {
  transform: translate(-25px, -184px);
-webkit-transform: translate(-25px, -80px);

  }
}  */
#myli {
position: relative;
  padding-left: 2rem;
}
.back {
width: 2px;
display: inline;
height: 100%;
padding: 1px;
background-color: rgb(128, 128, 128);
position: absolute;
margin-left: 11.5px;
}

.notice-head {
font-size: 14px;
text-transform: capitalize;
color: #292929;
}
.notice-content {
font-size: 13px;
color: #343434;
}
.notice-content p {
margin: 0;
display: inline;
}
.notice-updt {
font-size: 11px;
color: rgb(119, 47, 170);
/* color: var(--theme-color); */
}
.read-more-button {
display: none;
cursor: pointer;
animation: pulse 2s infinite;
}

@keyframes pulse {
0% {
  color: black;
}
50% {
  color: rgb(31, 178, 252);
}
100% {
  color: var(--theme-color);
}
}

#event {
display: none;
}
#notice-button,
#event-button {
cursor: pointer;
color: white;
}

.blank {
  width: 100%;
  display: block;
  background-image: url(../../images/master_heding_border.png);
  height: 107px;
  margin-top: -63px;
  
 
  /* position: absolute; */
}
/* Notice styling end */

/****************birthday card Styling start*************/
.birthday-container {
display: flex;
justify-content: center;
align-items: flex-start;
}
.mydiv {
padding: 20px;
margin: 20px;
border: 5px solid #ffd1d5;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-top: 0;
border-radius: 59px 10px;
}
.carousel1 {
display: flex;
overflow: hidden;
width: 500px;
height: 540px;
box-shadow: 0px 0px 10px #dadada;
}

.carousel-slide1 {
flex: 0 0 100%;
background-image: url("../img/bd3.jpg");
background-repeat: round;
transition: 1s ease-in-out;
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: column;
position: relative;
}

.carousel-slide1 > img {
width: 40%;
height: 40%;
transform: translate(2px, -18px);
box-shadow: 5px 5px 10px rgba(200, 200, 200, 0.604);
border-radius: 5px;
border: #f6bac2 3px solid;
object-fit: cover;
object-position: center;
}

#prevBtn,
#nextBtn {
margin: 10px;
cursor: pointer;
position: absolute;
top: 50%;
font-size: xx-large;
border-radius: 50%;
border: none;
display: flex;
align-items: center;
justify-content: center;
padding: 21px 25px;
font-weight: 900;
color: #f6bac2;
z-index: 2;
}
#prevBtn:hover,
#nextBtn:hover {
background-color: #f6bac2;
color: white;
transform: scale(1.01);
}
#nextBtn {
right: 0;
}
#prevBtn {
left: 0;
}

.stdnt_details {
width: 100%;
background-color: #ffebea;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
line-height: 2px;
text-align: center;
}
.stdnt_details p {
margin: 0;
font-size: 25px;
font-weight: 600;
color: var(--theme-color);
line-height: 1.25;
text-shadow: 2px 2px 2px #000;
}
.brth-ribbon {
z-index: 2;
}

.brth-ribbon img {
width: 100%;
margin-top: -56px;
}
@media (max-width: 991px) {
.carousel1 {
  height: 559px;
  width: 500px;
}
}
@media (max-width: 512px) {
.carousel1 {
  height: 400px;
  width: 340px;
}
}
@media (max-width: 395px) {
.carousel1 {
  height: 367px;
  width: 307px;
}
.stdnt_details p {
  font-size: 20px;
}
}
@media (max-width: 324px) {
.carousel1 {
  height: 282px;
  width: 210px;
}
}
/****************birthday card Styling end*************/