body {
  /* font-family: 'Roboto'; */
  font-family: 'Noto Serif';
}

a {
  text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
  padding: 0;
}

/* roboto-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v47-latin-100.woff2') format('woff2');
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v47-latin-100italic.woff2') format('woff2');
}

/* roboto-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-v47-latin-200.woff2') format('woff2');
}

/* roboto-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/roboto-v47-latin-200italic.woff2') format('woff2');
}

/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v47-latin-300.woff2') format('woff2');
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v47-latin-300italic.woff2') format('woff2');
}

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2');
}

/* roboto-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-italic.woff2') format('woff2');
}

/* roboto-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v47-latin-500.woff2') format('woff2');
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v47-latin-500italic.woff2') format('woff2');
}

/* roboto-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v47-latin-600.woff2') format('woff2');
}

/* roboto-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/roboto-v47-latin-600italic.woff2') format('woff2');
}

/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v47-latin-700.woff2') format('woff2');
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v47-latin-700italic.woff2') format('woff2');
}

/* roboto-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-v47-latin-800.woff2') format('woff2');
}

/* roboto-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/roboto-v47-latin-800italic.woff2') format('woff2');
}

/* roboto-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v47-latin-900.woff2') format('woff2');
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v47-latin-900italic.woff2') format('woff2');
}

/* noto-serif-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-serif-v28-latin-100.woff2') format('woff2');
}

/* noto-serif-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/noto-serif-v28-latin-100italic.woff2') format('woff2');
}

/* noto-serif-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-serif-v28-latin-200.woff2') format('woff2');
}

/* noto-serif-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/noto-serif-v28-latin-200italic.woff2') format('woff2');
}

/* noto-serif-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-serif-v28-latin-300.woff2') format('woff2');
}

/* noto-serif-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/noto-serif-v28-latin-300italic.woff2') format('woff2');
}

/* noto-serif-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v28-latin-regular.woff2') format('woff2');
}

/* noto-serif-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-serif-v28-latin-italic.woff2') format('woff2');
}

/* noto-serif-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-serif-v28-latin-500.woff2') format('woff2');
}

/* noto-serif-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/noto-serif-v28-latin-500italic.woff2') format('woff2');
}

/* noto-serif-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-serif-v28-latin-600.woff2') format('woff2');
}

/* noto-serif-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/noto-serif-v28-latin-600italic.woff2') format('woff2');
}

/* noto-serif-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-serif-v28-latin-700.woff2') format('woff2');
}

/* noto-serif-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-serif-v28-latin-700italic.woff2') format('woff2');
}

/* noto-serif-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/noto-serif-v28-latin-800.woff2') format('woff2');
}

/* noto-serif-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/noto-serif-v28-latin-800italic.woff2') format('woff2');
}

/* noto-serif-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-serif-v28-latin-900.woff2') format('woff2');
}

/* noto-serif-900italic - latin */
@font-face {font-display: swap; font-family: 'Noto Serif'; font-style: italic; font-weight: 900; src: url('../fonts/noto-serif-v28-latin-900italic.woff2') format('woff2');}
.quick-btn {transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;
  position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;
   background: #A35C5E!important; width: 100%; padding: 10px; border-radius: 4px; color: #fff; border: 0; font-size: 18px; font-weight: 500;}

.quick-btn:before {left: -20px; -webkit-transform: translate(-34%, -50%); transform: translate(-34%, -50%)}
.quick-btn:after {right: -20px; -webkit-transform: translate(34%, -50%); transform: translate(34%, -50%)}
.quick-btn:before,
.quick-btn:after {position: absolute; top: 50%; content: ""; width: 20px; height: 20px; background-color: #61677A; border-radius: 50%}
.quick-btn:after,
.quick-btn:before {z-index: -1; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s}
.quick-btn:hover {color: #fff; z-index: 1}
.quick-btn:hover:before {-webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate}
.quick-btn:hover:after {
  -webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate;}

@keyframes criss-cross-left {
  0% {
    left: -20px
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px
  }

  100% {
    left: 50%;
    width: 375px;
    height: 375px
  }
}

@keyframes criss-cross-right {
  0% {
    right: -20px
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px
  }

  100% {
    right: 50%;
    width: 375px;
    height: 375px
  }
}

/* header css start  */
.main {display: flex; flex-direction: column; height: 100vh; justify-content: space-between;}
.header_bg {background: #fff; padding: 7px 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px; position: relative; z-index: 9;}
.logo_content img {width: 6%;}
.logo_content {display: flex; justify-content: space-between; align-items: center;}
.logo_content img.emblem {width: 4%;}
.logo-content h4 {font-size: 20px; text-align: center; font-weight: 700; line-height: 28px; color: #000000c7; font-family: 'Noto Serif';}
section.bg_spacing {padding: 20px 0; /* background: #FBFBFB; */}
/* header css end  */
/* maine section css  */
.bg_upper_banner {position: relative; overflow: hidden; height: 100%;}
.bg_upper_banner, .bg_upper_banner::before {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.bg_upper_banner::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, #A35C5E 45%, #b2bde057 100%); z-index: 1;}
.upper_banner-text {position: absolute; top: 82px; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 2; width: 80%; display: flex; flex-direction: column; align-items: center; gap: 13px;}
.bg_upper_banner img {object-fit: cover;}
.upper_banner-text h4 {position: relative; margin: 23px; font-size: 26px; font-family: 'Noto Serif';}
.upper_banner-text h4::before {content: ""; position: absolute; bottom: -15px; left: 35%; width: 107px; height: 3px; background-color: #fff;}
.upper_banner-text p {font-size: 19px; width: 80%; font-weight: 300;}
/* form css  */
.input_cust .form-group {position: relative; margin-bottom: 20px; overflow: hidden; width: 100%;}
.input_cust .form-group input,
.input_cust .form-group select {border: none; border-bottom: 1px solid lightgray; border-radius: 0; padding-bottom: 0; font-weight: 500; background: transparent; width: 100%;}
.input_cust .form-control {height: 40px !important; font-size: 12px !important; padding-left: 0; color: #666666; font-weight: 400 !important;}
.form_cust_flex {display: flex; align-items: center; justify-content: space-between;}
.input_cust .form-control:placeholder-shown~.form__label {font-size: 14px; cursor: text; top: -4px; pointer-events: none; color: #666666; font-weight: 400;}
.input_cust .form-group label {font-size: 13px;}
.input_cust .form__label {position: absolute; top: -4px; display: block; transition: 0.2s; font-size: 13px; color: #666666;}
.input_cust .form-control:focus:valid+.form__label {color: #A35C5E;}
.input_cust .form-control:focus~.form__label {position: absolute; top: -4px; display: block; transition: 0.2s; font-size: 14px; font-weight: 500; color: #A35C5E;}
.input_cust .form-control:focus {border-width: 3px; border-image: linear-gradient(to right, #a45d60, #a45d60); border-image-slice: 1;}
.bg_drop_shd {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; background: #fff;}
.form_heading h4 {padding: 20px 0; font-family: 'Noto Serif'; font-size: 20px; font-weight: 700; color: #000; text-transform: uppercase;}
.captcha-code {font-size: 1.5rem; color: #d81b60; font-weight: bold; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3), -1px -1px 3px rgba(255, 255, 255, 0.7); transform: perspective(500px) rotateX(10deg) rotateY(10deg); transition: transform 0.3s ease, text-shadow 0.3s ease;}
.enter_cap {margin-top: -6px;}
.forgot_content p a {font-size: 12px; text-decoration: underline; color: #589BFC;}
.forgot_content p {padding-bottom: 10px;}
.forgot_content {font-weight: 500; text-align: center; font-size: 14px; color: #343434;}
.forgot_content p a:hover {color: rgb(69, 135, 228);}
.forgot_content p:nth-last-child(1) {padding-bottom: 20px;}
/* Edn form css  */
/* Edn main section css  */
/* footer css  */
footer.bg_footer {background: #61677A; padding: 20px 0; text-align: center; color: #fff;}
/* Edn footer  */
/*header section start here*/
.headingtitle h4::before{content:"";position:absolute;bottom:-15px;left:-2%;transform:translateX(50%);width:40px;height:3px;background-color:#a35c5e}
.headingtitle{position: relative; top: 0px; left: 0%; color: #000; z-index: 2; margin-bottom: 30px!important; text-align: left;  margin-top: 20px;}
.headingtitle h4{position:relative; font-size:22px;}
/*header section end here*/
/*table section start here*/
.cutome-table{width:100%!important;margin-bottom:0!important; background: #fff!important;}
	.cutome-table th{padding: 1rem !important;  vertical-align: top !important;   font-size: 14px;  color: #c45626 !important;  background: #fff !important; font-weight: bold !important; border: 1px solid #dee2e6!important;}
	.cutome-table td{padding:1rem!important;vertical-align:top!important;font-size:14px; border: 1px solid #dee2e6; }
	.cutome-table td p{margin:0;font-size:14px}
.cutome-table tr:nth-child(odd) {background: #ecf5fa !important;}
.cutome-table tr:nth-child(even) {background: #ffffff !important;}
	.cutome-table td select{display:block;padding:0rem 0.5rem;color:#495057;background-color:#fff;border:1px solid #ced4da!important;border-radius:0.25rem!important;}
	.cutome-table td a{color:#669;}
	.tablebody td input, .tablebody td textarea{display:block;padding:8px; color:#495057;background-color:#fff;border:1px solid #ced4da!important;border-radius:0.25rem!important;}
/*table section end here*/
/* responsive css  */
@media screen and (max-width: 767px) {
  .upper_banner-text h4 {font-size: 16px;}
.upper_banner-text h4::before {left: 26%;}
.upper_banner-text p {font-size: 12px;}
.upper_banner-text {top: 46px; gap: 2px;}
.bg_upper_banner, .bg_upper_banner::before {border-top-left-radius: 10px; border-bottom-left-radius: 0px; border-top-right-radius: 10px;}
.bg_drop_shd {border-radius: 10px; margin: 0 0px; padding: 0;}
.logo_content img {width: 20%;}
.logo_content img.emblem {width: 12%;}
.logo-content {order: 3; margin-top: 10px; width: 100%;}
.logo_content {flex-wrap: wrap;}
.form_heading {padding: 10px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .upper_banner-text h4 {font-size: 16px;}
.upper_banner-text h4::before {left: 26%;}
.upper_banner-text p {font-size: 12px;}
.upper_banner-text {top: 46px; gap: 2px;}
}
/* Edn responsive css  */
.otp-txt{display: block; font-size: 14px; margin-top: 20px; font-weight: 700;}
  /*button section start here*/
 .quick-btn2 {transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;
  position: relative; overflow: hidden; align-items: center; justify-content: center; background: #A35C5E;
    padding:6px 10px; border-radius: 4px; color: #fff; border: 0; font-size: 16px; font-weight: 500;}
.quick-btn2:hover {color: #fff; z-index: 1;     text-decoration: none;}
.BlueButton{position: relative; background: #A35C5E; padding: 5px 10px 27px 10px !important;  border-radius: 4px; color: #fff; border: 0; font-size: 16px; font-weight: 500;}
/*button section end here*/
 .bg_inner_div {background: #fff; border-radius: 10px; padding: 10px 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; height: 100vh; width: 100%;}
.form-section {background: #fff !important; padding: 15px; border-radius: 6px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background-image: none !important;}
.form-control:focus { box-shadow: none!important;}
.paging-nav a {text-decoration: none; color: #333; font-weight: bold; margin: 0 8px; font-size: 16px; transition: color 0.3s;}
.paging-nav a:hover {color: #007bff;}
.versus-box{background: #A35C5E; width: 100%; font-size: 16px; color: #fff; border: 0px; padding: 6px 8px;}
.versus-txt{width: 100%; text-align: center; font-size: 20px;}
.sms-txt{font-size: 12px!important;}
/* 
html, body {height: 100%; margin: 0; display: flex; flex-direction: column;}
.main {flex: 1; display: flex; flex-direction: column;}
.bg_spacing {flex: 1;}
.bg_footer {background: #eee; padding: 15px 0; text-align: center;} */
.main {min-height: 100%; display: flex; flex-direction: column;}
.mainContainer {flex: 1; padding-bottom: 20px;}
.bg_footer {background-color: #f8f9fa; padding: 10px 0; text-align: center;}
.note-div{margin: 30px 0 0 0px; padding: 0px;}
.note-div li{font-size: 12px; color: red; margin-bottom: 10px; list-style: none; padding:0 20px;}
.error{color: red;}