@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: 350px;

    height: auto;

    top: 128px;

    left: 1%;

}



.bannertext h4 {

  color: #fff;

}



.bannertext h1 {

 font-family: "Bebas Neue", sans-serif; 

  line-height: 35px;

  font-weight: 500;

  font-size: 28px;

  color: #fff;

  margin-bottom: 0px;

  text-align: left;



}



.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/ChakraAiImages/banner.jpg") top center;

    background-size: cover;

    width: 100%;

    height: 100vh;

}



.bannerImg {

  position: absolute;

  right: 190px;

  top: 150px;

  width: 450px;

}



.radius24 {

  border-radius: 24px;

}



.bgwhite {

  background: #fff;

}



.bglightred {

  background: #fff1fe;

}



.bgblue {

  background: #edf6ff;

}



.ediinsttext h2 {

  font-size: 48px;

  color: #4c0059;

  font-family: "Bebas Neue", sans-serif;

  margin-bottom: 0px;

  line-height: 48px;

}



.ediinsttext h4 {

  color: #4c0059;

}



.ediinsttext p {

  color: #000;

  font-size: 20px;

  line-height: 26px;

}



.ediinsttext p span {

  font-weight: 600;

}



.ediinsttext h5 {

  font-size: 22px;

  font-weight: 500;

}



.ediinsttext ul,

.mscontent ul,

.ctext ul {

  list-style-type: disc;

  padding-left: 15px;

  margin: 0px;

}



.ediinsttext ul li,

.mscontent ul li,

.ctext ul li {

  border-bottom: dashed 1px #4c0059;

  font-size: 20px;

  padding: 7px 0px;

  color: #333;

}



.ediinsttext ul.li50 {

  flex-wrap: wrap;

  padding-left: 30px;

}



.ediinsttext ul.li50 li {

  width: 50%;

  color: #333;

}



.width100 {

  width: 100%;

}



.pd-L30 {

  padding-left: 30px;

}



.contactus {

  padding: 100px 0px;

}



.contentbox {

  background-color: #feeaea;

  border-radius: 24px;

  border-bottom: solid 16px #ffdfdf;

  padding: 32px;

  height: 100%;

}



.ediinsttext h4,

.ctext h4 {

  font-size: 24px;

  font-weight: 600;

  color: #4c0059;

}



.ctext p {

  font-size: 18px;

  color: #000;

}



.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;

}







.contactus h4 {

  color: #4c0059;

  font-size: 22px;

  font-weight: 600;



}



header {

  background: #ffffff00;

  height: 88px;

  position: fixed;

  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: 66px;

}



.nav-up {

  top: -90px;

}



header img {

  width: 100px;

}



#main-header.scrolled img { width: 75px;}

header a {

  .font-size: 18px;

  color: #fff;

  text-decoration: none;

  font-weight: 600;

}



header li.nav-item {

  padding: 0px 15px;

}



.mscontent {

  background: #fff;

  padding: 24px;

  border-radius: 24px;

  height: 100%;

}



.mscontent h4 {

  color: #4c0059;

}



.mscontent .msImg {

  display: flex;

  justify-content: center;

  margin-bottom: 20px;

}



.msImg {

  position: relative;

}



.mscontent22 {

  background-color: #feeaea;

  border-radius: 24px;

  border-bottom: solid 16px #ffdfdf;

}



.mscontent p {

  font-size: 20px;

  color: #000;

  line-height: 26px;

}



.msImg h5 {

  position: absolute;

  font-size: 26px;

  color: #fff;

  bottom: 20px;

  font-weight: 600;

  max-width: 95%;

  text-align: center;

  /* display: none; */

}



footer {

  background: #4c0059;

  height: 60px;

  color: #fff;

}



footer a {

  color: #fff;

  text-decoration: none;

  margin: 0px 5px;

}



#main-header {

  position: fixed;

  top: 0;

  width: 100%;

  padding: 20px;

  background-color: transparent;

  transition: background-color 0.3s ease, padding 0.3s ease;

  z-index: 1000;

  align-content: center;

}



.sectionbg {

  background: url("../img/basg.png") #edf6ff top center;

  background-size: cover;

  width: 100%;



}



#main-header.scrolled {

  background-color: #0109547d;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

  padding: 10px 20px;

}



#main-header.scrolled .navbar-nav .nav-item a {

  color: #fff;

}







.pdtb {

  padding: 100px 0px;

}



.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 .btn-loader {

    display: block;

}