@font-face {
  font-family: "Helvetica Neue";
  /* A name you choose to use later in your CSS */
  src: url("../assets/conclave/font/helvetica-255/Helvetica.ttf") format("truetype");
}


.hero_section {
  /* background: linear-gradient(180deg, rgba(0, 7, 12, 0.00) -58.31%, #052C50 95.02%);
    background-size: cover; */
}

.hero_section {
  position: relative;
  height: 632px !important;
  background-image: url('images/top_bg.png');
  /* background-size: cover; */
  /* background-color: #010027;
  background-repeat: no-repeat;
  background-position: 100% 0%; */
}







.hero_section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 7, 12, 0.00) -58.31%, #052C50 95.02%);
  z-index: 0;
}

.hero-text-container {
  position: absolute;
  top: 120px;
  left: 10%;
  z-index: 1;
  width: 80%;
}

.hero_top_p {
  color: #DB591C;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  z-index: 99999;
}

.hero_head1 {
  color: #ffffff;
   font-family: "Roboto", sans-serif;
  /* font-family: "DM Serif Display"; */
  font-size: 55px;
  font-weight: 600;
  line-height: 138%;
  /* 79.2px */
}

.hero_subhead {
  color: #D1D1D6;
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 148%;
  letter-spacing: 0.18px;
}

.hero_button {
  border-radius: 1000px;
  background: #F34A16;
  color: white;
  padding: 16px 20px;
  border: 0;
  /* font-size:20px; */
}

.section_padding {
  padding: 102px 107px;
}

.section_top_p {
  color: #DB591C;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  z-index: 99999;
  text-align: center;
}

.section_head {
  color: #FFF;
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 120%;
  /* 54px */
}

.institutions_cards {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}



.institutions_cards img {
  width: 232px;
}

/* .layer_bg{
  position: absolute;
  top:0;right:0;
} */

.institutions_bg {
  position: absolute;
  top: 0;
  right: -10%;
  z-index: 0;
}

.why_top_p {
  color: #DB591C;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3.36px;
  text-transform: uppercase;

}

.why_head {
  color: #151C28;
  font-family: "DM Serif Display", serif;
  font-size: 43px;
  font-style: normal;
  font-weight: 500;

  line-height: 120%;
  /* 54px */
}

.why_text {
  color: #8E8E93;
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 148%;
  /* 26.64px */
  letter-spacing: 0.18px;
}

.why_card {
  display: flex;
  padding: 20px 20px 20px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 0 18px 0 rgba(18, 37, 73, 0.06);
  margin-bottom: 20px;

}

.why_list {
  list-style-image: url('images/ul_icon.png');
  padding-top: 10px;
}

.why_list li {
  padding-left: 10px;
}

.why_list li h5 {
  color: #00488C;
  font-family: "DM Serif Display", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 19.2px */
}

.why_list li p {
  color: #6A7181;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%;
  /* 23.68px */
  letter-spacing: 0.16px;
}

.why_left {
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}

.why_right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.why_section_padding {
  padding: 57px 70px;
}

.why_bg {
  position: absolute;
  left: 0;
  bottom: 0;
}

.what_top_p {
  color: #DB591C;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3.36px;
  text-align: center;
  text-transform: uppercase;
}

.what_head {
  color: #FFF;
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 54px */
  text-align: center;
}

.what_text {
  color: #A0A8B6;
  text-align: justify;
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 148%;
  letter-spacing: 0.18px;

}

.what_card {
  border-radius: 20px;
  border: 1px solid #354564;
  background: #1E3052;
  padding: 20px;
  margin-top: 42px;
  z-index: 1 !important;
}

.what_card_icon {
  border-radius: 13px;
  background: #493546;
  padding: 12px 8px;
  width: 52px;
  height: 52px;
}

.what_card_icon svg {
  aspect-ratio: 1/1;
  height: 28px;
  width: 28px;
}

.what_card_head {
  color: #FFF;
  font-family: "DM Serif Display", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 1.2px;
}

.what_card_p {
  color: #A0A8B6;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.what_bg_image {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0 !important;
}

.drive_top_p {
  color: #DB591C;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3.36px;
  text-align: center;
}

.drive_head {
  color: #151C28;
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 54px */
}

.drive_text {
  color: #8E8E93;
  text-align: center;
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 148%;
  /* 26.64px */
  letter-spacing: 0.18px;
  text-align: center;
  margin-bottom: 42px;
}

.drive_card {
  border-radius: 20px;
  background: #2F8ED4;
  padding: 20px;
  height: 250px;
}

.drive_card h3 {
  color: #FFF;
  font-family: "DM Serif Display", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 28.8px */
}

.drive_card p {
  color: #F2F2F2;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%;
  /* 23.68px */
  letter-spacing: 0.16px;
}

.drive_bg_image {
  position: absolute;
  top: 0;
  left: 0;
}

.test_top_p {
  color: #DB591C;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3.36px;
  text-align: center;
}

.test_head {
  color: #FFF;
  font-family: "DM Serif Display", serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  /* 60px */
}

.test_text {
  color: #A0A8B6;
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 148%;
  letter-spacing: 0.18px;
  margin-bottom: 42px;
  text-align: justify;

}

.test_card_image {
  width: 116px;
  height: 116px;
  text-align: center;
  position: absolute;
  left: 35%;
  top: -5%;
  /* border-radius: 67px;
border: 4px solid #B7CBF0; */
}

.test_card {
  border-radius: 20px;
  border: 1px solid #354564;
  background: #1E3052;
  padding: 20px;
  margin-top: 42px;
  z-index: 1 !important;
  min-height: 396px;
}

/* .test_card:hover {
  border: 1px solid #DB591C;
  background: #F34A16;
} */

.test_card_p {
  margin-top: 33px;
  padding-bottom: 33px;
  margin-bottom: 26px;
  color: #A0A8B6;
  font-family: "Helvetica Neue";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 148%;
  /* 23.68px */
  letter-spacing: 0.16px;
  border-bottom: 1px solid #374663;
}

.test_card_footer_n {
  background-color: #493546;
  color: #F34A16;
  font-family: "DM Serif Display", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%;
  /* 23.68px */
  letter-spacing: 0.16px;
  padding: 12px 12px;

}

.test_footer {
  display: flex;
  gap: 10px;
  align-items: center;
}

.test_user_name {
  color: #FFF;
  font-family: "DM Serif Display", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 1%; */
  /* 23.68px */
  /* letter-spacing: 0.16px; */
  margin-bottom: 0px;
}

.test_user_college {
  color: #A0A8B6;
  text-align: center;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-align: left;
}

.form_head_home {
  color: #DB591C !important;
  font-family: "helvetica";
  font-size: 12px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.36px;
  text-align: center;
  padding-left: 40px;
}

@media(max-width:768px) {
  .form_head_home {
    padding-left: 10px;
  }
}

.form-label {
  color: #6A7181;
  font-family: "helvetica";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.13px;
}

.form-control::placeholder {
  color: #A5AAB3 !important;
  font-family: "helvetica";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.13px;
}


.form-control {
  padding-left: 0px !important;
  border-bottom: 1px solid #E2E4E9;
}

.form-select {
  border: 0;
  padding-left: 0px;
  border-bottom: 1px solid #E2E4E9;
}

.form-disabled_home {
  color: #A5AAB3 !important;
  font-family: "helvetica";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.13px;
}


.form-control {
  padding-left: 0px !important;
  border-bottom: 1px solid #E2E4E9 !important;
}

.form-control {
  border: none;
  font-size: 0.9rem;
}

.form_head_text {
  color: #151C28;
  font-family: "DM Serif Text";
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-align: center;
  padding-left: 40px;
}


#owl-carousel_campus>.owl-stage-outer>.owl-stage>.owl-item>.item {
  min-height: 200px;
}

#owl-carousel_what>.owl-stage-outer>.owl-stage>.owl-item>.item {
  min-height: 250px;
  margin-bottom: 30px;
}


#owl-carousel_test>.owl-stage-outer>.owl-stage>.owl-item>.item {
  min-height: 250px;
  margin-bottom: 30px;
}

.italic_font {
  font-style: italic;
}

@media(max-width:768px) {
  .hero-text-container {
    left: 0%;
    width:100%;
    top:28%;
  }

  .hero_head1 {
    font-size: 33px;
    text-align: center;

  }

  .section_padding {
    padding: 50px 20px;
  }

  /* .institutions_cards {
    flex-direction: column;
  } */

  .section_head {
    font-size: 40px;
  }

  .why_head {
    font-size: 40px;
    text-align: center;
  }

  .what_head {
    font-size: 35px;
    padding-bottom: 10px
  }

  .why_section_padding {
    padding: 50px 20px;
  }

  .drive_head {
    font-size: 40px;
  }

  .drive_card {
    margin-bottom: 20px;
  }

  .test_head {
    font-size: 40px;
  }

  .test_card {
    margin-bottom: 100px;
  }

  .institutions_cards {
    flex-wrap: wrap;
    /* width: calc(33.33% - 10px); */
    object-fit: cover;
  }

  .institutions_cards img {
    width: calc(33.33% - 10px);
  }


  .hero_top_p {
    letter-spacing: 1.36px;
    text-align: center;
  }

  .section_top_p {
    letter-spacing: 1.36px;
  }

  .why_top_p {
    letter-spacing: 1.36px;
    text-align: center;
  }

  .what_top_p {
    letter-spacing: 1.36px;
  }

  .drive_top_p {
    letter-spacing: 1.36px;
  }

  .test_top_p {
    letter-spacing: 1.36px;
  }

  .why_text {
    text-align: justify;
  }

  .why_card {
    width: 300px;
    min-height: 350px;
    align-items: flex-start;
  }

  .what_card {
    width: 300px;
    min-height: 250px;
  }


  .drive_bg_image {
    right: 0;
    position: absolute;
    top: 0;
    width: 70%;
    left: auto;
  }

  .why_bg {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    width: 60%;
  }

  .form_head_text {
    padding-left: 0px;
  }

  .test_card_image {
    width: 100px !important;
    height: 100px;
    text-align: center;
    position: absolute;
    left: 35%;
    top: -5%;
  }

  .test_card img {
    width: 50px !important;
  }

  .hero_section {
    background-position: 15% 78%;
    height: 650px !important;
  }

  .italic_font {
    font-style: normal;
  }


  .hero_section {
    position: relative;
    background-image: url('images/v-ezgif.com-loop-count.gif');
    /* background-size: cover; */
    background-color: #010027;
    background-repeat: no-repeat;
  }



  .hero_section::after {
    display: none;
    /* content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 7, 12, 0.00) -58.31%, #052C50 95.02%);
  z-index: 0; */
  }


}