.header_section{margin-top: 20px;}
.header_section .logo_main img{height: 100%;width: 100%;object-fit: cover;}
.header_section .logo_main img.logo_img{width: 7%;max-width: 100%;} 

.banner_section .left_main{margin-top: 13%;}
.banner_section .left_main h1{font-size: 66px;color: #3c5f47;font-weight: 700;line-height: 80%;}
.banner_section .left_main h2{font-size: 56px;color: #81c683;font-weight: 700;}
.banner_section .left_main p{font-size: 20px;font-weight: 500;margin-top: 3%;}
.banner_section .right_main .banner_main img{height: 100%;width: 100%;object-fit: inherit;}
.banner_section .right_main .banner_main img.banner_img{height: auto;}  

.test_section .tittle_main h3{text-align: center;font-weight: 800;font-size: 40px;margin-bottom: 3%;color: #3c5f47;}  
.test_section {margin-top: 6%;margin-bottom: 3%;} 
.test_section .meerut_img_main img{width: 100%;height: 100%;object-fit: inherit;} 
.test_section .meerut_img_main img.meerut_img{height: auto;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-top-left-radius: 6px;border-top-right-radius: 6px;max-height: 100%;}
.test_section .meerut_content_main h2{font-weight: 700;font-size: 24px;}
.test_section .meerut_content_main p{font-weight: 400;font-size: 16px;}
.test_section .meerut_form_main {margin-bottom: 3%;border: 1px solid #96a199;border-radius: 8px;padding: 15px 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px;}
.test_section .meerut_form_main .form_tittle_content h3{font-weight: 800;color: #3c5f47;font-size: 24px;}
.test_section .meerut_form_main button.btn.btn-primary{background-color: #3c5f47;border: none;border-radius: 5px;margin-top: 10px;margin-bottom:20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;width: 206px;
    font-size: 18px;}
.test_section .meerut_form_main button.btn.btn-primary:hover{background-color: #f58925;}
.test_section .meerut_img_main{margin-bottom: 6%;}
.test_section .meerut_content_main button.btn.btn-primary{background-color: #3c5f47;border: none;border-radius: 5px;margin-top: 10px;margin-bottom:20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.test_section .meerut_content_main button.btn.btn-primary:hover{background-color: #f58925;}
.test_section .meerut_form_main .appointment_btn{display: flex;align-items: center;justify-content: center;position:relative;}
.meerut_content_main {margin-bottom: 13%;}
.test_section .meerut_form_main .form-label{font-weight: 500;}
.modal-header{border-bottom: none;}
.modal-footer{text-align: center;display: flex;align-items: center;justify-content: center;border-top: none;}
.modal-body .heading_main h4{font-weight: 800;font-size: 40px;margin-top: 22px;color: #3c5f47;} 
.modal-body .heading_main p{font-size: 18px;font-weight: 500;}
.modal-footer button.btn.btn-primary{width: 50%;max-width: 100%;}
.note_area p{color:red !important;font-weight:600 !important;text-align:center;} 

.thankyou_section{margin-top: 12px;margin-bottom:30px;} 
.thankyou_section .modal-footer button.btn.btn-primary{width: 24%;max-width: 100%;background-color: #3c5f47;border: 1px solid #3c5f47;box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px;}
.thankyou_section .modal-footer button.btn.btn-primary:hover{background-color: #f58925;border: 1px solid #f58925 ;}
.thankyou_section .heading_main h4{font-weight: 800;font-size: 40px;margin-top: 10px;color: #3c5f47;}
.thankyou_section .map{display: flex;align-items: center;justify-content: center;text-align: center;}
.thankyou_section .map iframe{height:450px;}
.thankyou_section .Note {
    text-align: center;
    padding-bottom: 20px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    color:green;font-weight:600; 
}
.thankyou_section .Note ul li{text-align:justify;line-height: 35px;}  
.thankyou_section h4{font-weight:800;font-size:40px;margin-bottom:25px;margin-top: 16px;}  
.thankyou_section li.msg{color:red;text-align:left;font-weight:600;font-size: 18px;}
 .thankyou_section .msg_main li{list-style:none;}
@media (max-width:1024px){
    .thankyou_section .map iframe{width: 100%;}
}

@media (max-width:430px){
    .header_section .logo_main img.logo_img{width:14%;}
    .banner_section .left_main h1{font-size:38px;}
    .banner_section .left_main h2{font-size:38px;} 
    .banner_section .left_main p{font-size:16px;}
    .test_section .tittle_main h3 {font-size:28px;}
    .test_section .meerut_content_main h2{font-size:22px;}
    .test_section .meerut_content_main p{font-size:16px;}
    .test_section {margin-top:12%;}
    .thankyou_section .Note ul li {
    line-height: 30px;
    margin-bottom: 10px; 
}
}

span#appError {
    color: red;
}
.form-label:after {
  content:" *";
  color: red;
}
 
 .spinner {
   width: 30px;
   height: 30px;
   display: none;
   border-radius: 50%;
   -webkit-mask: radial-gradient(farthest-side,#0000 40%,#e1e2f6 41%);
   background: linear-gradient(0deg, rgb(52 98 75 / 50%) 50%, rgb(211 211 232) 0) center / 4.5px 100%, linear-gradient(90deg, rgb(88 90 88 / 25%) 50%, rgb(94 94 100 / 75%) 0) center / 100% 4.5px;
   background-repeat: no-repeat;
   animation: spinner-d3o0rx 1s infinite steps(12);
   position: absolute;
   right: 10px;
   top: 15px;
}

  .spinner.show {
      display: grid;
    }

.spinner::before,
.spinner::after {
   content: "";
   grid-area: 1/1;
   border-radius: 50%;
   background: inherit;
   opacity: 0.915;
   transform: rotate(30deg);
}

.spinner::after {
   opacity: 0.83;
   transform: rotate(60deg);
}

@keyframes spinner-d3o0rx {
   100% {
      transform: rotate(1turn);
   }
}