@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: "Quicksand", sans-serif;
  font-weight: 400; 
  color: #6e6e6e;
}
.bannertext {
  position: absolute;
  width: 750px;
  height: 100vh;
  top: 150px;
  left: 100px;
}

.bannertext h1 {
  font-family: "Bebas Neue", sans-serif;
  line-height: 48px;
  font-weight: 500;
  font-size: 52px;
  color: #4c0059;
  margin-bottom: 0px;
  max-width: 80%;
}
.bannertext {
  position: absolute;
}
.bannertext p {
  font-size: 18px;
  font-weight: 500;
  color: #444444;
  line-height: 22px;
  margin-bottom: 10px;
}

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

.ccmsolu {
  width: 100%;
  padding: 100px 0px;
}

.bgwhite {
  background: #fff;
}

.bglightred {
  background: #f0f9ff;
}

.ediinsttext h2 {
  font-size: 48px;
  color: #4c0059;
  font-family: "Bebas Neue", sans-serif;
  margin-bottom: 0px;
  line-height: 48px;
  max-width: 80%;
}
.ediinsttext2 h2 {
  max-width: 100%;
}
.ediinsttext h4 {
  font-size: 24px;
  color: #4c0059;
}
.ediinsttext p {
  color: #323232;
  font-size: 20px;
}
.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;
  color: #323232;
}
.width100 {
  width: 100%;
}
.contentbox {
  background-color: #ffffff;
  border-radius: 24px;
  border-bottom: solid 16px #eeeeee;
  padding: 38px;
  height: 100%;
}
.ctext p {
  font-size: 20px;
  color: #000;
}
.ctext p span {
  font-weight: 600;
}

.ccmsolu .contentbox ul {
  list-style-type: disc;
  padding-left: 15px;
  margin: 0px;
}
.ccmsolu .contentbox ul li {
  border-bottom: dashed 1px #4c0059;
  font-size: 20px;
  padding: 10px 0px;
  color: #000000;
}
.ccmsolu .contentbox h4 {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  text-align: center;
}
.inexde .contentbox p {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 0px;
}

.ccmimgd img {
  width: 100%;
  object-fit: cover;
  height: 464px;
  border-radius: 24px;
}
ul.Trccm {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0px;
}
ul.Trccm li {
  width: 40%;
}
.radius24 {
  border-radius: 24px;
}
.maxwidth100 {
  max-width: 100%;
}
.hbsce .ediinsttext h2 {
  max-width: 100%;
}
.contentbox p {
  font-size: 20px;
  color: #323232;
  line-height: 26px;
}

.bccms,
.videonqr {
  padding: 100px 0px;
}

.bccms .ediinsttext h2 {
  max-width: 100%;
}
.contactus h4 {
  color: #4c0059;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}

.contactus .ediinsttextleft {
    padding: 34px;
    background: url("/assets/img/cctus.jpg") top center;
    background-size: cover;
    height: 70vh;
    border-radius: 24px;
}

.contactus .ediinsttext.ediinsttextleft p {
  font-weight: 600;
}

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

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

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


/*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);
    }
}