body{
  position: relative;
}

.Apply-form-container{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-40%);
  width: 60vw;
  height: 70vh;
  background: linear-gradient(135deg, #007cf0 0%, #00dfd8 50%, #f39c12 100%);
    z-index: 3000;
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
/* .input-container{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
} */

.close{
  position: absolute;
  z-index: 200;
  top: 2%;
  right: 2%;
  color: white;
  cursor: pointer;
}

.form-div-container{
  width: 100%;
  height: 70vh;
}
form{
  border-radius: 15px 0 0 15px;
  background-color:whitesmoke;
  
}
.form-div-container input{
  background-color: rgb(237, 236, 236);
}
.form-div-container input[type="submit"]{
  background: #e45970;
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  outline: none;
  border: none;
}
.form-div-container input[type="submit"]:hover{
  background-color: #e42c4c;
}
.form-div-container input[type="submit"]:active{
  transform: scale(0.9);
}
.form-div-container input,textarea,select{
  border-radius: 8px;
}
.form-div-container textarea{
  height: 10rem;
}
.heading-form{
  position: relative;
  /* background-image: url(../images/imb-nurshing/graph.jpeg); */
}
.heading-form img{
  position: absolute;
  top: 100%;
  left: 45%;
  opacity: 0.7;
  transform: translate(-50%,-50%);
}
@keyframes slideFromTop {
  from {
    transform: translateY(-200px);
    opacity: 0;
    top: 0%;
    left: 50%;
    transform: translate(-50%,-40%);
  }
  to {
    transform: translateY(0);
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-40%);
  }
}

header{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: white;
    z-index: 2000;
}

header .nav-link-container a{
    font-size: 1.2rem;
    color: #090979;

}

header nav ul{
  list-style-type: none;
  display:flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

header nav ul li{
  position: relative;
  text-align: center;
}
.drop-down ul li a{
  font-size: 0.5rem;
}
.drop-down{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
background-color:#288dfa;
border-radius: 5px;
/* box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; */
left: 50%;
top: 250%;
width: 13rem;
transform: translate(-50%);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease; 
}
/* .drop-down-show{
  top: 100%;
  visibility:visible;
  opacity: 1;
} */

.nav-link-container ul li:hover>.drop-down{
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.drop-down li{
  /* border: 1px solid black; */
  gap: 2rem;
  width: 100%;
}

.drop-down li a:hover{
  color: #e42c4c;
}

.logo-img{
  width: 40rem;
}
.small-screen-nav{
  display: none;
}

.side-navbar{
  position: fixed;
  margin-top: 0.8rem;
  background-color: white;
  z-index:1000;
  right: 0;
  color: #090979;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: start;
  width: 70vw;
  height: 0;
  opacity: 0;
  overflow: hidden;
  border-radius:0 0 10px 10px;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;  
  transition: height 0.7s ease-in-out, opacity 0.7s ease;
}

.show{
  height: auto;
  opacity: 1;
}


.side-navbar a{
  /* border: 1px solid black; */
  color: #090979;
  font-size: 1.1rem;
  width: 100%;
  transition: transform 0.7s ease;
}
.side-navbar a:hover{
  color: #e42c4c;
  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; */
  transform: translateX(1rem);
}

.about-drop-list{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  opacity: 0;
  height: 0;
  border-radius: 0px 0px 10px 10px;
  transition: height 10s ease-in-out, opacity 0.7s ease;
}

.about-drop-list a{
  font-size: 0.9rem;
  color:#020236;
  /* border-bottom: 1px solid black; */
  /* font-weight: 500; */
}
.about-drop-list a:hover{
  /* transform: translateX(0.6rem); */
}
.show-about-drop-list{
  opacity: 1;
  height: auto;
}



.nav-link-container a:hover{
color: #e42c4c;

}


.nav-btn{
    border-radius: 5px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: transform 1s ease;
}


.nav-btn:nth-child(1){
    border: 1px solid #0056b3;
}
.nav-btn:nth-child(2){
    background-color: #e42c4c;
    color: white;
}


.nav-btn:hover{
  opacity: 0.8;
  transform: scale(0.9);
}

.nav-new{
    font-size: 0.9rem;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    background: #020024;
    background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}



.about-section{
    width: 100%;
    height: 88vh;
    margin-top: 6rem;
    position: relative;
    background: #020024;
    background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    color: white;
    z-index: 999;
}

.about-div-container{
    position: relative;
}
.about-div-container h2{
  position: relative;
}
.tag-img{
  position: absolute;
  width: 16rem;
  z-index: 1;
  right: 20%;
  top: 19%;
  transform: rotate(-10deg);
}
#heart-beat{
    position: absolute;
    width: 20rem;
    left: 50%;
    top: 80%;
}
.star{
    position: absolute;
    left: 0;
    top: 3%;
    width: 6rem;
}

.about-section::after{
    /* position: absolute; */
    /* content: " ";
    width: 100%;
    height: 10rem;
    bottom: 0;
     background-image: url(../images/imb-nurshing/about-banner.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position:bottom;
     z-index: 1000; */
}

.nurse-img{
    width: 24rem;
    position: relative;
    z-index: 2;
    /* filter: drop-shadow(10px 1px 8px rgba(0, 0, 0, 0.304)); */
}
.nurse-container{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.nurse-container::after{
    position: absolute;
    content: " ";
    width: 100%;
    height: 8rem;
    bottom: 0;
    /* background-image: linear-gradient(to top, white ,transparent); */
}

#stethos-anim{
    width: 8rem;
}

#nurse-graient{
    position: absolute;
    width: 32rem;
    left: 18%;
    top: 10%;
    z-index: 1;
}
.nurse-content{
    position: absolute;
    text-align: center;
    font-size: 1.2rem;
    color: black;
    background-color: rgba(137, 137, 137, 0.181);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 8px;
    /* border: 1px solid red; */
}
.nurse-content:nth-child(2){
    bottom: 25%;
    left: 2%;
    z-index: 3;
    /* background-color: rgba(255, 255, 0, 0.238); */
    background-color: #0909798a;
    border: 1px solid white;
    color: white;
}
.nurse-content:nth-child(3){
    top: 27%;
    right: 3%;
    font-size: 1.2rem;
    z-index: 2;
    background-color:#fa526ebb;
    border: 1px solid white;
    color: white;

}

.nurse-content:nth-child(4){
    bottom: 3%;
    right: 1%;
    font-size: 1.5rem;
    z-index: 3;
    background-color:rgba(255, 166, 0, 0.581);
    border: 1px solid white;
    color: white;

}
.register a{
    color: yellow;

}
.register span{
    font-size: 1.4rem;
    border-bottom: 2px solid white;
}
.best-section{
    background-color: white;
}
.best-section h2{
color:#0056b3;
color: #020024;
font-weight: 500;
margin-bottom: 5rem;
/* border-bottom: 4px solid #e42c4c; */
}

.best-div{
    height: 17rem;
    background-color:white;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    border-radius: 12px 12px 0 0;
    border-bottom: 4px solid;
    border-image: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%) 1;
    position: relative;
    transition: transform 0.7s ease-in-out;
}
.best-div:hover{
    transform: translateY(-10px);
}
.best-icon{
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: -15%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 50%;
    color: white;
    border: 2px solid white;
}
.best-divheading{
    font-size: 1.1rem;
    color: #e42c4c;
    font-weight: bolder;
}
.best-paragraph{
    color: #090979;
    font-weight: 500;
}
.college-text{
    background-image: url(../images/imb-nurshing/yello-paint.png);
    background-size:cover;
    background-position: right;
    color:white;
    text-shadow: 2px -1px  4px black;
    background-repeat: no-repeat;
}

.scroll-section{
    /* background: #090979; */
    background-image: linear-gradient(90deg,rgb(84, 83, 83),#090979);
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}
.journey-heading{
    color: white;
    /* border-bottom: 4px solid #e42c4c; */
}
.journey-img{
  position: absolute;
  width: 15rem;
  left: 15%;
  top: 1.5rem;
  transform: rotate(-20deg);
}
.scroll-line-container {
    padding-left: 60px;
    position: relative;

  }



  /* .scroll-line-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 4px;
    height: 100%;
    background:#ddd;
    z-index: 0;
  } */

  .scroll-line {
    position: absolute;
    left: 5.9rem;
    background: linear-gradient(to right, #ffffff, #ffffff);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.6);
    top: 0;
    width: 4px;
    transform: translateX(-50%);
    height: 0;
    border-radius: 2px;
    transition: height 0.2s ease;
    z-index: 1;
  }

  .step {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 4rem;
  }
  .step:nth-child(6){
    margin-bottom:0;

  }

  .circle {
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }

  .gradient-text{
    background-image: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, #e42c4c 35%, rgba(0, 212, 255, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }

  .content {
    padding-left: 80px;
  }

  .content-box{
    width: 60rem;
     /* background: linear-gradient(135deg, rgba(3, 169, 244, 0.1), rgba(2, 13, 37, 0.8)); */
  background: rgba(255, 255, 255, 0.1);
  /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
    border-radius: 13px;
  }

  .content-box h4{
    color: rgb(255, 217, 0);
  }

  .content-box p{
    color: white;
  }


  .step-number {
    background: #000;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: bold;
    margin-right: 10px;
    font-size: 14px;
  }
.course-section{
    width: 100%;
    overflow: hidden;
}
  .course-section table{
    text-align: center;
    height: 15rem;
    border-collapse: separate;
    border-spacing: 0;
    border: 4px solid #0056b3;
    border-radius: 10px;
    color: black;
  }

  .course-section table td{
    padding: 0rem 1rem;
  }

  .course-section table thead td{
    color: black;
    background-color: rgba(191, 236, 254, 0.4);
    font-size: 1.1rem;
  }

  .c-name{
    background-color: rgba(191, 236, 254, 0.4);
    font-size: 1.2rem;
  }
  .course-section table button{
    background-color: #e42c4c;
    color: white;
    border: none;
    border-radius: 5px;
  }
  .c-opertunities{
  }

  .course-heading{
    color: black;
  }

  .small-table th{
background-color: #288dfa;
color: white;
  }

  .solar-section{
    width: 100%;
    height: 85vh;
    background-image: url(../images/imb-nurshing/facilities-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
.solar-section h2{
  color: black;
}
  .solar-syatem{
    position: relative;
  }

  .sun{
    position: absolute;
    width: 10rem;
    height: 10rem;
    left: 49%;
    top: 50%;
    transform: translate(-50% ,-50%);
    border-radius: 50%;
    z-index: 2;
    background: radial-gradient(circle, #ffaa00, #ff5500);
    box-shadow: 0 0 50px 20px #ff9900;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
  }


  .orbit-div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .ficilities-div{
    /* border: 1px solid black; */
    width: 10rem;
    height:10rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color:rgba(0, 0, 0, 0.707);
    font-weight: bold;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -0px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -0px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 2px 8px, rgba(0, 0, 0, 0.09) 0px 2px 16px;

  }
  .orbit-div{
    animation: spin 15s linear infinite;
    position: relative;
  }
  .orbit-div::after{
    position: absolute;
    content: " ";
    width: 30rem;
    height: 30rem;
    border: 1px solid black;
    border-radius: 50%;
    z-index: 1;
    /* background-color: rgb(201, 240, 255); */
    /* background-color:#020024; */
    background-color:white;

  }

  .ficilities-div:nth-child(1){
    transform: rotate(0deg) translate(120px);
    background-color:#f75671;
  }
  .ficilities-div:nth-child(2){
    transform: rotate(72deg) translate(120px);
    background-color: #288dfa;
  }
  .ficilities-div:nth-child(3){
    transform: rotate(144deg) translate(120px);
    background-color: rgb(178, 233, 255);
  }
  .ficilities-div:nth-child(4){
    transform: rotate(216deg) translate(120px);
    background-color: #fcc36d;
  }
  .ficilities-div:nth-child(5){
    transform: rotate(288deg) translate(120px);
    background-color: #fff;
  }


  .ficilities-div span {
    /* transform: rotate(-360deg); */
    display: inline-block;

  }



  @keyframes spin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to   { transform: translate(-50%, -50%) rotate(360deg); }
  }

  footer{
    background-color: #020255;
  }


  .small-table-container{
    display: none;
  }

  .dignitary-section{
    background-color: rgb(244, 243, 243);
  }

 .message-container{
  color: #020255;
  background-color: white;
  border-radius: 12px;
  border: 2px solid black;
 } 
.dignitary-name{
  font-size: 1.3rem;
  color: #e42c4c;
  /* font-weight: bold; */
}
.dignitary-message-heading{
  color:rgb(110, 199, 234);
  font-weight: bold;
}

  /* ----------------Media Query------------- */

@media (max-width: 575.98px) {

}


@media (max-width: 767.98px) {

  .small-screen-nav{
    display: block;
  }
  
  .large-screen-nav{
    display: none;
  }

  .about-section{
    width: 100%;
    height: 88vh;
    margin-top: 3rem;
}

.nav-new{
  font-size: 0.7rem;
}

.tag-img{
  width: 7rem;
  right: 2%;
  top: 22%;
  transform: rotate(-10deg);
}
.star{
  left: 0;
  top: 3%;
  width: 3rem;
}

.nurse-img{
  width: 22rem;
}

.nurse-content:nth-child(2){
  font-size: 0.8rem;
  bottom:38%;
  left: 2%;
}
.nurse-content:nth-child(3){
  top: 27%;
  right: 1%;
  font-size: 0.7rem;
}

.nurse-content:nth-child(4){
  bottom: 18%;
  right: 1%;
  font-size: 1rem;

}

#heart-beat{
  width: 10rem;
  left: 55%;
  top: 75%;
}

#nurse-graient{
  width: 20rem;
  left: 12%;
  top: 5%;
}

.best-div{
  height: auto;
  border-radius: 12px 12px 0 0;
  border-bottom: 4px solid;
}

.best-paragraph{
  /* font-size: 0.8rem; */
}

.best-section{
  /* min-width: 100vw;
  overflow-x: hidden; */
}

.best-section h2{
  margin-bottom: 3rem;
  }

  .best-div:hover{
    transform: translateY(-5px);
}

.best-icon{
  width: 4rem;
  height: 4rem;
  top: -24%;
}

.scroll-line-container {
  padding-left: 0px;
}

.circle {
  width: 45px;
  height: 45px;
  font-size: 17px;
  left: 0;
  top: 0;
  z-index: 2;
}

.content {
  padding-left: 55px;
}

.scroll-line {
  left: 1.5rem;
  top: 0;
  width: 4px;
  transform: translateX(-50%);
  height: 0;
}

.content-box{
  width: 18rem;
}

.content-box h4{
  font-size: 1.2rem;
  text-align: center;
}

.step:nth-child(6){
  margin-bottom:2rem;

}

.c-name{
  background-color: rgba(191, 236, 254, 0.4);
  font-size: 0.8rem;
  font-weight: 450;
}

.course-section table{
  text-align: center;
  height: 14rem;
  border-collapse: separate;
  border-spacing: 0;
  border: 4px solid #0056b3;
  border-radius: 10px;
}

.course-section table th{
  font-size: 1rem;
  font-weight: 400;
}

.small-table-container{
  display:block;
}

.big-table{
  display: none;
}

.solar-section{
  width: 100%;
  height: 65vh;
  background-image: url(../images/imb-nurshing/facilities-bg-rotate.jpg);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
}
.solar-section h2{
color: black;
}
.solar-syatem{
  position: relative;
}

.sun{
  width: 7rem;
  height: 7rem;
  left: 49%;
  top: 10%;
  transform: translate(-50% ,-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.8rem;
}


.orbit-div{
  position: absolute;
  top: 10%;
  left: 54%;
  transform: translate(-50%,-54%);
}

.ficilities-div{
  /* border: 1px solid black; */
  width: 6rem;
  height:6rem;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-size: 0.8rem;
}
.orbit-div{
  animation: spin 15s linear infinite;
  position: relative;
}
.orbit-div::after{
  position: absolute;
  content: " ";
  width: 20rem;
  height: 20rem;
  border: 1px solid black;
  border-radius: 50%;
  z-index: 1;
  /* background-color: rgb(201, 240, 255); */
  /* background-color:#020024; */
  background-color:white;

}

.ficilities-div:nth-child(1){
  transform: rotate(0deg) translate(95px);
  background-color:#f75671;
}
.ficilities-div:nth-child(2){
  transform: rotate(72deg) translate(95px);
  background-color: #288dfa;
}
.ficilities-div:nth-child(3){
  transform: rotate(144deg) translate(95px);
  background-color: rgb(178, 233, 255);
}
.ficilities-div:nth-child(4){
  transform: rotate(216deg) translate(95px);
  background-color: #fcc36d;
}
.ficilities-div:nth-child(5){
  transform: rotate(288deg) translate(95px);
  background-color: #fff;
}


.ficilities-div span {
  /* transform: rotate(-360deg); */
  font-size: 0.7rem;
  display: inline-block;

}

.dignitary-name{
  font-size: 1rem
}


}

@media screen and (max-width:395px) {
  .solar-section{
    width: 100%;
    height: 85vh;
    background-image: url(../images/imb-nurshing/facilities-bg-rotate.jpg);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
  }
  .orbit-div{
    position: absolute;
    top: 10%;
    left: 54%;
    transform: translate(-50%,-54%);
  }
  
  .ficilities-div{
    /* border: 1px solid black; */
    width: 6rem;
    height:6rem;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    font-size: 0.8rem;
  }

  .ficilities-div:nth-child(1){
    transform: rotate(0deg) translate(95px);
    background-color:#f75671;
  }
  .ficilities-div:nth-child(2){
    transform: rotate(72deg) translate(95px);
    background-color: #288dfa;
  }
  .ficilities-div:nth-child(3){
    transform: rotate(144deg) translate(95px);
    background-color: rgb(178, 233, 255);
  }
  .ficilities-div:nth-child(4){
    transform: rotate(216deg) translate(95px);
    background-color: #fcc36d;
  }
  .ficilities-div:nth-child(5){
    transform: rotate(288deg) translate(95px);
    background-color: #fff;
  }

  .nurse-img{
    width: 19rem;
  }


}

@media (min-width: 768px) and (max-width:1024px) {

  header .nav-link-container a{
    font-size: 1.2rem;
    color: #090979;

}

.nav-btn{
  font-size: 0.8rem;

}

.logo-img{
  width: 50rem;
}

.tag-img{
  width: 12rem;
  right: 13%;
  top: 18%;
  transform: rotate(-10deg);
}

.nurse-img{
  width: 25rem;
  /* filter: drop-shadow(10px 1px 8px rgba(0, 0, 0, 0.304)); */
}

#heart-beat{
  width: 20rem;
  left: 60%;
  top: 60%;
}

.content-box{
  width: 30rem;
}

.orbit-div{
  top: 10%;
  left: 54%;
  transform: translate(-50%,-54%);
}

.ficilities-div:nth-child(1){
  transform: rotate(0deg) translate(200px);
  background-color:#f75671;
}
.ficilities-div:nth-child(2){
  transform: rotate(72deg) translate(200px);
  background-color: #288dfa;
}
.ficilities-div:nth-child(3){
  transform: rotate(144deg) translate(200px);
  background-color: rgb(178, 233, 255);
}
.ficilities-div:nth-child(4){
  transform: rotate(216deg) translate(200px);
  background-color: #fcc36d;
}
.ficilities-div:nth-child(5){
  transform: rotate(288deg) translate(200px);
  background-color: #fff;
}

.orbit-div::after{
  position: absolute;
  content: " ";
  width: 40rem;
  height: 40rem;
  border: 1px solid black;
  border-radius: 50%;
  z-index: 1;
  /* background-color: rgb(201, 240, 255); */
  /* background-color:#020024; */
  background-color:white;

}

.sun{
  width: 14rem;
  height: 14rem;
  left: 52%;
  top: 10%;
  transform: translate(-50% ,-52%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.8rem;
}

.solar-section{
  width: 100%;
  height: 85vh;
  background-image: url(../images/imb-nurshing/facilities-bg-rotate.jpg);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
}

.small-screen-nav{
  display: block;
}

.large-screen-nav{
  display: none;
}

}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .nurse-img{
    width: 27rem;
    /* filter: drop-shadow(10px 1px 8px rgba(0, 0, 0, 0.304)); */
  }
  .best-divheading{
    padding-top: 2rem;
  }
}

@media (min-width: 1400px) {
  .nurse-img{
    width: 24rem;
    /* filter: drop-shadow(10px 1px 8px rgba(0, 0, 0, 0.304)); */
  }
}


/* ----------------------------Chairman Page------------------------ */


.chairman-section{
  margin-top: 7rem;
  color: black;
}
.chairmain-main-div{
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  border-radius: 10px;
  background-color: rgba(220, 220, 220, 0.107);
}
.chairman-img-div{
position: relative;
width: 100%;
height: 100%;
}
.chairman-img{
  /* width: 30rem; */
  width: 100%;
  height: 100%;
  /* height: 27rem; */
}
.chairman-main-img-div{
  background: url(../images/imb-nurshing/dignitary-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px 0 0 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  width: 100%;
  height: 23rem;
}

.name-div{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  bottom: 5%;
  right: -100%;
  background: #faee02;
background: linear-gradient(301deg,rgba(250, 238, 2, 1) 0%, rgb(255, 136, 0) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 8px;
  color:white;
  text-shadow: 1px 1px 1px #020255;
  font-weight: bold;

}

.principal-name-div{
  right: -108%;
}
.name-div img{
  width: 5rem;
}

.chairman{
  font-size: 1.2rem;
}
.desig{
  font-size: 1.1rem;
}
.message-div p:nth-child(1){
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  color:black;
}
.message-div p:last-of-type {
  border-bottom: 2px solid rgba(138, 134, 134, 0.589);
  padding-bottom: 1rem;
}

/* ----------Media query for Chairman and Principal--------------- */

@media (max-width:767px){
  .chairman-section{
    margin-top: 3rem;
  }
  .name-div{
    width: max-content;
    bottom: -1%;
    right: -265%;
  }
  .principal-name-div{
    bottom: 2%;
    right: -250%;
  }
.chairman-main-img-div{
  border-radius: 10px;
}
  .name-div img{
    width: 3rem;
  }
  
  .chairman{
    font-size: 0.8rem;
  }
  .desig{
    font-size: 0.6rem;
  }
  .message-div p:nth-child(1){
    font-size: 1rem;
    text-align: center;
  }
  .message-div p{
    text-align: justify;
  }
}

@media (min-width:540px ) and (max-width:768px) {
  .name-div{
    width: max-content;
    bottom: 0%;
    right: -200%;
  
  }
}

@media (min-width: 768px) and (max-width:1024px) {
/* .chairman-img{
  width: 50rem;
} */

  .name-div{
    width: max-content;
    bottom: 0%;
    right: -150%;
  
  }
  .message-div p:last-of-type {
    padding-bottom: 0.5rem;
  }
  .message-div p:nth-child(1){
    font-size: 1.1rem;
    text-align: center;
  }
}

@media (min-width: 320px) and (max-width:350px) {
  .name-div{
    width: max-content;
    bottom: 0%;
    right: -260%;
  }
.principal-name-div{
  bottom: -5%;
  right: -280%;
}
  .chairman{
    font-size: 0.7rem;
  }
  .desig{
    font-size: 0.7rem;
  }

  .message-div p:last-of-type {
    padding-bottom: 0.5rem;
  }
  .message-div p:nth-child(1){
    font-size: 1.1rem;
    /* text-align: center; */
  }
}

/* ----------------------Media query for pop up form------------------ */

@media (max-width: 575.98px) {
  .Apply-form-container{
    top:40%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 95vw;
    height: 90vh;
      z-index: 3000;
  }


  .heading-form h3{
    font-size: 1.6rem;
  }

  form{
    width: 100%;
    height: 100%;
    border-radius: 15px;

  }

  .close{
    top: 2%;
    right: 5%;
  }

}

@media (min-width: 576px) and (max-width: 767.98px) {


}

@media (min-width: 768px) and (max-width: 991.98px) {

  .Apply-form-container{
    top:50%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 75vw;
    height: 75vh;
      z-index: 3000;
  }
  
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .Apply-form-container{
    top:50%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 75vw;
    height: 75vh;
      z-index: 3000;
  }
  
}
@media (min-width: 1200px) {
  /* .Apply-form-container{
    top:50%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 65vw;
    height: 65vh;
      z-index: 3000;
  } */
}