body, html{
    overflow-x: hidden;
}
.footer-column a{
    text-decoration: none!important;
    border-bottom: 1px solid transparent;
    transition: all 0.35s;
}
.footer-column a:hover, .footer-column a.is-active{
    border-color: white;
}
.footer-bottom a:hover{
    text-decoration: none!important;
}
.dropdown a.is-active {
    background: #faf0f5;
    color: var(--accent);
}
.form-toast{position:fixed;z-index:100000;top:1.5rem;right:1.5rem;width:min(26.875rem,calc(100vw - 2rem));display:flex;gap:0.875rem;align-items:flex-start;padding:1.3125rem 1.125rem;background:#fff;border:1px solid #d9eadd;border-radius:1.25rem;box-shadow:0 1rem 3.5rem #30232c26;color:#302b30;text-align:left;animation:toast-enter .25s ease-out}
.form-toast.is-error{border-color:#efd5dc}
.form-toast__icon{flex:0 0 2.125rem;height:2.125rem;display:grid;place-items:center;border-radius:50%;background:#e9f6ec;color:#388455;font-size:1.3125rem;font-weight:600}
.form-toast.is-error .form-toast__icon{background:#fcecf0;color:#b84f69}
.form-toast strong{display:block;margin:0 0 0.3125rem;font-size:1rem;line-height:1.4}
.form-toast p{margin:0;font-size:0.875rem;line-height:1.55;color:#746a70}
.form-toast__close{border:0;background:transparent;color:#897b83;font-size:1.5625rem;line-height:1;cursor:pointer;padding:2px;margin-left:auto;flex-shrink:0}
.ajax_form [aria-invalid=true]{border-color:#c95d79;box-shadow:0 0 0 0.1875rem #c95d7914}
.ajax_form .is-loading{position:relative;cursor:wait;opacity:.75}
.ajax_form .is-loading:after{content:"";width:1rem;height:1rem;display:inline-block;margin-left:0.75rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:form-spin .7s linear infinite}
.quiz-contact[hidden],.quiz-panel form[hidden],.quiz-complete[hidden]{display:none!important}
.quiz-contact .consultation-form{padding:0;border:0;box-shadow:none;background:transparent}
.quiz-contact h3,.quiz-complete h3{font-family:inherit;font-size:1.625rem;line-height:1.25;margin:0 0 0.875rem}
.quiz-contact>p,.quiz-complete>p{color:#82747c;margin:0 0 1.5rem}
.quiz-contact>.quiz-back{margin-top:1rem}
@keyframes form-spin{to{transform:rotate(360deg)}}
@keyframes toast-enter{from{opacity:0;transform:translateY(-0.75rem)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.form-toast{top:1rem;right:1rem;padding:1.0625rem 0.875rem}.quiz-contact h3{font-size:1.4375rem}}
@media(prefers-reduced-motion:reduce){.form-toast,.ajax_form .is-loading:after{animation:none}}

@media(min-width:992px){
    .footer-mobile-policy, .footer-mobile-heading{
        display: none;
    }
}


.services-about a, .services-about a img, .case-info .case-summary .case-arrow, .case-arrow img, .case-photo img{
    transition: all 0.35s;
}
.case-photo{
    overflow: hidden;
}
.services-about a:hover{
    color: #dd5a97;
}
.case-photo img{
    transform: scale(1.03) translateZ(0);
}
.case-card:hover .case-photo img{
    transform: scale(1) translateZ(0);
}
.case-card:hover .case-arrow{
    background: #b42668;
}
.case-card:hover .case-arrow img{
    filter: brightness(0) invert(1);
}
.services-about a:hover img{
    transform: translateX(-5px);
}
@media screen and (min-width: 1850px) {
    html {
        font-size: 21px !important;
    }
}
@media screen and (max-width: 1850px) and (min-width: 1750px) {
    html {
        font-size: 19px!important;
    }
}
@media screen and (max-width: 1750px) and (min-width: 1650px) {
    html {
        font-size: 18px !important;
    }
}
@media screen and (max-width: 1650px) and (min-width: 1550px) {
    html {
        font-size: 17px !important;
    }
}
@media screen and (max-width: 1550px) and (min-width: 1400px) {
    html {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1350px) {
    html {
        font-size: 15px !important;
    }
}


@media screen and (max-width: 1350px) and (min-width: 1250px) {
    html {
        font-size: 13.5px !important;
    }
}
@media screen and (max-width: 1250px) and (min-width: 1150px) {
    html {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 1150px) and (min-width: 1050px) {
    html {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1050px) and (min-width: 992px) {
    html {
        font-size: 11px !important;
    }
}

@media screen and (min-width: 992px) {

}
@media screen and (max-width: 992px) {
    .figma-page .footer-column>a{
        width: max-content!important;
    }
    .figma-page .faq-answer {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
        margin-top: 0.6rem!important;
    }
}