.page-template-become-model, .page-template-form-test {
    background-color: var(--black);
}
.become-model-container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px;
}
.become-model-form-left {
    width: 64%;
}
.become-model-right {
    width: 32%;
    position: sticky;
    top: 60px;
}
.become-model-form-flex {
    justify-content: space-between;
    align-items: flex-start;
}
.become-model-images-fields {
    gap: 50px 15px;
}
.become-model-image-field {
    width: calc((100% / 3) - 10px);
}
.above-image-text span {
    font-family: "Extenda", sans-serif;
    font-size: 100px;
    color: var(--white);
    text-transform: uppercase;
    line-height: 60%;
	font-weight: 400;
}
.become-model-section {
    padding: 40px 0px;
}
.become-model-head {
    max-width: 64%;
    margin-bottom: 40px;
}
.image-box-vt-text span {
    font-family: "Extenda", sans-serif;
    font-size: 100px;
    color: var(--white);
    text-transform: uppercase;
    line-height: 60%;
	font-weight: 400;
}
.media-box {
    position: relative;
}
.image-box-vt-text {
    position: absolute;
    writing-mode: sideways-lr;
    right: 0;
    bottom: 45px;
}
.image-box {
    position: relative;
}
.img-upload-icon {
    position: absolute;
    left: 10px;
    bottom: 10px;
	cursor: pointer;
    z-index: 999;
}
.img-upload-icon img {
    max-width: 40px;
    height: 40px;
}
.become-model-right-heading h2 {
    font-size: 78px;
    color: var(--white);
    font-family: 'Brittany Signature';
    font-weight: 400;
    transform: skew(-10deg, 10deg);
    line-height: 120%;
}
.become-model-form-field input {
    width: 100%;
    height: 42px;
    padding: 5px;
    color: var(--black);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    background-color: var(--white);
    border: 1px solid var(--white);
    border-radius: 3px;
	outline: none;
}
.become-model-form-fields {
    margin: 15px 0px 0px;
}
.become-model-form-field label {
    color: var(--black);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    position: absolute;
    top: 14px;
    margin: auto;
    left: 10px;
    line-height: 100%;
    height: 15px;
    font-weight: 500;
    touch-action: none;
    pointer-events: none;
}
.become-model-form-field {
    position: relative;
}
.become-model-form-field input:focus +label, .become-model-form-field input:not(:placeholder-shown) + label {
    opacity: 0;
}
.become-model-form-field input::placeholder {
    font-size: 0px;
}
.become-model-form-field:not(:last-child) {
    margin-bottom: 8px;
}
.become-model-form-field p {
    font-size: 12px;
    color: var(--white);
    font-family: "Montserrat", sans-serif;
    line-height: 150%;
}
.become-model-form-field p:not(:last-child) {
    margin-bottom: 5px;
}
.form-submit-button button {
    cursor: pointer;
    padding: 8px 20px;
    font-family: "Montserrat", sans-serif;
    color: var(--white);
    background-color: transparent;
    border: 2px solid var(--white);
    text-transform: uppercase;
    font-weight: 600;
    transition: .4s ease-in-out;
}
.form-submit-button button:hover {
    background-color: var(--white);
    color: var(--black);
}
.become-model-head p, .become-model-form-note p {
    color: var(--white);
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    line-height: 150%;
}
.become-model-head p:not(:last-child), .become-model-form-note p:not(:last-child) {
    margin-bottom: 15px;
}
.become-model-form-note {
    margin: 20px 0px 0px;
}
.become-model-image-field .image-box>img {
    height: 400px;
    object-fit: cover;
    width: 100%;
}
#form-loading {
    margin: 40px 0px;
}
#form-loading p {
    color: var(--white);
    font-size: 24px;
    font-family: "Bebas Neue", sans-serif;
}
/* Add to your stylesheet */
.upload-spinner {
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
#image-counter {
    padding: 10px;
    border-radius: 4px;
    background: #f5f5f5;
    font-size: 14px;
}
#image-counter small {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}
.become-model-image-field {
    position: relative;
	height: auto;
}
.upload-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    z-index: 10;
}
.become-model-form-field select {
    width: 100%;
    height: 42px;
    padding: 5px;
    color: var(--black);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    background-color: var(--white);
    border: 1px solid var(--white);
    border-radius: 3px;
    outline: none;
}
.become-model-form-field select + label {
    font-size: 0px;
}
.img-upload-text-container {
    position: relative;
    bottom: -10px;
    background-color: var(--white);
    left: 0;
    right: 0;
    padding: 10px 10px;
    cursor: pointer;
}
.image-box {
    padding-bottom: 60px;
}
.img-upload-text-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img-upload-text-flex *, .image-uploaded-text p {
	font-size: 18px;
    font-family: "Bebas Neue", sans-serif;
    color: var(--black);
    font-weight: 500;
    letter-spacing: .5px;
}
.image-uploaded-text {
    display: none;
}
.has-image .img-upload-text-container .img-upload-text {
    display: none;
}
.has-image .img-upload-text-container .image-uploaded-text {
    display: block;
}
.become-model-note-field .note-content p {
    color: var(--white);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 150%;
}
.become-model-form-field .checkbox-label + label {
    display: none;
}
.become-model-form-field .checkbox-label {
    color: var(--white);
    position: relative;
    left: 0;
}
.become-model-form-field .checkbox-label input {
    width: auto;
    height: auto;
}
.become-model-note-field .note-content strong {
    display: none;
}
.become-model-note-field {
    margin-bottom: 8px;
}
.img-upload-text-container input {
    position: absolute;
    visibility: hidden;
}
.media-upload-area {
    opacity: 0;
}
.media-preview img, .media-preview video {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.img-upload-text-container input {
    position: absolute;
    visibility: hidden;
}
.media-upload-area {
    opacity: 0;
	display: none;
}
.become-model-form-field .checkbox-label {
    pointer-events: all;
    touch-action: auto;
}
.become-model-form-field .checkbox-label {
    pointer-events: all;
    touch-action: auto;
}
.become-model-form-field .field-error-message {
    color: #e3ff00 !important;
    font-size: 14px !important;
}
.become-model-image-field .field-error-message {
    position: relative;
    bottom: -18px;
    color: #e3ff00 !important;
    font-size: 14px !important;
	display: none;
}
.become-model-note-field p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: var(--white);
}
.become-model-note-field {
    margin: 20px 0px 10px;
}
.field-terma-conditions .field-error-message, .field-agree .field-error-message {
    margin: 22px 0px 0px !important;
}
.become-model-media-field.has-error .field-error-message {
    display: block;
}
.field-eye-color {
    margin-top: 60px;
}
.field-mother-tongue {
    margin-top: 60px;
}
.become-model-form-field select, .become-model-form-field input {
    border-radius: 0px;
}
.img-upload-text-right {
    font-family: 'Montserrat' !important;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
}
#mas-ajax-message {
    color: #fff;
    text-align: center;
    margin: 30px 0px 09px;
}
input[type="date"] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
}

.mas-ajax-message.mas-error {
    display: none !important;
}

@supports (-webkit-touch-callout: none) {
  input[type="date"] {
    /* iOS specific fixes */
    min-height: 44px; /* Better touch target */
    line-height: normal;
    -webkit-text-size-adjust: 100%;
  }
}



@media (max-width: 768px) {
    #form-loading p {
        font-size: 14px;
    }
    
    #form-messages {
        font-size: 14px;
        padding: 12px !important;
    }
}
@media only screen and (max-width: 1028px) {
	.become-model-image-field .image-box>img {
		height: 300px;
	}
	.above-image-text span, .image-box-vt-text span {
		font-size: 80px;
	}
	.media-preview img, .media-preview video {
		height: 300px;
	}
}
@media only screen and (max-width: 992px) {
	.become-model-image-field .image-box>img {
		height: 240px;
	}
	.above-image-text span, .image-box-vt-text span {
		font-size: 60px;
	}
	.become-model-head {
		max-width: 100%;
	}
	.become-model-right-heading h2 {
		font-size: 60px;
	}
	.become-model-form-field input {
		height: 36px;
	}
	.media-preview img, .media-preview video {
		height: 240px;
	}
}
@media only screen and (max-width: 600px) {
	.become-model-form-left {
		width: 100%;
	}
	.become-model-section {
		padding: 20px 0px;
	}
	.become-model-image-field {
		width: calc((100% / 2) - 10px);
	}
	.become-model-image-field .image-box>img {
		height: 200px;
	}
	.above-image-text span, .image-box-vt-text span {
		font-size: 48px;
	}
	.img-upload-icon img {
		max-width: 32px;
		height: 32px;
	}
	.become-model-right {
		width: 100%;
		margin: 40px 0px 20px;
	}
	.become-model-right-heading h2 {
		font-size: 42px;
		text-align: center;
	}
	.become-model-form-field label, .become-model-form-field input {
		font-size: 12px;
	}
	.become-model-form-field label {
		height: 12px;
	}
    #form-loading {
        margin: 0px 0px 40px;
    }
    .form-submit-button {
        text-align: right;
    }
    .form-submit-button button {
        padding: 12px 30px;
    }
	.media-preview img, .media-preview video {
		height: 200px;
	}
	.become-model-images-fields {
		gap: 50px 20px;
	}
	.become-model-section {
        overflow: hidden;
    }
}