/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html{ scroll-behavior: smooth; }

h1, h2, h3, h4, h5, h6, p, span, a, table{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

table, table tr, table td{ border: 0; }
textarea{ resize: none; }

img{ width: 100%; object-fit: cover; }

.pd-10{ padding: 0.625rem; }
.pd-20{ padding: 1.25rem 0.625rem; }
.pd-50{ padding: 3.125rem 0.625rem; }

.wd-40{ width: 40%; }
.wd-60{ width: 60%; }
.wd-fit{ width: fit-content; max-width: 100%; }
.wd-max{ width: max-content; max-width: 100%; }

a.elementor-button span{ align-items: center; }
a.elementor-button svg{ font-size: 1.25rem !important; }

/* ---------- Header & Footer _s ---------- */
.header .main{
    border-top: 1px solid;
}

.header .main .logo img{
    width: 150px;
    aspect-ratio: 3;
}

.header div:not(div.main) p{
	font-size: 0.875rem;
}
/* ---------- Header & Footer _e ---------- */


/* ---------- Register _s ---------- */
/* ----- Banner ----- */
.register-banner .col-slide{
    width: calc(100% * 2 / 3);
	margin-bottom: -6px;
}

.register-banner .col-fixed{
    width: calc(100% / 3);
}

.register-banner .col-slide img{
	aspect-ratio: 4 / 3;
}

.register-banner .col-fixed img{
	aspect-ratio: 2 / 3;
}

.register-banner .col-slide .swiper-pagination-bullets{
    bottom: calc(1rem + 6px) !important;
}
/* ----- Content & Form ----- */
.register-content .text-20{
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.5rem;
}

.register-content form#register_form .elementor-field-subgroup:has(input[type="checkbox"]){
	margin: auto;
}

.register-content form#register_form input[type="checkbox"]{
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	margin-right: 0.5rem;
}

.register-content form#register_form button[type="submit"]{
    padding: 0 9.75rem;
}

/* ----- Call to Action ----- */
.register-cta .col-contact .col-image,
.register-cta .col-contact .col-image img{
    max-width: 200px;
    aspect-ratio: 1;
}

.register-cta .col-contact .col-wrapper{
    max-width: 300px;
}

.register-cta .col-contact .col-wrapper a#download_plan:hover svg .cls-1,
.register-cta .col-contact .col-wrapper a#download_plan:active svg .cls-1{
	fill: white;
}

.register-cta .col-gp-map,
.register-cta .col-gp-map img{
    max-width: 700px;
}
/* ---------- Register _e ---------- */

/* ---------- Responsive _s ---------- */
/* ----- Tablet ----- */
@media screen and (max-width: 1024px){
	.wd-40{ width: 100%; }
	.wd-50{ width: 100%; }
	.wd-60{ width: 100%; }
}

/* ----- Mobile ----- */
@media screen and (max-width: 767px){
	/* ----- Header ----- */
	.header .main{
		padding: 0 0.625rem 0.4375rem;
	}
	
    /* ----- Banner ----- */
	.register-banner .col-slide,
	.register-banner .col-fixed{
		width: 100%;
	}

	.register-banner .col-slide img,
	.register-banner .col-fixed img{
		aspect-ratio: unset;
	}
	
	/* ----- Content & Form ----- */
	.register-content form#register_form p,
	.register-content form#register_form input[type="checkbox"] + label{
		font-size: 0.8125rem;
	}
	
	.register-content form#register_form button[type="submit"]{
        padding: 0;
    }
}
/* ---------- Responsive _e ---------- */