@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap");

body {
    font-family: "Poppins", sans-serif;
    overflow-x: hidden !important;
    background-color: black !important; 
}

/* Navbar CSS Style Start */


@media (min-width: 991px) {
    .logo {
      width: 5%;
      margin-left:25px;
    }
  }
  
  @media (max-width: 990px) {
    .logo {
      width: 10%;
    }
  }
  
  @media (max-width: 470px) {
    .logo {
      width: 13%;
    }
  }

  .navbar-brand , .nav-bar ,.nav-link
{
    color:rgb(168,205,122) !important;
}


.front-page
{
  background-image: url(../images/LandingPage_WB.jpg);
  background-size: cover;
  width:100vw;
  height:89vh;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
}

.front-div
{
    padding-top:28vh;
    -webkit-background-clip:text;
    color:transparent;
    background-color: #85FFBD;
    background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
}

.scholarship-text
{
    font-size: 10vh;
}

.register-btn
{
    padding:8px 32px;
    border:none;
    border-radius:7px;
    cursor:pointer;
    color:rgb(168,205,122);
    border:1px solid rgb(168,205,122);
    text-shadow: 3px 3px 5px white;
    background:transparent;
    font-size:17px;
    text-shadow: 3px 3px 7px black;
}

.register-btn:hover
{
  color:white;
  /* background-color: #85FFBD; */
  background-color: rgb(168,205,122);
}


/* Navbar hamburger Css Start */


 /* Remove border from toggler */
 .navbar-toggler {
  border: 0 !important;
}

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

/* Lines of the Toggler */
.toggler-icon{
  width: 30px;
  height: 3px;
  background-color: rgb(168,205,122);
  display: block;
  transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar{
  margin: 5px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
  background-color: rgb(168,205,122);
}

/* Navbar Hamburger Css End */

/* Navbar CSS Style End */

/* Eligible Session CSS Start */

.eligible-image
{
  width:100%;
  height:100%;
  /* border-radius:12px; */
  border-top-left-radius:40px;
  cursor: pointer;
  border-bottom-right-radius:40px;
}

.eligible-image:hover
{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition:1s ease-in-out;
  transition:1s ease-in-out;
}

@media only screen and (min-width:767px)
{
  .eligible-text
    {
      padding-top:40px;
    }
}

/* Eligible Session CSS End */

/* Benefit CSS Start */

.benefit-cards
{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-bottom: 32px;
}

.benefits
{
    width:280px;
    box-sizing: border-box;
    padding:20px 15px;
    margin:10px;
    border:1px solid rgb(168,205,122);
    background-color: #020202;
    /* color:#85FFBD; */
    color:rgb(168,205,122);
    border-radius: 12px;
}

.benefit-text
{
    padding-top:12px;
}

.benefits:hover{
    /* -webkit-box-shadow:0px 0px 15px #3ef38a;
    box-shadow: 0px 0px 15px #3ef38a; */
    -webkit-box-shadow:0px 0px 15px rgb(168,205,122);
    box-shadow: 0px 0px 15px rgb(168,205,122);
    cursor: pointer;
}

/* For smaller width Benefit box four side shadow confirm it once */
/* @media only screen and (max-width:767px)
{
    .benefits{
        -webkit-box-shadow:0px 0px 15px #3ef38a;
        box-shadow: 0px 0px 15px #3ef38a;
    }
} */

/* Benefit CSS end*/



/* begin of syllabus session */

.flip
{
    background-color: transparent;
    width:300px;
    height:300px;
    perspective: 500px;
    padding:12px;
    background: transparent;
    text-align: center;
    border-radius: 28px;
    cursor: pointer;
}

@media only screen and (min-width:767px) and (max-width:940px)
{
  .flip{
    height:350px;
  }
}

.inner
{
    position:relative;
    width:100%;
    height:100%;
    text-align: center;
    transition: transform 2s;
    transform-style:preserve-3d;
    pointer-events: none;
}

.flip:hover .inner{
    transform:rotateY(180deg);
    -moz-box-shadow: 0 0 15px #9fa1a0;
    -webkit-box-shadow: 0 0 15px #8d918f;
    box-shadow: 0 0 15px #6a6b6b;
    border-radius: 28px;
}

.front, .back
{
    position: absolute;
    width:100%;
    height:100%;
    backface-visibility: hidden;
    border-radius: 24px;
    font-size: 12px !important;
    font-weight: 300;
    color:#0a0a0a;
    border:1px solid #c2c5c4;
}

.front{
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    padding-top:120px !important;
}

.back
{
    background-color: rgb(255, 255, 255);
    transform:rotateY(180deg);
    text-align: start !important;
}


.syllabus-btn
{
    padding:12px 30px;
    border:1px solid #020202;
    color:#020202;
    border-radius: 8px;
    cursor: pointer;
    font-size:16px;
    background-color: rgb(255, 255, 255);
}

.syllabus-btn:hover{
    color:white;
    background-color: black;
    border:none;
}

@media only screen and (min-width:767px) {
    .dis-none
    {
        display: none;
    }

    .front
    {
        padding-top:110px !important;
    }
}

/* end of Syllabus session */

/* Exam Session CSS Start */

.exam-pattern-text
{
  -webkit-background-clip:text;
  color:transparent;
  background-color: #85FFBD;
  background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
}

/* Exam Session CSS End */

/* Footer css Start */

.aldel-logo
{
  width:20vh;
}

.footer a{
  text-decoration: none;
  color:white;
  cursor: pointer;
}

.footer a:hover{
  color:rgb(168,205,122);
}

.footer-session
{
  background-color:black;
}

.icon:hover
{
  color:rgb(168,205,122);
  cursor: pointer;
}

.footer h3
{
  color:rgb(168,205,122);
} 

/* Footer css end */

/* Registeration Page CSS Start */

.form
{
  border:1px solid rgb(168,205,122);
  border-radius: 12px;
}

/* Registeration Page CSS End */

/* Contact Page CSS Start */

.contact-head
{
  font-size: 4vh;
}

.contact-right-session
{
  padding-top: 16vh !important;
  cursor: pointer;
}

@media only screen and (min-width:1000px)
{
  .contact-right-session
  {
    padding-top: 13vh !important;
  }
}

@media only screen and (max-width:767px)
{
  .contact-right-session
  {
    display: none;
  }
}

.contact-both-div
{
  border:1px solid rgb(168,205,122);
  border-radius: 12px;
}

input:focus , textarea:focus
{
  outline:none !important;
  border:1px solid rgb(168,205,122) !important;
  -webkit-box-shadow: 0px 0px 5px rgb(168,205,122) !important;
  box-shadow: 0px 0px 5px rgb(168,205,122) !important;
}

.contact-btn
{
  border:1px solid rgb(168,205,122);
  color:rgb(192, 245, 127);
  padding:10px 20px;
  border-radius:8px;
  background-color: transparent;
  cursor: pointer;
}

.contact-btn:hover{
  background-color: rgb(168,205,122);
  color:white;
}
/* Contact Page CSS End */

/* About Page Css Start */

.about-landing-image
{
  width:100vw;
  height:40vh
}

.about-head-text
{
  color:rgb(168,205,122);
  padding-top:13vh;
}

.about-text
{
  font-size:4vh;
  margin-bottom: 0px;
  font-weight: 300;
  letter-spacing: 1.5px;
}

.about-para
{
  text-align: justify;
  font-size: 17px;
  padding:40px !important;
}


/* About page css end */