/********************* GOXIT FORMS ******************/





/********************** NEW SELECT DROPDOWN - ensure get JS too ***************************/
.custom-select-wrapper {position: relative; width: 100%;
    margin: 0px 8px 15px 0; user-select: none;font-family: inherit;}
.custom-select-trigger {position: relative;display: block; width: 100%; padding: 10px;
    background-color: #ffffff;border: 1px solid #030C38;
    border-radius: 13px; color: #192733;cursor: pointer;box-sizing: border-box;
    background-image: url('/static/images//icons/Dot-Down-Select.svg');
    background-position: right 10px bottom 8px; background-repeat: no-repeat;
    transition: border-radius 0.1s ease;}
.custom-select-wrapper.open .custom-select-trigger {border: 2px solid #00FFFF; box-shadow: 0 7px 9px -7px #030832;
    border-bottom: 1px solid #e0e0e0; border-radius: 13px 13px 0 0;}
.custom-options {position: absolute;top: 100%; left: 0;right: 0;z-index: 999;
    background: #ffffff;border: 2px solid #00FFFF; border-top: none;
    border-radius: 0 0 13px 13px;display: none; box-shadow: 0 7px 9px -7px #030832; overflow: hidden;}
.custom-select-wrapper.open .custom-options {display: block;}
.custom-options .option {padding: 10px; color: #000;cursor: pointer;transition: background 0.2s;}
.custom-options .option:hover {background-color: #030C38; color: #ffffff;}


























/* form inline is one field one button*/
form.inline {width: 100%; display: flex; grid-template-columns: auto auto; align-items: center;}
form.inline input, form.inline textarea, form.inline button{display: inline-block;}
form.inline input[type="submit"] {width: max-content;}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea,select,button
{display: block; width: 100%;border:1px solid #030C38; border-radius: 13px; margin:0px 8px 0px 0;padding:10px;
  box-sizing: border-box;margin-left :0; color:#192733; -webkit-appearance: none;}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea,select{background-color: #ffffff;}
input[type="radio"], input[type="checkbox"]  {accent-color: #030832;}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus,select:focus,button:focus{outline:none; border: 2px solid #00FFFF; box-shadow:0 7px 9px -7px #030832;}
input[type="text"]:disabled, input[type="email"]:disabled  {background-color: #B3C5CD;}
input[type="text"]:hover,input[type="email"]:hover,input[type="tel"]:hover,input[type="password"]:hover,select:hover,textarea:hover,button:hover{box-shadow:7px 7px 5px rgba(32,5,58,0.3), rgba(32,5,58,0.3) 7px 7px 5px;}
input[type="button"],input[type="submit"]{ padding-left:25px; padding-right: 25px;}
input.PinkButton[type="submit"]:disabled  {color:#9E9999; pointer-events: none; background:linear-gradient(0deg,rgba(36, 39, 55, 1) 60%, rgba(36, 39, 55, 1) 100%); }





.FULL-Form {z-index:9;}
#g-recaptcha-response{ z-index: -100;}


/*********** Form help ************/
.formhelp { display: flex; justify-items: center; grid-gap:5px; margin-top: 0; }
.formhelphide{ margin-top: -100%; transition: all 1s ease-in-out; }
.formhelpcontainer { overflow: hidden; }
.help-inner{ width:100%;display: flex; justify-items: center; color: #030C38; background-color: #ccc; border-radius: 10px;
padding: 5px 10px 5px 10px; font-weight: 400; font-size: 0.9em; justify-content:space-between;}
.tinydot {width:10px; height:10px;}
.helpspace { margin-top: 5px; }
.help-inner p {padding-right: 10px; margin-bottom: 0px;}
.swing-in {-webkit-animation: swing-in 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; opacity:0;}
.swing-out {-webkit-animation: swing-out 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
	        animation: swing-out 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045) both; }
  @-webkit-keyframes swing-in {
  0% {-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);-webkit-transform-origin: top;transform-origin: top; opacity: 0;}
  10% {-webkit-transform: rotateX(-80deg); transform: rotateX(-80deg)}
  20% {-webkit-transform: rotateX(-70deg); transform: rotateX(-70deg)}
  30% {-webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); opacity: 0.3;}
  40% {-webkit-transform: rotateX(-50deg); transform: rotateX(-50deg)}
  50% {-webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 0.5;}
  60% {-webkit-transform: rotateX(-30deg); transform: rotateX(-30deg)}
  70% {-webkit-transform: rotateX(-20deg); transform: rotateX(-20deg); opacity: 0.8;}
  80% {-webkit-transform: rotateX(-10deg); transform: rotateX(-10deg)}
  90% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg)}
  100% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1;}}
@keyframes swing-in {
   0% {-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);-webkit-transform-origin: top;transform-origin: top; opacity: 0;}
  10% {-webkit-transform: rotateX(-80deg); transform: rotateX(-80deg)}
  20% {-webkit-transform: rotateX(-70deg); transform: rotateX(-70deg)}
  30% {-webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); opacity: 0.3;}
  40% {-webkit-transform: rotateX(-50deg); transform: rotateX(-50deg)}
  50% {-webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 0.5;}
  60% {-webkit-transform: rotateX(-30deg); transform: rotateX(-30deg)}
  70% {-webkit-transform: rotateX(-20deg); transform: rotateX(-20deg); opacity: 0.8;}
  80% {-webkit-transform: rotateX(-10deg); transform: rotateX(-10deg)}
  90% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg)}
  100% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1;}}
@-webkit-keyframes swing-out {
  0% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1;}
  10% {-webkit-transform: rotateX(-10deg); transform: rotateX(-10deg)}
  20% {-webkit-transform: rotateX(-20deg); transform: rotateX(-20deg)}
  30% {-webkit-transform: rotateX(-30deg); transform: rotateX(-30deg); opacity: 0.8;}
  40% {-webkit-transform: rotateX(-40deg); transform: rotateX(-40deg)}
  50% {-webkit-transform: rotateX(-50deg); transform: rotateX(-50deg); opacity: 0.5;}
  60% {-webkit-transform: rotateX(-60deg); transform: rotateX(-60deg)}
  70% {-webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); opacity: 0.3;}
  80% {-webkit-transform: rotateX(-80deg); transform: rotateX(-80deg)}
  90% {-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg)}
  100% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transform-origin: top; transform-origin: top; opacity: 0;}}
@keyframes swing-out {
  0% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1;}
  10% {-webkit-transform: rotateX(-10deg); transform: rotateX(-10deg)}
  20% {-webkit-transform: rotateX(-20deg); transform: rotateX(-20deg)}
  30% {-webkit-transform: rotateX(-30deg); transform: rotateX(-30deg); opacity: 0.8;}
  40% {-webkit-transform: rotateX(-40deg); transform: rotateX(-40deg)}
  50% {-webkit-transform: rotateX(-50deg); transform: rotateX(-50deg); opacity: 0.5;}
  60% {-webkit-transform: rotateX(-60deg); transform: rotateX(-60deg)}
  70% {-webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); opacity: 0.3;}
  80% {-webkit-transform: rotateX(-80deg); transform: rotateX(-80deg)}
  90% {-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg)}
  100% {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transform-origin: top; transform-origin: top; opacity: 0;}}

  .slide-out-left {opacity:0; -webkit-animation: slide-out-left 3s ease-in 0.5s forwards; animation: slide-out-left 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; }
@keyframes slide-out-left {
  0% {-webkit-transform: translateX(0); transform: translateX(0) ;
    -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-filter: blur(0);filter: blur(0); opacity: 1;}
  25% {-webkit-transform: translateX(-250px); transform: translateX(-250px) ;
    -webkit-filter: blur(10px);filter: blur(10px); opacity: 1;}
  50% {-webkit-transform: translateX(-250px); transform: translateX(-250px) ;
    -webkit-filter: blur(20px);filter: blur(20px); opacity: 0.8;}
  75% {-webkit-transform: translateX(-250px); transform: translateX(-250px) ;
    -webkit-filter: blur(20px);filter: blur(20px); opacity: 0.4;}
  100% {-webkit-transform: translateX(-1000px);transform: translateX(-1000px) ;
    -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-filter: blur(20px);filter: blur(20px); opacity: 0;}}
@-webkit-keyframes slide-out-left {
  0% {-webkit-transform: translateX(0); transform: translateX(0) ;
    -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-filter: blur(20px);filter: blur(20px); opacity: 1;}
  25% {-webkit-transform: translateX(-250px); transform: translateX(-250px) ;
    -webkit-filter: blur(10px);filter: blur(10px); opacity: 1;}
  50% {-webkit-transform: translateX(-250px); transform: translateX(-250px) ;
    -webkit-filter: blur(20px);filter: blur(20px); opacity: 0.8;}
  75% {-webkit-transform: translateX(-250px); transform: translateX(-250px) ;
    -webkit-filter: blur(20px);filter: blur(20px); opacity: 0.4;}
  100% {-webkit-transform: translateX(-1000px);transform: translateX(-1000px);transform: translateX(0) ;
    -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-filter: blur(20px);filter: blur(20px); opacity: 0;}}
/*********** Form help ************/

.fieldcontent { min-width: 100%; max-width: 100%; margin-bottom: 10px;}
.FULL-Form {max-width:100%;}
.FULL-Form {height:100%;}

fieldset {justify-content: right; width:100%; min-width: 0;}
.FULL-Form {border-radius: 0;
display: flex; flex-direction: column; justify-content: center;  min-height: max-content; }


.FULL-Form .button {max-width: max-content; padding: 15px 45px; font-size: 1.2em;}

fieldset .fieldcontent.formheader {padding:80px 15px 0px 15px; }
fieldset, .contact-panel {border: none;}
fieldset .fieldcontent {padding:0px 15px 0px 15px;}
input[type="radio"] {width: 20px; height: 20px;}
input[type="checkbox"] {width: 20px; height: 20px;}
label {display: flex; grid-gap:5px; align-items: center; width: 100%;}
.labelright{ line-height: normal; display: flex; width: 100%;align-items: center; justify-content:space-between;}
.inputright
{display: flex; justify-content: flex-end;align-items: center; grid-gap:10px;}

.formitem {margin-bottom:15px; display: grid; grid-gap:5px; transition: all 0.6s ease;}
label,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea,select {flex-grow:1;}
legend {font-weight: 600; font-size: 1em; padding: 0 20px;}
select{ background: #ffffff url(/static/images//icons/Dot-Down-Select.svg ); background-position: right 10px bottom 5.5px; background-repeat: no-repeat;}


.error{ display: flex; grid-gap:5px; align-content: center; font-weight: 600;  padding:10px;}
.success {color:#00FFFF;}.success svg path {fill:#00FFFF;}
.error{color:#FF38B4;}.error svg path {fill:#FF38B4;}


/**** Captcha FIXES *****/
#g-recaptcha-response{   margin: -78px 0 0 0 !important; height: 76px !important; opacity: 0;display: block !important;  position: absolute; left: 0; }
.g_recaptcha, #id_captcha {transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0; width:200px;}
#rc-imageselect {transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0; }

/* Password Toggle Styles */
.password-toggle { margin: 2px 0; display: flex; align-items: center; gap: 8px; }
.password-checkbox { display: none; }
.eye-checkbox { cursor: pointer; display: flex; align-items: center; gap: 8px; user-select: none; font-size: 14px; }
.eye-icon { width: 17px;  height: 17px;  position: relative;  display: inline-block; }
.eye-icon svg { width: 100%; height: 100%; fill: #666; transition: all 0.2s ease; }
.eye-closed { display: block; }
.eye-open { display: none; }
.password-checkbox:checked + .eye-checkbox .eye-closed { display: none; }
.password-checkbox:checked + .eye-checkbox .eye-open { display: block; }
.eye-checkbox:hover .eye-icon svg { fill: #00FFFF; }

/* Text switching for show/hide passwords */
.show-text { display: inline; }
.hide-text { display: none; }
.password-checkbox:checked + .eye-checkbox .show-text { display: none; }
.password-checkbox:checked + .eye-checkbox .hide-text { display: inline; }
.button-container { display: flex; gap: 15px; align-items: center; }
.password-reset-button { padding: 10px 15px; display: inline-flex; align-items: center; text-decoration: none; font-size: 0.9em; font-weight: 600; }



@media (min-width: 1400px)
{
  .formleftlabel {grid-template-columns: max-content auto;}
  .formleftlabel label, .formleftlabel .formerror {padding: 3px 10px 3px 0;}
  .FULL-Form {max-width:50% !important;}

}


@media (min-width: 913px)
{
  input[type="radio"] {width: 25px ; height: 25px;}
  input[type="checkbox"] {width: 25px; height: 25px;}
  .FULL-Form {max-width:75%; margin-right: auto; margin-left: auto;}
}

@media (min-width: 900px)
{
 /* .contact-panel{max-width:max-content; }*/
  .contact-panel {background: linear-gradient(90deg,rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 76%) !important;
    box-shadow:0px 0px 0px rgba(0,0,0,0);}
     .contact-panel{justify-content: center;}
     .twoevencols {display: grid; grid-template-columns: 1fr 1fr;}  /*contact*/
  .Contact-Display {top:105px;}
}

@media (min-width: 600px)
{
}