.real-banner {background-image: url(../images/contact.webp); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; padding-top: 50px; padding-bottom: 50px;}    
.real-banner:before {content: ""; background: #525252b8; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1;}
.heading3 {font-size: 24px; font-weight: 700; text-align: center; color: #fff;}
.contact-part {background-color: #fff; padding-top: 90px; padding-bottom: 90px;}
.form-contact {box-shadow: 0 2px 8px #ffc83a91; padding: 20px; border-radius: 8px; margin-bottom: 30px;}
.heading4 {font-size: 24px; font-weight: 700; text-align: left; color: #1c355e;}
.form-contact input {border: 1px solid #0000001f; border-radius: 0; color: #333; text-align: left!important; padding: 5px 10px; height: 35px; width: 100%; font-size: 14px;}
.form-contact textarea {border: 1px solid #0000001f; border-radius: 0; color: #333; text-align: left!important; padding: 5px 10px; width: 100%; min-height: 150px; font-size: 14px;}
input[type="text"]:focus-visible, input[type="email"]:focus-visible, textarea:focus-visible {outline: 0;}
.form-group {margin-bottom: 10px;}
.cstm-btn {background-color: #ffc83a; border: 2px solid #ffc83a; padding: 8px 20px; cursor: pointer; color: #111; font-weight: 600; font-size: 15px; display: table; margin: 0 auto;}
.cstm-btn:hover {border-color: #111; background-color: #111; color: #fff; transition: .6s;}
.cont-addre li {display: flex; margin-bottom: 14px;}
.cont-addre li .fa {margin-right: 10px; font-size: 18px; color: #111; width: 18px;}
.cont-addre span {font-size: 17px; color: #333; display: inline-block; font-weight: 600;}
.cont-addre span a {color: #333; text-decoration: none;}
.cont-addre span a:hover {color: #ffc121;}
.map-area iframe {min-height: 350px;}
.contact-part .heading {font-size: 30px; font-weight: 600; line-height: 40px;}
.color-web {color: #ffc83a; font-weight: 700;}
.cont-addre {padding-left: 0px;}
.corpo {padding-top: 20px;}
.displaynone {display: none;}
.contact_otp_verify_cls p {text-align: center; margin-bottom: 8px;}
.confirm_heading {font-size: 20px; font-weight: 600; text-align: center; padding-top: 15px; color: #333;}
.did_not_receive {font-size: 15px; padding-top: 15px;}
#resend_contact_otp {display: block; opacity: .4; cursor: pointer; color: #111; font-size: 14px; text-decoration: underline;}
.form-contact input {border: 1px solid #0000001f; border-radius: 0; color: #333; text-align: left!important; padding: 5px 10px; height: 35px; width: 100%;}
.contact_otp_submit {width: auto !important; border: none !important;}
.contact_otp_verify_cls {position: fixed;z-index: 11111;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.contact_verify {max-width: 600px;margin: auto;margin-top: calc(100px - 0px);width: 100%;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);padding: 30px;border-radius: 8px;position: relative;z-index: 1070;background-color: #fff;}

@media(max-width:767px){
    .contact-part {padding-top: 50px; padding-bottom: 50px;}
    .contact-part .heading {font-size: 28px;}
    .contact_verify {max-width: 500px;}
}
@media(max-width:575px){
    .contact_verify {max-width: 400px;}
}
@media(max-width:425px){
.contact_verify {max-width: 300px;}
}