/* 
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 */

/* testimonial */

.testimonial_area .testimonial_inner {max-width: 1200px;margin: 0 auto;}
.testimonial_area .testimonial_inner .owl-carousel .testimonial_slider {display: flex;}
.testimonial_area .testimonial_inner .testimonial_slider .item { background-color: #F7F2EC; border-radius: 20px; padding: 20px; margin: 0px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); min-height: 194px; display: flex; flex-direction: column; gap: 14px;}
.testimonial_area .testimonial_inner .testimonial_slider .item .customer-info h3 {font-family: poppins; font-size: 20px; font-weight: 700; margin-bottom: 0px; color: #252525;}
.testimonial_area .testimonial_inner .testimonial_slider p { font-family: poppins; font-size: 14px; font-weight: 500; margin-bottom: 0px; color: #252525; line-height: 23px;}
.owl-nav { position: absolute; top: -50px; right: 10px; display: flex; gap: 10px;}
.owl-nav button { background-color: #9b5845;  color: #fff; border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 16px; cursor: pointer; transition: background-color 0.3s;}
.owl-nav button:hover {background-color: #7a3f33;}
.owl-dots { text-align: center; margin-top: 20px;}
.owl-dot span { width: 12px; height: 12px; background: #ccc; display: inline-block; border-radius: 50%; margin: 0 5px;}
.owl-dot.active span {background: #9b5845;}
.arrow-left, .arrow-right { color: #AE6254;  background-color: #EEC4B8; padding: 0px 8px; border: 1px solid #AE6254; border-radius: 50%; font-size: 15px; display: inline-block; cursor: pointer; transition: all 0.3s ease;}
.arrow-left:hover, .arrow-right:hover { color: #fff;  background-color: #AE6254;}
.testimonial_area .testimonial_inner .testimonial_slider .item {transition: transform 0.3s ease, box-shadow 0.3s ease;}
.testimonial_area .testimonial_inner .testimonial_slider .item:hover { transform: translateY(-8px); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); cursor: pointer;}


/* Accordion */

.accordion_styling .elementor-widget-n-accordion .elementor-widget-container .e-n-accordion .e-n-accordion-item {background: #FCF8F2; border-radius: 20px;}


/* header */

.custom-header .header-wrapper { max-width: 1200px; margin: 0 auto; padding: 20px 0px; display: flex; align-items: center; justify-content: space-between;}
.custom-header .header-wrapper .logo img {max-height: 100%; width: 233px;}
.custom-header .header-wrapper .contact-info .contact-block .contact-text .contact_details { display: flex; align-items: center; gap: 10px;}
.custom-header .header-wrapper .contact-info .contact-block .contact-text .contact_details h5{ margin: 0px; font-family: Poppins; font-weight: 500; font-size: 13px; line-height: 100%; color: #7D7D7D;}
.custom-header .header-wrapper .contact-info { display: flex; gap: 90px;}
.custom-header .header-wrapper .contact-info .contact-block .contact-text a{ font-family: Poppins; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 1%; color: #B78172;}
.custom-header .nav_barmain { display: flex; justify-content: center; background: #F7F2EC; padding: 10px 0px;}
 .main-nav {width: 1200px;}
nav.main-navigation {width: 1200px;}
.custom-header .nav_barmain .main-nav ul {display: flex;justify-content: flex-end;gap: 61px;padding: 0px 66px 0px 0px;}
.custom-header .nav_barmain .main-nav ul li {list-style: none;padding: 0px;}
nav.main-nav ul li a{ font-family: Poppins; font-weight: 500; font-size: 14px; line-height: 100%; letter-spacing: 0%; color: #7D7D7D;}
.main-nav li.current-menu-item a, .main-nav li a:hover { color: #B78172; text-decoration: underline; text-underline-offset: 12px; text-decoration-thickness: 4px; } 

/* Base styles */
.nav_barmain { display: flex; justify-content: flex-end; align-items: center; position: relative;}
.menu-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 10px;}
.menu-toggle span { display: block; width: 25px; height: 3px; background: #000;}

/* Main menu desktop */
.main-nav ul { display: flex; list-style: none; margin: 0; padding: 0; gap: 20px;}
.submenu-toggle { background: none; border: none; cursor: pointer; font-size: 13px; margin-left: 6px; padding: 0px; color: #7D7D7D;}
button.submenu-toggle:hover { background: none; color: black; outline: none; transform: rotate(269deg);}
.main-menu li {position: relative;}
.main-menu .sub-menu { display: none; position: absolute; top: 143%; left: -55px; background-color: #f8f5f0; min-width: 168px; z-index: 999; flex-direction: column; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); padding: 20px 20px 22px 20px !important; gap: 27px !important; text-align: center;}
.main-menu .sub-menu li { display: block; width: 100%;}
.has-submenu > a{text-decoration: none;}
.main-menu .menu-item-has-children.open > .sub-menu {display: flex; gap: 20px; }
.main-menu .sub-menu a { padding: 10px 15px; display: block; color: #7D7D7D; text-decoration: none;}
.main-menu .sub-menu a:hover { color: #B78172; text-decoration: underline; text-underline-offset: 12px; text-decoration-thickness: 4px; }
.submenu-toggle [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { color: #7D7D7D; background-color: #F7F2EC; text-decoration: none;}
button.submenu-toggle { transform: rotate(88deg); margin: 0px 8px 0px 15px; font-size: 16px;}
.main-menu li.menu-item-has-children > ul.sub-menu { display: none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; min-width: 200px; padding: 10px 0; display: flex; gap: 20px;}
.main-menu li.menu-item-has-children {position: relative;}
.main-menu li.menu-item-has-children:hover > .submenu-toggle {transition: transform 0.3s ease;}

/* footer */

footer.footer-section { background: #B98174; display: flex; justify-content: center;}
.footer-section .footer-container { width: 1200px; display: flex; justify-content: space-between; padding: 40px 0px;}
.footer-section .footer-container  .footer-logo {padding-top: 15px;}
.footer-section .footer-container .footer-menu ul{padding: 0px;}
.footer-section .footer-container .footer-menu ul li{ list-style: none; margin-bottom: 10px;}
.footer-section .footer-container .footer-menu ul li a{ font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0%; color: #FFFFFF;}
.footer-section .footer-container .footer-contact h3{ font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 143%; letter-spacing: 0%; text-transform: capitalize; margin-bottom: 10px; color: #232A35;}
.footer-section .footer-container .footer-contact p { width: 309px; font-family: Poppins; font-weight: 500; font-size: 12px; line-height: 18px; margin-bottom: 10px; color: #252525;}
.footer-section .footer-container .footer-contact { background: #ffffff; border-radius: 20px; padding: 20px;}
.footer-section .footer-container .footer-contact .contact-text .contact_details { display: flex; align-items: center; gap: 10px;}
.footer-section .footer-container .footer-contact .contact-text .contact_details h5{ font-family: Poppins; font-weight: 500; font-size: 13px; line-height: 100%; color: #252525; margin: 0px;}
.footer-section .footer-container .footer-contact .contact-text {margin-bottom: 10px;}
.footer-section .footer-container .footer-contact .contact-text a{ font-family: Poppins; font-weight: 700; font-size: 16px; line-height: 100%; letter-spacing: 1%; color:#B78172;}
.footer-bottom { background: #AE6254; text-align: center; display: flex; justify-content: center;}
.footer-bottom .copyright_row { width: 1200px; display: flex; justify-content: flex-end; flex-direction: row; gap: 160px; padding: 10px 0px;}
.footer-bottom .copyright_row p{ font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 143%; color: #FFFFFF; margin: 0px;}
.footer-bottom .copyright_row a{ font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 143%; color: #FFFFFF; margin: 0px;}


.hero_text .n2-ss-item-content.n2-ss-text.n2-ow-all p.n2-font-b3425ba315d778297605032f6b217221-paragraph {text-shadow: 2px 2px 4px rgb(0 0 0) !important;}

/* much bigger page  */
/* section second css */
.box_position {position: relative;}
.boxes_setpos{ position: absolute; bottom: 0px; right: 30px;}
.box_setpos2{ position: absolute; bottom: 0px; left: 30px;}

/* Was Protex besonders */

.muchbigger_bg.e-flex.e-con.e-child::before {content: "";position: absolute;background-color: #EEC4B8;width: 470px;height: 500px;top: -57px;left: 62px;z-index: 0;  border-radius: 20px;}

.review_icon { width: 54px; height: 54px; border-radius: 50%; background: #AE6254; display: flex; align-items: center; padding: 10px;}
.review_icon img {width: 28px; height: 24px; display: flex;}
.review_info_img img{ width: 38px; height: 38px; border: 2px solid #AE6254; border-radius: 50%;}
.review_info{ display: flex; align-items: center; gap: 10px;}
.review_info h3{ font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 143%; text-transform: uppercase; margin: 0px; color: #232A35;}
.review_info h3 span{font-family: Poppins; font-weight: 500; font-size: 12px; line-height: 143%; text-transform: capitalize; color: #7F7F7F;}
.reviews_box {position: relative;}
.review_icon {position: absolute;}
.review_icon { position: absolute; top: -26px; z-index: 1;}
.much_biggertestimonial .owl-stage{ padding-top: 50px;}

.testimonial_area .testimonial_inner .testimonial_slider .reviews_box {background-color: #FCF8F2;border-radius: 20px; padding: 47px 20px 12px 20px; margin: 0px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);min-height: 210px;display: flex; flex-direction: column;gap: 14px;}
.testimonial_area .testimonial_inner .testimonial_slider .reviews_box p {font-family: poppins;font-size: 14px;font-weight: 500;margin-bottom: 0px;color: #252525;line-height: 23px;min-height: 92px;}

.much_biggertestimonial .owl-nav { position: absolute; top: 139px; display: flex; justify-content: space-between; width: 100%;}
.much_biggertestimonial .owl-nav .owl-prev {position: absolute;right: -70px;}
.much_biggertestimonial .owl-nav .owl-next {position: absolute;left: -60px;}
.much_biggertestimonial .owl-nav .arrow-left, .much_biggertestimonial .owl-nav .arrow-right{font-size: 20px;width: 32px; background: #F1E6E0;}
.much_biggertestimonial .owl-nav .arrow-left:hover, .much_biggertestimonial .owl-nav .arrow-right:hover { color: #fff;  background-color: #AE6254;}

/* privateperson css */

.private_person.e-flex.e-con.e-child.image_bg_pink.e-flex.e-con.e-child::before { content: ""; position: absolute; background-color: #EEC4B8; width: 507px; height: 516px !important; top: 60px; left: 63px; z-index: -1; border-radius: 20px;}

/* about us */

.about_usimage_bg.e-flex.e-con.e-child::before { content: ""; position: absolute; background-color: #EEC4B8;  width: 77%; height: 92%; top: 81px; left: 84px; z-index: -1; border-radius: 20px;}

.image_radius .elementor-widget-container {border-radius: 20px;}
.image_bg_pink.e-flex.e-con.e-child::before { content: "";  position: absolute; background-color: #EEC4B8; width: 450px; height: 499px; top: 60px; left: 63px; z-index: -1; border-radius: 20px;}
.left_aboutcol.e-flex.e-con.e-child::before { height: 498px !important; top: 71px !important; width: 475px;}
.form-row { display: flex; gap: 20px; margin-bottom: 20px;}
.form-group { flex: 1;}
.form-full { width: 100%; margin-bottom: 35px; text-align: center;}
.form-grid input,.form-grid textarea { width: 100%; padding: 20px; border: none; border-radius: 20px; background: #F5F5F5; font-size: 16px; outline-color: #B78172; }
.form-grid textarea {height: 200px;}
.form-grid input[type="submit"] { background: #B78172; color: #FFFFFF; border-radius: 24px; padding: 13px 30px; font-weight: bold; cursor: pointer; border: 2px solid #B78172; width: 35%;}
.form-grid input::placeholder,
.form-grid textarea::placeholder { font-family: Poppins; font-weight: 500; font-size: 14px; line-height: 100%; letter-spacing: 0%; color: #252525;}    
.form-grid input[type="submit"]:hover { background: #FFFFFF; color: #B78172; border: 2px solid #B78172;}
.form-grid span.wpcf7-spinner { position: absolute; bottom: -49px; left: 315px;}


/* media query */



@media only screen and (max-width: 1024px){

    .custom-header .header-wrapper {padding: 20px;}
    .main-nav {width: 100%;}
    .footer-section .footer-container {padding: 40px 20px;}
    .footer-bottom .copyright_row {padding: 10px 20px;}
    .muchbigger_bg.e-flex.e-con.e-child::before { width: 332px; height: 346px; top: 18px; left: 93px;}
    .Alters_secondsec{padding: 0px 40px 60px 40px;}
}

@media only screen and (max-width: 991px){

.custom-header .nav_barmain .main-nav ul {display: flex;gap: 45px;padding: 0px 112px 0px 0px;width: 100%;justify-content: flex-end;}
.custom-header .header-wrapper{padding: 10px 20px;}
.custom-header .nav_barmain {padding: 10px 20px;}
.main-nav {width: 100%;}
.main-menu .sub-menu {min-width: 190px;padding: 10px !important;}
.footer-section .footer-container {padding: 40px 20px;}
.footer-bottom .copyright_row { display: flex; flex-direction: row; padding: 10px 20px; justify-content: space-around;}
.footer-section .footer-container  .footer-logo a img {max-width: 87%;}

.boxes_setpos { position: absolute; bottom: 0px; right: 0px;}
.box_setpos2{position: absolute;bottom: 0px;left: 0px;}

/* much bigger page  */
.muchbigger_bg.e-flex.e-con.e-child::before {width: 327px; height: 332px;top: 20px;left: 82px;}
.much_biggertestimonial .owl-nav .owl-prev {position: absolute;right: -26px;}
.much_biggertestimonial .owl-nav .owl-next {position: absolute;left: -6px;}
.about_usimage_bg.e-flex.e-con.e-child::before { content: ""; position: absolute; background-color: #EEC4B8; width: 95%; height: 69%;  top: 68px; left: 84px; z-index: -1;  border-radius: 20px;}
.image_bg_pink.e-flex.e-con.e-child::before { width: 426px; height: 475px;}
.left_aboutcol.e-flex.e-con.e-child::before { height: 474px !important; top: 71px !important; width: 444px !important;}
.form-row {margin-bottom: 0px;}
.form-full { margin-bottom: 14px;}
.form-grid textarea{height: 100px;}
.form-grid input, .form-grid textarea { padding: 15px;}
.private_person.e-flex.e-con.e-child.image_bg_pink.e-flex.e-con.e-child::before { width: 386px !important; height: 359px !important;}
}


@media only screen and (max-width: 767px){

/* header */
.custom-header .header-wrapper { padding: 15px; display: flex; align-items: center; flex-direction: column; gap: 8px;}
.custom-header .header-wrapper .logo { text-align: center;}
.custom-header .header-wrapper .contact-info .contact-block .contact-text .contact_details h5 {display: none;}
.custom-header .header-wrapper .contact-info { display: flex; gap: 15px; flex-direction: row;}
.custom-header .nav_barmain { display: flex; justify-content: flex-end; background: #F7F2EC; padding: 15px;}
.custom-header .header-wrapper .contact-info .contact-block .contact-text { text-align: left; display: flex; flex-direction: row; align-items: center; gap: 5px;}
.custom-header .header-wrapper .contact-info .contact-block .contact-text a {font-size: 13px;}
.menu-toggle {display: flex;}
.main-nav { display: none; position: absolute; top: 100%; right: 0; background: white; width: 100%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 999;}
.main-nav.open {display: block;}
.main-nav ul { flex-direction: column; align-items: flex-start; padding: 10px 20px;}
.submenu-toggle button:focus, button:hover { color: #EDC3B7; background-color: #B98174; text-decoration: none;}
.custom-header .nav_barmain {padding: 5px 10px;}
.custom-header .nav_barmain .main-nav ul {display: flex;justify-content: flex-end;gap: 30px;align-items: center;padding: 20px 0px;}
.main-menu .sub-menu { position: relative; left: 0px; top: 20px; background-color: #ffffff; box-shadow: none; text-align: center; gap: 27px !important;}
.custom-header .nav_barmain .main-nav ul li { list-style: none; padding: 0px; text-align: center;}
.main-menu li.menu-item-has-children > ul.sub-menu {box-shadow: none;}


/* footer  */
.footer-section .footer-container { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 20px 0px 30px 20px;}
.footer-section .footer-container  .footer-logo a img {max-width: 70%;}
.footer-bottom .copyright_row { display: flex; justify-content: flex-end; flex-direction: column; gap: 9px;}
.footer-section .footer-container .footer-contact {width: 94%;}


/* much bigger page  */
.muchbigger_bg.e-flex.e-con.e-child::before {width: 312px; height: 320px; top: 24px; left: 6px;}
/* .muchbigger_bg.e-flex.e-con.e-child::before { width: 90%; height: 79%; top: 17px; left: 0px;} */
.about_usimage_bg.e-flex.e-con.e-child::before { content: ""; position: absolute; background-color: #EEC4B8; width: 72%; height: 95%; top: 68px; left: 84px; z-index: -1; border-radius: 20px;}

.image_bg_pink.e-flex.e-con.e-child::before { width: 281px; height: 296px;}
.left_aboutcol.e-flex.e-con.e-child::before { height: 267px !important; top: 71px !important; width: 277px !important;}
.private_person.e-flex.e-con.e-child::before{height: 304px !important;top: 52px !important;width: 270px !important;left: 72px;}
.private_person.e-flex.e-con.e-child.image_bg_pink.e-flex.e-con.e-child::before { width: 275px !important; height: 307px !important;}
.form-row { display: flex; flex-direction: column;gap: 0px;}
.form-grid input[type="submit"] {width: 100%;}

}


@media only screen and (max-width: 390px){.custom-header .header-wrapper .contact-info .contact-block .contact-text a {font-size: 12px; }
    .private_person.e-flex.e-con.e-child.image_bg_pink.e-flex.e-con.e-child::before {width: 264px !important;height: 304px !important;}
    .left_aboutcol.e-flex.e-con.e-child::before {height: 242px !important;width: 253px !important;}
}

@media only screen and (max-width: 360px){.custom-header .header-wrapper .contact-info .contact-block .contact-text a {font-size: 11px; }
    .private_person.e-flex.e-con.e-child.image_bg_pink.e-flex.e-con.e-child::before {width: 255px !important;height: 304px !important;}
    .left_aboutcol.e-flex.e-con.e-child::before {height: 242px !important;width: 253px !important;}

}