/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1732079480
Updated: 2024-11-20 05:11:20

*/

@font-face {
    font-family: 'SimplerPro-Bold'; /* Replace with your desired font name */
    src: url('fonts/SimplerPro-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'SimplerPro-reular'; /* Replace with your desired font name */
    src: url('fonts/SimplerPro-Regular.woff2') format('woff2');
}

*{
	font-family: 'SimplerPro-reular' !important;
}



.landing_sidebar { height: 100vh; position: sticky !important; top: 0; }

.page-id-9 :is(header#site-header, footer#site-footer) {display: none;}
.landing_sidebar .elementor-field-type-acceptance span.elementor-field-option {display: flex;align-items: flex-start;gap: 10px;}
.landing_sidebar .elementor-field-type-acceptance span.elementor-field-option input[type="checkbox"] {border-radius: 0 !important; width: 19px; height: 19px; background: transparent; appearance: none; border: 1px solid #fff; display: inline-block;min-height: auto !important; }
.landing_sidebar .elementor-field-type-acceptance span.elementor-field-option:has(input:checked):after { content: ""; position: absolute; font-size: 12px; top: 2px; right: 17px; color: #fff !important; width: 4px; height: 11px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(26deg); }
.landing_sidebar .elementor-field-type-acceptance span.elementor-field-option label, .landing_mobile_form .elementor-field-type-acceptance span.elementor-field-option label {width: calc(100% - 40px);margin-top: -5px;}


.landing_mobile_form .elementor-field-type-acceptance span.elementor-field-option {display: flex;align-items: flex-start;gap: 10px;}
.landing_mobile_form .elementor-field-type-acceptance span.elementor-field-option input[type="checkbox"] {border-radius: 0 !important; width: 19px; height: 19px; background: transparent; appearance: none; border: 1px solid #fff; display: inline-block; }
.landing_mobile_form .elementor-field-type-acceptance span.elementor-field-option:has(input:checked):after { content: ""; position: absolute; font-size: 12px; top: 2px; right: 17px; color: #fff !important; width: 4px; height: 11px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(26deg);}
.landing_mobile_form .elementor-field-group .elementor-select-wrapper:before, .landing_sidebar .elementor-field-group .elementor-select-wrapper:before {content: none !important;}
.landing_sidebar .elementor-select-wrapper .select-caret-down-wrapper svg, .landing_mobile_form .elementor-select-wrapper .select-caret-down-wrapper svg{display: none;}
.landing_sidebar .elementor-field-group .elementor-select-wrapper select, .landing_mobile_form .elementor-field-group .elementor-select-wrapper select {appearance: auto !important;}
.landing_sidebar :is(select,input, .elementor-field-type-submit.e-form__buttons button.elementor-button){height: 52px;min-height: 52px !important;}
.landing_mobile_form :is(select,input, .elementor-field-type-submit.e-form__buttons button.elementor-button){height: 52px;}

.landing_mobile_form .elementor-field.elementor-select-wrapper.remove-before select#form-field-message, .landing_sidebar .elementor-field.elementor-select-wrapper.remove-before select#form-field-message { border: 0; margin-left: 10px; }
.landing_mobile_form .elementor-field.elementor-select-wrapper.remove-before, .landing_sidebar .elementor-field.elementor-select-wrapper.remove-before { border: 1px solid #fff; border-radius: 60px;}

.landing_banner .swiper-wrapper{width: fit-content; display: flex;}
.landing_banner span.swiper-pagination-bullet { width: 30px !important; height: 4px !important; border-radius: 0; }
.landing_banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 240px !important; }
.landing_banner .elementor-slide-description { position: absolute; left: 0; background: linear-gradient(83deg, #ff2b4c 62%, transparent); padding: 5px 133px 5px 15px; }
.right_content_ab { top: 50% !important; transform: translateY(-50%); width: calc(100% - 17.28vw) !important; right: 0; margin: 0 7.14vw !important; max-width: 500px; }
.left_content_ab{top: 50% !important; transform: translateY(-50%); width: 50%; left: 0; margin: 0 7.14vw !important; max-width: 500px;}
.landing_banner .elementor-swiper-button.elementor-swiper-button-next { left: 4.35vw !important; }
.landing_banner .elementor-swiper-button.elementor-swiper-button-prev{right: 4.35vw !important; }
.landing_banner .swiper-slide-inner::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 292px; background: linear-gradient(0deg, black, transparent); z-index: 0; }
.landing_banner .swiper-slide-inner .swiper-slide-contents { z-index: 2; }
.overlay_image .elementor-widget-container::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0000005c; }

form.elementor-form input{color: #fff !important;}
option { color: #000; }
form.elementor-form input::-webkit-input-placeholder { color: #fff  !important;opacity: 1 !important;}
form.elementor-form input::-moz-placeholder {color: #fff  !important;opacity: 1 !important;}
form.elementor-form input::-ms-placeholder {color: #fff  !important ;opacity: 1 !important;}
form.elementor-form input::placeholder {color: #fff !important;opacity: 1 !important;}



.overlay_image .elementor-widget-container::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;     background: linear-gradient(to bottom, #000000d4,  rgba(0, 0, 0, 0) 50%,  #0000007d ); }

.scroll-down-arrow { position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); font-size: 24px; text-decoration: none; color: #333; animation: arrow2 2s ease-in-out infinite; cursor: pointer; z-index: 2; }
.arrowDown span { width: 1vw; height: 1vw; border-top: 0.2vw solid #fff; border-right: 0.2vw solid #fff; transform: rotate(135deg); display: inline-block; }
 @keyframes arrow2 {
	 0% { transform: translateY(0); }
	 50% { transform: translateY(0.5vw); }
	 100% { transform: translateY(0); }
 }

@media only screen and (max-width: 1024px){
	.left_content_ab, .right_content_ab {max-width: fit-content;top: auto !important;bottom: 20px !important;transform: unset;}
	.overlay_image .elementor-widget-container::after {height: 100%; background: linear-gradient(0deg, black, #24242400);top: auto;bottom: 0;}
	.scroll-down-arrow{display: none;}
}

@media only screen and (max-width: 767px){
	.landing_sidebar {height: fit-content !important;position: unset !important;}
	.landing_banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 113px !important; }
	.landing_banner  .elementor-slide-heading { position: absolute; top: 100px; left: 0; width: 100%; }
	.right_content_ab, .left_content_ab{width: calc(100% - 8vw) !important;margin: 0 8vw !important;}
	.overlay_image .elementor-widget-container::before {background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0) 30%, #000000b5);}
	
}