/*
Theme Name: samthedesigner
Author: odysseasthedeveloper
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: samthedesigner
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/

@font-face {
    font-family: 'PF BeauSans ProRegular';
    src: url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-Regular.woff') format('woff'),
        url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF BeauSans ProSemiBold';
    src: url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-SemiBold.woff') format('woff'),
        url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF BeauSans ProLight';
    src: url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-Light.woff2') format('woff2'),
        url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-Light.woff') format('woff'),
        url('/wp-content/themes/samthedesigner/fonts/PFBeauSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    --translate-x: 100vw;
    --translate-y: 0;
    --primary-ease: var(--custom-ease-1);
    --custom-ease-1: cubic-bezier(.475, .425, 0, .995);
    --custom-ease-3: cubic-bezier(.19, 1, .22, 1);
    --custom-ease-4: cubic-bezier(.63, .03, .21, 1);
    --radius-border: 56px;
    --app-height: 100vh;
    --baseline-unit: 0.21rem;
    /*--row-height: 0.81rem;*/
    --row-height: 0.76rem;
    --row-1: calc(var(--row-height) * 1);
    --row-2: calc(var(--row-height) * 2);
    --row-3: calc(var(--row-height) * 3);
    --row-4: calc(var(--row-height) * 4);
    --row-5: calc(var(--row-height) * 5);
    --row-6: calc(var(--row-height) * 6);
    --row-7: calc(var(--row-height) * 7);
    --row-8: calc(var(--row-height) * 8);
    --row-9: calc(var(--row-height) * 9);
    --row-10: calc(var(--row-height) * 10);
    --row-11: calc(var(--row-height) * 11);
    --row-12: calc(var(--row-height) * 12);
    --row-13: calc(var(--row-height) * 13);
    --row-14: calc(var(--row-height) * 14);
    --row-15: calc(var(--row-height) * 15);
    --row-16: calc(var(--row-height) * 16);
    --row-17: calc(var(--row-height) * 17);
    --row-18: calc(var(--row-height) * 18);
    --row-19: calc(var(--row-height) * 19);
    --row-20: calc(var(--row-height) * 20);
    --gap-nano: calc(var(--baseline-unit) * 1);
    --gap-micro: calc(var(--baseline-unit) * 2);
    --gap-tiny: calc(var(--baseline-unit) * 4);
    --gap-small: calc(var(--baseline-unit) * 6);
    --gap: calc(var(--baseline-unit) * 8);
    --gap-medium: calc(var(--baseline-unit) * 8);
    --gap-large: calc(var(--baseline-unit) * 16);
    --gap-huge: calc(var(--baseline-unit) * 32);
    --gap-grid: var(--row-height);
    --gap-container: var(--row-height);
    --gap-section: var(--row-4);
    --animation-slow: 1s ease-in-out;
    --transition: 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94);
    --transition-slow: 0.8s cubic-bezier(0.36, 0.64, 0.23, 0.94);

}

html {
    scroll-behavior: smooth;
    font-size: 24px;
}

@media screen and (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }
}

:root :where(body),
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'PF BeauSans ProRegular', Arial, sans-serif;
    background-color: #f2f2f2;
}

p,
a {
    font-family: 'PF BeauSans ProRegular', Arial, sans-serif;
}

ol,
ul {
    list-style: none;
}

.padding {
    padding: 0 44px;
    width: 100%;
    margin: auto;
}

.hide-it {
    display: none !important;
}


.noscroll {
    overflow: hidden;
}

.wp-block-search__button {
    border-radius: 56px;
}

/*basic animation*/
.was-in-view .will-show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.will-show {
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transition: opacity var(--animation-slow), transform var(--animation-slow);
}

.cover-menu .cover-menu-btn a:hover {
    font-size: 2.3rem;
}

.cover-menu div.menu-talk a:hover {
    color: var(--wp--preset--color--contrast);
    font-size: 2.45rem;
}

/*logo watermark*/
.logo-watermark {
    position: absolute;
    top: -49px;
    z-index: -1;
    left: -106px;
}

.logo-watermark dotlottie-player {
    max-width: none !important;
    width: 112vw !important;
    opacity: .4 !important;
}

/*parallax-section*/
.parallax-container {
    position: relative;
}

.parallax-inner figure {
    padding-top: 150vw;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}

.parallax-inner figure img {
    height: 100vh;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    top: 0;
    width: 100%;
}

.header-container {
    padding-top: 40px !important;
    background-color: #f2f2f2 !important;
}

.header-inner {
    padding: 15px 65px 15px 20px;
    justify-content: space-between;
    border-radius: var(--radius-border);
    max-height: 85px;
    position: relative;
}

header .lottie-wrapper {
    position: relative;
    top: 7px;
}

.header-inner p {
    font-size: 1rem;
    white-space: nowrap;
}


.asp_w_container {
    max-width: 292px;
    margin-top: -18px !important;
}

#ajaxsearchpro1_1 div.probox {
    border-right: none;
    border-left: none;
    border-top: none;

}

#ajaxsearchprores1_1.vertical {
    background-color: var(--wp--preset--color--contrast) !important;
}

#ajaxsearchpro1_1 .probox .promagnifier,
#ajaxsearchpro1_2 .probox .promagnifier,
div.asp_m.asp_m_1 .probox .promagnifier {
    display: none !important;
}

#ajaxsearchpro1_1 .probox,
#ajaxsearchpro1_2 .probox,
div.asp_m.asp_m_1 .probox {
    border-bottom: .5px solid var(--wp--preset--color--secondary) !important;
}

#ajaxsearchpro1_1 .probox .proinput input.orig,
#ajaxsearchpro1_2 .probox .proinput input.orig,
div.asp_m.asp_m_1 .probox .proinput input.orig,
#ajaxsearchprores1_1 .results .item .asp_content h3,
#ajaxsearchprores1_2 .results .item .asp_content h3,
div.asp_r.asp_r_1 .results .item .asp_content h3,
#ajaxsearchprores1_1 .results .item .asp_content h3 a,
#ajaxsearchprores1_2 .results .item .asp_content h3 a,
div.asp_r.asp_r_1 .results .item .asp_content h3 a,
#ajaxsearchprores1_1 .results .item div.asp_content,
#ajaxsearchprores1_2 .results .item div.asp_content,
div.asp_r.asp_r_1 .results .item div.asp_content {
    font-family: 'PF BeauSans ProRegular', Arial, sans-serif !important;
}

#ajaxsearchpro1_1 div.probox,
#ajaxsearchpro1_2 div.probox,
div.asp_m.asp_m_1 div.probox {
    height: 41px;
}

#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
div.asp_m.asp_m_1 {
    margin-top: -22px !important;
}

#ajaxsearchprores1_1.vertical,
#ajaxsearchprores1_2.vertical,
div.asp_r.asp_r_1.vertical {
    top: 113.5px !important;
}

header ul.wp-block-navigation__container {
    gap: 0;
}

header ul.wp-block-navigation__container li.wp-block-navigation-item {
    width: 50%;
    color: #707070;
}

header .wp-block-navigation .wp-block-navigation-item__content {
    text-decoration: none;
    line-height: 1;
    position: relative;
    transition: opacity .4s ease-in-out;
}

.sam a {
    text-decoration: none !important;
}

header .wp-block-navigation .wp-block-navigation-item__content:hover {
    opacity: 1;
    color: var(--wp--preset--color--contrast);
}

header .wp-block-navigation .wp-block-navigation-item__content:before {
    content: '/';
    font-size: 1rem;
    display: inline-flex;
    color: var(--wp--preset--color--contrast);
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

header .wp-block-navigation .wp-block-navigation-item__content:hover:before {
    opacity: 1;
}

header .wp-block-navigation .wp-block-navigation-item__label {
    font-size: 1rem;
}

header .wp-block-button__link {
    font-size: 1rem;
    color: var(--wp--preset--color--contrast);
    font-weight: 400;
    box-shadow: none;
    border: 1px solid #707070;
    border-radius: 20px;
    background-color: transparent;
    padding: 7px 24px;
    line-height: 1;
    min-width: 155.97px;
}



header .wp-block-buttons .wp-block-button {
    display: flex;
}


.scroll-menu-opener {
    position: fixed;
    right: 45px;
    top: 70px;
    background-color: var(--wp--preset--color--samwhite);
    display: flex;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    width: 87px;
    height: 87px;
    box-sizing: border-box;
    justify-content: center;
    align-content: center;
    margin: 0;
    z-index: 999999;
    pointer-events: none;
}

.scroll-menu-opener.show {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    display: flex !important;
    pointer-events: all;
}

.scroll-menu-opener.colored {
    background: transparent;

}


.mobile-only {
    display: none;
}

.toggle-mob-menu {
    cursor: pointer;
}

/*animated-menu*/
.show {
    opacity: 1 !important;
    display: block !important;
}

.notransform {
    transform: none !important;
}

.bar {
    position: absolute;
    display: block !important;
    height: 4px;
    background-color: #000;
    transition: all .3s ease-in-out;
    width: 36px;
}


.bar:nth-child(1) {
    top: 50%;
}

.bar:nth-child(2) {
    margin-top: 0;
    top: 50%;
    transform: rotate(90deg);
    left: 29%;
}

.mobile-only .bar {
    position: relative;
    width: 16px;
    height: 2px;
}

.mobile-only .bar:nth-child(1) {
    top: unset;
    left: 30%;
}

.mobile-only .bar:nth-child(2) {
    margin-top: 0;
    top: unset;
    transform: rotate(90deg);
    left: unset;
    right: 20%;
}

.scroll-menu-opener.colored .bar.turn {
    background-color: var(--wp--preset--color--primary);
}

.bar.turn:nth-of-type(1) {
    transform: rotate(45deg);
}

.bar.turn:nth-of-type(2) {
    transform: rotate(-45deg);
}

.button-heading mark:nth-of-type(1) {
    cursor: pointer;
}

.header-menu {
    z-index: 1;
    position: fixed;
    top: 0;
}

.prevent-container {
    position: fixed;
    margin-block-start: 0;
}

.cover-menu-container {
    transform-origin: center center;
    transition: transform .9s;
    will-change: transform;
    pointer-events: none;
    transform: translateX(100vw) translateZ(0px);
    transform: translate(var(--translate-x), var(--translate-z));
    position: fixed;
}

.cover-menu {
    position: fixed;
    top: -24px;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 22;
    pointer-events: none;
    overflow: hidden;
    color: var(--wp--preset--color--base);
}

.background-menu-logo img {
    position: absolute;
    z-index: 1;
    height: 256.8vh;
    top: -103%;
    width: 110.14vw;
    max-width: unset;
    opacity: 0;

}

.background-menu-logo img.show {
    transition-delay: 0.25s;
}

.legal-section .background-menu-logo img.show {
    transition-delay: 0.6s;
}


.cover-menu .cover-background {
    position: absolute;
    top: calc(90px - 112vw);
    right: calc(100px - 112vw);
    width: 224vw;
    height: 224vw;
    border-radius: 50%;
    background-color: var(--wp--preset--color--contrast);
    transform-origin: center;
    transform: translateX(16px) translateY(-1px) scaleX(0) scaleY(0) translateZ(0px);
    transition: transform .9s;
    will-change: transform;
    pointer-events: none;
    transform: translate(var(--translate-x), var(--translate-z));
    transform: translateX(-11px) translateY(-7px) scaleX(0) scaleY(0) translateZ(0px);
}

.cover-menu .content-container {
    width: 100%;
    padding: 0 4%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box;
    /* z-index: 0; */
    z-index: 9;
}

.cover-menu .highlighter-wrapper {
    position: absolute;
    top: -30px;
    right: 60px;
    z-index: 21;
}

.cover-menu .menu-highlighter {
    position: absolute;
    top: 0;
    color: var(--color-sub-black-2);
    transform: rotate(90deg);
    transform-origin: top left;
}

.pointer {
    pointer-events: all !important;
}

.cover-menu .content-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 0;
}

.primary-nav:not(.legal-section .primary-nav):not(.talking-section .primary-nav) {
    opacity: 0;
    margin-top: -30px;
    display: flex !important;
    width: 100%;
    justify-content: space-around;
    position: relative;
}

.wpcf7-form-control.wpcf7-date {
    font-family: 'PF BeauSans ProRegular', Arial, sans-serif;
    font-size: 1rem;
}

.talking-section .primary-nav .primary-inner {
    gap: 2.5%;
    margin-top: 46px;
}

.left-talking {
    width: 26.15%;
}

.left-talking p {
    font-size: 1rem;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    padding: 35px 41px 26px 40px;
    line-height: 28.3px;
    letter-spacing: -1px;
}

.left-talking p:first-child {
    font-size: 1.67rem;
    border-radius: 41px;
    line-height: 48px;
    padding-top: 43px;
}

.left-talking p a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
}

.talking-section .primary-nav h3 {
    font-size: 3rem;
    font-family: 'PF BeauSans ProSemiBold';
    line-height: 96px;
    letter-spacing: 0;
}

.talking-section .primary-nav .wp-block-contact-form-7-contact-form-selector {
    width: 75%;
    border: 1px solid #FFFFFF;
    border-radius: 54px;
    padding: 37px 58px 154px 43px;
}

.talking-section .cover-menu .content-container {
    padding: 0 2.3%;
}

.talking-section .primary-nav form.wpcf7-form {
    position: relative;
}

.talking-section .primary-nav form.wpcf7-form p {
    margin-top: 0;
    margin-bottom: 4px;
}

.talking-section .primary-nav form.wpcf7-form p label {
    display: flex;
    column-gap: 5.5%;
    white-space: nowrap;
    font-size: 1.67rem;
}

.not-label {
    font-size: 1.67rem;
}

.talking-section .primary-nav form.wpcf7-form p label br {
    display: none;
}

.talking-section .primary-nav form.wpcf7-form p label.yellow {
    color: var(--wp--preset--color--secondbuttonbg);
}

.talking-section .primary-nav form.wpcf7-form input::placeholder {
    color: var(--wp--preset--color--regulargrey) !important;
    font-size: 1rem;
}

.talking-section .primary-nav form.wpcf7-form input:not(.talking-section .primary-nav form.wpcf7-form .wpcf7-submit) {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--wp--preset--color--primary);
    height: 22px;
    padding-left: 8px;
    padding-bottom: 4px;
    color: var(--wp--preset--color--base);
    font-size: 1rem;
    width: 100%;
}

.talking-section .primary-nav form.wpcf7-form textarea {
    border-radius: 40px;
    background-color: transparent;
    border: 1px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
    padding: 36px 34px;
    width: 62.51%;
    margin-top: 104px;
    resize: none;
    font-family: 'PF BeauSans ProRegular';
    font-size: 1rem;
}

.talking-section .primary-nav form.wpcf7-form p:nth-of-type(9) {
    position: absolute;
    bottom: -12px;
    right: 6%;
}

.talking-section .primary-nav form.wpcf7-form .wpcf7-spinner {
    display: none;
}

.textarea-label span {
    width: 100%;
    max-width: 100% !important;
    text-align: right;
}

/* .talking-section .primary-nav form.wpcf7-form .wpcf7-form-control-wrap {
    max-width: 27%;
} */

.talking-section .primary-nav form.wpcf7-form input:focus-visible,
.talking-section .primary-nav form.wpcf7-form textarea:focus-visible {
    outline: 0;
}

.wpcf7-not-valid-tip {
    font-size: .7rem;
}

.talking-section h3 mark:nth-of-type(1) {
    font-size: 1.4rem;
    font-family: 'PF BeauSans ProSemiBold';
    border-radius: 56px;
    padding: 9px 24px;
    white-space: nowrap;
    position: relative;
    top: -13px;
    border: 1px solid var(--wp--preset--color--secondary);
}

.talking-after-header {
    max-width: 600px;
    font-size: 1rem;
    margin-left: auto;
    margin-top: 68px;
}

.talking-after-header a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
    font-family: 'PF BeauSans ProSemiBold';
}

.talking-section .primary-nav form.wpcf7-form .wpcf7-submit {
    background-color: var(--wp--preset--color--secondary);
    border-radius: 30px;
    font-size: 1.1rem;
    color: var(--wp--preset--color--primary);
    padding: 12px 45px;
    border: 1px solid var(--wp--preset--color--regulargrey);
    cursor: pointer;
    font-family: 'PF BeauSans ProSemiBold';
}

.talking-section .primary-nav form.wpcf7-form .wpcf7-submit:hover,
.talking-section h3 mark:nth-of-type(1):hover {
    background-color: var(--wp--preset--color--secondbuttonbg) !important;
    color: var(--wp--preset--color--contrast) !important;
    font-size: 1.2rem;
    font-family: 'PF BeauSans ProSemiBold';
}

.talking-section h3 mark:nth-of-type(1):hover {
    font-size: 1.45rem;
    cursor: pointer;
}

.legal-section.fixed-it.header-menu,
.talking-section.fixed-it.header-menu {
    z-index: 999999;
    position: fixed;
    top: 0;
}

.legal-section .primary-nav,
.talking-section .primary-nav {
    opacity: 0;
}

h1 code {
    font-family: 'PF BeauSans ProSemiBold' !important;
}

.legal-section .content-container {
    height: max-content;
    padding-left: 44px;
}

.legal-section h2 {
    padding-left: 8%;
    margin-block-end: 80px;
}

.legal-section p {
    font-size: 1rem;
    color: #000;
    margin-block-start: 0;
    margin-block-end: 90px;
}

.legal-section h2,
.legal-section h3 {
    font-size: 3rem;
    font-family: 'PF BeauSans ProSemiBold';
    color: #000;
}

.legal-section h3 {
    line-height: 1.1;
}

.legal-section .content-wrapper .wp-block-heading+.wp-block-group {
    max-width: 1078px !important;
    margin-left: 20%;
}

.legal-section .cover-menu .cover-background {
    background-color: #E8E8E3;
}

.legal-section .content-wrapper.show,
.talking-section .content-wrapper.show {
    transition: opacity .3s ease-in-out;
    transition-delay: 0.25s;
    overflow-y: scroll;
    height: 92vh;
    scrollbar-width: none;
}

.legal-section .content-wrapper.show {
    transition-delay: 0.6s;
}

.talking-section .content-wrapper.show {
    height: 86vh;
}



.legal-section.fixed-it .background-menu-logo,
.talking-section.fixed-it .background-menu-logo {
    opacity: .5 !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.close-legal,
.close-talking {
    position: relative;
    top: -10px;
    cursor: pointer;
}

.first-menu-background {
    position: absolute;
    width: calc(100% - 8%);
    opacity: 0;

}

.first-menu-background.show {
    transition-delay: 0.25s;
}

.primary-nav nav {
    margin-top: -13px;
}

.cover-menu .primary-nav ul {
    margin-left: 60px;
    transform: translate3d(0, -20px, 0);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 0rem;
}

.cover-menu .primary-nav .menu-item {
    transition: all .9s var(--primary-ease);
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    opacity: 0;
    transform: translateX(-100px) skewX(5deg) translateZ(0px);
    transition-delay: 0.1s;
}

.type-h2 {
    transform: scaleX(.98);
    transform-origin: left;
    letter-spacing: -0.1rem;
}

.cover-menu .primary-nav .menu-item a {
    font-size: 3rem;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    line-height: 1.31;
}



.cover-menu .primary-nav .menu-item a span:after {
    content: '.';
    color: var(--wp--preset--color--secondbuttonbg);
}

.cover-menu .cover-menu-btn {
    align-self: flex-end;
    margin-bottom: 40px;
    position: relative;
    z-index: 22;
    opacity: 0;
    /* transition: all 1.3s var(--primary-ease); */
    transition-delay: 0.4s;
}

.cover-menu .cover-menu-btn a {
    border-radius: 43px;
    font-size: 2.333rem;
    padding: 13px 41px;
    line-height: 1;
    background-color: var(--wp--preset--color--contrast);
    border: 1px solid #707070;
    color: var(--wp--preset--color--primary);
    font-family: 'PF BeauSans ProRegular', Arial, sans-serif;
}

/* .home main {
    padding-bottom: 160px!important;
} */

footer {
    padding: 24px 21px 44px;
    position: relative;
    background-color: #E8E8E3;
    margin-block-start: 0;
}

footer::before {
    content: '';
    position: absolute;
    width: 75%;
    border-top: .5px solid #707070;
    top: -27%;
    left: 50%;
    transform: translateX(-50%);
}

.footer-inner-container {
    background-color: var(--wp--preset--color--base);
    border-radius: var(--radius-border);
    flex-direction: column;
    padding-bottom: 37px !important;
    row-gap: 10px;
}

.footer-top {
    position: relative;
    width: 100%;
    padding-left: 23px;
    padding-right: 16px;
}

footer .legal-stuff {
    font-size: 1rem;
    cursor: pointer;
}

footer .legal-stuff mark {
    text-decoration: underline;
}

footer .lets-talk-container {
    text-align: center;
    position: absolute;
    left: 50%;
    top: -35.5%;
    transform: translateX(-50%);
}

footer .lets-talk-container p {
    color: var(--wp--preset--color--secondary);
    font-size: 1rem;
}

footer .lets-talk-container a.wp-block-button__link {
    width: max-content;
    border-radius: 56px;
    border: 1px solid var(--wp--preset--color--secondary);
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--base);
    font-size: 1.42rem;
    box-shadow: 4px 5px 0px #000000;
    font-family: 'PF BeauSans ProSemiBold';
    padding: 5.2px 26px;
    letter-spacing: 0.9px;
}

footer .lets-talk-container a.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--secondbuttonbg);
    color: var(--wp--preset--color--contrast);
    font-size: 1.71rem;
}

.footertop-main-container {
    margin-block-start: -7px;
    display: flex;
    align-items: end;
}

.logo-menu-inner {
    display: flex;
    flex-wrap: wrap;
}

.logo-menu-container {
    display: flex;
    justify-content: space-between;
}

footer .wp-block-gb-lottiefiles {
    width: 100%;
    height: 180px;
}

footer dotlottie-player {
    margin-left: 0 !important;
    position: relative;
    left: -49px;
}

footer .footertop-main-container p a,
footer .footertop-main-container nav ul li a,
.name-container p:first-child {
    font-size: 1rem;
    color: var(--wp--preset--color--regulargrey) !important;
    text-decoration: underline;
}

footer .footertop-main-container nav {
    position: absolute;
    left: 50%;
    transform: translateX(-46%);

}

footer .footertop-main-container nav ul {
    row-gap: 3px;
    margin-bottom: 6px;
}

.name-container p:first-child {
    text-decoration: none;
    position: relative;
}

.name-container p:first-child code {
    position: absolute;
    left: -12px;
}



footer p.copywrite,
.name-container p:nth-child(2) {
    font-family: "PF BeauSans ProSemiBold", Arial, sans-serif;
    font-size: 3rem;
    line-height: 1;
}

footer .footertop-main-container .wp-block-navigation .wp-block-navigation-item {
    width: 46%;
    justify-content: center;
}

/* footer .footertop-main-container .wp-block-navigation .wp-block-navigation-item:nth-of-type(1) {
    order: 1;
}

footer .footertop-main-container .wp-block-navigation .wp-block-navigation-item:nth-of-type(2) {
    order: 2;
}

footer .footertop-main-container .wp-block-navigation .wp-block-navigation-item:nth-of-type(3) {
    order: 3;
}

footer .footertop-main-container .wp-block-navigation .wp-block-navigation-item:nth-of-type(4) {
    order: 4;
} */

footer .footertop-main-container {
    width: 100%;
    justify-content: start;
    gap: 10%;
}

.name-container {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.name-container p:first-child {
    max-width: 232px;
}

.footer-bottom {
    font-size: 1rem;

}

/*global stuff*/
.related-item-inner {
    border-right: 1px solid rgb(28, 28, 28, .2) !important;
}

header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item:first-child .wp-block-navigation-item__content:before {
    position: relative;
    left: -4px;
}

header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__content:before {
    position: relative;
    left: -2px;
}

header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content:before {
    position: relative;
    left: -2px;
}

@media screen and (max-width: 1737px) and (min-width: 1610px) {
    .talking-section .primary-nav form.wpcf7-form p label {
        column-gap: 4%;
        font-size: 1.53rem;
    }

    .not-label {
        font-size: 1.53rem;
    }

    .left-talking p:first-child {
        font-size: 1.53rem;
    }
}

@media screen and (max-width: 1609px) and (min-width: 1000px) {


    .talking-section .primary-nav form.wpcf7-form p label {
        column-gap: 3%;
        font-size: 1.36rem;
    }

    .not-label {
        font-size: 1.36rem;
    }

    .talking-section .primary-nav form.wpcf7-form input::placeholder {
        font-size: .8rem;
    }

    .left-talking p {
        font-size: .8rem;
    }

    .left-talking p:first-child {
        font-size: 1.36rem;
    }
}

@media screen and (max-width: 1577px) and (min-width: 1313px) {

    footer p.copywrite,
    .name-container p:nth-child(2) {
        font-size: 2.1rem;
    }

    footer dotlottie-player {
        width: 170px !important;
        height: 170px !important;
        left: -43px;
    }

    footer .footertop-main-container p a,
    footer .footertop-main-container nav ul li a,
    .name-container p:first-child,
    .footer-bottom {
        font-size: 0.9rem;
    }

    footer .footertop-main-container {
        gap: 7%;
    }

    footer .footertop-main-container p:nth-of-type(2) {
        line-height: 1;
    }

    /* footer .wp-block-gb-lottiefiles {
        height: 146px;
    } */

    footer .footertop-main-container nav ul {
        column-gap: 7%;
    }

    footer .lets-talk-container a.wp-block-button__link {
        font-size: 1.2rem;
    }

    footer .lets-talk-container {
        top: -44.5%;
    }
}


@media screen and (max-width: 1440px) and (min-width: 1155px) {
    .cover-menu .primary-nav .menu-item a:hover {
        font-size: 3.2rem;

    }

    .cover-menu .primary-nav .menu-item a {
        font-size: 2.4rem;
    }

    .primary-nav {
        top: 25px;
    }

    .cover-menu .cover-menu-btn a,
    .cover-menu .cover-menu-btn a:hover {
        font-size: 1.9rem;
    }

    .cover-menu div.menu-talk a:hover {
        font-size: 2.1rem;
    }

    .talking-section .primary-nav h3 {
        font-size: 2rem;
        line-height: 64px;
    }


    .talking-section .primary-nav h3 mark:nth-of-type(1) {
        font-size: 1.5rem;
        padding: 5px 21px;
        top: -5px;
    }
}

@media screen and (max-width: 1395px) and (min-width: 1200px) {
    .talking-section .primary-nav form.wpcf7-form p label {
        font-size: 1.09rem;
    }

    .not-label {
        font-size: 1.09rem;
    }

    .left-talking p:first-child {
        font-size: 1.09rem;
        line-height: 39.8px;
    }
}

@media screen and (max-width: 1312px) and (min-width: 1000px) {

    footer dotlottie-player {
        width: 150px !important;
        height: 150px !important;
        left: -43px;
    }

    footer p.copywrite,
    .name-container p:nth-child(2) {
        font-size: 1.65rem;
    }

    footer .footertop-main-container p a,
    footer .footertop-main-container nav ul li a,
    .name-container p:first-child,
    .footer-bottom {
        font-size: 0.8rem;
    }

    footer .footertop-main-container {
        gap: 4%;
    }

    footer .footertop-main-container p:nth-of-type(2) {
        line-height: 1;
    }

    /* footer .wp-block-gb-lottiefiles {
        height: 146px;
    } */

    footer .footertop-main-container nav ul {
        column-gap: 7%;
    }

    footer .lets-talk-container a.wp-block-button__link {
        font-size: 1.2rem;
    }

    footer .lets-talk-container {
        top: -44.5%;
    }
}

@media screen and (max-width: 1287px) and (min-width: 1000px) {
    .header-inner {
        gap: 10px;
        padding-right: 32px;
        padding-right: 12px;
    }

    .header-inner p,
    header .wp-block-navigation .wp-block-navigation-item__label,
    header .wp-block-button__link {
        font-size: .8rem;
    }

    div.asp_w_container {
        width: 22%;
    }

    header ul.wp-block-navigation__container {
        justify-content: center;
    }

    header ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 39%;
    }

    .talking-section .primary-nav h3 {
        font-size: 1.5rem;
        line-height: 64px;
    }


    .talking-section .primary-nav h3 mark:nth-of-type(1) {
        font-size: 1rem;
        padding: 5px 21px;
        top: -5px;
    }


}

@media screen and (max-width: 1154px) and (min-width: 1000px) {

    .cover-menu .cover-menu-btn a,
    .cover-menu .cover-menu-btn a:hover {
        font-size: 1.4rem;
    }

    .cover-menu .cover-menu-btn {
        margin-bottom: 26px;
    }

    .cover-menu .primary-nav .menu-item a:hover {
        font-size: 3rem;
    }

    .cover-menu .primary-nav .menu-item a {
        font-size: 2rem;
    }

    .primary-nav {
        top: 26px;
    }
}

@media screen and (max-width: 1154px) and (min-width: 900px) {
    .background-menu-logo img {
        top: -90%;
    }
}

@media screen and (min-width: 1000px) {
    .wp-block-buttons a.wp-block-button__link:hover {
        background-color: var(--wp--preset--color--secondbuttonbg);
        box-shadow: 4px 5px 0px #000000;
        font-size: 1.05rem;
    }

    .the-menu div.cover-menu-btn {
        width: 20%;
        white-space: nowrap;
    }

    .cover-menu .primary-nav .menu-item a:hover {
        font-size: 5rem;
        font-family: "PF BeauSans ProSemiBold", Arial, sans-serif;
    }

    .cover-menu .primary-nav .menu-item a:hover span:before {
        content: '/ ';
    }
}

@media screen and (min-width: 2050px) {
    :root {
        /* 56px @1920 → ~59.7px @2050 → ~116.7px @4000 */
        --radius-border: clamp(59.71px, 2.92vw, 116.67px);
    }

    .the-menu .content-container {
        max-width: 2050px !important;
    }

    h1.first-title,
    .second-title {
        max-width: 2050px;
        margin-left: auto;
        margin-right: auto;
    }

    p.third-title {
        padding-left: 39.5%;
    }

    .subtitle {
        padding-left: 46%;
        max-width: 754px;
    }

    .text-only-container {
        max-width: 1700px;
        margin: auto;
        width: 80%;
    }

    .second-title {
        padding-left: 17.4%;
    }

    .after-gird-heading-container h2 {
        /* max-width: 2050px; */
        margin: auto;
    }

    .legal-section .content-wrapper .wp-block-heading+.wp-block-group {
        max-width: 2050px !important;
    }

    .text-image-container figure {
        max-width: 371.59px;
    }

    .text-image-container .wp-block-group {
        max-width: 986.19px;
    }

    .text-image-container {
        justify-content: center !important;
    }

    .text-image-container.reverse {
        padding-left: 3.34% !important;
    }
}

@media screen and (min-width: 2050px) {
    #lpbLottiePlayer-1 .lpbLottiePlayer dotlottie-player {
        width: clamp(85px, 4.1667vw, 167px)!important;
    }
    
    .header-inner {
        padding: clamp(16.02px, 0.78125vw, 31.25px)   /* top */
                  clamp(69.40px, 3.38542vw, 135.42px) /* right */
                  clamp(16.02px, 0.78125vw, 31.25px)  /* bottom */
                  clamp(21.35px, 1.04167vw, 41.67px); /* left */
        max-height:    clamp(90.76px, 4.42708vw, 177.08px);
        border-radius: clamp(59.79px, 2.91667vw, 116.67px);
    }
    
    /* .header-inner p { font-size: 1rem; } */
    .header-inner p {
        /* 1rem ≈ 24px @1920 */
        font-size: clamp(25.63px, 1.25vw, 50px);
    }

    /* #ajaxsearchpro... .proinput */
    #ajaxsearchpro1_1 .probox .proinput,
    #ajaxsearchpro1_2 .probox .proinput,
    div.asp_m.asp_m_1 .probox .proinput {
        /* 14px @1920 */
        font-size: clamp(14.95px, 0.73vw, 29.17px)!important;
        /* margin-left: 10px */
        margin-left: clamp(10.68px, 0.52vw, 20.83px)!important;
        /* padding: 0 5px */
        padding-inline: clamp(5.34px, 0.26vw, 10.42px)!important;
    }

    /* .asp_w_container { max-width: 292px; margin-top: -18px } */
    .asp_w_container {
        max-width: clamp(311.77px, 15.21vw, 608.33px)!important;
        margin-top: clamp(-37.5px, -0.94vw, -19.22px) !important;
    }

    /* #ajaxsearchprores... .asp_content (13px / 13px) */
    #ajaxsearchprores1_1 .results .item div.asp_content,
    #ajaxsearchprores1_2 .results .item div.asp_content,
    div.asp_r.asp_r_1 .results .item div.asp_content {
        font-size: clamp(13.88px, 0.68vw, 27.08px)!important;
        line-height: clamp(13.88px, 0.68vw, 27.08px)!important;
    }

    /* #ajaxsearchprores... .asp_content h3 a (14px / 20px) */
    #ajaxsearchprores1_1 .results .item .asp_content h3 a,
    #ajaxsearchprores1_2 .results .item .asp_content h3 a,
    div.asp_r.asp_r_1 .results .item .asp_content h3 a {
        font-size: clamp(14.95px, 0.73vw, 29.17px)!important;
        line-height: clamp(21.35px, 1.04vw, 41.67px)!important;
    }

    /* #ajaxsearchprores... .asp_image (70x70, margin: 2px 8px 0 0) */
    #ajaxsearchprores1_1.vertical .results .item .asp_image,
    #ajaxsearchprores1_2.vertical .results .item .asp_image,
    div.asp_r.asp_r_1.vertical .results .item .asp_image {
        width:  clamp(74.74px, 3.65vw, 145.83px)!important;
        height: clamp(74.74px, 3.65vw, 145.83px)!important;
        margin-top:    clamp(2.14px, 0.10vw, 4.17px)!important;
        margin-right:  clamp(8.54px, 0.42vw, 16.67px)!important;
    }

    /* #ajaxsearchprores... .asp_nores (font-size: 1rem; line-height: 1.2rem; padding: 6px 12px) */
    #ajaxsearchprores1_1 .asp_nores,
    #ajaxsearchprores1_2 .asp_nores,
    div.asp_r.asp_r_1 .asp_nores {
        /* 1rem ≈ 24px @1920 */
        font-size: clamp(25.63px, 1.25vw, 50px)!important;
        /* 1.2rem ≈ 28.8px @1920 */
        line-height: clamp(30.75px, 1.5vw, 60px)!important;
        padding-block:  clamp(6.41px, 0.31vw, 12.5px)!important;
        padding-inline: clamp(12.81px, 0.63vw, 25px)!important;
    }
    
    #ajaxsearchpro1_1 .probox .proinput form input.orig,
    #ajaxsearchpro1_2 .probox .proinput form input.orig,
    div.asp_m.asp_m_1 .probox .proinput form input.orig {
        /* font-size: 14px */
        font-size: clamp(14.95px, 0.73vw, 29.17px);

        /* height: 50px */
        height: clamp(53.39px, 2.60vw, 104.17px);

        /* padding-top: 2px */
        padding-top: clamp(2.14px, 0.10vw, 4.17px) !important;

        /* margin: -1px 0 0 -4px */
        margin-top: clamp(-1.07px, -0.05vw, -2.08px) !important;
        margin-left: clamp(-4.27px, -0.21vw, -8.33px) !important;
    }
    
    #ajaxsearchpro1_1 .probox .proinput form input.autocomplete,
    #ajaxsearchpro1_2 .probox .proinput form input.autocomplete,
    div.asp_m.asp_m_1 .probox .proinput form input.autocomplete {
        display: none!important;
    }

    #ajaxsearchpro1_1 .probox .proloading,
    #ajaxsearchpro1_1 .probox .proclose,
    #ajaxsearchpro1_1 .probox .promagnifier,
    #ajaxsearchpro1_1 .probox .prosettings,
    #ajaxsearchpro1_2 .probox .proloading,
    #ajaxsearchpro1_2 .probox .proclose,
    #ajaxsearchpro1_2 .probox .promagnifier,
    #ajaxsearchpro1_2 .probox .prosettings,
    div.asp_m.asp_m_1 .probox .proloading,
    div.asp_m.asp_m_1 .probox .proclose,
    div.asp_m.asp_m_1 .probox .promagnifier,
    div.asp_m.asp_m_1 .probox .prosettings {
        /* width/height/flex-basis: 50px */
        width:      clamp(53.39px, 2.60vw, 104.17px)!important;
        height:     clamp(53.39px, 2vw, 104.17px)!important;
        flex: 0 0   clamp(53.39px, 2.60vw, 104.17px)!important;
    }

    #ajaxsearchprores1_1.vertical,
    #ajaxsearchprores1_2.vertical,
    div.asp_r.asp_r_1.vertical {
        /* top: 113.5px */
        top: clamp(121.16px, 4.4vw, 236.46px) !important;
    }
    
    div.asp_m.ajaxsearchpro .probox .proclose svg,
    #ajaxsearchpro1_1 .probox .proclose svg,
    #ajaxsearchpro1_2 .probox .proclose svg,
    div.asp_m.asp_m_1 .probox .proclose svg {
        /* width / height: 20px */
        width:  clamp(21.35px, 1.04vw, 41.67px);
        height: clamp(21.35px, 1.04vw, 41.67px);

        /* margin-left / margin-top: -10px */
        margin-left: clamp(-10.68px, -0.52vw, -20.83px);
        margin-top:  clamp(-10.68px, -0.52vw, -20.83px);

        /* padding: 4px */
        padding: clamp(4.27px, 0.21vw, 8.33px);
    }

    #ajaxsearchpro1_1,
    #ajaxsearchpro1_2,
    div.asp_m.asp_m_1 {
        /* margin-top: -22px */
        margin-top: clamp(-30px, -1.15vw, -45.83px) !important;
    }

    #ajaxsearchpro1_1 div.probox,
    #ajaxsearchpro1_2 div.probox,
    div.asp_m.asp_m_1 div.probox {
        /* height: 41px */
        height: clamp(43.78px, 2.14vw, 78px);
    }

    /* header nav labels (1rem) */
    header .wp-block-navigation .wp-block-navigation-item__label {
        font-size: clamp(25.63px, 1.25vw, 50px);
    }
    
    header .wp-block-navigation .wp-block-navigation-item__content {
        line-height: 1.4;
    }

    /* header CTA button (1rem, 7px 24px, radius 20px, min-width 155.97px) */
    header .wp-block-button__link {
        font-size: clamp(25.63px, 1.25vw, 50px);
        padding-block:  clamp(7.47px, 0.36vw, 14.58px);
        padding-inline: clamp(25.63px, 1.25vw, 50px);
        border-radius:  clamp(21.35px, 1.04vw, 41.67px);
        min-width:      clamp(166.53px, 8.12vw, 324.94px);
    }
    
    header .wp-block-navigation .wp-block-navigation-item__content:before {
        /* 1rem ≈ 24px @1920 -> ~25.63px @2050 -> 50px @4000 */
        font-size: clamp(25.63px, 1.25vw, 50px);
    }
    
    .wp-block-buttons a.wp-block-button__link:hover {
        /* 1.05rem @1920 → ~26.91px @2050 → 52.5px @4000 */
        font-size: clamp(26.91px, 1.3125vw, 52.5px);

        /* box-shadow: 4px 5px 0 → scale αναλογικά */
        box-shadow:
            clamp(4.27px, 0.2083vw, 8.33px)
            clamp(5.34px, 0.2604vw, 10.42px)
            0px #000000;
    }
    
    .scroll-menu-opener {
        right:  clamp(48.05px, 2.34375vw, 93.75px);
        top:    clamp(74.74px, 3.64583vw, 145.83px);
        width:  clamp(92.89px, 4.53125vw, 181.25px);
        height: clamp(92.89px, 4.53125vw, 181.25px);
    }

    .bar {
        height: clamp(4.27px, 0.20833vw, 8.33px);
        width:  clamp(38.44px, 1.875vw, 75px);
    }
    
    footer {
        padding:
            clamp(25.62px, 1.25vw, 50px)      /* top 24px */
            clamp(22.42px, 1.09vw, 43.75px)  /* right 21px */
            clamp(46.98px, 2.29vw, 91.67px)  /* bottom 44px */
            clamp(22.42px, 1.09vw, 43.75px); /* left 21px */
    }

    .footer-inner-container {
        border-radius: clamp(59.79px, 2.92vw, 116.67px); /* 56px */
        padding-bottom: clamp(39.51px, 1.93vw, 77.08px) !important; /* 37px */
        row-gap: clamp(10.68px, 0.52vw, 20.83px); /* 10px */
    }

    .footer-top {
        padding-left: clamp(24.56px, 1.20vw, 47.92px);  /* 23px */
        padding-right: clamp(17.08px, 0.83vw, 33.33px); /* 16px */
    }

    footer .lets-talk-container p {
        /* 1rem ≈ 24px */
        font-size: clamp(25.62px, 1.25vw, 50px);
    }

    footer .lets-talk-container a.wp-block-button__link {
        /* 1.42rem ≈ 34.08px */
        font-size: clamp(36.39px, 1.77vw, 71px);
        border-radius: clamp(59.79px, 2.92vw, 116.67px); /* 56px */

        /* box-shadow: 4px 5px 0 */
        box-shadow:
            clamp(4.27px, 0.21vw, 8.33px)
            clamp(5.34px, 0.26vw, 10.42px)
            0px #000000;

        /* padding: 5.2px 26px */
        padding:
            clamp(5.55px, 0.27vw, 10.83px)
            clamp(27.76px, 1.35vw, 54.17px);

        /* letter-spacing: 0.9px */
        letter-spacing: clamp(0.96px, 0.05vw, 1.88px);
    }

    #lpbLottiePlayer-6 .lpbLottiePlayer dotlottie-player {
        /* 190px */
        width: clamp(202.86px, 9.90vw, 395.83px)!important;
    }

    .footertop-main-container {
        /* margin-block-start: -7px */
        margin-block-start: clamp(-14.58px, -0.36vw, -7.47px);
    }

    footer p.copywrite,
    .name-container p:nth-child(2) {
        /* 3rem ≈ 72px */
        font-size: clamp(76.88px, 3.75vw, 150px);
    }

    footer .legal-stuff {
        /* 1rem ≈ 24px */
        font-size: clamp(25.62px, 1.25vw, 50px);
    }

    footer .footertop-main-container nav ul {
        /* row-gap: 3px; margin-bottom: 6px */
        row-gap: clamp(3.20px, 0.16vw, 6.25px);
        margin-bottom: clamp(6.41px, 0.31vw, 12.5px);
    }

    footer .footertop-main-container p a,
    footer .footertop-main-container nav ul li a,
    .name-container p:first-child {
        /* 1rem ≈ 24px */
        font-size: clamp(25.62px, 1.25vw, 50px);
    }

    .name-container p:first-child {
        /* max-width: 232px */
        max-width: clamp(247.71px, 12.08vw, 483.33px);
    }

    .footer-bottom {
        /* 1rem ≈ 24px */
        font-size: clamp(25.62px, 1.25vw, 50px);
    }
    
    .name-container p:first-child code {
        /* -12px @1920 → ~-12.8px @2050 → -25px @4000 */
        left: clamp(-12.81px, -0.625vw, -25px);
    }
    
    footer .lets-talk-container a.wp-block-button__link:hover {
        /* 1.71rem ≈ 41.04px @1920 */
        font-size: clamp(43.8px, 2.14vw, 85.5px);
    }
}


@media (min-width: 768px) {
    :root {
        --gap-section: var(--row-6);
    }

    .parallax-inner figure {
        padding-top: 56.25vw;
    }
}

@media screen and (max-width: 999px) {
    :root {
        --radius-border: 20px
    }

    .mobile-only {
        display: flex;
    }

    .padding {
        padding: 0 8px;
    }

    header .lpbLottiePlayer {
        position: relative;
        top: 3px;
    }

    .logo-watermark dotlottie-player {
        width: 118vw !important;
    }

    /* .logo-watermark {
        top: -25px !important;
        left: -194px !important;
    } */

    /* .logo-watermark img {
        width: 173vw !important;
    } */

    .header-inner {
        padding-right: 32px;
        padding-right: 12px;
        position: fixed;
        /* top: 100px; */
        width: calc(100% - 16px);
        top: 18px;
        z-index: 1;
    }

    header .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;

    }

    /* nav.is-responsive.wp-block-navigation {
        flex-wrap: nowrap!important;
        order: 4;
    } */

    header .wp-block-navigation__container,
    .asp_w_container.asp_w_container_1.asp_w_container_1_1,
    header .wp-block-navigation__responsive-container-open,
    header nav.wp-block-navigation {
        display: none;
    }

    header .wp-block-button__link {
        min-width: 79.16px;
    }

    .header-container {
        padding-top: 20px !important;
    }

    .cover-menu .primary-nav ul {
        position: relative;
        top: 29px;
    }

    .cover-menu .primary-nav .menu-item a {
        font-size: 1.667rem;
    }

    .primary-nav {
        flex-direction: column-reverse;
        margin-block-start: 58px !important;
    }

    .cover-menu .cover-menu-btn {
        align-self: flex-start;
        top: 63px;
    }

    .cover-menu .cover-menu-btn a,
    .cover-menu .cover-menu-btn a:hover {
        font-size: 1.125rem;
    }

    .first-menu-background {
        width: 100vw;
        height: 100vh;
        margin-left: -6%;
    }

    .first-menu-background img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .cover-menu-container {
        transform: none;
        top: 0;
        left: 3px;

    }

    .cover-menu .content-container {
        padding: 0 6%;
    }

    .cover-menu .cover-background {
        top: calc(60px - 224vw);
        right: calc(40px - 224vw);
        width: 448vw;
        height: 448vw;
    }

    .cover-menu {
        height: 102vh;
        width: 101vw;
    }

    .bar {
        width: 16px;
        height: 2px;
    }

    .bar:nth-child(2) {
        left: 35%;
    }

    .scroll-menu-opener {
        right: 5px;
        top: 31px;
        width: 57px;
        height: 57px;
        pointer-events: all !important;
        /* visibility: hidden; */
        opacity: 0 !important;
    }

    .scroll-menu-opener.shown {
        opacity: 1 !important;
    }

    .toggle-mob-menu.shown {
        z-index: 2;
    }

    .toggle-mob-menu.colored .bar.turn {
        background-color: var(--wp--preset--color--primary);
    }

    .name-container {
        width: 100%;
        margin-block-start: 0;
    }

    .name-container p:nth-child(2) {
        margin-block-start: 10px;
    }

    .logo-menu-container {
        flex-wrap: wrap;
    }

    footer .footertop-main-container nav {
        position: static;
        transform: none;
    }

    /* footer .wp-block-gb-lottiefiles {
        width: auto;
    } */

    .logo-menu-inner {
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
    }

    .legal-section .cover-menu .content-container {
        padding: 0px 2.5%;
    }

    .legal-section h2 {
        padding-left: 0;
        margin-block-start: 67px;
        margin-block-end: 57px;
    }

    .legal-section h2,
    .legal-section h3 {
        font-size: 1.8rem;
    }

    .legal-section p {
        font-size: .9rem;
    }

    .legal-section .primary-nav {
        margin-block-start: 5px !important;
    }

    .legal-section .primary-nav .wp-block-group:first-child {
        padding-left: 1%;
        padding-right: 2.6%;
    }

    .legal-section #lpbLottiePlayer-a00167c3-0 .lpbLottiePlayer dotlottie-player {
        width: 43px;
    }

    .close-legal,
    .close-talking {
        display: flex;
        position: relative;
        top: -9px;
    }

    .close-legal img,
    .close-talking img {
        width: 15px;
        height: 36px;
    }

    .talking-section .primary-nav h3 {
        font-size: 1.7rem;
        line-height: 52px;
    }


    .talking-section .primary-nav h3 mark:nth-of-type(1) {
        font-size: 1rem;
        padding: 5px 21px;
        top: -5px;
    }

    .talking-section .primary-nav .primary-inner {
        flex-direction: column-reverse;
        width: calc(100% - 50px);
        margin: auto;
    }

    .talking-section .primary-nav .wp-block-contact-form-7-contact-form-selector {
        width: 100%;
        padding: 13px 20px 54px 20px;
        border-radius: 20px;
    }

    .talking-section .primary-nav form.wpcf7-form p label {
        white-space: normal;
        font-size: 1.4rem;
        flex-direction: column;
        margin-bottom: 40.5px;
        line-height: 1.4;
    }

    .talking-section .primary-nav form.wpcf7-form input:not(.talking-section .primary-nav form.wpcf7-form .wpcf7-submit) {
        padding-left: 0;
        font-size: .8rem;
    }

    .talking-section .primary-nav form.wpcf7-form textarea {
        font-size: .8rem;
    }

    .not-label {
        white-space: normal;
        font-size: 1.4rem;
    }

    .talking-section .primary-nav form.wpcf7-form textarea {
        border-radius: 16px;
        padding: 22px 21px;
        width: calc(100% - 42px);
        margin-top: 40px;

    }

    .talking-after-header {
        margin-bottom: 57px;
    }

    .talking-section .primary-nav form.wpcf7-form input::placeholder {
        font-size: .8rem;
    }

    .talking-section .cover-menu .content-container {
        padding: 0 21px 0 16px !important;
    }

    .left-talking {
        width: calc(100% + 50px);
    }

    .left-talking p {
        font-size: .8rem;
        border-radius: 20px;
        border: 1px solid #FFFFFF;
        padding: 24px 20px 27px 16px;
        line-height: 17px;
        letter-spacing: -1px;
    }

    .left-talking p:first-child {
        margin-top: 40px;
        font-size: 1.4rem;
        border-radius: 41px;
        line-height: 33px;
    }

    .name-container p:first-child code {
        left: -8px;
    }

    .footertop-main-container {
        flex-direction: column;
    }

    .footertop-main-container p:nth-of-type(1) {
        order: 1;
        margin-bottom: -11px;
    }

    .footertop-main-container p.copywrite {
        order: 2;
    }

    footer .footertop-main-container nav {
        order: 3;
        margin-block-start: 20px;
    }

    footer dotlottie-player {
        width: 136px !important;
        height: 135px !important;
    }

    footer .footertop-main-container p a,
    footer .footertop-main-container nav ul li a,
    .name-container p:first-child,
    .footer-bottom,
    footer .lets-talk-container a.wp-block-button__link,
    footer .lets-talk-container p,
    footer .lets-talk-container a.wp-block-button__link:hover,
    footer .legal-stuff {
        font-size: 0.6rem;
    }

    footer p.copywrite,
    .name-container p:nth-child(2) {
        font-size: 1.67rem;
    }

    footer .footertop-main-container nav ul {
        column-gap: 0;
        justify-content: end;
    }

    footer .footertop-main-container .wp-block-navigation .wp-block-navigation-item {
        width: 45%;
        justify-content: right;
    }

    .name-container p:first-child {
        max-width: 139px;
    }

    .footer-inner-container {
        row-gap: 32px;
        padding-bottom: 28px !important;
    }

    footer {
        padding: 0 8px 16px;
    }

    footer::before {
        top: -20%;
    }

    .lets-talk-container div.wp-block-buttons {
        margin-block-start: -7px;
    }

    footer .lets-talk-container {
        top: -16.8%;
    }
}

@media screen and (max-width: 999px) and (min-width: 701px) {
    .header-inner {
        border-radius: 80px;
    }

    .scroll-menu-opener {
        background-color: transparent;
    }
}

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

    header .wp-block-button__link {
        border-radius: 11px;
    }

    .header-inner {
        gap: 10px;
        max-height: 38px;
    }

    .header-inner p,
    header .wp-block-button__link {
        font-size: .59rem;
    }

    header dotlottie-player {
        width: 43px !important;
        height: 43px !important;
    }

    header .wp-block-button__link {
        padding: 3px 8px;
    }

    .scroll-menu-opener {
        /* top: 33px; */
        top: 7px;
        padding: 0 !important;
        background-color: transparent;
    }

    .legal-section h2,
    .legal-section h3 {
        font-size: 1.2rem;
    }

    .legal-section p {
        font-size: .6rem;
    }

    .talking-after-header {
        max-width: 157px;
        font-size: 0.583rem;
        margin-right: 7px;
    }

    .talking-section .primary-nav form.wpcf7-form p label,
    .not-label {
        font-size: 1.2rem;
    }

    .left-talking p {
        font-size: 0.583rem;
    }

    .left-talking p:first-child {
        font-size: 1.2rem;
    }

    .talking-section .primary-nav form.wpcf7-form .wpcf7-submit {
        font-size: .583rem;
        padding: 8px 29px;
    }

    .talking-section .primary-nav form.wpcf7-form .wpcf7-submit:hover {
        font-size: .683rem;
    }


}

@media screen and (max-width: 650px) {
    .cover-menu .primary-nav .menu-item a {
        font-size: 1.667rem;
    }
}

@media screen and (max-width: 899px) and (min-width: 600px) {
    .background-menu-logo img {
        height: 246.8vh;
        top: -78%;
        width: 121.14vw;
        left: -3%;
    }
}

@media screen and (max-width: 600px) {
    .background-menu-logo img {
        height: 219.8vh;
        top: -56%;
        width: 158.14vw;
        left: -36%;
    }

    /* .wp-block-buttons a.wp-block-button__link:hover {
        font-size: 0.65rem;

    } */
}