/* 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-weight: 400;}
.contact .thankyou-contact .thnk-contn,.contact .fail-contact .fail-contn{font-weight: 400; color: #1B2126;}
.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: 16px; min-height: 54px;}
.contact textarea{padding:12px 36px 1px 16px; min-height: 100px; resize: none;}
.contact input,.contact textarea{width: 100%;background:#F4F6FA;background-color:#F4F6FA; color: #1B2126; border:none;border-bottom:1px solid #1B2126;border-radius: 0px;}
.contact input:focus{border-color: #FFCC33 ;}
input:-internal-autofill-selected, input:-webkit-autofill, input:-webkit-autofill:focus {background:#F4F6FA !important;background-color:#F4F6FA !important;transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;}
.contact input:focus-visible,.contact textarea:focus-visible,.contact .custom-genrt-div.form-control.clicked-ul{border:none;outline: none;border-bottom:1px solid #FFCC33;}
.field-wrap{position: relative; margin-bottom: 32px;}
.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;}
.contact input, .contact textarea{border-bottom: 1px solid #1B2126 ;}
.contact input.error,.contact textarea.error{border-color: #DD596D}
.contact input.valid,.contact textarea.valid,.contact .selected ~ .form-control.custom-genrt-div{border-color: #159800;}
.contact .form-item-error-message{font-size: 12px;color: #DD596D;position: absolute;line-height: 13px;  bottom: -18px;}
.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:#F4F6FA;color: #fff; border:none;border-bottom: 1px solid var(--primary);position: relative;}
  .form-control.custom-genrt-div::after {content: "\e90c";position: absolute;right: 15px;font-family: 'icomoon' !important;
    font-weight: 400;transition: all 0.4s ease;font-size: 22px;color: var(--primary);top: 21px;z-index: 1;}
.form-control.custom-genrt-div.clicked-ul::after { rotate: 180deg;}
.error ~ .form-control.custom-genrt-div{border-bottom: 1px solid #DD596D}
.custom-genrt-div.form-control.clicked-ul {border:none;outline: none;background:#F4F6FA;border-bottom:1px 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: var(--secondary); color: var(--primary); 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: 1px 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; height: 100%; align-items: center;}
.thankyou-contact a, .fail-contact a{color: var(--primary);}
.thankyou-contact .thnk-title, .fail-contact .fail-title{font-size: 48px; color: #1B2126; height: auto; line-height: normal;}
.fail-contnt-wrap .button {margin: 16px auto 0px auto;}
.form-wrap .clr-field {width: 40px;height: 54px;  position: absolute; right: 0px;top: 0px; display: flex;align-items: center;  justify-content: center; background-color: #F4F6FA;}
/* .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;}
.form-wrap .clr-field svg path{fill: #1B2126;}
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;}
.placeholder,.select-dropdown ~ label.placeholder{position: absolute;top: 16px;left: 16px;font-size: 16px; opacity: 0.65; color: var(--primary);font-family: "Raleway", sans-serif;z-index: 2;}
.selected ~ .placeholder{display: none;}
.selected ~ .form-control.custom-genrt-div{color: var(--primary); padding-top: 16px;}
@media only screen and (min-width:767px) {
.field-outer-wrap{ display: grid; grid-template-rows: 1fr;}
.field-outer-wrap .name-field-wrap{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.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;}
.contact-form{padding-left: 0; padding-top: 48px;}
.thankyou-contact .thnk-title, .fail-contact .fail-title{font-size:48px; margin-bottom: 12px;}
}
.contact-form .form-wrap{height: 100%;}
.input-field-wrap{position: relative;}
.fail-contnt-wrap{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;}

.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7); } 
.modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 90%; max-width: 600px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.modal-header {padding: 24px;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;} 
.modal-header h2 { margin: 0; } 
.modal-body {padding: 24px;} 
.modal-footer { padding: 1rem; background: #f1f1f1; border-top: 1px solid #ddd; text-align: right; } 
.modal-footer button { padding: 0.5rem 1rem; margin-left: 0.5rem; }
.modal.show { display: block; animation: fadeIn 0.3s ease-in-out; } 
@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
.event-form{margin-top: 0;border: none;padding: 0;width: 100%;border-radius: 0;min-height: 250px; display: flex ; align-items: center; justify-content: center;}
.modal-open{overflow: hidden;}
.close-wrap .icon-close{font-size: 14px; border: 0; position: relative; padding: 0; background: transparent;}
.modal-header h3{font-size: 21px; font-weight: 600;}
.thnk-contnt-wrap a{margin-left: auto; margin-right: auto;}
#pdf-download-form{width: 100%;}