@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

* {
  margin: 0px;
  padding: 0px;
}
body {
  font-size: 14px;
  /* font-family: "Lato", sans-serif; */
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  color: #6e6e6e;
}
.bannertext {
  position: absolute;
  width: 700px; 
  height: 100vh;
  top: 200px;
  left: 100px;
}

.bannertext h1 {
  font-family: "Bebas Neue", sans-serif;
  line-height: 55px;
  font-weight: 500;
  font-size: 64px;
  color: #4c0059;
  margin-bottom: 0px;
}
.bannertext {
  position: absolute;
}
.bannertext p {
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 32px;
  margin-bottom: 10px;
}

.bannertext h2 {
  font-size: 28px;
  font-weight: 600;
  color: #4c0059;
}
.bannerSection {
    background: url("/assets/img/SMHCimg/banner.jpg") top center;
    background-size: cover;
    width: 100%;
    height: 100vh;
}
.bannerImg {
  position: absolute;
  right: 190px;
  top: 150px;
  width: 450px;
}

.eduinstu,
.supexp,
.supcoex,
.insov,
.videonqr {
  width: 100%;
  padding: 100px 0px;
}

.bgwhite {
  background: #fff;
}

.bglightred {
  background: #fff1fe;
}

.ediinsttext h2 {
  font-size: 48px;
  color: #4c0059;
  font-family: "Bebas Neue", sans-serif;
  margin-bottom: 0px;
  line-height: 48px;
}
.ediinsttext p {
  font-size: 48px;
  color: #555555;
  font-size: 20px;
}
.ediinsttext h5 {
  font-size: 22px;
  font-weight: 500;
}

.ediinsttext ul {
  list-style-type: disc;
  padding-left: 15px;
  margin: 0px;
}
.ediinsttext ul li {
  border-bottom: dashed 1px #4c0059;
  font-size: 20px;
  padding: 10px 0px;
}
.width100 {
  width: 100%;
}
.contentbox {
  background-color: #feeaea;
  border-radius: 24px;
  border-bottom: solid 16px #ffdfdf;
  padding: 42px;
  height: 100%;
}
.ctext p {
  font-size: 20px;
  color: #000;
}
.ctext p span,
.ctext h5 span {
  font-weight: 600;
  font-size: 22px;
}
.ctext h5 {
  font-weight: 500;
}
.mscontent h4 {
  color: #4c0059;
}

.inexde .contentbox ul {
  list-style-type: disc;
  padding-left: 15px;
  margin: 0px;
}
.inexde .contentbox ul li {
  border-bottom: dashed 1px #4c0059;
  font-size: 20px;
  padding: 10px 0px;
  color: #000000;
}
.inexde .contentbox h4 {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
}
.inexde .contentbox p {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 0px;
}
.msImg {
  position: relative;
}
.mscontent .msImg {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.msImg h5 {
  position: absolute;
  font-size: 20px;
  color: #fff;
  bottom: 10px;
  font-weight: 600;
  max-width: 60%;
  text-align: center;
}
.mscontent ul {
  list-style-type: disc;
  padding-left: 15px;
  margin: 0px;
  margin-bottom: 20px;
}
.mscontent ul li {
  border-bottom: dashed 1px #4c0059;
  font-size: 20px;
  padding: 10px 0px;
  color: #000000;
}
.mscontent p {
  font-size: 20px;
  color: #000;
}
.mscontent h6 {
  font-size: 22px;
  color: #000;
  font-weight: 600;
}
.mscontent p span {
  font-weight: 600;
}
.mscontent {
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  height: 100%;
}
.mscontent2 {
  margin-top: 20px;
}

.mscontent.mscontent2 ul {
  display: flex;
  flex-wrap: wrap;
}
.mscontent.mscontent2 ul li {
  width: 50%;
}

.insov .mscontent {
  padding: 0px;
}
.insov .msImg {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.insov .msImg h5 {
  max-width: 60%;
}
.insov .mscontent ul li:first-child {
  padding-top: 0px;
}
.insov .mscontent ul {
  margin-bottom: 10px;
}

.ledBg {
    background-image: url(/assets/img/SMHCimg/ledBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 435px;
    padding: 60px 0px;
}
.Ledcontent {
  border-radius: 16px;
  background: #4c0059;
  width: 100%;
  padding: 24px;
  height: 100%;
}
.Ledcontent h4 {
  color: #fff;
  margin-bottom: 0px;
  font-weight: 600;
  text-align: center;
}
.Ledcontent h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 52px;
  color: #4c0059;
}
.contactus {
  padding: 100px 0px;
}
.contactform {
  padding: 24px;
}

.contactform input.form-control {
  height: 48px;
}

.contactform .btnsbmt,
.ediinsttext .btnsbmt {
  height: 48px;
  background: #4c0059;
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: "Bebas Neue", sans-serif;
}
.contactform h2 {
  margin-bottom: 30px;
}
.contactus h4 {
  color: #4c0059;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}
header {
  background: #ffffffdf;
  height: 88px;
  position: static;
  top: 0;
  transition: top 0.5s ease-in-out;
  transition-duration: 0.5s;
  width: 100%;
  left: 0;
  z-index: 111;
}

header {
  height: auto;
  min-height: 80px;
}

.nav-up {
  top: -90px;
}
header img {
  width: 60px;
}
header a {
  .font-size: 18px;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

header li.nav-item {
  padding: 0px 15px;
}

footer {
  background: #4c0059;
  height: 60px;
  color: #fff;
}

footer a {
  color: #fff;
  text-decoration: none;
  margin: 0px 5px;
}
.videonqr {
}


/*Loader css*/
#btnSubmit {
    position: relative;
    min-width: 120px;
}

.btn-loader {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.6);
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#btnSubmit.loading {
    background-color: #ca99ff;
    pointer-events: none;
}

    #btnSubmit.loading .btn-text {
        visibility: hidden;
    }

    #btnSubmit.loading .btn-loader {
        display: block;
    }

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

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}