/* Home 2: the site's floating contact buttons and the home page Contact Us section.
   Home 2 does not load the legacy page stylesheets these parts are styled in, so their
   rules are carried over here unchanged (floating: inner-legacy.css, contact: home-legacy.css). */

/* ---------- floating WhatsApp + consultation buttons (inc/get-free-consultation-widget.php) ---------- */
.get-free-consult {position:fixed;bottom:40px;right:40px;z-index:9}
/* the legacy sheets size images globally (img{display:block;max-width:100%}); Home 2 does not */
.get-free-consult img,.contact-us__photo img {display:block;max-width:100%}
.get-free-consult__lbl:after {content:"";width:24px;height:24px;position:absolute;top:-2px;right:-6px;background-image:url(../img/icons/mob-call-icon.svg);background-size:contain;background-repeat:no-repeat;border-radius:50%}
.get-free-consult.active .photo {opacity:1}
.get-free-consult.active .get-free-consult__drop .item {opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.get-free-consult__lbl {background:#76c8ff;background:linear-gradient(245deg,#76c8ff,#d0fff1);padding:3px;border-radius:90px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:60px}
.get-free-consult__lbl .photo {width:54px;height:54px;border-radius:50%;overflow:hidden;-webkit-transition:all .2s;transition:all .2s}
.get-free-consult__drop {width:60px;position:absolute;bottom:60px;right:0}
.get-free-consult__drop .item {width:60px;height:60px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8px;background-color:#c2eaf2;opacity:0;visibility:hidden;-webkit-transition:all .2s;transition:all .2s}
.get-free-consult__drop .item:first-child {-webkit-transition-delay:.1s;transition-delay:.1s}
.get-free-consult__drop .item:first-child,.get-free-consult__drop .item:nth-child(2) {-webkit-transform:translateY(30px);transform:translateY(30px)}
@media (max-width:767px) {
  .get-free-consult {bottom:30px;right:30px}
}
@media (max-width:600px) {
  .get-free-consult {right:10px;bottom:10px}
}

/* ---------- Contact Us section (inc/contact-us.php) ---------- */
.contact-us .wrapper {max-width:1380px}
.contact-us__wrap {width:100%;border-radius:40px;background-color:#e0f4f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}
.contact-us__form {padding:56px;width:50%}
.contact-us__form .subtitle-center,.contact-us__form .title-center {text-align:left}
.contact-us__form .title-center {margin-bottom:20px}
.contact-us__form .subtitle-center {margin:0 0 28px;color:#1a1c1e}
.contact-us__photo {width:50%;-webkit-mask-image:url(../img/form-img-mask.svg);mask-image:url(../img/form-img-mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}
.contact-us__photo img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.contact-us__wrap .cu-channels,.contact-us__wrap .cu-form .sf-field,.contact-us__wrap .cu-or,.contact-us__wrap .cu-submit {opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}
.contact-us__wrap.cu-visible .cu-channels,.contact-us__wrap.cu-visible .cu-form .sf-field,.contact-us__wrap.cu-visible .cu-or,.contact-us__wrap.cu-visible .cu-submit {opacity:1;transform:translateY(0)}
.contact-us__wrap.cu-visible .cu-form .sf-field:first-child {transition-delay:.08s}
.contact-us__wrap.cu-visible .cu-form .sf-field:nth-child(2) {transition-delay:.14s}
.contact-us__wrap.cu-visible .cu-form .sf-field:nth-child(3) {transition-delay:.2s}
.contact-us__wrap.cu-visible .cu-form .sf-field:nth-child(4) {transition-delay:.26s}
.contact-us__wrap.cu-visible .cu-form .sf-field:nth-child(5) {transition-delay:.32s}
.contact-us__wrap.cu-visible .cu-submit {transition-delay:.38s}
.contact-us__wrap.cu-visible .cu-or {transition-delay:.44s}
.contact-us__wrap.cu-visible .cu-channels {transition-delay:.5s}
.contact-us__photo img {transition:transform 6s ease}
.contact-us__wrap.cu-visible .contact-us__photo img {transform:scale(1.05)}
.contact-us__form form {position:relative;padding-bottom:20px}
html[dir=rtl] .contact-us__form .subtitle-center,html[dir=rtl] .contact-us__form .title-center {text-align:right}
html[dir=rtl] .contact-us__photo {-webkit-transform:scaleX(-1);transform:scaleX(-1)}
@media (max-width:1200px) {
  .contact-us__form {padding:40px}
}
@media (max-width:767px) {
  .contact-us__photo {display:none}
  .contact-us__form {width:100%}
}
@media (max-width:520px) {
  .contact-us__wrap {border-radius:20px}
  .contact-us__form .subtitle-center {margin-bottom:30px}
  .contact-us__form {padding:20px;border-radius:20px}
}
@media (max-width:600px) {
  .contact-us__wrap {border-radius:20px}
}

/* contact form controls (country/code/service pickers, submit, channels) — also from home-legacy.css */
.cu-or {display:flex;align-items:center;gap:14px;margin:18px 0 12px;color:#8d99a4;font-size:13px;font-weight:500}
.cu-or:after,.cu-or:before {content:"";flex:1;height:1px;background:rgba(0,0,0,.08)}
.cu-channels {gap:14px}
.cu-channel,.cu-channels {display:flex;justify-content:center}
.cu-channel {align-items:center;width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.8);border:1px solid rgba(59,165,220,.15);text-decoration:none!important;color:#3ba5dc;transition:all .25s}
.cu-channel svg {flex-shrink:0}
.cu-channel--email {color:#4e5a65}
.cu-channel--wa {color:#25d366}
.cu-form {display:flex;flex-direction:column}
.cu-form .sf-field {margin-bottom:12px}
.cu-form .sf-input {height:50px;font-size:15px;border-radius:16px;background:#fff}
.cu-field--country {position:relative;z-index:110}
.cu-field--phone {position:relative;z-index:100}
.cu-country-btn {display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 16px;border:1.5px solid var(--sf-border,#e0e4e8);border-radius:16px;background:#fff;cursor:pointer;font-family:inherit;font-size:15px;color:var(--sf-text,#1a1c1e);transition:border-color .2s,box-shadow .2s;-webkit-box-sizing:border-box;box-sizing:border-box}
.cu-country-btn__label {color:var(--sf-muted,#8d99a4)}
.cu-country-btn__value {display:flex;align-items:center;gap:8px}
.cu-country-btn__value[hidden] {display:none}
.cu-country-btn__arrow {color:var(--sf-muted,#8d99a4);flex-shrink:0;margin-left:auto}
html[dir=rtl] .cu-country-btn__arrow {margin-left:0;margin-right:auto}
.cu-country-dropdown {position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid var(--sf-border,#e0e4e8);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-height:260px;display:flex;flex-direction:column;overflow:hidden;animation:cuDropIn .2s cubic-bezier(.4,0,.2,1)}
.cu-country-dropdown[hidden] {display:none}
.cu-form .sf-phone-row {border-radius:16px;background:#fff}
.cu-form .sf-phone-prefix {height:48px;border-radius:0;background:#fff}
.cu-form .sf-phone-input {height:48px;font-size:15px;background:#fff}
.cu-code-picker {position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid var(--sf-border,#e0e4e8);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-height:260px;display:flex;flex-direction:column;overflow:hidden;animation:cuDropIn .2s cubic-bezier(.4,0,.2,1)}
.cu-code-picker[hidden] {display:none}
.cu-field--service {position:relative;z-index:90}
.cu-service-btn {display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 16px;border:1.5px solid var(--sf-border,#e0e4e8);border-radius:16px;background:#fff;cursor:pointer;font-family:inherit;font-size:15px;color:var(--sf-text,#1a1c1e);transition:border-color .2s,box-shadow .2s;-webkit-box-sizing:border-box;box-sizing:border-box}
.cu-service-btn__label {color:var(--sf-muted,#8d99a4)}
.cu-service-btn__value {font-size:15px}
.cu-service-btn__value[hidden] {display:none}
.cu-service-btn__arrow {color:var(--sf-muted,#8d99a4);flex-shrink:0;margin-left:auto}
.cu-service-dropdown {position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid var(--sf-border,#e0e4e8);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;animation:cuDropIn .2s cubic-bezier(.4,0,.2,1)}
.cu-service-dropdown[hidden] {display:none}
.cu-submit {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;border:none;border-radius:16px;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.3px;cursor:pointer;margin-top:8px;-webkit-tap-highlight-color:transparent;background:linear-gradient(115deg,#88eaff,#6fbaff 50%,#6fbaff 70%,#88eaff 110%);background-size:200%;color:var(--sf-text,#1a1c1e);transition:all .5s}
.cu-submit__loading[hidden] {display:none!important}
.cu-form-err {margin-top:12px;padding:10px 14px;background:#fdf0f0;border-radius:12px;font-size:14px;color:#e74c3c;border:1px solid #f9d5d3}
.cu-form-err[hidden] {display:none!important}
.cu-success {text-align:center;padding:64px 40px;animation:cu-fadein .4s ease}
.cu-success[hidden] {display:none!important}
html[dir=rtl] .cu-country-btn__value {flex-direction:row-reverse}
html[dir=rtl] .cu-service-btn__arrow {margin-left:0;margin-right:auto}
html[dir=rtl] .cu-form .sf-phone-row {direction:ltr}
html[dir=rtl] .cu-form input[type=email] {direction:ltr;text-align:right}
html[dir=rtl] .cu-code-item__code {direction:ltr}