/*
Theme Name: Openr
Theme URI: https://layers.studio
Description: A WordPress Theme developed by Layers Studio for Openr.
Author: Layers Studio
Author URI: https://layers.studio
Template: hello-elementor
Version: 1.0.0
Text Domain: dev-layers
*/

/*@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');*/

/*
== CONTENTS ==
1. Defaults
2. Setting REM
3. Fonts
4. Row Styles
5. Form errors / Gravity Form Styles
6. Contact Form

==============
Font usage -
	font-family: "DM Sans", sans-serif;
	font-family: "Recline", Sans-serif;
*/

/* 1. Defaults */
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
}

html body .site-header,
body:not([class*="elementor-page-"]) .site-main {
    max-width: unset !important;
}

.main-nav nav a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 900px) {
    .elementor-widget-button.elementor-tablet-align-justify a span {
        width: max-content;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 600px) {
    html body section a {
        width: auto;
    }

    html body section .elementor-button-text {
        flex-grow: unset;
    }
}

html {
    scroll-behavior: smooth;
	overflow-x: hidden;
}

body, html, .main {
    background-color: #FFFFFF !important;
    overflow-x: hidden;
	overscroll-behavior-y: none;
}

.lock-scroll {
    overflow-y: hidden;
}

header.page-header {
    display: none;
}

html body .elementor-button-wrapper a:hover {
    text-decoration: none;
}

.no-margin-bottom,
.no-margin-bottom h1,
.no-margin-bottom h2,
.no-margin-bottom h3,
.no-margin-bottom h4,
.no-margin-bottom h5,
.no-margin-bottom h6,
.no-margin-bottom p,
.no-margin-bottom pre,
.no-margin-bottom a {
    margin-bottom: 0px !important;
}

.lock-scroll {
    overflow-y: hidden !important;
}

a {
    transition: all 0.3s !important;
}

header.page-header {
    display: none;
}

/* 2. Setting REM */
html {
    font-size: 62.5%;
}

html body {
    font-size: 1.6rem;
    line-height: 1.18em;
}

@media only screen and (max-width: 1025px) {
    html {
        font-size: 58%;
    }
}

@media only screen and (max-width: 900px) {
    html {
        font-size: 62.5%;
    }
}

@media only screen and (max-width: 600px) {
    .elementor-button-wrapper a {
        width: 100%;
    }
}

/* 3. Fonts */
html body h1,
html body .h1,
html body .h1 h1,
html body .h1 h2,
html body .h1 h3,
html body .h1 h4,
html body .h1 h5,
html body .h1 h6,
html body .h1 p {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 8.4rem;
    line-height: 1.12em;
}

html body h2,
html body .h2,
html body .h2 h1,
html body .h2 h2,
html body .h2 h3,
html body .h2 h4,
html body .h2 h5,
html body .h2 h6,
html body .h2 p {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 6.2rem;
    line-height: 1.16em;
}

html body h3,
html body .h3,
html body .h3 h1,
html body .h3 h2,
html body .h3 h3,
html body .h3 h4,
html body .h3 h5,
html body .h3 h6,
html body .h3 p {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 1.25em;
}

html body h4,
html body .h4,
html body .h4 h1,
html body .h4 h2,
html body .h4 h3,
html body .h4 h4,
html body .h4 h5,
html body .h4 h6,
html body .h4 p {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 3.6rem;
    line-height: 1.27em;
}

html body h5,
html body .h5,
html body .h5 h1,
html body .h5 h2,
html body .h5 h3,
html body .h5 h4,
html body .h5 h5,
html body .h5 h6,
html body .h5 p {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 1.30em;
}

html body h6,
html body .h6,
html body .h6 h1,
html body .h6 h2,
html body .h6 h3,
html body .h6 h4,
html body .h6 h5,
html body .h6 h6,
html body .h6 p {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.30em;
}

html body p,
html body .p,
html body .p h1,
html body .p h2,
html body .p h3,
html body .p h4,
html body .p h5,
html body .p h6,
html body .elementor-widget-text-editor {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.625em;
}

html body pre,
html body .pre h1,
html body .pre h2,
html body .pre h3,
html body .pre h4,
html body .pre h5,
html body .pre h6,
html body .pre p {
	font-family: "Manrope", Sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.666em;
}

html body.elementor-kit-7 button,
html body.elementor-kit-7 input[type="button"],
html body.elementor-kit-7 input[type="submit"],
html body.elementor-kit-7 .elementor-button,
html body .elementor-widget-uael-gf-styler .uael-gf-style input[type="submit"],
html body .elementor-widget-uael-gf-styler .uael-gf-style input[type="button"],
html body .elementor-734 .elementor-element.elementor-element-2d05e72 .elementor-button {
	font-family: "Manrope", Sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.301em;
    color: #1F3F51;
	background-color: #DCECE8;
	border-radius: 32px;
    padding: 0.5em 1.5em;
}

html body.elementor-kit-7 button:hover,
html body.elementor-kit-7 input[type="button"]:hover,
html body.elementor-kit-7 input[type="submit"]:hover,
html body.elementor-kit-7 .elementor-button:hover,
html body .elementor-widget-uael-gf-styler .uael-gf-style input[type="submit"]:hover,
html body .elementor-widget-uael-gf-styler .uael-gf-style input[type="button"]:hover,
html body .elementor-734 .elementor-element.elementor-element-2d05e72 .elementor-button:hover {
	background-color: #1F3F51;
	color: #DCECE8;
}

@media only screen and (max-width: 900px) {
	html body h1,
	html body .h1,
	html body .h1 h1,
	html body .h1 h2,
	html body .h1 h3,
	html body .h1 h4,
	html body .h1 h5,
	html body .h1 h6,
	html body .h1 p {
		font-size: 6.4rem;
		line-height: 1.12em;
	}

	html body h2,
	html body .h2,
	html body .h2 h1,
	html body .h2 h2,
	html body .h2 h3,
	html body .h2 h4,
	html body .h2 h5,
	html body .h2 h6,
	html body .h2 p {
		font-size: 3.2rem;
		line-height: 1.16em;
	}

	html body h3,
	html body .h3,
	html body .h3 h1,
	html body .h3 h2,
	html body .h3 h3,
	html body .h3 h4,
	html body .h3 h5,
	html body .h3 h6,
	html body .h3 p {
		font-size: 2.4rem;
		line-height: 1.25em;
	}

	html body h4,
	html body .h4,
	html body .h4 h1,
	html body .h4 h2,
	html body .h4 h3,
	html body .h4 h4,
	html body .h4 h5,
	html body .h4 h6,
	html body .h4 p {
		font-size: 2rem;
		line-height: 1.27em;
	}

	html body h5,
	html body .h5,
	html body .h5 h1,
	html body .h5 h2,
	html body .h5 h3,
	html body .h5 h4,
	html body .h5 h5,
	html body .h5 h6,
	html body .h5 p {
		font-size: 1.6rem;
		line-height: 1.30em;
	}

	html body h6,
	html body .h6,
	html body .h6 h1,
	html body .h6 h2,
	html body .h6 h3,
	html body .h6 h4,
	html body .h6 h5,
	html body .h6 h6,
	html body .h6 p {
		font-size: 1.6rem;
		line-height: 1.30em;
	}

	html body p,
	html body .p,
	html body .p h1,
	html body .p h2,
	html body .p h3,
	html body .p h4,
	html body .p h5,
	html body .p h6,
	html body .elementor-widget-text-editor {
		font-size: 1.6rem;
		line-height: 1.625em;
	}

	html body pre,
	html body .pre h1,
	html body .pre h2,
	html body .pre h3,
	html body .pre h4,
	html body .pre h5,
	html body .pre h6,
	html body .pre p {
		font-size: 1.2rem;
		line-height: 1.666em;
	}
}

/* 4. Row Styles */
/* section.elementor-section.elementor-top-section > .elementor-container,
html body div.e-parent:not(.header) > div.e-con-inner {
    padding: 0rem 3.6rem;
} */

@media only screen and (max-width: 1025px) {
    /* section.elementor-section.elementor-top-section > .elementor-container,
	html body div.e-parent > div.e-con-inner {
        padding: 0rem 3.6rem;
    } */

/*     html body div.e-parent > div.e-con-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } */
}

@media only screen and (max-width: 900px) {
/*     html body div.e-con.elementor-element.e-parent > div.e-con-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } */
}

@media only screen and (max-width: 600px) {
    /* section.elementor-section.elementor-top-section > .elementor-container,
	html body div.e-parent > div.e-con-inner {
        padding: 0rem 2.4rem;
    } */
	
/* 	html body div.e-parent {
		padding: 0px;
	}
 */
    br {
        display: none;
    }
}

/* 5. Form errors / Gravity Form Styles */
html body .elementor-section-wrap section .elementor-container .elementor-row .elementor-widget-container .uael-gf-style .gform_wrapper form div.validation_error {
    border-color: #ff1a2800 !important;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-style: solid;
    font-size: 1.6rem;
    padding: 0.625em 0em 0em 0.625em;
    color: #ff1a28;
    margin-bottom: 0px;
    display: none;
}

html body .gform_wrapper .gfield_error .gfield_label {
    color: #ff1a28;
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    margin-bottom: 0px !important;
    border-top: none;
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 0px;
    box-sizing: border-box;
}

html
    body
    .gform_wrapper
    li.gfield_error
    input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
        [type="button"]
    ):not([type="image"]):not([type="file"]),
html body .gform_wrapper li.gfield_error textarea {
    border: 1px solid #ff1a28;
}

.uael-gf-style .gform_wrapper .gfield_description.validation_message {
    color: #ff1a28;
}

.uael-gf-style .gform_wrapper .gfield_description.validation_message {
    text-align: left;
    border: none;
    background-color: unset;
    padding: 0px;
    font-size: 1.2rem;
    line-height: 1.15em;
    margin-top: 0.9rem;
}

.gform_validation_errors {
	display: none;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0px !important;
}

html body .gform_legacy_markup_wrapper .gfield_required {
    color: #ffffff !important;
    margin-left: 3px;
}

html body section.elementor-section .gform_wrapper .gform_fields .gfield .ginput_container label.gform-field-label.gfield_consent_label {
	font-size: 1.2rem;
}

html body section.elementor-section .gform_wrapper .gform_fields .gfield .ginput_container input,
html body section.elementor-section .gform_wrapper textarea,
html body section.elementor-section .gform_wrapper .contact-checkbox-group {
	margin-bottom: 21px !important;
}

html body section.elementor-section .gform_wrapper .contact-checkbox-group .gform-field-label {
	margin-bottom: 5px;
}

html body section.elementor-section .gform_wrapper .ticket-description textarea {
	height: 52px;
}

html body section.elementor-section .uael-gf-style .gform_wrapper form .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
html body section.elementor-section .uael-gf-style .gform_wrapper form .gform_body textarea {
    padding: 8px 16px 8px 16px !important;
}

.elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gfield_label, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gfield_checkbox li label, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gfield_radio li label, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gsection_title, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .ginput_product_price, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .ginput_product_price_label, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gf_progressbar_title, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .ginput_container_consent label, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gf_page_steps, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gfield_checkbox div label, .elementor-1143 .elementor-element.elementor-element-c407cbf .uael-gf-style .gfield_radio div label {
	line-height: 1.3em !important;
}

.gfield--input-type-consent.form-consent {
	margin-bottom: 20px;
}

html body section.elementor-section .elementor-container .gform_wrapper .gform_body .gform_fields .gfield {
    margin-top: 0;
}

html body section.elementor-section .elementor-container .gform_wrapper .gform_body .gform_fields .gfield.form-message textarea {
	height: 100px;
}

.gfield.gfield--type-name.gfield_error label {
	color: #ff1a28 !important;
}

@media only screen and (min-width: 900px) {
	html body section.elementor-section .elementor-container .gform_wrapper .gform_body .gform_fields .gfield.form-email {
		width: 50% !important;
		display: inline-block;
		padding-right: 8px !important;
		vertical-align: top;
	}
	
	html body section.elementor-section .elementor-container .gform_wrapper .gform_body .gform_fields .gfield.form-company-name {
		width: 50% !important;
		display: inline-block;
		padding-left: 8px !important;
		vertical-align: top;
	}	
}

@media only screen and (max-width: 600px) {
	html body .gform_legacy_markup_wrapper .gfield_required {
		display: inline-block !important;
	}
}

/* Header */
.logo-container {
	height: 27.85px !important;
}

@media (min-width: 901px){
	.logo-container {
		height: 47px !important;
	}
}

.logo-rainbow,
.logo-white {
    position: relative;
}

.logo-white {
    opacity: 1;
    user-select: initial;
}

.logo-rainbow {
    opacity: 0;
    user-select: none;
}

.logo-rainbow img,
.logo-white img {
    position: absolute;
    top: 0;
    left: 0;
}

	
@media (max-width: 900px){
	
	.menu-black {
		display:none;
	}
	
	.header.scrolling .menu-black {
		display: block;
	}

	.header.scrolling .menu-white {
		display: none;
	}
}

.header.scrolling {
    background-color: #ffffff !important;
    box-shadow: 0px 4px 16px 0px #0000000A;
}

.header.scrolling .logo-rainbow {
    opacity: 1;
    user-select: initial;
}

.header.scrolling .logo-white {
    opacity: 0;
    user-select: none;
}

.header.scrolling .header-nav .elementor-icon-list-item a .elementor-icon-list-text {
    color: #312783;
}

.header .header-nav .elementor-icon-list-item a:hover {
    text-decoration: none !important;
}

.header.scrolling .header-nav .elementor-icon-list-item a:hover .elementor-icon-list-text {
    color: rgba(49, 39, 131, 0.6);
    text-decoration: none;
}

.header.scrolling .header-button .elementor-button {
    border-color: #312783 !important;
    background-color: #312783 !important;
    color: #fff !important;
}

.header.scrolling .header-button:hover .elementor-button {
    background-color: #EAE9F3 !important;
    color: #312783 !important;
}

.header.scrolling .header-login .elementor-button {
    border-color: #312783 !important;
    color: #312783 !important;
}

.header.scrolling .header-login:hover .elementor-button {
    background-color: #EAE9F3 !important;
}

/* 7. Contact Form */
html body .contact-us-form .uael-gf-style .gform_validation_error div.gfield {
	margin-bottom: 6px !important;
}

html body .contact-us-form .uael-gf-style form .gform-body.gform_body .name-field {
	grid-column: span 12;
}

.contact-us-form .form-left-wrapper {
	display: grid;
	grid-column: span 12;
}

.form-bottom-wrapper {
	grid-column: span 12;
	display: grid;
}

.reason-for-interest-field select {
	padding-right: 32px !important;
	height: 64px !important;
}

.reason-for-interest-field .uael-gf-select-custom::after {
	width: 16px;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.recaptcha-message {
	align-content: center;
}

.recaptcha-message a {
	text-decoration: underline !important;
}

.recaptcha-message p {
	font-size: 0.9rem;
	margin-bottom: 0px;
}

@media only screen and (min-width: 900px) {
	.contact-us-form .form-left-wrapper {
		display: grid;
		grid-column: span 4;
	}

	html body .contact-us-form .uael-gf-style form .gform-body.gform_body .form-right {
		grid-column: span 8;
	}

	html body .contact-us-form .uael-gf-style form .gform-body.gform_body .name-field {
		grid-column: span 12;
	}

	html body .contact-us-form .uael-gf-style form .gform-body.gform_body .recaptcha-message {
		grid-column: span 8;
	}

	html body .contact-us-form .uael-gf-style form .gform-body.gform_body .gfield--type-submit {
		grid-column: span 4;
		justify-content: flex-end;
	}

	html body .contact-us-form .uael-gf-style form .gform-body.gform_body .reason-for-interest-field {
		margin-bottom: 0px !important;
	}
	
	.form-bottom-wrapper {
		grid-column: span 8 / -1;
        display: grid;
        align-content: end;
        justify-content: space-between;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
	}
	
	html body .contact-us-form .uael-gf-style form .gform-body.gform_body .gfield--type-submit.recaptcha-message {
		grid-column: span 2;
	}

	#field_submit {
		grid-column: span 1;
    	text-align: end;
	}
}

/*
7. GSAP Panels
*/

.panels {
	position: relative;
}

.panel-container {
	height: 100%;
} 

.panel-container .panel-inner {
	position: relative;
	overflow: hidden;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.panel-container .panel-inner .panel-content {
	width: 100%;
	min-height: 100vh;
	height: 100%;
	display: flex;
	position: relative;
	justify-content: flex-start;
	column-gap: 140px;
	padding-top: 72px;
	padding-bottom: 72px;
}

.panel-container .panel-inner .panel-content .panel-content-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.pin-spacer:nth-child(odd) .panel-container .panel-inner .panel-content .panel-content-inner {
	padding-left: 72px;
	order: 1;
}

.pin-spacer:nth-child(odd) .panel-container .panel-inner .panel-content .panel-content-image {
	order: 2;
	object-position: right;
}

.pin-spacer:nth-child(even) .panel-container .panel-inner .panel-content .panel-content-inner {
	padding-right: 72px;
	order: 2;
}

.pin-spacer:nth-child(even) .panel-container .panel-inner .panel-content .panel-content-image {
	order: 1;
	object-position: left;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-wrapper {
	margin-top: auto;
	margin-bottom: auto;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-title {
	max-width: 556px;
	font-family: "Manrope", Sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 30px;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-heading {
	max-width: 556px;
	font-family: "Manrope", Sans-serif;
	font-size: 6.4rem;
	font-weight: 700;
	line-height: 74px;
	margin-bottom: 25px;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-intro {
	max-width: 556px;
	font-family: "Manrope", Sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 34px;
	margin-bottom: 16px;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-intro * {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-desc {
	max-width: 556px;
	font-family: "Manrope", Sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 26px;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-desc {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-spacer {
	color: transparent;
	user-select: none;
	pointer-events: none;
	text-indent: -10000000px;
}

.panel-container .panel-inner .panel-content .panel-content-image {
	width: 100%;
	max-width: calc(100% - 556px - 140px);
	object-fit: contain;
	max-height: 684px;
	height: 100%;
	padding-bottom: 72px;
}

.panel-container .panel-inner .panel-content .panel-content-image-mobile  {
	display: none;
}

@media (max-width: 900px){
	.panel-container .panel-inner {
		min-height: 844px;
		height: 100%;
	}
	
	.panel-container .panel-inner .panel-content {
		min-height: 844px;
		flex-direction: column;
		justify-content: flex-start;
		column-gap: 0;
		padding: 32px 0 40px;
	}

	.panel-container .panel-inner .panel-content .panel-content-image {
		display: none;
	}

	.panel-container .panel-inner .panel-content .panel-content-image-mobile {
		display: block;
		margin-bottom: 16px;
	}

	.panels .panel-container:nth-child(odd) .panel-inner .panel-content .panel-content-image-mobile {
		padding-left: 24.615384615384617%;
	}

	.panels .panel-container:nth-child(even) .panel-inner .panel-content .panel-content-image-mobile {
		padding-right: 24.615384615384617%;
	}

	.panel-container .panel-inner:nth-child(odd) .panel-content .panel-content-inner {
		padding-left: 0;
	}
	
	.panel-container:nth-child(even) .panel-inner .panel-content .panel-content-inner {
		padding-right: 0;
	}

	.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-title,
	.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-heading,
	.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-intro,
	.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-desc {
		padding: 0 24px;
		max-width: 100%;
	}


	.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-title {
		font-size: 1.6rem;
		line-height: 26px;
		margin-bottom: 48px;
	}
	
	.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-heading {
		font-size: 3.2rem;
		line-height: 42px;
		margin-bottom: 15px;
	}
	
	.panel-container .panel-inner .panel-content .panel-content-inner .panel-content-intro {
		font-size: 2rem;
		line-height: 30px;
	}
}

/*
8. Offcavas Menu
*/

.uael-offcanvas {
	background-image: url(/wp-content/uploads/2024/07/mobile-menu-bg.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}

.uael-offcanvas .uael-offcanvas-menu {
	margin-top: 33px;
	padding: 0;
	text-align: right;
}

.uael-offcanvas .uael-offcanvas-menu li {
	margin-bottom: 32px;
}

.uael-offcanvas .uael-offcanvas-menu li:last-child {
	margin-bottom: 0;
}

.uael-offcanvas .uael-offcanvas-menu li:not(:last-child) a {
	font-family: "Manrope", Sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 35.56px;
	padding: 0 !important;
}

.uael-offcanvas .uael-offcanvas-menu li:not(:last-child) a:hover {
	opacity: 0.6;
	text-decoration: none;
}

.uael-offcanvas .uael-offcanvas-menu li:last-child a {
	font-family: "Manrope", Sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 22.86px;
	color: #312783 !important;
	background-color: #FFFFFF;
	padding: 24px 40px 24px 40px;
	border-radius: 47px;
	border: solid 1px white;
	transition: all 0.3s;
	text-align: center;
}

.uael-offcanvas .uael-offcanvas-menu li:last-child a:hover {
	background-color: #EAE9F3;
	border-color: #312783;
	text-decoration: none;
}

/*
*
*/

.panel-image > .elementor-widget-container {
    display: flex;
    align-items: center;
}


.panel-image > .elementor-widget-container {
    display: flex;
    align-items: center;
}

body .uael-gf-style .uael-gf-select-custom:after {
	content: "";
	background-image: url("/wp-content/uploads/2024/07/dropdown-icon.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
	top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	right: 24px;
}

body .uael-gf-style .uael-gf-select-custom select {
	color: #969696;
}

@media (max-width: 900px){
.gfield.gfield--type-submit {
	margin-left: auto !important;
	margin-top: 7px !important;
	}}

@media (min-width: 901px){
	.gform_wrapper.gravity-theme .gfield textarea.large {
		height: 313px !important;
	}
}

.gform_heading .gform_required_legend {
    display: none;
}