.contactPage .container {max-width: 1180px;}
.contactHeading {background:#fef5f0 url(../images/contact-page/contact-banner.jpg) no-repeat top center / auto 280px; height: 280px; padding: 50px 0px;}
.contactHeading h1 {font-size: 36px; margin: 0px 0px 10px 0px;}
.contactHeading .desc { margin: 0px 0px 20px 0px;}

.contactBox {background: #FFFFFF; border-radius: 20px;filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.161)); padding:0px 0px 0px 30px; position: relative; top: -90px;}
.contactBox .leftTextA {margin: 30px 0px 5px 0px; font-size: 18px; color: var(--orange);font-family: 'Circular Std Bold';}
.contactBox .leftTextB {margin: 0px 0px 25px 0px;}
.contactBox .submitBtn {width: 100%; text-transform: uppercase;}

.contactForm {margin-bottom: 30px;}
.contactBox .form-group {margin-bottom: 20px;}
.contactBox .form-control {background: #FAFAFA;  border:none;height: auto; padding: 12px 20px;}
.contactBox .form-control:focus {background: #fff5e9; }

.contactRightBg {background: #F9F9F9 url(../images/contact-page/dot-pattern.png) no-repeat top right; padding: 30px; border-radius: 0px 20px 20px 0px;}
.contactRightBg .textA {margin: 0px 0px 10px 0px; padding-bottom: 10px; font-size: 18px; font-family: 'Circular Std Bold'; position: relative;}
.contactRightBg .textA:before {content: ""; height: 2px; width: 60px; position: absolute; left: 0px; bottom: 0px; background: var(--orange);}
.contactInfo {list-style: none; padding: 20px 0px 10px 0px; margin:0px;}
.contactInfo li {position: relative; padding: 0px 0px 22px 50px; min-height: 36px;}
.contactInfo li .icon {position: absolute; left: 0px; top: 0px; width: 36px; height: 36px; border-radius: 50%; border:solid 2px var(--orange); text-align: center; line-height: 33px;}
.contactInfo li .icon img {width: 22px;}
.contactInfo .abn {padding-top: 6px;}

.newsLetterSec {background: #FDF5EF;padding: 50px 0px;}
.newsLetterSec .textA {color: #333333; font-size: 26px;font-family: 'Circular Std Bold'; line-height: 1.2; margin: 0px 60px 0px 0px;}
.newsLetterSec .textA img {width: 38px; vertical-align: top; margin-right: 10px;}

.subscribeRow {padding-right: 110px;background: #fff;position: relative; border:solid 1px var(--orange);border-radius: 25px; }
.subscribeRow .input {width: 100%; border: none; background: #fff; padding:10px 20px 10px 20px; height:48px;color: #333;border-radius: 25px;}
.subscribeRow .input::placeholder {}
.subscribeRow .subBtn {background:var(--orange); border: none; color: #fff; position: absolute; right: -1px; top: -1px; width:120px; height:50px; cursor: pointer;border-radius:0px 25px 25px 0px;}
.subscribeRow .subBtn:hover {background-color: var(--darkOrange);}





@media(max-width:767px) {

  .contactHeading {background-size:auto 180px; height: 180px; padding: 30px 0px;background-position: top right;}
  .contactHeading h1 {font-size: 20px; margin: 0px 0px 10px 0px;}

  .contactBox { border-radius: 10px;padding:15px 15px 0px 15px; top: -30px; margin-top: -40px;}
  .contactBox .leftTextA {margin: 0px 0px 0px 0px; font-size: 16px;}
  .contactBox .leftTextB {margin: 0px 0px 15px 0px;}

  .contactForm {margin-bottom: 30px;}
  .contactBox .form-group {margin-bottom: 15px;}
  .contactBox .form-control { padding:9px 20px;}

  .contactRightBg {padding: 15px;  border-radius: 0px 0px 15px 15px; margin: 0px -15px;}

  .newsLetterSec {padding: 30px 0px;}
  .newsLetterSec .col-auto {flex: 0 0 100%; text-align: center;}
  .newsLetterSec .textA {margin: 0px 0px 20px 0px;font-size: 18px;}
  .newsLetterSec .textA img {width: 28px;}

}