/* Start Scrollbar Styling */
body.contact::-webkit-scrollbar{width: 7px;}
body.contact::-webkit-scrollbar-track{background-color:#ebebeb;-webkit-border-radius: 10px; border-radius: 10px;}
body.contact::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;border-radius: 10px; background: #898989;}
textarea::-webkit-scrollbar{width: 7px;}
textarea::-webkit-scrollbar-track{background-color:#ebebeb;-webkit-border-radius: 10px; border-radius: 10px;margin:2px 0 1px 0;}
textarea::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;border-radius: 10px; background: #898989;}
@-moz-document url-prefix() {
*{scrollbar-color: #898989 #ebebeb;scrollbar-width: thin;}
textarea{scrollbar-color: #898989 #ebebeb;scrollbar-width: thin;border-radius: 10px;}
.form-wrap textarea ~ .clr-field {right: 2px;}
}
/* Close  Scrollbar Styling */
.thankyou-contact,.fail-contact{display: none;}
body.contact .PageHero,.contact .PageHero_content_container, .contact .PageHero_title_line_container span,.contact .button.button-primary,.contact .PageHero_title {font-family: 'Clash Display',sans-serif;}
.contact .PageHero_content p{font-family: Roboto,sans-serif;font-weight: 400;}
.contact .thankyou-contact .thnk-contn,.contact .fail-contact .fail-contn{font-family: Roboto,sans-serif;font-weight: 400;}
.contact .PageHero .PageHero_content{position: relative;padding:36px 48px 48px 48px;min-height: 100%!important; }
.contact .PageHero .PageHero_content::before{position: absolute; content: ""; height: 100%; background: rgba(2, 73, 133, 1);    left: 0; top: 0px; width:calc(100% - 0px); }
.contact .PageHero_title, .contact .PageHero_content p{color: #fff;}
.contact .button.button-primary{background: rgba(255, 187, 84, 1); color: rgba(26, 35, 43, 1); width: 100%; padding:25px 15px; border: none;cursor: pointer;font-size: 24px; margin-top: 24px;font-weight: 500;display: flex;  justify-content: center;  align-items: center;gap: 16px; transition: all 0.5s ease; }
.contact .button.button-primary:hover{background: rgba(29, 181, 132, 1); color: #fff;transition: all 0.5s ease;}
.contact .button.button-primary svg{position: relative; right: -16px;transition: all 0.5s ease;}
.contact .button.button-primary:hover svg{right: -48px;transition: all 0.5s ease;}
.contact .button.button-primary:hover svg path{fill: #fff;transition: all 0.5s ease;}
.contact .button.button-primary .PrimaryCta_label{margin-left: -16px;font-family: 'Clash Display',sans-serif;}
.contact .button.button-primary:disabled{pointer-events:none;background: rgba(29, 181, 132, 1);}
.contact input{padding: 14px 36px 1px 16px; min-height: 56px;}
.contact textarea{padding:12px 36px 1px 16px; min-height: 100px; resize: none;}
.contact input,.contact textarea{width: 100%;background:rgba(0, 0, 0, 0.04);background-color:rgba(0, 0, 0, 0.04) ; color: #fff; border:none;border-bottom:2px solid #fff;border-radius: 0px;}
.contact input:focus,.contact textarea:focus{width: 100%;background:rgba(0, 0, 0, 0.14);border-bottom: 2px solid #fff; }
.contact input:focus-visible,.contact textarea:focus-visible{border:none;outline: none;border-bottom:2px solid #fff;}
.field-wrap{position: relative; padding-bottom: 24px;}
.field-wrap::after{content: "";width: 100%; height: 2px;position: absolute;top: -1px; left: 0px; background: #024985;z-index: 1;}
.contact input ~ label,.contact textarea ~ label,.custom-genrt-ul ~ label,.select-dropdown ~ label{color: #fff;font-size: 16px;position: absolute; top:14px;left: 16px;opacity: 0.5;font-weight: 400;pointer-events: none;font-family: 'Clash Display',sans-serif;}
.contact input:focus ~ label,.contact textarea:focus ~ label,.contact input.valid ~ label,.contact textarea.valid ~ label,.custom-genrt-ul.active ~ label,.selected ~ .custom-genrt-ul ~ label,.contact input.error ~ label,.contact textarea.selected ~ label,.contact textarea.valid ~ label{font-size: 12px; top:7px;}
/* .contact textarea.selected,.contact textarea.valid,.contact textarea:focus{padding-top: 12px;} */
.contact textarea.selected ~ label,.contact textarea.valid ~ label,.contact textarea:focus ~ label{display: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #024680 inset !important;}
input:-webkit-autofill{ -webkit-text-fill-color: #fff !important;}
.contact input.error,.contact textarea.error{border-bottom: 2px solid rgba(221, 89, 109, 1)}
.contact input.valid,.contact textarea.valid,.contact .selected ~ .form-control.custom-genrt-div{border-bottom: 2px solid rgba(150, 227, 102, 1)}
.contact .form-item-error-message{font-size: 12px;color: rgba(221, 89, 109, 1);position: relative;font-family: Roboto,sans-serif;line-height: 13px;  top: 2px;}
.contact textarea ~ .form-item-error-message{bottom: 13px;}
.form-control.custom-genrt-div,.select-dropdown {cursor: default; overflow: hidden;-webkit-user-select: none;-ms-user-select: none; user-select: none;
  word-break: break-all;padding: 24px 16px 1px 16px; min-height: 56px; width: 100%;background:rgba(0, 0, 0, 0.04);color: #fff; border:none;border-bottom: 2px solid #fff;position: relative;}
  .form-control.custom-genrt-div::after {content: "\e902";position: absolute;right: 15px;font-family: 'icomoon' !important;
    font-weight: 400;transition: all 0.4s ease;font-size: 9px;color: var(--cerise);top: 21px;z-index: 1;}
.form-control.custom-genrt-div.clicked-ul::after { rotate: 180deg;}
.error ~ .form-control.custom-genrt-div{border-bottom: 2px solid rgba(221, 89, 109, 1)}
.custom-genrt-div.form-control.clicked-ul {border:none;outline: none;background:rgba(0, 0, 0, 0.14);border-bottom:2px solid #fff;
}
.custom-genrt-ul li:first-child{display: none;}
.custom-genrt-ul {display: none; flex-flow: column; align-items: flex-start; gap: 4px;position: absolute; width: 100%;
  z-index: 11;background: #fff;  box-shadow: 0px 8px 16px 0px rgba(62, 53, 82, 0.10);
  text-align: left; max-height: 252px; overflow: auto; top: 60px;margin: 0;font-size: 16px;padding: 0px!important;}
.custom-genrt-ul li{width: 100%;  padding:9px 16px 10px 16px; margin: 0!important;font-weight: 500;}
.custom-genrt-ul li:hover {background: rgba(29, 181, 132, 1); color: #fff;  cursor: pointer;}
 .clicked-ul ~ .custom-genrt-ul.active {display: flex;}
 .custom-genrt-ul li:before {display: none!important;}
 .contact .PageHero_intro{margin-bottom: 0px;}
 .grecaptcha-badge,.rc-anchor,.rc-anchor-normal-footer{display: none!important;}
 .loader {width: 24px;height: 24px;border: 2px solid #FFF;border-bottom-color: transparent;border-radius: 50%;display: inline-block;
  box-sizing: border-box;animation: rotation 1s linear infinite;}
  @keyframes rotation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
  } 
.reach-us{display: flex;  justify-content: center;font-family: 'Clash Display',sans-serif!important;text-align: center;margin-top: 88px;padding-top: 24px;}
.reach-us h4{font-size: 48px;margin-bottom:26px;}
.phone-section{display: flex;  justify-content: center; gap: 48px;}
.phone-one{display: flex;  justify-content: center; align-items: center; gap:16px;}
.phone-one br{display: none;}
.phone-one a{color: rgba(2, 73, 133, 1);font-size:32px; font-weight: 500;}
.phone-one a:hover{text-decoration:underline;}
.container.abtran-locations{max-width: 500px; margin: 88px auto 0px auto;text-align: center;}
.container.abtran-locations p{font-family: Roboto,sans-serif!important;font-weight: 500;}
.abtran-locations ~ .ListBlock{padding-top: 0px;margin-top: -24px;}
.contact .PageHero form .button{border-radius: 1px;}
.thankyou-contact, .fail-contact{color: #fff; text-align: center;}
.thankyou-contact a, .fail-contact a{color: #fff;}
.thankyou-contact .thnk-title, .fail-contact .fail-title{font-size: 56px;}
.fail-contnt-wrap .button {margin: 16px auto 0px auto;}
.form-wrap .clr-field {width: 40px;height: 56px;  position: absolute; right: 0px;top: 0px; display: flex;align-items: center;  justify-content: center;}
/* .form-wrap .clr-field::after { font-family: "Material Icons"; content: "\e888";  font-weight: 400;  font-size: 24px;cursor: pointer; opacity: 1;  z-index: 1;  position: relative;  color: #fff; } */
.form-wrap .clr-field svg{cursor: pointer;}
textarea::-ms-input-placeholder {color: #fff;font-size: 16px;opacity: 0.5;font-family: 'Clash Display', sans-serif;}
textarea::placeholder {color: #fff;font-size: 16px;opacity: 0.5;font-family: 'Clash Display', sans-serif;}
/* Start  tel fields */
.custom-genrt-ul li {font-weight: 400;}
.iti {width: 100%;}
.iti .iti__selected-dial-code{color: #fff;opacity: 0.5;}
.form-item-phone-number .iti ~ .form-label {font-size: 12px;top: 5px;left: 16px;position: absolute;color: #fff;opacity: 0.5;}
.contact .iti .iti__selected-dial-code::after,.contact .iti .iti__selected-dial-code::before{top: 10px;display: none;}
.form-control.custom-genrt-div, .select-dropdown {position: relative;}
.contact .iti .iti__selected-dial-code::after, .contact .iti .iti__selected-dial-code::before, .form-control.custom-genrt-div::after, .form-control.custom-genrt-div::before, .iti__arrow::after, .iti__arrow::before {content: "";position: absolute;transition: all 0.4s ease;background: #fff;opacity: 0.5;z-index: 1;width: 1px;height: 7px;}
.form-control.custom-genrt-div::before {right: 20px;top: 25px;}
.form-control.custom-genrt-div::after {right: 15px;top: 25px;}
.contact .iti .iti__selected-dial-code::before, .form-control.custom-genrt-div::before, .iti__arrow::before {transform: rotate(136deg);}
.contact .iti .iti__selected-dial-code::after, .form-control.custom-genrt-div::after, .iti__arrow::after {transform: rotate(40deg);}
.form-control.custom-genrt-div.clicked-ul::before, .iti__arrow.iti__arrow--up::before {transform: rotate(44deg);}
.form-control.custom-genrt-div.clicked-ul::after, .iti__arrow.iti__arrow--up::after {transform: rotate(136deg);}
.iti--allow-dropdown .iti__country-container {top: 10px;left: 7px !important;}
.iti__arrow {position: relative;border: 0px solid transparent !important;}
.iti__arrow::after, .iti__arrow::before {top: -4px;}
.iti__arrow::before {right: -2px;}
.iti__arrow::after {right: -7px;}
.iti__country.iti__standard{list-style: none;padding-left: 18px;}
.iti__country.iti__standard::before{display: none;}
.iti--allow-dropdown .iti__country-container {right: auto;left: 0;}
.iti--inline-dropdown .iti__dropdown-content {left: -6px;padding: 0;}
ul.iti__country-list{padding-left: 0px;}
input.iti__search-input,.contact input.iti__search-input:focus-visible{background-color: #fff;color: #1A232B;}
.blocked-domain {width: 100%; background: #00315b;
  color: #fff;  border-radius: 8px;  min-height: 74px;  max-width: 100%;  margin-left: 0px;  padding: 16px;  text-align: left;  position: absolute;  z-index: 1;  margin-top: 14px;  font-size: 12px;  line-height: 18px;  z-index: 9;}
.blocked-domain p {  margin-bottom: 0;font-size: 12px;}
.blocked-domain p a,.blocked-domain  a{  text-decoration: underline;  color: #ffbb54;}
.blocked-domain p a:hover,.blocked-domain  a:hover{color: #1db584;}
.blocked-domain p b {  display: block;}
.blocked-domain::after {  content: "";  position: absolute;  bottom: 100%;  left: 8%;
  border-width: 11px;  border-style: solid;  border-color: transparent transparent #00315b transparent;}
  .contact input#email.selected ~ label{font-size: 12px;top: 7px;}
  .contact .button.button-primary:disabled {opacity: 0.6;}
/* Close  tel fields */
@media only screen and (min-width:767px) {
.field-outer-wrap{ display: grid; gap: 24px;grid-template-columns: 1fr 1fr;}
.contact .PageHero form .button{height: 88px;}
.contact .PageHero form .button .PrimaryCta_label{font-size:24px;}
}
@media only screen and (min-width:1200px) {
.contact .PageHero .PageHero_visual_wrapper{min-height: 480px;}  
.contact .PageHero .PageHero_content{width: calc(100% - -165px);}
}
@media only screen and (min-width:1300px) {
.contact .PageHero .PageHero_visual_wrapper{min-height: 570px;}   
.contact .PageHero .PageHero_content{width: calc(100% - -130px);}
}
@media only screen and (min-width:1900px) {
.contact .PageHero .PageHero_visual_wrapper{min-height: 640px;}   
.contact .PageHero .PageHero_content{width: calc(100% - -165px);}
}
@media only screen and (max-width:1199px) {
.contact .PageHero .PageHero_content{width: calc(100% - -220px);}
}  
@media only screen and (max-width:768px) {
.contact .PageHero .PageHero_content::before{display: none;}
.contact .PageHero .PageHero_content{width:100%;background: rgba(2, 73, 133, 1);}
.contact .PageHero.is-inview{overflow-x: visible;}
.contact .PageHero--full .PageHero_visual{padding: 0px 48px 0px 48px;}
}
@media only screen and (max-width:480px) {
.contact .PageHero--full .PageHero_visual{padding: 0px 24px 0px 24px;}
.contact .phone-section{flex-direction: column;}
.phone-one a {font-size: 24px;}
.reach-us h4 {font-size: 36px;}
.reach-us {margin-top: 48px;}
.contact .PageHero .PageHero_content {padding: 36px 24px 36px 24px;min-height: 100%!important;}
.phone-section{gap: 24px;margin-top: 36px;}
.contact .button.button-primary{padding: 0px 15px;}
.reach-us,.phone-one {justify-content: left;}
.container.abtran-locations p{text-align: left;}
}