.square-icon:hover {
  background: #e2f2f6;
  cursor: pointer;
}
.owl-nav {
  display: none !important;
}
.why {
  display: none !important;
}
#usp {
  margin-bottom: 0% !important;
  margin-top: -6%;
}
#usp .section-header {
  margin-top: 0 !important;
}
#award .inner-box {
  position: relative;
  left: -6%;
}
.popup_hld {
  z-index: 1900;
}
.education-short .education-top img {
  width: 72%;
  position: relative;
  left: 12%;
  top: -6px;
}
#header-top {
  display: block !important;
  height: 55px !important;
  position: fixed !important;
  top: 0 !important;
  z-index: 900 !important;
  background: #d7f1ef;
  min-width: 100%;
}
.blinking {
  font-size: 22px !important;
  position: relative;
  color: #ea000b;
  top: 18%;
  animation: blinkingText 0.5s ease-out infinite;
}
@keyframes blinkingText {
  0% {
    color: #000;
  }
  100% {
    color: red;
  }
}
.header {
  top: 46px !important;
}
.header.is-scroll {
  position: fixed;
  top: 54px !important;
}
#edge .section-header {
  margin-top: 0%;
}
.vidzz {
  position: relative;
  top: 149px;
  margin-top: -19%;
}
html {
  scroll-behavior: smooth;
}
.square-icon img {
  height: 72%;
}
.main-nav .close-nav svg {
  position: relative;
  width: 30px;
  position: relative;
  right: 128px;
}
.square-icon p {
  font-size: 14px !important;
  text-align: center;
}
.main-nav.active {
  right: -138px;
}
p {
  font-size: 16px !important;
  color: #3b4757 !important;
}
.socialz {
  display: inline !important;
  margin-top: 12%;
  position: relative;
  top: -4%;
}
.socialz ul {
  display: flex !important;
}
.vidzz .owl-item img {
  display: block;
  width: 79%;
  position: relative;
  left: 0%;
  padding: 8px;
}
.playbutton {
  height: 50px !important;
  width: 50px !important;
  position: absolute;
  bottom: 52px;
  left: 4px;
  animation-name: Myanim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.learning-elements-wrap .circle-container .learning-item {
  margin-left: -46px;
  margin-top: -50px;
  width: 99px;
  height: 99px;
}
.soc-link li a:hover img {
  -webkit-filter: none !important;
  filter: none !important;
}
.nitz {
  position: relative;
  top: 60px;
}
.smazx {
  width: 51%;
  position: relative;
  top: 0%;
}
.smazzx {
  width: 51%;
}
#about {
  height: auto;
  margin-top: 13%;
  margin-bottom: -262px;
}
.learning-item p {
  font-size: 13px !important;
}
.form-head {
  color: #ea000b !important;
  font-weight: 700 !important;
  position: relative;
  top: -10px;
}
.main-nav-list li a:hover,
.main-nav-list li a.active-link {
  color: #1a6fbb;
}
::placeholder {
  color: #495057 !important;
}
.learning-elements-wrap .circle-container .learning-item img {
  height: 60%;
  margin-bottom: 0;
  position: relative;
  top: 0;
}
.learning-elements-wrap .circle-container .learning-item {
  margin-left: -46px;
  margin-top: -50px;
  width: 99px;
  height: 99px;
}
.textbozed {
  display: none !important;
}
.news-slider .image-box img {
  width: 100%;
  height: 100%;
}
.news-slider .inner-box {
  width: 400px;
  height: 305px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#award {
  height: 617px;
  margin-bottom: -67%;
}
.footer-bottom {
  display: block !important;
}
.banner-section {
  cursor: pointer;
  position: relative;
  top: 29px;
  height: 600px;
  margin-bottom: 21%;
}
.banner-head {
  background: #fff0;
}
.img-blockz {
  display: block !important;
  min-width: 100%;
  height: 100%;
  margin-bottom: -20%;
}
.img-blockz img {
  position: relative;
  left: 1%;
  top: 74px;
}
.banner-section .form-box {
  display: block;
  position: relative;
  width: 100%;
  max-width: 346px;
  padding: 35px;
  top: 153px !important;
  left: -9% !important;
  height: 459px;
  /*background: #d7f1ef !important;*/
  border-radius: 20px;
  margin-left: 75px;
  margin-top: -62px;
  border: none;
}
.form-box input[type="email"],
.form-box input[type="tel"],
.form-box input[type="text"] {
  width: 100% !important;
  height: 36px;
  margin-bottom: -6px;
  position: relative;
  left: 10px;
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
}
select {
  width: 260px !important;
  height: 36px !important;
  margin-bottom: -8px;
  left: 8px;
  top: -7px;
  border: none !important;
  background: none !important;
  border-bottom: 1px solid #ccc !important;
  color: #495057 !important;
}
select,
textarea {
  width: 100% !important;
  height: 36px !important;
  border: none !important;
  background: #fff !important;
  border-bottom: 1px solid #ccc !important;
  position: relative;
}
input[name="city"] {
  position: relative;
  top: -8px;
}
.btn-bach {
  width: 135px;
  height: 40px;
  color: #fff;
  position: relative;
  z-index: 8;
  top: -30px;
  left: 71px;
  background-color: #ea000b !important;
}
.captcha {
  width: 100%;
}
.g-recaptcha {
  overflow: hidden;
  height: 55px;
  position: relative;
  box-sizing: border-box;
  max-width: 102%;
  margin-bottom: 9px;
  left: 3%;
  top: -35px;
}
#choose .section-header {
  margin-top: 15%;
  margin-bottom: 1%;
}
.education-short .education-bottom {
  background: #ffaf60;
  display: flex;
  justify-content: center;
}
.education-short .education-bottom p .education-age {
  font-size: 30px;
}
.text-block .svg-block {
  max-width: none;
}
.square-icon {
  width: 377px !important;
  height: 300px !important;
  padding: 12px;
}
.itsupportss,
.imageson {
  width: 52% !important;
  height: 55% !important;
}
.claz .button,
.claz .desc,
.popup_hld {
  display: none;
}
.popup_hld .popup_con {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 600px;
  text-align: center;
  padding: 30px;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.popup_hld img {
  width: 30%;
}
.popup_hld .popup_con {
  position: fixed;
  left: 50%;
  top: 45%;
}
.popup_hld .overlay {
  background: #272727;
  opacity: 0.5;
}
.popup_hld,
.popup_hld .overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.popup_hld p {
  color: #000;
  font-weight: 400;
}
.footer-quick,
.footer-top {
  display: none !important;
}
.mobilef-btn {
  display: flex;
  padding: 0;
  position: fixed;
  bottom: -7px;
  z-index: 1900;
}
.news-slider .image-box img {
  width: 61%;
  height: 100%;
  position: relative;
  left: 19%;
}
.icons-list .square-icon {
  margin-right: -1px;
}
#myabout {
  margin-top: -19%;
}
#couseel-section {
  position: relative;
  top: 44px;
  margin-bottom: 22%;
}
.storzz {
  position: relative;
  top: 46px;
}
.belowstorzz {
  position: relative;
  top: -48px;
}
.Btnzz {
  position: relative;
  left: 52%;
  cursor: pointer;
}
#dots {
  display: none !important;
}
.readz {
  position: relative;
  top: -35px;
}
#award a {
  text-align: center !important;
}
#mod {
  background: #c35609;
}
#sml {
  background: #34827f;
}
#psa {
  background: #4d73a5;
}
#lof {
  background: #4998bf;
}
.block-header h2 span {
  color: #1a6fbb;
}
.section-header .h-sub {
  color: #1a6fbb !important;
}
p {
  font-size: 16px !important;
}
#usps {
  display: none !important;
}
.education-short {
  margin-bottom: 10%;
}
.learning-elements-wrap .for-tab p {
  display: block !important;
  font-size: 15px;
}
#edge {
  position: relative;
  top: 135px;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 300px) and (max-width: 360px) {
  .banner-section .form-box {
    display: block;
    position: relative;
    width: 100%;
    max-width: 346px;
    padding: 35px;
    top: 141px !important;
    left: -19% !important;
    height: 459px;
    background: #d7f1ef !important;
    border-radius: 20px;
    margin-left: 75px;
    margin-top: -62px;
    border: none;
  }
}
@media only screen and (width: 360px) {
  #choose {
    margin-bottom: 40px;
    margin-top: -20px;
    position: relative !important;
    top: 2px !important;
    background-image: none;
    background-color: #d7f1ef;
    background-size: cover;
    width: 100%;
    height: 1171px;
  }
  .blinking {
    font-size: 21px !important;
    position: relative;
    color: #ea000b;
    top: 18%;
    animation: blinkingText 0.5s ease-out infinite;
  }
  @keyframes blinkingText {
    0% {
      color: #000;
    }
    100% {
      color: red;
    }
  }
  .slick-dots {
    position: relative;
    top: -19px;
    width: 380px;
  }
}
.mycowlcaro {
  margin-left: 100px;
  height: auto !important;
}
.mycowlcaro img {
  height: auto !important;
}
@media only screen and (min-width: 361px) and (max-width: 399px) {
  .banner-section .form-box {
    display: block;
    position: relative;
    width: 100%;
    max-width: 346px;
    padding: 35px;
    top: 147px !important;
    left: -14% !important;
    height: 459px;
    /*background: #d7f1ef !important;*/
    border-radius: 20px;
    margin-left: 75px;
    margin-top: -62px;
    border: none;
  }
  #choose {
    margin-bottom: 40px;
    margin-top: -20px;
    position: relative !important;
    top: 2px !important;
    background-image: none;
    background-color: #d7f1ef;
    background-size: cover;
    width: 100%;
    height: 1172px;
  }
}
@media only screen and (min-width: 400px) and (max-width: 430px) {
  #choose {
    margin-bottom: 40px;
    margin-top: -20px;
    position: relative !important;
    top: 2px !important;
    background-image: none;
    background-color: #d7f1ef;
    background-size: cover;
    width: 100%;
    height: 1162px;
  }
}
@media (max-width : 991px) {
  .textbozed{
    width: 100% !important;
    left: 0px !important;
  }
  .banner-section{
    height: 100% !important;
  }
 .banner-head {
    height: 375px;
    background-position: -119px;
  }
.banner-section .form-box {
    display: block;
    position: relative;
    width: 100%;
    max-width: 305px !important;
    padding: 35px;
    top: 62px !important;
    left: 64% !important;
    height: 100% !important;
    background: #fff !important;
    border-radius: 20px;
    margin-left: 0px !important;
    margin-top: -46px;
    border: none;
    padding-top: 0px !important;
  }
  .header.pooja-head {
  margin-top: 30px;
}
.textbozed{
  margin-bottom: 19%;
    display: block !important;
    padding-top: 20px;
}
.text-bozed{
  width: 100% !important;
}
  .choose_row {
    margin-top: 16%;
    position: relative;
    top: 55% !important;
  }
}

@media only screen and (min-width: 768px) {
  #header-top {
    display: block !important;
  }
  .header {
    top: 20px !important;
  }
  .header.is-scroll {
    position: fixed;
    top: -20px !important;
  }
  #edge .section-header {
    margin-top: -9%;
  }
  #award .inner-box {
    position: relative;
    left: 0%;
  }
  .vidzz {
    position: relative;
    top: 87px;
    margin-top: 0%;
  }
  .soc-link li a:hover img {
    -webkit-filter: none !important;
    filter: none !important;
  }
  .section-header .h-sub,
  .block-header p {
    font-size: 20px !important;
  }
  #edge {
    position: relative;
    top: 19px;
    margin-bottom: 114px !important;
  }
  .learning-elements-wrap .circle-container .learning-item {
    margin-left: -46px;
    margin-top: -50px;
    width: 99px;
    height: 99px;
  }
  .learning-elements-wrap .tab-element-content {
    position: absolute;
    top: 44% !important;
    left: 50%;
  }
  .learning-item p {
    font-size: 13px !important;
  }
  .main-nav-list li a:hover,
  .main-nav-list li a.active-link {
    color: #1a6fbb;
  }
  ::placeholder {
    color: #495057 !important;
  }
  .form-head {
    color: #ea000b !important;
    font-weight: 700 !important;
    position: relative;
    top: -10px;
  }
  .education-short {
    margin-bottom: 0%;
  }
  .nitz {
    position: relative;
    top: 69px;
  }
  #usps {
    display: block !important;
    position: relative;
    top: 62px;
    background-color: #fff0 !important;
    background-image: url(../img/gray_wave.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 604px;
  }
  .social-iconz {
    position: relative;
    right: -41%;
  }
  .fot-profile {
    position: relative;
    top: 8%;
    color: #000 !important;
  }
  p {
    font-size: 16px !important;
    color: #3b4757 !important;
  }
  #mod {
    background: #c35609;
  }
  #sml {
    background: #34827f;
  }
  #psa {
    background: #4d73a5;
  }
  #lof {
    background: #4998bf;
  }
  .block-header h2 span {
    color: #1a6fbb;
  }
  .section-header .h-sub {
    color: #1a6fbb !important;
  }
  html {
    scroll-behavior: smooth;
  }
  .Btnzz {
    position: relative;
    left: 52%;
    cursor: pointer;
  }
  #dots {
    display: none !important;
  }
  .readz {
    position: relative;
    top: -35px;
  }
  .learning-elements-wrap .circle-container .learning-item img {
    height: 50%;
    margin-bottom: 0;
  }
  #couseel-section {
    position: relative;
    top: -315px;
    margin-bottom: -17%;
    z-index: -1;
  }
  .storzz {
    position: relative;
    top: 239px;
  }
  .belowstorzz {
    position: relative;
    top: 112px;
  }
  .awardsection {
    background: url(../img/blue-wavezzz.webp) no-repeat;
    width: 100%;
    height: 640px;
    margin-top: -20%;
  }
  #myabout {
    margin-top: 0%;
  }
  .img-blockz {
    display: none !important;
  }
  .top-line .logo img {
    width: 35% !important;
  }
  .banner-section {
    cursor: pointer;
    position: relative;
    top: 29px;
    height: 560px;
    margin-bottom: 6%;
  }
  .banner-head {
    background-image: url("../img/WhatsApp Image 2024-10-24 at 15.20.24_54656e86.webp");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .banner-section .form-box {
    display: block;
    position: relative;
    width: 100%;
    max-width: 360px;
    padding: 35px;
    top: 62px !important;
    left: 64% !important;
    height: 459px;
    /*background: #fff !important;*/
    border-radius: 20px;
    margin-left: 75px;
    margin-top: -62px;
    border: none;
  }
  .form-box input[type="email"],
  .form-box input[type="tel"],
  .form-box input[type="text"] {
    width: 100% !important;
    height: 36px;
    margin-bottom: -6px;
    position: relative;
    left: 10px;
    background: #fff;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
  }
  select {
    width:100% !important;
    height: 36px !important;
    margin-bottom: -8px;
    left: 8px;
    top: 0px;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    color: #495057 !important;
  }
  select,
  textarea {
    width: 100% !important;
    height: 36px !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    position: relative;
  }
  input[name="city"] {
    position: relative;
    top: 0px;
  }
  .btn-bach {
    width: 135px;
    height: 40px;
    color: #fff;
    position: relative;
    z-index: 8;
    top: -30px;
    left: 71px;
    background-color: #fff !important;
  }
  .captcha {
    width: 100%;
  }
  .g-recaptcha {
    overflow: hidden;
    height: 60px;
    position: relative;
    box-sizing: border-box;
    max-width: 104%;
    margin-bottom: 9px;
    left: 3%;
    top: -35px;
  }
  .adv_blurb_con {
    position: relative;
    left: 0;
  }
  .icons-list .square-icon {
    margin-right: 28px;
  }
  .square-icon {
    width: 160px !important;
    height: 190px !important;
    padding: 12px;
  }
  .itsupportss {
    width: 52% !important;
    height: 39% !important;
    position: relative;
    top: 12%;
  }
  .imageson {
    width: 52% !important;
    height: 39% !important;
    position: relative;
    top: 12%;
  }
  .square-icon p {
    font-size: 14px !important;
    text-align: center;
    position: relative;
    top: -9%;
    font-weight: 600 !important;
  }
  .sup {
    position: relative;
    top: 2% !important;
  }
  .supz {
    position: relative;
    top: -3% !important;
  }
  .claz .button,
  .claz .desc,
  .popup_hld {
    display: none;
  }
  .popup_hld {
    z-index: 1900;
  }
  .popup_hld .popup_con {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    text-align: center;
    padding: 30px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .popup_hld img {
    width: 30%;
  }
  .popup_hld .popup_con {
    position: fixed;
    left: 50%;
    top: 45%;
  }
  .popup_hld .overlay {
    background: #272727;
    opacity: 0.5;
  }
  .popup_hld,
  .popup_hld .overlay {
    position: fixed;
    top: 0;
    width: 99%;
    height: 100%;
    left: 0;
  }
  .popup_hld p {
    color: #000;
    font-weight: 400;
  }
  .footer-quick a {
    color: #000 !important;
    font-size: 12px !important;
  }
  .playbutton {
    height: 50px !important;
    width: 50px !important;
    position: absolute;
    bottom: 52px;
    left: 4px;
    animation-name: Myanim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }
  .profile {
    color: #000 !important;
    margin-right: 20px;
    margin-left: 0;
  }
  #award a,
  .footer-top p {
    color: #3b4757 !important;
  }
  #award a {
    text-align: center !important;
  }
  .footer-bottom {
    display: none !important;
  }
  .footer-quick {
    background: #eaf5f8;
    padding: 20px;
    display: block !important;
  }
  footer {
    position: relative;
    height: 108px;
    background-color: #e3f3f7;
  }
  footer .footer-top {
    position: relative;
    min-height: 8px !important;
    padding: 0 !important;
    background: #e3f3f7 !important;
    color: #777 !important;
    display: block !important;
  }
  #award {
    height: 100%;
    margin-bottom: 5%;
  }
  .news-slider .image-box img {
    width: 80%;
    height: 80%;
    position: relative;
    left: 10%;
  }
  .news-slider .inner-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #about {
    height: 733px;
    margin-top: -20%;
    margin-bottom: 52px;
  }
  .choose_head {
    margin-bottom: 101px;
    position: relative;
    top: 202px;
  }
  .choose_row {
    margin-top: 16%;
  }
  #choose .section-header {
    margin-top: 0%;
    margin-bottom: 0%;
  }
  .education-short .education-top img {
    width: 84%;
    position: relative;
    left: 8%;
    top: 0;
  }
  .education-short .education-bottom p .education-age {
    padding: 0 5px;
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1em;
    color: #fff;
  }
  #choose {
    margin-bottom: 40px;
    margin-top: -120px;
    position: relative !important;
    top: -124px !important;
    background-image: url(https://www.bachpanglobal.com/img/blue-wave.webp);
    background-color: #fff0;
    background-size: cover;
    width: 100%;
    height: 680px;
  }
  .textbozed {
    position: relative;
    top: 0;
    z-index: -1;
    width: 1788px;
    left: -50px;
    margin-bottom: 14%;
    display: block !important;
  }
  .text-bozed {
    flex-direction: row;
    justify-content: center;
    background: #fff !important;
    flex-direction: row;
    justify-content: center;
    width: 80%;
  }
  .text-area,
  .text-bozed {
    display: flex;
  }
  #count1,
  #count2,
  #count3,
  #count4,
  #jhj {
    font-size: 45px;
  }
  .textbozed .text-bozed .container p {
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 27px;
    line-height: 1.5em;
    color: #2764b3;
  }
  .smazz {
    width: 70%;
  }
  .smazzx {
    width: 82%;
  }
  .smazx {
    width: 70%;
    position: relative;
    top: 7%;
  }
  .vidzz .owl-item img {
    display: block;
    width: 100%;
    position: relative;
    left: 0%;
    padding: 0;
  }
  .square-icon img {
    height: 100%;
  }
  .square-icon1 {
    width: 196px !important;
    height: 190px !important;
    padding: 12px;
  }
  #usp {
    margin-bottom: -7% !important;
    margin-top: -23%;
  }
  #usp .section-header {
    margin-top: -125px !important;
  }
  .why {
    display: block !important;
  }
  .square-icon:hover {
    background: #e2f2f6;
    cursor: pointer;
  }
}


/* inner css  */

 .banner-form .form-box .border-round{
    border-radius: 15px;
        }
        .form-group {
            margin-bottom: 1rem;
        }

        .hidden {
            display: none;
        }

        .enquiry-form-sec {
            background: var(--bs-white);
            ;
            /*backdrop-filter: blur(20px) saturate(180%);*/
            border: 1px solid rgba(255, 255, 255, 0.1);
            padding: 20px;
            border-radius: 24px;
            position: relative;
            overflow: hidden;
            animation: unset;
            box-shadow:
                0 32px 64px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }

        .enquiry-form-sec::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: conic-gradient(from 0deg at 50% 50%,
                    rgba(255, 0, 150, 0.1) 0deg,
                    rgba(0, 200, 255, 0.1) 120deg,
                    rgba(100, 255, 0, 0.1) 240deg,
                    rgba(255, 0, 150, 0.1) 360deg);
            pointer-events: none;
            z-index: -1;
            /*animation: rotate 20s linear infinite;*/
        }

        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        .enquiry-form-sec::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            right: 2px;
            bottom: 2px;
            background: rgba(15, 15, 35, 0.8);
            backdrop-filter: blur(20px);
            border-radius: 22px;
            z-index: -1;
        }

        .enquiry-form-sec h4 {
            text-align: center;
            margin-bottom: 15px;
            /*font-size: 32px;*/
            font-weight: 800;
            background: var(--color-pinterest);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            position: relative;
            letter-spacing: -1px;
        }

        .enquiry-form-sec h4 i {
            background: var(--color-pinterest);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;

            display: inline-block;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {

            0%,
            20%,
            50%,
            80%,
            100% {
                transform: translateY(0);
            }

            40% {
                transform: translateY(-10px);
            }

            60% {
                transform: translateY(-5px);
            }
        }

        .form-group {
            position: relative;
            margin-bottom: 10px;
            color: #00000;
        }

        .form-control {
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 16px;
            /*padding: 18px 20px 18px 55px;*/
            font-size: 16px;
            /*color: #ffffff;*/
            transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
            backdrop-filter: blur(10px);
            height: auto;
        }

        .form-control::placeholder {
            color: rgba(255, 255, 255, 0.5);
            font-weight: 400;
        }

        .form-control:focus {
            background: rgba(255, 255, 255, 0.12);
            border-color: #4ecdc4;
            box-shadow:
                0 0 0 3px rgba(78, 205, 196, 0.2),
                0 8px 32px rgba(78, 205, 196, 0.15);
            color: #212529;
            /*transform: translateY(-2px) scale(1.01);*/
            outline: none;
        }

        .form-control:focus::placeholder {
            color: #212529;
        }

        .form-group i {
            position: absolute;
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
            /*color: rgba(255, 255, 255, 0.6);*/
            font-size: 18px;
            transition: all 0.3s ease;
            z-index: 1;
        }

        .form-control:focus~i,
        .form-control:not(:placeholder-shown)~i {
            color: #4ecdc4;
            transform: translateY(-50%) scale(1.2);
        }

        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
    padding: 9px 34px;
            font-size: 16px;
            font-weight: 700;
            border-radius: 16px;
            transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
            color: white;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 12px 32px rgba(102, 126, 234, 0.3);
        }

        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s;
        }

        .btn-primary:hover::before {
            left: 100%;
        }

        .btn-primary:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 20px 40px rgba(102, 126, 234, 0.4);
            background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        }

        .btn-primary:active {
            transform: translateY(-2px) scale(1.02);
        }

        .btn-primary i {
            margin-right: 12px;
            transition: transform 0.3s ease;
        }

        .btn-primary:hover i {
            transform: translateX(5px) rotate(15deg);
        }

        .hidden {
            display: none !important;
        }

        /* Enhanced select styling */
        select.form-control {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
            background-position: right 16px center;
            background-repeat: no-repeat;
            background-size: 16px 12px;
            appearance: none;
            /*color: #ffffff;*/
        }

        select.form-control option {
            background: #1a1a2e;
            color: #ffffff;
            padding: 10px;
        }

        /* Floating particles animation */
        .particle {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
            opacity: 0.1;
            animation: float 6s ease-in-out infinite;
        }

        .particle:nth-child(1) {
            width: 6px;
            height: 6px;
            background: #ff6b6b;
            top: 20%;
            left: 20%;
            animation-delay: 0s;
        }

        .particle:nth-child(2) {
            width: 4px;
            height: 4px;
            background: #4ecdc4;
            top: 60%;
            left: 80%;
            animation-delay: 2s;
        }

        .particle:nth-child(3) {
            width: 8px;
            height: 8px;
            background: #45b7d1;
            top: 40%;
            left: 60%;
            animation-delay: 4s;
        }

        @keyframes float {

            0%,
            100% {
                transform: translateY(0px) rotate(0deg);
            }

            33% {
                transform: translateY(-20px) rotate(120deg);
            }

            66% {
                transform: translateY(10px) rotate(240deg);
            }
        }

        /* Form animation on show */
        .form-group.show {
            animation: slideInRight 0.6s cubic-bezier(0.23, 1, 0.320, 1);
        }

        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(50px) scale(0.8);
            }

            to {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }

        /* Glowing effect on focus */
        .form-control:focus {
            position: relative;
        }

        .form-control:focus::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4);
            border-radius: 18px;
            z-index: -1;
            animation: glow 2s linear infinite;
        }

        @keyframes glow {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.5;
            }
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .enquiry-form-sec {
                padding: 25px 20px;
                margin: 20px 10px;
            }

            .enquiry-form-sec h4 {
                font-size: 26px;
            }

            .form-control {
                padding: 15px 15px 15px 50px;
            }

            .form-group i {
                left: 16px;
            }
          .form-group .fa-rupee-sign,
            .form-group .fa-book,
            .form-group .fa-city,
            .form-group .fa-bullseye {
                top: 32%;
            }

            .btn-primary {
                padding: 15px 35px;
                font-size: 14px;
            }
        }

        /* Input validation with neon effects */
        .form-control.is-valid {
            border-color: #00ff88;
            box-shadow: 0 0 20px rgba(0, 255, 136, 0.3);
        }

        .form-control.is-invalid {
            border-color: #ff4757;
            box-shadow: 0 0 20px rgba(255, 71, 87, 0.3);
        }

        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb {
            background: rgba(78, 205, 196, 0.8);
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: rgba(78, 205, 196, 1);
        }

        .enquiry-form input {
            padding-left: 40px;
            border: 1px solid #90caf9;
        }

        .enquiry-form select {
            padding-left: 40px;
            border: 1px solid #90caf9;
            padding-top: 0;
    padding-bottom: 0;
        }

        .enquiry-form button {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        .bg-enquiry-form
        {
            background: #d7f1ef !important;
        }
