/*
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.4.6.1770666970
Updated: 2026-02-09 19:56:10

*/
body .sub_banner{border-top: 2px solid rgba(255, 255, 255, 0.00) !important;
border-bottom: 2px solid rgba(255, 255, 255, 0.00) !important;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.60) 50%, rgba(255, 255, 255, 0.00) 100%) !important;
backdrop-filter: blur(4px) !important;}
.elementor-widget-button:has(a.elementor-button.elementor-button-link){display:flex}
body .gradient_text {background: linear-gradient(180deg, #BD8C6A 5%, #000 100%);background-clip: text;-webkit-text-fill-color: transparent;}
body .second_tree_section{position:relative !Important}
body .second_tree_section:after {content: "" !important;background-image: url('https://staging.devcustomprojects.com/signal-aesthetics/wp-content/uploads/2026/02/Star-1-1.png') !important;position: absolute !important;top:0 !important ;width: 308px !important;height: 600px !important ;right: 0 !important ;background-size: contain !important; background-repeat: no-repeat !important; }
body .second_tree_section:before {content: "" !important;background-image: url('https://staging.devcustomprojects.com/signal-aesthetics/wp-content/uploads/2026/02/Star-3-1.png')!important ;position: absolute !important ;top: 330px!important;width: 308px !important;height: 600px !important ;left: 0 !important ;background-size: contain !important; background-repeat: no-repeat !important; border:none !important}
.dialog-widget-content.dialog-lightbox-widget-content{border-radius:24px !important}


.visibility_form_container{position:relative}
body .visibility_form_container:after {content: "" !important;background-image: url('https://www.signalaestheticsco.com/wp-content/uploads/2026/02/Vector-3.png') !important;position: absolute !important;bottom:0 !important ;width: 250px !important;height: 400px !important ;right: 0 !important ;background-size: contain !important; background-repeat: no-repeat !important; border:none !important}
body .visibility_form_container:before {content: "" !important;background-image: url('https://www.signalaestheticsco.com/wp-content/uploads/2026/02/Vector-3.png') !important;position: absolute !important;top:30% !important ;width: 250px !important;height: 400px !important ;left: 0 !important ;background-size: contain !important; background-repeat: no-repeat !important; border:none !important}
.validity_form  .form-flex{display:flex;align-items:center;gap:15px}
.validity_form  .form-flex h6{margin-top:32px;font-size:18px;color:#9D7255}
.validity_form .form-wrapper p{width:100%;display: flex;gap:16px}
body .validity_form .form-wrapper p>label:has(input[type=checkbox]) {padding: 12px;border-bottom: 1px solid #D3C3B7;width: 100%;display: block;}
.validity_form span.wpcf7-list-item.first.last {margin:0}
body .validity_form .form-wrapper p > label:has(input[type="checkbox"]) label { display: flex; align-items: center; justify-content: center; gap: 10px;     flex-direction: row;}
body .validity_form .form-wrapper p > label:has(input[type="checkbox"]) label input[type="checkbox"] { width: 14px; height: 14px; border-radius: 50%; border: 2px solid #9D7255; appearance: none; -webkit-appearance: none; cursor: pointer; position: relative; background-color: #fff; padding:8px; }
body .validity_form .form-wrapper p > label:has(input[type="checkbox"]) label input[type="checkbox"]:checked { background-color: #fff; }
body .validity_form .form-wrapper p > label:has(input[type="checkbox"]) label input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background: #9D7255; border-radius: 50%; transform: translate(-50%, -50%); }
body .validity_form .form-wrapper>p:has(input[type=checkbox])>br { display: none; }
.validity_form  form input.wpcf7-form-control.wpcf7-submit.has-spinner{background:#1c1c1c}
.validity_form .form-wrapper  p label{font-size: 16px; color: #1c1c1c; line-height: 24px; letter-spacing: -0.48px; width: 100%; font-family: "poppins"; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;}
.validity_form .form-wrapper p label>br{display:none;}
.validity_form .form-wrapper  p label input{padding:12px;border:none;border-bottom:1px solid #D3C3B7;background:none;border-radius:0px;}
.validity_form .form-wrapper  p label img.form-icon {position: absolute;width: 15px;height: 15px;bottom: 17px;left: 0px;}
.validity_form .form-wrapper p label:has(img) input{padding:12px 12px 12px 20px}
.validity_form .form-wrapper p label span { width: 100%; }
.validity_form  input.has-spinner {background:#1c1c1c;padding:12px 34px;font-size:16px;color:#fff;font-weight:500;line-height:normal;letter-spacing:-0.48px}
.validity_form  .form-wrapper select{border:none;border-bottom:1px solid #D3C3B7;padding:12px;background:none}
.validity_form form h2 {font-size:25px;font-family:"Recoleta";line-height:normal;letter-spacing:-0.75px;position:relative;padding-left:20px;margin:32px 0px 16px}
.validity_form label:has(span.wpcf7-not-valid-tip) img.form-icon {bottom:65px !important}
.validity_form form .wpcf7-response-output{font-size:15px}
.validity_form .form-wrapper p label input:focus-visible{outline:none}
.validity_form .form-wrapper p label input::placeholder{font-size:14px;color:#9E9E9E;}
.validity_form form h2:before{content:"•";left:0;top:0;position:absolute}
/* Talha */
#header .e-con-inner {border-bottom: 1px solid #D3C3B7;}
#header {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
#contact-form form p { display: flex; margin: 0; padding-bottom: 16px; height: unset; } 
#contact-form form p label { color: #1C1C1C; font-family: Poppins; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.48px; } #contact-form form p label br { display: none; } 
#contact-form form p label input ,#contact-form form p label textarea { border: 0; background: transparent; padding: 12px; height: 56px; border-bottom: 1px solid #D3C3B7; border-radius:0px; } 
#contact-form form p label input::placeholder ,#contact-form form p label textarea::placeholder { color: #1C1C1C; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: normal; letter-spacing: -0.42px; } 
#contact-form form p label input:focus-visible ,#contact-form form p label textarea:focus-visible{ outline:none; } 
#contact-form form input[type=submit] { padding: 12px 24px; border-radius: 12px; background: #1C1C1C; color: #FFF; font-family: Poppins; font-size: 16px; font-weight: 500; line-height: 1.2; letter-spacing: -0.48px; margin-top: 32px; }
body .bg-stars::before {content: ""; position: absolute; top: -70px; left: 85%; background-image: url(https://staging.devcustomprojects.com/signal-aesthetics/wp-content/uploads/2026/02/Frame-1.png); background-repeat: no-repeat; width: 105px; height: 105px; background-position: center center; background-size: contain;}
#contact-form form {z-index: 99;position: relative;}
#contact-form form .wpcf7-response-output { margin: 0; padding: 0; font-size: 15px; line-height: 1.2; }
body .contact-bg::after { content: ""; position: absolute; left: 0; bottom: 0; background-image: url(https://staging.devcustomprojects.com/signal-aesthetics/wp-content/uploads/2026/02/Vector-12.png); background-repeat: no-repeat; width: 235px; height: 360px; background-position: center center; background-size: contain;z-index:0;}
body .icon-lists ul .elementor-icon-list-icon svg { border-radius: 12px; background: #FFF; width: 40px; height: 40px; padding: 5px; }
.bg_icon.elementor-widget-icon .elementor-icon-wrapper { display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; gap: 10px; border-radius: 80px; background: #FFF; }
header nav ul.elementor-nav-menu>li:last-child {display: none;}
body .bg-icon-lists .icon-lists ul .elementor-icon-list-icon svg {background: #9D7255;}
.custom_width_btn a.elementor-button.elementor-button-link.elementor-size-sm {width: 200px;}





@media screen and (max-width: 1024px) {
body .contact-gif {position: absolute;right: 0;}
header nav ul.elementor-nav-menu>li:last-child {display: block;}
header .connect-btn {display:none;}
body header #main-menu nav {width: 500px !important;left: unset !important;right: 0;}
body header #main-menu nav ul li a.elementor-item {border-radius: unset;border-bottom: 1px solid #D3C3B7;padding-left: 0;padding-right: 0; position:relative;}
body header #main-menu nav ul li {padding: 0 24px;}
body header #main-menu nav ul li a.elementor-item:before { content: ""; position: absolute; background-image: url(https://staging.devcustomprojects.com/signal-aesthetics/wp-content/uploads/2026/02/Frame-8.svg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 25px; height: 25px; top: 25%; right: 0; opacity: 1; }	
body header #main-menu nav ul.elementor-nav-menu>li:last-child a.elementor-item {border: unset;}
}

@media screen and (max-width: 600px) {
body footer .elementor-nav-menu__align-start .elementor-nav-menu--layout-vertical>ul>li>a {justify-content: center;}
body header #main-menu nav {width: 390px !important;}
body .bg-stars::before {top: -35px;left: 70%;}
}
@media screen and (max-width: 480px) {
body header #main-menu nav {width: 285px !important;}
body header #main-menu nav ul li a.elementor-item:before { width: 20px; height: 20px;}
.bg_icon.elementor-widget-icon .elementor-icon-wrapper {width: 30px;height: 30px;}
.validity_form form h2 { font-size: 22px; }
.validity_form .form-flex h6 { font-size: 14px; }
body .validity_form .form-wrapper p > label:has(input[type="checkbox"]) label span.wpcf7-list-item-label { line-height: 16px; }
}