.contact{margin-top:38px;display:flex;position:relative}.contact:before{content:"";width:93px;height:calc(100% - 74px);border-radius:24px;background:var(--black-color-5);position:absolute;top:50%;right:-24px;transform:translateY(-50%);z-index:-1}.contact:after{content:"";width:93px;height:calc(100% - 74px);border-radius:24px;background:var(--black-color-5);position:absolute;top:50%;left:-24px;transform:translateY(-50%);z-index:-1}.contact .box{background:var(--white-color);border-radius:24px;padding:8px}.head-contact.box{width:32%;padding-left:6%;z-index:-1}.head-contact .inner{height:100%;border-radius:16px;background:linear-gradient(var(--white-color),var(--white-color)) padding-box,linear-gradient(270deg,var(--black-color-10) 0%,transparent 30%) border-box;border-top:1px solid #fff0;border-right:1px solid #fff0;border-bottom:1px solid #fff0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-left:20px;position:relative}.head-contact .inner img{margin:40px auto;display:block}.head-contact .inner:before{content:"";width:calc(100% - 36px);aspect-ratio:1 / 1;background:linear-gradient(to top,#303030 0%,rgb(48 48 48 / .3) 11%,transparent 20%);border-radius:100%;position:absolute;top:-99px;right:0;opacity:.1;mix-blend-mode:multiply}.head-contact .inner .text{width:100%;text-align:center;padding:20px 30px 30px;position:relative}.head-contact .inner .text:before{content:"";width:16px;height:24px;background-color:var(--black-color-10);mask-image:url(/wp-content/themes/beauty_shop/inc/elementor/img/flower2.svg);position:absolute;right:30px;top:50%;transform:translateY(-50%)}.head-contact .inner .text:after{content:"";width:16px;height:24px;background-color:var(--black-color-10);mask-image:url(/wp-content/themes/beauty_shop/inc/elementor/img/flower2.svg);position:absolute;left:30px;top:50%;transform:translateY(-50%) scaleX(-1)}.head-contact .inner .text .title{font-size:20px;font-weight:700;line-height:28px;color:var(--black-color);display:block;margin:0}.head-contact .inner .text .subtitle{font-size:14px;font-weight:400;line-height:19px;color:var(--black-color-70);display:block;margin:0}.form-contact{width:42%;margin-right:-6%;margin-top:-38px;padding-bottom:38px;padding-left:24px;position:relative;z-index:1}.form-contact:after{content:"";width:85px;height:226px;background:var(--black-color-20);border-radius:16px;filter:blur(50px);position:absolute;right:8px;bottom:8px;z-index:1}.form-contact .inner{z-index:2;position:relative;height:100%}.form-contact .inner .form-contact-head{padding:16px 24px;display:flex;align-items:center;gap:16px}.form-contact .inner .form-contact-head .text-wrap{padding-right:16px;border-right:1px solid var(--black-color-10)}.form-contact .inner .form-contact-head .text-wrap .title{font-size:16px;font-weight:700;line-height:24px;color:var(--black-color);display:block;margin:0}.form-contact .inner .form-contact-head .text-wrap .text{font-size:14px;font-weight:300;line-height:21px;color:var(--black-color-70);display:block;margin:0}.form-contact .inner:before{content:"";border:12px solid var(--black-color-10);border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.form-contact:before{content:"";width:21px;height:21px;background:var(--black-color-5);border-radius:10px 0;position:absolute;top:calc(50% - 8px);left:9px;transform:translateY(-50%) rotate(45deg);z-index:-1}.map-contact:before{content:"";width:21px;height:21px;background:var(--black-color-5);border-radius:10px 0;position:absolute;top:calc(50% - 8px);right:-13px;transform:translateY(-50%) rotate(45deg);z-index:-1}.map-contact{width:32%;position:relative}.map-contact .map{width:100%;display:block}.map-contact .map img{width:100%;height:156px;object-fit:cover;border-radius:17px}.map-contact .address-box{padding:20px 24px}.map-contact .address-box>div{display:flex;align-items:center;gap:14px;margin-bottom:16px}.map-contact .address-box>div svg{width:16px}.map-contact .address-box>div span,.map-contact .address-box>div a{font-size:14px;font-weight:300;line-height:21px;color:var(--black-color-70)}.map-contact .address-box>div span{width:calc(100% - 30px);display:flex;align-items:center;gap:14px}.map-contact .btn{width:max-content;min-width:156px;height:48px;background:var(--sec-color);color:var(--white-color);position:absolute;bottom:8px;left:8px}.form-contact input:not([type=submit],[type=checkbox]){width:100%;border:1px solid var(--black-color-10);height:40px;border-radius:8px;font-size:14px;font-weight:300;line-height:21px;padding:8px 16px}.form-contact textarea{width:100%;border:1px solid var(--black-color-10);border-radius:8px;font-size:14px;font-weight:300;line-height:21px;padding:12px 16px;max-height:107px}.form-contact input::placeholder{font-size:14px;font-weight:300;line-height:21px;color:var(--black-color-50)}.form-contact form{padding:16px;display:flex;flex-wrap:wrap}.form-contact form p{padding:0 8px;margin-bottom:16px;width:50%}.form-contact form p.w-100{width:100%;margin-bottom:0}.form-contact .wpcf7-not-valid-tip{font-size:12px}.form-contact .wpcf7-response-output{margin:0!important;font-size:12px;height:auto;width:60%}.form-contact .wpcf7-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.form-contact input[type=submit],.form-contact button{width:max-content;min-width:156px;padding-right:54px;display:flex;align-items:center;justify-content:center;height:48px;background:var(--sec-color-10);color:var(--sec-color);border-radius:0 16px;border:0;margin:0;outline:none;transition:all 0.3s ease-in-out}.form-contact p:has(input[type=submit]),.form-contact p:has(button){width:max-content;min-width:156px;height:48px;position:absolute;left:8px;bottom:8px;padding:0;border-radius:0 16px;margin:0;transition:all 0.3s ease-in-out}.form-contact p:has(input[type=submit]):before,.form-contact p:has(button):before{content:"";width:14px;height:14px;background:var(--sec-color);mask-image:url(/wp-content/themes/beauty_shop/inc/elementor/img/send.svg);position:absolute;right:21px;top:50%;transform:translateY(-50%)}.form-contact p:has(input[type=submit]):after,.form-contact p:has(button):after{content:"";width:1px;height:32px;background:var(--sec-color);position:absolute;right:54px;top:50%;transform:translateY(-50%)}.form-contact input[type=submit]:hover,.form-contact button:hover{background:var(--sec-color);color:var(--white-color)}.form-contact p:has(input[type=submit]):hover:before,.form-contact p:has(button):hover:before{background:var(--white-color)}.form-contact p:has(input[type=submit]):hover:after,.form-contact p:has(button):hover:after{background:var(--white-color);opacity:.5}@media (max-width:1399px){.head-contact .inner:before{top:-29px}}@media (max-width:1199px){.head-contact .inner:before{top:0;right:20px}.head-contact .inner{padding-left:0}}@media (max-width:991px){.form-contact form{padding-bottom:48px}.contact:after{height:calc(100% + 16px);left:50%;transform:translate(-50%,-50%);z-index:-1}.contact:before{display:none}.contact{flex-wrap:wrap;margin-top:8px}.head-contact.box{width:100%;padding:8px;z-index:1}.head-contact .inner{flex-direction:row;border:0}.head-contact .inner img{margin:-24px 0 0 0}.form-contact:before,.form-contact:after,.head-contact .inner:before,.map-contact:before,.head-contact .inner .text:before{display:none}.head-contact .inner .text:after{left:8px}.head-contact .inner .text{padding:12px 10px;text-align:right}.form-contact{width:100%;margin:8px 0;padding:0}.map-contact{width:100%}.map-contact .map img{height:auto}}@media (max-width:767px){.head-contact .inner img{width:100px;height:auto}.head-contact .inner .text .title{font-size:16px}.form-contact .inner .form-contact-head{align-items:start;padding:8px 19px}.form-contact .inner .form-contact-head .text-wrap{width:calc(100% - 24px)}.form-contact .inner .form-contact-head svg{width:16px}.form-contact .inner:before{display:none}.form-contact form{padding:8px 8px 48px}.form-contact form p{width:100%}.map-contact.box{padding:16px}.form-contact input[type=submit],.form-contact button{left:16px;bottom:16px}.map-contact .address-box{padding:14px 16px}.map-contact .btn{position:relative;margin:0 auto 0 0}}