@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap");

* {
  font-family: "Bricolage Grotesque", sans-serif;
}
.lightbg {
  background-color: #fef9ff;
}

.darktext {
  color: #1c2541 !important;
}

.graytext {
  color: #939393 !important;
}

.lighttext {
  color: #fef9ff !important;
}

.lightbg {
  background-color: #fef9ff !important;
}

.regbg {
  background: url("/newui/img/ainxt2025/regbg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.sechead {
  font-weight: 600;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.brd-15 {
  border-radius: 15px;
}

.form-control,
.form-select {
  border: 1px solid #1c2541 !important;
  border-radius: 0px !important;
  font-size: 14px !important;
  color: #1c2541 !important;
  background-color: #fff !important;
}

.form-control:focus,
.form-select:focus {
  border: 1px solid #1c2541 !important;
  box-shadow: none !important;
}

.form-control::placeholder,
.form-select::placeholder {
  font-size: 14px !important;
  color: #939393 !important;
}

.form-label,
.form-check-label {
  font-size: 14px !important;
  color: #1c2541 !important;
}

.agsub {
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
}

.btndark {
  background-color: #1c2541 !important;
  color: #fef9ff !important;
  border: 2px solid #1c2541 !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 100%;
  border-radius: 15px;
}
.btndark1 {
  background-color: #1c2541 !important;
  color: #fef9ff !important;
  border: 2px solid #1c2541 !important;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 100%;
  border-radius: 15px;
}

.btnlight {
  background-color: #fef9ff !important;
  color: #1c2541 !important;
  border: 2px solid #fef9ff !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 100%;
  border-radius: 15px;
}

.btnlight1 {
  background-color: #fef9ff !important;
  color: #1c2541 !important;
  border: 2px solid #1c2541 !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 100%;
  border-radius: 15px;
}

label span {
  color: red;
}

.aboutp {
  font-size: 18px;
  line-height: 130%;
  font-weight: 400;
}

.cardtext {
  font-size: 14px;
  line-height: 130%;
  font-weight: 300;
  border-left: 3px solid #1c2541;
  margin-left: 13.5px;
}

.designation {
  font-size: 14px;
  line-height: 130%;
  font-weight: 300;
}

.cityname {
  font-size: 24px;
  line-height: 100%;
  font-weight: 600;
}
.linkedin {
  height: 20px !important;
  width: 20px !important;
}
.citycard {
  border-radius: 15px;
}

.schead {
  font-size: 24px;
  line-height: 100%;
  font-weight: 500;
}

.scsub {
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
}

.agside {
  border-left: solid 10px #1c2541;
}

.judg-link {
  color: #1c2541 !important;
}

.navtext {
  font-size: 14px !important;
  font-weight: 400 !important;
}


.herosubtitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: 1px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .hero {
    background: #fef9ff;
  }
  
.herotitle {
  font-size: 46px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 3px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .hero {
    background:  #fef9ff;
  }
  
.herotitle {
  font-size: 66px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 3px;
}
}

@media only screen and (min-width: 1025px) {
  .hero {
    background: url("/newui/img/ainxt2025/hero2.jpg"), #fef9ff;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto 100%;
  }
  
.herotitle {
  font-size: 66px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 3px;
}
}