/* ADMIN EDITOR (DON'T DELETE THIS LINE) */
@import 'admin-editor.css';
/* END ADMIN EDITOR */
body,
html {
    max-width: 100%;
    overflow-x: clip;
}
/* VARIABLES */
:root {
    --primary-color: #292929;
    --secondary-color: #ffffff;
    --hover-color: #9263F8;
    --bg-color: #ECECFA;
    --bg-blue: #D0E1EE;
    --gray-color: #2929290D;
}

[data-theme="dark"] {
    --primary-color: #ffffff;
    --secondary-color: #292929;
    --hover-color: #9263F8;
    --bg-color: #ECECFA;
    --bg-blue: #D0E1EE;
    --gray-color: #292929;
}

.menuBtn:hover {
    color: var(--hover-color) !important;
}

/* FRONTEND STYLE */
body {
    font-family: "Lexend", sans-serif;
    position: relative;
    color: var(--primary-color);
}

html {
    overflow-x: hidden;
    max-width: 100vw;
}

*:focus {
    outline: none !important;
}

a:hover,
a {
    text-decoration: none;
    color: inherit;
}

.overflowX {
    overflow-x: hidden;
}

.lexend {
    font-family: "Lexend", sans-serif;
}

.lora {
    font-family: "Lora", serif;
}

.bold {
    font-weight: 700;
}

.hover:hover {
    color: var(--hover-color);
}

.pointer {
    cursor: pointer;
}

/* SIZES */
.t160,
.t160 p {
    font-size: calc(50px + (160 - 50) * ((100vw - 300px) / (1920 - 300)));
    line-height: 205px;
}

.t160 sup {
    top: -28px;
}

.t120,
.t120 p {
    font-size: calc(34px + (120 - 34) * ((100vw - 300px) / (1920 - 300)));
    line-height: 154px;
}

.t120 sup {
    top: -21px;
}

.t64,
.t64 p {
    font-size: calc(30px + (64 - 30) * ((100vw - 300px) / (1920 - 300)));
    line-height: 80px;
}

.t64 sup {
    top: -11px;
}

.t60,
.t60 p {
    font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1920 - 300)));
    line-height: 80px;
}

.t60 sup {
    top: -11px;
}

.t46,
.t46 p {
    font-size: calc(28px + (46 - 28) * ((100vw - 300px) / (1920 - 300)));
    line-height: 59px;
}

.t46 sup {
    top: -8px;
}

.t42,
.t42 p {
    font-size: calc(26px + (42 - 26) * ((100vw - 300px) / (1920 - 300)));
    line-height: 53px;
}

.t42 sup {
    top: -7px;
}

.t32,
.t32 p {
    font-size: calc(24px + (32 - 24) * ((100vw - 300px) / (1920 - 300)));
    line-height: 41px;
}

.t32 sup {
    top: -6px;
}

.t28,
.t28 p {
    font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1920 - 300)));
    line-height: 38px;
}

.t28 sup {
    font-size: 50%;
    top: -10px;
}

.t24,
.t24 p {
    font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
    line-height: 38px;
}

.t24 sup {
    top: -4px;
}

.t22,
.t22 p {
    font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));
    line-height: 28px;
}

.t22 sup {
    top: -8px;
    font-size: 50%;
}

body,
.t18,
.t18 p {
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: 32px;
}

body sup,
.t18 sup {
    top: -3px;
}

.t16,
.t16 p {
    font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1920 - 300)));
    line-height: 20px;
}

.t16 sup {
    top: -2px;
}

.t13,
.t13 p {
    font-size: calc(12px + (13 - 12) * ((100vw - 300px) / (1920 - 300)));
    line-height: 24px;
}

.t13 sup {
    top: -2px;
}

/* COLORS */
.c-black {
    color: var(--primary-color);
}

.c-blackFix {
    color: #292929;
}

.c-white {
    color: var(--secondary-color);
}

.c-whiteFix {
    color: #ffffff;
}

.bg-black {
    background-color: var(--primary-color) !important;
}

.bg-white {
    background-color: var(--secondary-color) !important;
}

.bg-whiteFix {
    background-color: #ffffff !important;
}

.bg-gray {
    background-color: var(--gray-color) !important;
}

.bg-grayFix {
    background-color: #2929290D !important;
}

.bg-color {
    background-color: var(--bg-color) !important;
}

.bg-blue {
    background-color: var(--bg-blue) !important;
}

.bg-dark {
    background-color: #000000 !important;
}

.bg-colorGradient {
    background: rgb(236, 236, 250);
    background: linear-gradient(180deg, rgba(236, 236, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.scrollTop {
    scroll-margin-top: 88px;
}

.lineWhite,
.lineWhiteFix {
    width: 65px;
    height: 1px;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    margin-right: 20px;
}

[data-theme="dark"] .lineWhite {
    background: rgb(41, 41, 41);
    background: linear-gradient(90deg, rgba(41, 41, 41, 0) 0%, rgb(41, 41, 41) 100%);
}

.lineBlack,
.lineBlackFix {
    width: 65px;
    height: 1px;
    background: rgb(41, 41, 41);
    background: linear-gradient(90deg, rgba(41, 41, 41, 0) 0%, rgb(41, 41, 41) 100%);
    margin-right: 20px;
}

[data-theme="dark"] .lineBlack {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.btnWhite,
.btnWhiteFix {
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    padding-left: 85px;
    position: relative;
    width: fit-content;
    transition: all ease-in-out 300ms;
    font-family: "Lora", serif;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    padding-right: 30px;
}

.btnWhite:hover,
.btnWhiteFix:hover {
    color: var(--secondary-color);
    padding-left: 105px;
    padding-right: 0px;
}

.btnWhiteFix,
.btnWhiteFix:hover {
    color: #ffffff;
}

.btnWhite::after,
.btnWhiteFix::after {
    display: block;
    content: url("../images/arrow-circle-right-black.svg");
    filter: brightness(0) invert(1);
    padding-left: 20px;
    transition: all ease-in-out 300ms;
    height: 60px;
}

[data-theme="dark"] .btnWhite::after {
    filter: unset;
}

.btnWhite:hover::after,
.btnWhiteFix:hover::after {
    padding-left: 30px;
}

.btnWhite::before,
.btnWhiteFix::before {
    display: block;
    content: "";
    width: 65px;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnWhite::before {
    background: rgb(41, 41, 41);
    background: linear-gradient(90deg, rgba(41, 41, 41, 0) 0%, rgb(41, 41, 41) 100%);
}

.btnWhite:hover::before,
.btnWhiteFix:hover::before {
    width: 85px;
}


.btnBlack,
.btnBlackFix {
    color: var(--primary-color);
    display: flex;
    align-items: center;
    padding-left: 85px;
    position: relative;
    width: fit-content;
    transition: all ease-in-out 300ms;
    font-family: "Lora", serif;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    padding-right: 30px;
}

.btnBlack:hover,
.btnBlackFix:hover {
    color: var(--primary-color);
    padding-left: 105px;
    padding-right: 0px;
}

.btnBlackFix,
.btnBlackFix:hover {
    color: #292929;
}

.btnBlack::after,
.btnBlackFix::after {
    display: block;
    content: url("../images/arrow-circle-right-black.svg");
    padding-left: 20px;
    transition: all ease-in-out 300ms;
    height: 60px;
}

[data-theme="dark"] .btnBlack::after {
    filter: brightness(0) invert(1);
}

.btnBlack:hover::after,
.btnBlackFix:hover:after {
    padding-left: 30px;
}

.btnBlack::before,
.btnBlackFix::before {
    display: block;
    content: "";
    width: 65px;
    background: rgb(41, 41, 41);
    background: linear-gradient(90deg, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 1) 100%);
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnBlack::before {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.btnBlack:hover::before,
.btnBlackFix:hover::before {
    width: 85px;
}


.btnBlackReverse,
.btnBlackReverseFix {
    color: var(--primary-color);
    display: flex;
    align-items: center;
    padding-right: 85px;
    position: relative;
    width: fit-content;
    transition: all ease-in-out 300ms;
    font-family: "Lora", serif;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    padding-left: 30px;
}

.btnBlackReverse:hover,
.btnBlackReverseFix:hover {
    color: var(--primary-color);
    padding-right: 105px;
    padding-left: 0px;
}

.btnBlackReverseFix,
.btnBlackReverseFix:hover {
    color: #292929;
}

.btnBlackReverse::before,
.btnBlackReverseFix::before {
    display: block;
    content: url("../images/arrow-circle-left-black.svg");
    padding-right: 20px;
    transition: all ease-in-out 300ms;
    height: 60px;
}

.serviceCenterContent .title {
    display: flex;
    flex-direction: column;
    gap: 30px
}

[data-theme="dark"] .btnBlackReverse::before {
    filter: brightness(0) invert(1);
}

.btnBlackReverse:hover::before,
.btnBlackReverseFix:hover::before {
    padding-right: 30px;
}

.btnBlackReverse::after,
.btnBlackReverseFix::after {
    display: block;
    content: "";
    width: 65px;
    background: rgb(41, 41, 41);
    background: linear-gradient(270deg, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 1) 100%);
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnBlackReverse::after {
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.btnBlackReverse:hover::after,
.btnBlackReverseFix:hover::after {
    width: 85px;
}


.btnBlackVertical,
.btnBlackVerticalFix {
    color: var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 85px;
    position: relative;
    width: fit-content;
    transition: all ease-in-out 300ms;
    font-family: "Lora", serif;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.btnBlackVertical:hover,
.btnBlackVerticalFix:hover {
    color: var(--primary-color);
    padding-top: 105px;
    padding-bottom: 0px;
}

.btnBlackVerticalFix,
.btnBlackVerticalFix:hover {
    color: #292929;
}

.btnBlackVertical::after,
.btnBlackVerticalFix::after {
    display: block;
    content: url("../images/arrow-circle-bottom-black.svg");
    padding-top: 20px;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnBlackVertical::after {
    filter: brightness(0) invert(1);
}

.btnBlackVertical:hover::after,
.btnBlackVerticalFix:hover::after {
    padding-top: 30px;
}

.btnBlackVertical::before,
.btnBlackVerticalFix::before {
    display: block;
    content: "";
    height: 65px;
    background: rgb(41, 41, 41);
    background: linear-gradient(180deg, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 1) 100%);
    width: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnBlackVertical::before {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.btnBlackVertical:hover::before,
.btnBlackVerticalFix:hover::before {
    height: 85px;
}



.btnWhiteVertical,
.btnWhiteVerticalFix {
    color: var(--secondary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 85px;
    position: relative;
    width: fit-content;
    transition: all ease-in-out 300ms;
    font-family: "Lora", serif;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.btnWhiteVertical:hover,
.btnWhiteVerticalFix:hover {
    color: var(--secondary-color);
    padding-top: 105px;
    padding-bottom: 0px;
}

.btnWhiteVerticalFix,
.btnWhiteVerticalFix:hover {
    color: #ffffff;
}

.btnWhiteVertical::after,
.btnWhiteVerticalFix::after {
    display: block;
    content: url("../images/arrow-circle-bottom-black.svg");
    padding-top: 20px;
    transition: all ease-in-out 300ms;
    filter: brightness(0) invert(1);
}

[data-theme="dark"] .btnWhiteVertical::after {
    filter: unset;
}

.btnWhiteVertical:hover::after,
.btnWhiteVerticalFix:hover::after {
    padding-top: 30px;
}

.btnWhiteVertical::before,
.btnWhiteVerticalFix::before {
    display: block;
    content: "";
    height: 65px;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    width: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnWhiteVertical::before {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(41, 41, 41, 0) 0%, rgb(41, 41, 41) 100%);
}

.btnWhiteVertical:hover::before,
.btnWhiteVerticalFix:hover::before {
    height: 85px;
}

.modalCentro.active {
    opacity: 1;
    pointer-events: unset;
}

.modalCentro {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000bf;
    transition: all ease-in-out 300ms;
}

.centro-content a {
    color: var(--primary-color);
    padding: 0 10px;
}

.centro-content a:hover {
    color: var(--hover-color);
}

.centro-content {
    max-width: 768px;
    margin: 15px;
    padding: 60px;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    background: #ffffff;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    text-transform: uppercase;
}

footer .financing a:hover {
    opacity: 0.65;
}

.btnBlackVerticalReverse,
.btnBlackVerticalReverseFix {
    color: var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 85px;
    position: relative;
    width: fit-content;
    transition: all ease-in-out 300ms;
    font-family: "Lora", serif;
    font-size: 15px;
    cursor: pointer;
    text-transform: uppercase;
    padding-top: 30px;
}

.parallax-services {
    background-image: url("../images/winecellar.png");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.btnBlackVerticalReverse:hover,
.btnBlackVerticalReverseFix:hover {
    color: var(--primary-color);
    padding-bottom: 105px;
    padding-top: 0px;
}

.btnBlackVerticalReverseFix,
.btnBlackVerticalReverseFix:hover {
    color: #292929;
}

.btnBlackVerticalReverse::before,
.btnBlackVerticalReverseFix::before {
    display: block;
    content: url("../images/arrow-circle-top-black.svg");
    padding-bottom: 20px;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnBlackVerticalReverse::before {
    filter: brightness(0) invert(1);
}

.btnBlackVerticalReverse:hover::before,
.btnBlackVerticalReverseFix:hover::before {
    padding-bottom: 30px;
}

.btnBlackVerticalReverse::after,
.btnBlackVerticalReverseFix::after {
    display: block;
    content: "";
    height: 65px;
    background: rgb(41, 41, 41);
    background: linear-gradient(0deg, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 1) 100%);
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all ease-in-out 300ms;
}

[data-theme="dark"] .btnBlackVerticalReverse::after {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.btnBlackVerticalReverse:hover::after,
.btnBlackVerticalReverseFix:hover::after {
    height: 85px;
}

.btnBlackArrow {
    content: url('../images/btn_contacts.svg');
}

.btnBlackArrow:hover {
    content: url('../images/btn_contacts_hover.svg');
}

/* HEADER */
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all ease-in-out 300ms;
}

header.white .menuLink,
header.white .menuBtn,
header.white .langSelector,
header.whiteFix .menuLink,
header.whiteFix .menuBtn,
header.whiteFix .langSelector,
[data-theme="dark"] header.black .menuLink,
[data-theme="dark"] header.black .menuBtn,
[data-theme="dark"] header.black .langSelector {
    color: #ffffff;
    transition: all ease-in-out 300ms;
}

header.black .menuLink,
header.black .menuBtn,
header.black .langSelector,
header.blackFix .menuLink,
header.blackFix .menuBtn,
header.blackFix .langSelector,
[data-theme="dark"] header.white .menuLink,
[data-theme="dark"] header.white .menuBtn,
[data-theme="dark"] header.white {
    color: #292929;
    transition: all ease-in-out 300ms;
}

header.white .menuLink::after,
header.white .menuBtn::before,
header.whiteFix .menuLink::after,
header.whiteFix .menuBtn::before,
[data-theme="dark"] header.black .menuLink::after,
[data-theme="dark"] header.black .menuBtn::before {
    background: #ffffff;
    transition: all ease-in-out 300ms;
}

header.black .menuLink::after,
header.black .menuBtn::before,
header.blackFix .menuLink::after,
header.blackFix .menuBtn::before,
[data-theme="dark"] header.white .menuLink::after,
[data-theme="dark"] header.white .menuBtn::before {
    background: #292929;
    transition: all ease-in-out 300ms;
}

header.white .mainLogo,
header.whiteFix .mainLogo,
[data-theme="dark"] header.black .mainLogo {
    filter: brightness(0) invert(1);
    transition: all ease-in-out 300ms;
}

header.black .mainLogo,
header.blackFix .mainLogo,
[data-theme="dark"] header.white .mainLogo {
    filter: unset;
    transition: all ease-in-out 300ms;
}

header.white .menuBtn::after,
header.whiteFix .menuBtn::after,
[data-theme="dark"] header.black .menuBtn::after {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transition: all ease-in-out 300ms;
}

header.black .menuBtn::after,
header.blackFix .menuBtn::after,
[data-theme="dark"] header.white .menuBtn::after {
    border-top: 1px solid #292929;
    border-bottom: 1px solid #292929;
    transition: all ease-in-out 300ms;
}

header.opacity {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(10px);
    /* background: rgb(255 255 255 / 30%); */
}

/* [data-theme="dark"] header{
    background: rgb(41 41 41 / 30%);
} */
.mainLogo {
    width: 183px;
}

[data-theme="dark"] .mainLogo {
    filter: brightness(0) invert(1);
}

.menuRow {
    padding-top: 49px;
    padding-bottom: 20px;
}

.menuLink {
    position: relative;
}

.menuLink::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    height: 1px;
    background: var(--primary-color);
    transition: all ease-in-out 300ms;
}

.menuLink:hover::after,
.active.menuLink::after {
    width: 100%;
}

.menuBtn {
    position: relative;
    padding-right: 85px;
    font-size: 16px;
    color: var(--primary-color);
    cursor: pointer;
    transition: all ease-in-out 300ms;
}

.menuBtn::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 22px;
    width: 30px;
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    margin-left: 0px;
    margin-right: 30px;
    transition: all ease-in-out 300ms;
}

.menuBtn::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    width: 60px;
    background: var(--primary-color);
}

.menuBtn:hover {
    color: var(--hover-color);
}

.menuBtn:hover::after {
    margin-right: 0px;
    margin-left: 30px;
}

.menuRow {
    align-items: center;
}

.langSelector {
    margin-left: 60px;
    text-transform: uppercase;
    font-size: 16px;
}

.langSelector:hover {
    color: var(--hover-color) !important;
}

/* OPEN MENU */
.openMenu {
    position: fixed;
    z-index: 100;
    inset: 0;
}

.menuOpenRow {
    position: relative;
}

.openMenuLeft,
.openMenuRight {
    background: #ECECFA;
    width: 50vw;
    height: 100vh;
    position: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 49px;
    transition: all ease-in-out 300ms;
}

.openMenu {
    pointer-events: none;
}

.openMenu.active {
    pointer-events: unset;
}

.openMenu .openMenuLeft {
    background-image: url('../images/menu-shape-1.png');
    background-position: center right;
    /* left: -50vw; */
    left: 0;
    top: -100vh;
}

.openMenu.active .openMenuLeft {
    /* left: 0; */
    top: 0;
}

.openMenu .openMenuRight {
    background-image: url('../images/menu-shape-2.png');
    background-position: center left;
    /* right: -50vw; */
    right: 0;
    bottom: -100vh;
}

.openMenu.active .openMenuRight {
    /* right: 0; */
    bottom: 0;
}

.openMenu {
    color: #292929;
}

.openMenu .mainLogo {
    filter: unset;
}

.menuCloseBtn {
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.menuCloseBtn:hover {
    color: var(--hover-color);
}

.menuCloseBtn::after {
    display: inline-block;
    content: url('../images/close-circle.svg');
    width: 60px;
    height: 60px;
    margin-left: 24px;
    transition: all ease-in-out 300ms;
}

.menuCloseBtn:hover::after {
    content: url('../images/close-circle-hover.svg');
}

.menuOpenLink {
    display: block;
    margin-bottom: 30px;
}

.menuOpenLink:hover,
.menuOpenLink.active {
    color: var(--hover-color);
}

.height200 {
    height: 200px;
}

.socialMenu>a {
    margin-right: 30px;
}

.facebook:hover {
    color: #3b5998;
}

.instagram:hover {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
}

.linkedin:hover {
    color: #0072b1;
}

.tiktok:hover {
    color: #111111;
    filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
    z-index: -1;
}

.twitter:hover {
    color: #000000;
}

.youtube:hover {
    color: #c4302b;
}

.behance:hover {
    color: #053eff;
}

.smallInfo {
    font-family: "Lora", serif;
}

/* HOME BANNER */
.homeBanner {
    height: 100vh;
    display: flex;
    align-items: center;
}

.videoArea video {
    width: 100%;
}

.videoArea {
    position: relative;
}

.videoArea .controls {
    position: absolute;
    inset: 0;
    background-color: #29292900;
    padding: 70px;
    display: flex;
    align-items: end;
    transition: all ease-in-out 300ms;
    cursor: default;
}

.videoArea .controls.active {
    background-color: #29292980;
    cursor: pointer;
}

.playArea {
    pointer-events: none;
    opacity: 0;
    transition: all ease-in-out 300ms;
}

.playArea.active {
    opacity: 1;
}

#canvas {
    position: absolute;
    right: 0;
}

/* HOME SERVICES */

.servicesHomeList {
    margin-top: 56px;
}

.servicesHomeItem {
    position: relative;
    padding: 32px 0;
    border-bottom: 1px solid #292929;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.servicesHomeItem>div {
    position: relative;
    z-index: 1;
}

.servicesHomeItem .servicesHomeImgHover {
    opacity: 0;
    position: absolute;
    right: 160px;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 300ms;
    pointer-events: none;
    width: 460px;
    height: 460px;
    z-index: 2;
}

.servicesHomeItem:hover .servicesHomeImgHover {
    opacity: 1;
}

.servicesHomeItem::before {
    display: block;
    content: "";
    width: calc(100vw - 60px);
    height: calc(100% + 2px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1px;
    background: #ffffff;
    border-radius: 60px;
    opacity: 0;
    transition: all ease-in-out 300ms;
    z-index: 1;
}

.servicesHomeItem:hover::before {
    opacity: 1;
}

.servicesRightArrow {
    z-index: 0;
}

/* SERVICES PAGE */

.servicesItemBorder,
.servicesItem {
    border-bottom: 1px solid #292929;
}

.servicesItem {
    min-height: 350px;
    height: 100%;
    position: relative;
}

.serviceCenterContent {
    height: calc(100% - 90px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.servicesHoverImg {
    cursor: pointer;
}

.servicesHoverImg img {
    position: absolute;
    z-index: 1;
    bottom: -1px;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% + 2px);
    object-fit: cover;
    pointer-events: none;
    opacity: 0;
    transition: all ease-in-out 300ms;
}

.servicesHoverImg:hover img {
    opacity: 1;
}

/* HOME COOPERATION */

[data-theme="dark"] .cooperationImg {
    filter: brightness(0) invert(1);
}

/* HOME TESTEMONIALS */

.infiniteText {
    white-space: nowrap;
    height: 54px;
}

.testemonialsMessage {
    height: fit-content;
}

.testemonialsArrows {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* HOME BLOG */
.blogImg {
    position: relative;
    width: 100%;
}

.blogImg:after {
    content: "";
    display: block;
    padding-bottom: 56%;
}

.blogImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.awardImg {
    position: absolute;
    left: 60px;
    bottom: 60px;
    filter: brightness(0) invert(1);
}

.awardImg img {
    position: relative;
    max-width: 200px;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin-right: 15px;
}

/* HOME TOGETHER */

.parallax,
.parallaxProjects {
    background-image: url("../images/better_together.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallaxProjects {
    background-image: url("../images/critec_composition_3_3.png");
}

.ajustImgTogether {
    height: 120px;
    display: flex;
    align-items: center;
}

.textLineAfter {
    padding-left: 26px;
    border-left: 1px solid var(--secondary-color);
    line-height: 30px;
}

/* CONNECT EXPAND */
.creativityTechnology,
.connectExpand {
    position: relative;
    height: 500px;
}

.line300 {
    line-height: 300px;
}

.creativityTechnology {
    height: 650px;
}

.connectExpandTransition {
    transition: all ease-in-out 300ms;
}

.connectExpandText {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.connectExpandImg1 {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 250px - 350px);
}

.connectExpandImg2 {
    position: absolute;

    top: calc(50% - 100px);
    left: calc(50% - 250px - 200px);
}

.connectExpandImg3 {
    position: absolute;
    top: 0;
    left: calc(50% - 250px);
}

.connectExpandImg4 {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% + 50px + 200px);
    z-index: 1;
}

.connectExpandImg5 {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% + 50px + 350px);
}

/* CONTACTS FOOTER */

.inputContact,
.subjectContact {
    position: relative;
}

.inputContact input,
.inputContact textarea {
    border: 0;
    border-top: 1px solid var(--primary-color);
    font-size: 16px;
    padding: 30px 0;
    width: 100%;
    border-radius: 0px;
    background: transparent;
}

.inputContact textarea {
    border-bottom: 1px solid var(--primary-color);
}

.borderTop {
    border-top: 1px solid var(--primary-color);
}

.inputContact input::placeholder,
.inputContact textarea::placeholder {
    color: var(--primary-color);
}

label[for="rgpd"] a:hover {
    color: var(--hover-color);
}

.subjectContact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.groupSubject {
    display: flex;
    align-items: center;
}

.groupSubject label {
    cursor: pointer;
}

.customCheck,
.customCheckWhite {
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 30px;
    cursor: pointer;
    -webkit-appearance: none;
}

.customCheck::before,
.customCheckWhite::before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    border: 1px solid var(--primary-color);
    cursor: pointer;
}

.customCheckWhite::before {
    border: 1px solid var(--secondary-color);
}

.customCheck::after,
.customCheckWhite::after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: var(--primary-color);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.customCheckWhite::after {
    background: var(--secondary-color);
}

.customCheck:checked::after,
.customCheckWhite:checked::after {
    opacity: 1;
}

#contactForm button {
    background: transparent;
    border: 0;
    padding-right: 0px;
}

#contactForm label {
    font-size: 16px;
}

#contactForm label.error {
    position: absolute;
    left: .75rem;
    bottom: 0;
    font-size: 12px;
    color: red;
}

#subject-error {
    left: 0;
}

/* FOOTER */
footer .socialMenu>a {
    margin-right: 20px;
}

.footerLink::before {
    content: "—";
    padding-right: 15px;
}

.footerLink {
    margin-left: 30px;
}

.footerLink:first-child {
    margin-left: 0px;
}

footer .financing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
}

/* BANNER GERAL */
.bannerGeralContent {
    position: absolute;
    padding-top: 210px;
    inset: 0;
}

.btnBannerGeral {
    position: absolute;
    bottom: 130px;
}

.btnBannerGeral .btnBlackVertical::after,
.btnBannerGeral .btnBlackVerticalFix::after,
.btnBannerGeral .btnWhiteVertical::after,
.btnBannerGeral .btnWhiteVerticalFix::after {
    content: url('../images/arrow_banner.svg');
}

/* TEXT SCROLL COLOR */

.c-blackToWhite {
    background-clip: text;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(90deg, var(--secondary-color), var(--secondary-color));
    color: #00000029;
    animation: scroll-reveal linear forwards;
    animation-timeline: view();
    display: inline;
    animation-range-start: contain -25vh;
    animation-range-end: contain 20vh;
}

@keyframes scroll-reveal {
    to {
        background-size: 100% 100%
    }
}

/* STEP BY STEP */

.expand2 {
    transform: rotate(180deg);
    transform-origin: top right;
    animation: scroll-rotate ease-in-out forwards;
    animation-timeline: view();
    animation-range-start: contain -50vh;
    animation-range-end: contain 30vh;
    position: absolute;
    right: 0px;
}

@keyframes scroll-rotate {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0%);
    }
}

#Grupo_2694>path {
    transform: translateX(-100%);
    position: relative;
    animation: scroll-animation ease-in-out forwards;
    animation-timeline: view();
    animation-range-start: contain 20vh;
    animation-range-end: contain 40vh;
}

path#Caminho_1672 {
    animation-range-start: cover 0vh;
    animation-range-end: cover 27vh;
}

path#Caminho_1673 {
    animation-range-start: cover 3vh;
    animation-range-end: cover 32vh;
}

path#Caminho_1674 {
    animation-range-start: cover 6vh;
    animation-range-end: cover 37vh;
}

path#Caminho_1675 {
    animation-range-start: cover 9vh;
    animation-range-end: cover 42vh;
}

path#Caminho_1676 {
    animation-range-start: cover 12vh;
    animation-range-end: cover 45vh;
}

path#Caminho_1677 {
    animation-range-start: cover 15vh;
    animation-range-end: cover 48vh;
}

path#Caminho_1678 {
    animation-range-start: cover 18vh;
    animation-range-end: cover 51vh;
}

path#Caminho_1679 {
    animation-range-start: cover 21vh;
    animation-range-end: cover 54vh;
}

path#Caminho_1680 {
    animation-range-start: cover 24vh;
    animation-range-end: cover 57vh;
}

path#Caminho_1681 {
    animation-range-start: cover 27vh;
    animation-range-end: cover 60vh;
}

path#Caminho_1682 {
    animation-range-start: cover 30vh;
    animation-range-end: cover 63vh;
}

path#Caminho_1683 {
    animation-range-start: cover 33vh;
    animation-range-end: cover 66vh;
}

path#Caminho_1684 {
    animation-range-start: cover 36vh;
    animation-range-end: cover 69vh;
}

path#Caminho_1685 {
    animation-range-start: cover 39vh;
    animation-range-end: cover 72vh;
}

path#Caminho_1686 {
    animation-range-start: cover 42vh;
    animation-range-end: cover 75vh;
}

path#Caminho_1687 {
    animation-range-start: cover 45vh;
    animation-range-end: cover 78vh;
}

path#Caminho_1688 {
    animation-range-start: cover 48vh;
    animation-range-end: cover 81vh;
}

path#Caminho_1689 {
    animation-range-start: cover 51vh;
    animation-range-end: cover 84vh;
}

path#Caminho_1690 {
    animation-range-start: cover 54vh;
    animation-range-end: cover 87vh;
}

path#Caminho_1691 {
    animation-range-start: cover 57vh;
    animation-range-end: cover 90vh;
}

.overflow-x {
    overflow-x: scroll;
}

@keyframes scroll-animation {
    to {
        transform: translateX(0%);
    }
}

/* TEXT IMG VIDEO */
.bg-blackWhite {
    background: var(--primary-color);
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-color) 50%, var(--secondary-color) 50%, var(--secondary-color) 100%);
}

.middleMenu {
    position: absolute;
    top: 50%;
}

/* AWARDS */

.awardsList {
    margin-top: 56px;
}

.awardsItem {
    position: relative;
    padding: 32px 0;
    border-bottom: 1px solid #292929;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.awardsItem>div {
    position: relative;
    z-index: 1;
}

.awardsItem .awardsImgHover {
    opacity: 0;
    position: absolute;
    right: 160px;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 300ms;
    pointer-events: none;
    width: 460px;
    height: 460px;
    z-index: 2;
}

.awardsItem:hover .awardsImgHover {
    opacity: 1;
}

.awardsItem::before {
    display: block;
    content: "";
    width: calc(100vw - 60px);
    height: calc(100% + 2px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1px;
    background: #ECECFA;
    border-radius: 60px;
    opacity: 0;
    transition: all ease-in-out 300ms;
    z-index: 1;
}

.shareBtn {
    width: 60px;
    height: 60px;
    border: 1px solid var(--secondary-color);
    border-radius: 30px;
    font-size: 14px;
    color: var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
}

.shareBtn:hover {
    background: var(--secondary-color);
    color: var(--primary-color);
}

.shareBtn:first-child {
    margin-left: 0px;
}

.awardsItem:hover::before {
    opacity: 1;
}

.awardsRightArrow {
    z-index: 0;
}

.lineAwards {
    position: relative;
}

.lineAwards::after {
    display: block;
    content: "";
    width: 1px;
    height: 30px;
    background: #292929;
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
}

/* QUALITY AND CERTIFICATION */
.qualityOverlay {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

/* TEAM SCROLL */
.scrollTeam {
    position: relative;
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.scrollTeam>div,
.scrollTeam>img {
    flex-shrink: 0;
}

.textNature {
    position: absolute;
    top: 140px;
    left: 163px;
}

.whiteBoxTeam {
    width: 284px;
    height: 284px;
    z-index: 2;
    padding: 51px;
    display: flex;
    align-items: center;
    background: #ffffff;
    margin-left: 30px;
}

.yellowBoxTeam {
    z-index: 2;
    background: #D9FE51;
    width: 502px;
    height: 284px;
    padding-left: 51px;
    display: flex;
    align-items: center;
}

.transparentBoxTeam {
    padding: 0 30px;
}

.textCircleShape {
    position: absolute;
    left: 108px;
    top: 50%;
    transform: translateY(-50%);
}

.scrollSticky {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
}

.scrollTeam::-webkit-scrollbar {
    width: 0px;
}

.scrollTeam::-webkit-scrollbar-track {
    background: transparent;
}

.scrollTeam::-webkit-scrollbar-thumb {
    background: transparent;
}

/* TEAM */
.teamImg {
    position: relative;
    width: 100%;
}

.teamImg:after {
    content: "";
    display: block;
    padding-bottom: 122%;
}

.teamImg img,
.teamImg>div {
    position: absolute;
    width: 100%;
    height: 100%;
}

.teamImg .hoverImg {
    opacity: 0;
    z-index: 1;
    transition: all ease-in-out 300ms;
}

.teamItem:hover .hoverImg {
    opacity: 1;
}

/* CONTACTS */

.contactsBox {
    border-bottom: 1px solid var(--primary-color);
    min-height: 348px;
    height: 100%;
    padding-top: 44px;
}


/* BLOG LIST */
.filterBlog {
    display: flex;
}

.filterBlogLabel {
    font-size: 12px;
    font-weight: 700;
    padding-top: 9px;
    line-height: 15px;
    min-width: 100px;
    display: flex;
    padding-bottom: 9px;
}

#sliderAbout .slick-dots li button:before {
    color: white;
    background: white;
    border-radius: 50%;
    top: 10px;
    width: 15px;
    height: 15px;
}

.filterBlogItem {
    width: 165px;
    height: 50px;
    padding: 9px 20px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    font-family: "Lora", serif;
}

.filterBlogScroll {
    margin-top: 10px;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}

.filterBlogItem.active,
.filterBlogItem:hover {
    background: var(--primary-color);
    color: var(--secondary-color);
}

.blogItemList {
    padding: 0 15px;
}

.blogList {
    flex-wrap: nowrap;
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    padding-bottom: 60px;
}

.blogPaginatorLayout .disabled {
    pointer-events: none;
    opacity: .7;
}

.blogPaginator .pagination {
    margin: 0;
}

.blogPaginator .pagination li:first-child,
.blogPaginator .pagination li:last-child {
    display: none;
}

.text-left {
    width: max-content;
    position: absolute;
    top: 50%;
    left: -3rem;
    transform: translate(-100%, -50%);
}

video {
    vertical-align: middle;
}

.text-right {
    width: max-content;
    position: absolute;
    top: 50%;
    right: -3rem;
    transform: translate(100%, -50%);
}

.text-bottom {
    display: block;
    margin-top: 22px;
}

.parallax-content img {
    width: clamp(152px, 30vw, 314px);
}

.blogPaginator .page-item .page-link {
    color: var(--primary-color);
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0 20px;
    box-shadow: none;
}

.blogPaginator .page-item:hover .page-link {
    color: var(--hover-color);
}

.blogPaginator .page-item.active .page-link {
    color: var(--hover-color);
}

/* BLOG SINGLE */
.blogBannerContent {
    position: absolute;
    top: 210px;
    left: 0;
    right: 0;
    bottom: 0;
}

.blogBannerContent .lora {
    max-width: 612px;
}

/* PROCESS */
.processBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.processBox:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}


/* PROJECT */
#projectVideo video {
    display: table;
}

#projectVideo .controls {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.projectFilter {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    right: 0;
    bottom: 75px;
    display: flex;
    justify-content: center;
    z-index: 50;
}

.filterProject {
    display: flex;
    background: #0000004D;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    padding: 25px 50px;
    border-radius: 5px;
}

.filterProjectLabel {
    font-size: 12px;
    font-weight: 700;
    padding-top: 9px;
    line-height: 15px;
    color: var(--secondary-color);
}

.filterProjectItem {
    width: 160px;
    height: 50px;
    padding: 9px 20px;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    border-radius: 5px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    font-family: "Lora", serif;
}

.filterProjectItem.active,
.filterProjectItem:hover {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--secondary-color);
}

.projectFilterChilds .customCheckWhite {
    margin-right: 15px;
}

.projectFilterChilds {
    margin-top: 20px;
    font-size: 12px;
    font-family: "Lora", serif;
    text-transform: uppercase;
}

.filterChild,
.filterChild>div {
    display: flex;
    align-items: center;
}

.filterChild>div {
    margin-left: 10px;
    margin-right: 24px;
}

.onlymobile {
    display: none;
}

.contactsBox {
    padding-block: 44px 40px;
}

.contactsBox.first-row {
    padding-top: 0;
}

.contactsBox.link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.projectVideo .controls {
    justify-content: center;
    align-items: center;
}

.slowAnimation {
    transition-duration: 150ms;
}

.ajustBtGrid .removeMargins {
    margin-left: calc(-8.33333333vw - 12px);
    margin-right: calc(-8.33333333vw - 12px);
}

@media (max-width: 1399px) {
    .ajustBtGrid .removeMargins {
        margin-left: 0;
        margin-right: 0;
    }
}

/* LOADER */
loader {
    background: #ECECFA;
    position: fixed;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: all ease-in-out 300ms;
}

loader.active {
    opacity: 1;
    pointer-events: unset;
}

loader>div {
    transform: scale(2);
    margin-top: 80px;
}

.aboutqualityandcertification .t42Fix,
.aboutqualityandcertification .t42Fix p {
    font-size: calc(19px + (42 - 19) * ((100vw - 300px) / (1920 - 300)));
    line-height: 120%;
}

.aboutqualityandcertification .t42Fix sup {
    top: -7px;
}



.loader {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 1px solid;
    border-color: #292929 #292929 transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.overflow-x-hidden {
    overflow-x: hidden;
    max-width: 100vw;
}

.loader::after,
.loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid;
    border-color: transparent transparent #9263F8 #9263F8;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

.loader::before {
    width: 32px;
    height: 32px;
    border-color: #292929 #292929 transparent transparent;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}


/* CONFIG */

.noScroll {
    overflow: hidden;
}

.critec {
    font-weight: 800;
    font-size: 28px;
    font-family: 'Gilroy';
    text-transform: lowercase;
}


.spacer150 {
    grid-column: inherit;
    height: 150px;
    width: 100%;
}

.spacer120 {
    grid-column: inherit;
    height: 120px;
    width: 100%;
}

.spacer90 {
    grid-column: inherit;
    height: 90px;
    width: 100%;
}

.spacer60 {
    grid-column: inherit;
    height: 60px;
    width: 100%;
}

.spacer45 {
    grid-column: inherit;
    height: 45px;
    width: 100%;
}

.spacer30 {
    grid-column: inherit;
    height: 30px;
    width: 100%;
}

.spacer15 {
    grid-column: inherit;
    height: 15px;
    width: 100%;
}

.spacer0 {
    grid-column: inherit;
    height: 0px;
    width: 100%;
}

/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
    .lg-spacer150 {
        height: 150px;
    }

    .lg-spacer120 {
        height: 120px;
    }

    .lg-spacer90 {
        height: 90px;
    }

    .lg-spacer60 {
        height: 60px;
    }

    .lg-spacer45 {
        height: 45px;
    }

    .lg-spacer30 {
        height: 30px;
    }

    .lg-spacer15 {
        height: 15px;
    }

    .lg-spacer0 {
        height: 0px;
    }

    .lg-block150 {
        display: inline-block;
        width: 150px;
    }

    .lg-block120 {
        display: inline-block;
        width: 120px;
    }

    .lg-block90 {
        display: inline-block;
        width: 90px;
    }

    .lg-block60 {
        display: inline-block;
        width: 60px;
    }

    .lg-block30 {
        display: inline-block;
        width: 30px;
    }

    .lg-block15 {
        display: inline-block;
        width: 15px;
    }

    .lg-taleft {
        text-align: left;
    }

    .lg-tacenter {
        text-align: center;
    }

    .lg-taright {
        text-align: right;
    }

    .lg-tajustify {
        text-align: justify;
    }
}

/* DESKTOP */
@media (max-width: 992px) {
    .p2020 {
            height: 41px;
        }
    .md-spacer150 {
        height: 150px;
    }

    .md-spacer120 {
        height: 120px;
    }

    .md-spacer90 {
        height: 90px;
    }

    .md-spacer60 {
        height: 60px;
    }

    .md-spacer45 {
        height: 45px;
    }

    .md-spacer30 {
        height: 30px;
    }

    .md-spacer15 {
        height: 15px;
    }

    .md-spacer0 {
        height: 0px;
    }

    .md-block150 {
        display: inline-block;
        width: 150px;
    }

    .md-block120 {
        display: inline-block;
        width: 120px;
    }

    .md-block90 {
        display: inline-block;
        width: 90px;
    }

    .md-block60 {
        display: inline-block;
        width: 60px;
    }

    .md-block30 {
        display: inline-block;
        width: 30px;
    }

    .md-block15 {
        display: inline-block;
        width: 15px;
    }

    .md-taleft {
        text-align: left;
    }

    .md-tacenter {
        text-align: center;
    }

    .md-taright {
        text-align: right;
    }

    .md-tajustify {
        text-align: justify;
    }
}

/* TABLET */
@media (max-width: 768px) {
    .sm-spacer150 {
        height: 150px;
    }

    .sm-spacer120 {
        height: 120px;
    }

    .sm-spacer90 {
        height: 90px;
    }

    .sm-spacer60 {
        height: 60px;
    }

    .sm-spacer45 {
        height: 45px;
    }

    .sm-spacer30 {
        height: 30px;
    }

    .sm-spacer15 {
        height: 15px;
    }

    .sm-spacer0 {
        height: 0px;
    }

    .sm-block150 {
        display: inline-block;
        width: 150px;
    }

    .sm-block120 {
        display: inline-block;
        width: 120px;
    }

    .sm-block90 {
        display: inline-block;
        width: 90px;
    }

    .sm-block60 {
        display: inline-block;
        width: 60px;
    }

    .sm-block30 {
        display: inline-block;
        width: 30px;
    }

    .sm-block15 {
        display: inline-block;
        width: 15px;
    }

    .sm-taleft {
        text-align: left;
    }

    .sm-tacenter {
        text-align: center;
    }

    .sm-taright {
        text-align: right;
    }

    .sm-tajustify {
        text-align: justify;
    }
}

/* MOBILE */
@media (max-width: 420px) {
    .xs-spacer150 {
        height: 150px;
    }

    .xs-spacer120 {
        height: 120px;
    }

    .xs-spacer90 {
        height: 90px;
    }

    .xs-spacer60 {
        height: 60px;
    }

    .xs-spacer45 {
        height: 45px;
    }

    .xs-spacer30 {
        height: 30px;
    }

    .xs-spacer15 {
        height: 15px;
    }

    .xs-spacer0 {
        height: 0px;
    }

    .xs-block150 {
        display: inline-block;
        width: 150px;
    }

    .xs-block120 {
        display: inline-block;
        width: 120px;
    }

    .xs-block90 {
        display: inline-block;
        width: 90px;
    }

    .xs-block60 {
        display: inline-block;
        width: 60px;
    }

    .xs-block30 {
        display: inline-block;
        width: 30px;
    }

    .xs-block15 {
        display: inline-block;
        width: 15px;
    }

    .xs-taleft {
        text-align: left;
    }

    .xs-tacenter {
        text-align: center;
    }

    .xs-taright {
        text-align: right;
    }

    .xs-tajustify {
        text-align: justify;
    }
}

img {
    max-width: 100%;
}

.line300crazy {
    height: 300px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.tecnology0 {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 250px - 760px);
}

.tecnology1 {
    position: absolute;

    top: calc(50% - 0px);
    left: calc(50% - 250px - 460px);
}

.tecnology2 {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 420px);
}

.tecnology3 {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 120px);
}

.creativity0 {
    position: absolute;
    top: calc(50% - 290px);
    left: 0px;
}

.creativity1 {
    position: absolute;
    top: calc(50% - 290px);
    left: calc(50% + 50px + -195px);
}

.creativity2 {
    position: absolute;
    top: calc(50% - 290px);
    left: calc(50% + 50px + 410px);
}

.creativity3 {
    position: absolute;
    top: calc(50% - 290px);
    left: calc(50% + 50px + 700px);
}

.fullLineWhite,
.fullLineBlack {
    width: 100%;
    height: 1px;
    background: var(--secondary-color);
}

img.cooperationImg.active {
    display: block;
}

footer img {
    opacity: 1;
    animation: opacity 300ms ease-in-out;
}

img.cooperationImg {
    display: none;
    opacity: 1;
    animation: opacity 300ms ease-in-out;
}

footer img:hover,
img.cooperationImg:hover {
    opacity: 0.7;
}

.fullLineBlack {
    background: var(--primary-color);
}

.inputContact textarea {
    height: 350px;
}

.whiteImg {
    filter: brightness(0) invert(1);
}

.contentAjustDados {
    position: absolute;
    top: 14%;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0;
}

.contentAjustCookies {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    margin: 0;
}

.imagePolitica {
    width: 100%;
    min-height: 650px;
    object-fit: cover;
}

.convertCol .col {
    flex: 0 0 auto;
    width: 100%;
}

.convertCol img {
    height: auto !important;
    width: 100% !important;
}

.videoTemporarioProject {
    width: 100%;
    min-height: 400px;
    object-fit: cover;
}

.mobileBtnFilter,
.mobileCloseFilter {
    display: none;
}

@media (max-width: 1830px) {
    img.footeranywhere.me-4 {
        width: 200px;
    }

    img.footerhubduction.me-4 {
        width: 165px;
    }

    img.footerdefacto {
        width: 120px;
    }

    .certificados img {
        height: 55px;
    }

    .btnBlackVerticalReverse,
    .btnBlackVerticalReverseFix {
        font-size: 13px;
    }

    footer .socialMenu>a {
        margin-right: 15px;
    }
}

@media (max-width: 1620px) {
    img.footeranywhere.me-4 {
        width: 160px;
    }

    img.footerhubduction.me-4 {
        width: 130px;
    }

    img.footerdefacto {
        width: 90px;
    }

    .certificados img {
        height: 50px;
    }

    #ballsSvg {
        transform: scale(.75);
        transform-origin: left;
    }

    .block-testemonials {
        width: calc(100% - 2rem);
        margin: 0px 1rem;
    }

    .openMenu .height200 {
        height: 100px;
    }

    footer .spacer15,
    .openMenu .spacer15 {
        display: none;
    }

    footer .spacer60,
    .openMenu .spacer60 {
        grid-column: inherit;
        height: 30px;
        width: 100%;
    }

    .menuOpenLink {
        margin-bottom: 20px;
    }

    .openMenu .mb-3 {
        margin-bottom: 0.65rem !important;
    }

    .socialMenu>a {
        margin-right: 20px;
    }


    .btnBlackVerticalReverseFix {
        text-align: center;
    }

    .btnBlackVerticalReverse,
    .btnBlackVerticalReverseFix,
    #contactForm label,
    .inputContact input,
    .inputContact textarea {
        font-size: 14px;

    }

    .t120,
    .t120 p {
        font-size: calc(24px + (120 - 34) * ((100vw - 300px) / (1920 - 300)));
        line-height: 130px;
    }
}

@media (max-width: 1400px) {
    .expand2 {
        transform-origin: right center;
    }

    @keyframes scroll-rotate {
        from {
            transform: scale(0.75) translateX(100%);
        }

        to {
            transform: scale(0.75) translateX(0%);
        }
    }

    #ballsSvg {
        transform: scale(.5);
        transform-origin: left;
    }

    .t120,
    .t120 p {
        font-size: calc(12px + (120 - 34) * ((100vw - 300px) / (1920 - 300)));
        line-height: 100px;
    }

    footer .spacer60,
    .openMenu .spacer60 {
        height: 20px;
    }

    .menuOpenLink {
        margin-bottom: 15px;
    }

    .openMenu .spacer30 {
        grid-column: inherit;
        height: 10px;
        width: 100%;
    }

    .servicesHomeItem::before {
        width: 100vw;
        height: 100%;
        top: 0px;
    }

    .scrollTeam {
        zoom: .7;
    }
}

@media (max-width: 1366px) {
    .awardsItem>div {
        gap: 48px !important;
    }
}


@media (max-width: 1024px) {
    .awardImg{
        left: 10px;
        bottom: 10px;
    }
    .awardImg img{
        max-height: 30px;
    }
    #projects .t16,
    #projects .t16 p {
        font-size: 10px;
    }
    .t22 sup {
        top: -2px;
        font-size: 70%;
    }

    .t28 sup {
        top: -5px;
        font-size: 70%;
    }

    .logos img {
        height: 60px;
    }

    .awardsItem {
        position: relative;
        padding: 32px 0 15px;
    }

    .lineAwards {
        margin-bottom: 30px;
    }

    #aboutus .t122 {
        line-height: 14px;
        font-size: 11px;
    }

    .stepbystep .t120,
    #aboutus .t120 {
        line-height: 41px;
        font-size: 32px;
    }

    .aboutqualityandcertification .t42Fix {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px !important;
    }
    .scrollTeam .t42 {
        line-height: 30px;
    }
    .awards .t28 {
        line-height: 20px;
        font-size: 15px;
    }

    .awardsImgHover {
        display: none;
    }

    .awardsRightArrow {
        transform: scale(0.75);
    }

    .imgtext,
    .textimgvideo {
        font-size: 13px;
        line-height: 21px;
    }

    .textimgvideo .spacer90 {
        height: 30px;
    }

    .textimgvideo .spacer60 {
        height: 20px;
    }

    .textimgvideo .spacer30 {
        height: 15px;
    }

    .onlymobile {
        display: block;
    }

    #ballsSvg,
    .expand2 {
        display: none;
    }

    .homeprojects {
        font-size: 13px;
        line-height: 21px;
    }

    .homeprojects .spacer120 {
        height: 60px;
    }

    .homeprojects .spacer60 {
        height: 30px;
    }

    .homeprojects .spacer30 {
        height: 15px;
    }

    .homeprojects .spacer15 {
        display: none;
    }

    .homeprojects .author {
        display: none;
    }

    .homeprojects .t42 {
        margin-top: 0px;
    }

    .creativityTechnology,
    .connectExpand {
        position: relative;
        height: 250px;
    }

    .openMenuLeft,
    .openMenuRight {
        background: #ECECFA;
        width: 100vw;
        height: auto;
    }

    .openMenuLeft .t42,
    .menuOpenLink {
        margin-bottom: 5px;
        font: normal normal normal 24px/30px Lexend;
    }

    .openMenuLeft .services-list {
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .openMenuLeft .services-list a {
        font: normal normal normal 12px/15px Lora;
        margin-bottom: 10px !important;
        flex: 0 0 50%;

    }

    .openMenu .openMenuLeft {
        top: -500vh;
    }

    .langSelector {
        margin-left: 0px;
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 10px;
        display: block;
    }

    .openMenu .height200 {
        height: 70px;
    }

    .mainLogo {
        width: 150px;
    }

    .menuCloseBtn {
        font-size: 16px;
        display: flex;
        align-items: center;
        cursor: pointer;
        transform: scale(.80);
        margin-top: -15px;
        margin-right: -12px;
    }

    .openMenu .openMenuLeft {
        background-image: url('../images/menu-shape-2.png');
        background-position: left;
        background-size: cover;
        min-height: 100svh;
        height: 100svh;
        overflow-y: scroll;
    }

    .langSelector {
        display: none;
    }

    .openMenuLeft .langSelector {
        display: block;
    }

    .menuBtn {
        transform: scale(.80);
        margin-top: -15px;
        margin-right: -12px;
    }

    .connectExpandImg1 {
        top: calc(50% - 2px);
        width: 50px;
        left: calc(50% - 170px);
    }

    .connectExpandImg3 {
        position: absolute;
        top: calc(50% - 40px);
        left: calc(50% - 61px);
        width: 120px;
    }

    .connectExpandImg2 {
        position: absolute;
        top: calc(50% - 2px);
        left: calc(50% - 113px);
        width: 50px;
    }

    .connectExpandImg4 {
        position: absolute;
        top: calc(50% - 2px);
        left: calc(50% + 60px);
        width: 50px;
    }

    .connectExpandImg5 {
        position: absolute;
        top: calc(50% - 2px);
        left: calc(50% + 116px);
        width: 50px;
    }

    .animation-text-image .spacer60,
    .animation-text-image .spacer120 {
        display: none;
    }

    footer .bg-grayFix {
        padding: 20px 0px 0px 0px;
    }

    footer .scrolltop {
        display: flex;
        justify-content: flex-end;
    }

    .btnBlackVerticalReverseFix::before {
        transform: scale(.95);
    }

    /*.copyright,
    .footerLink {
        display: none;
    }*/

    img.footeranywhere.me-4 {
        width: 125px;
    }

    img.footerhubduction.me-4 {
        width: 100px;
    }

    img.footerdefacto {
        width: 70px;
    }

    footer .spacer90 {
        height: 60px;
    }

    footer .awards img,
    footer .certificados img {
        height: 43px;
    }

    footer .place {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 0px !important;
        font: normal normal normal 12px/32px Lora;
        padding-bottom: 0px !important;
    }

    footer .sunny .t32 {
        font: normal normal normal 14px/38px Lora;
    }

    footer {
        font: normal normal normal 13px/38px Lexend;
    }

    footer .c-blackFix {
        line-height: 24px;
    }

    footer .pt-3 {
        padding-top: 2rem !important;
    }

    #contactForm .h-100 {
        height: auto !important;
    }

    .mobile-gap-20 {
        gap: 20px;
    }

    .customCheck,
    .customCheckWhite {
        width: 20px;
        height: 20px;
        position: relative;
        margin-right: 10px;
        cursor: pointer;
        -webkit-appearance: none;

    }

    .customCheck::before,
    .customCheckWhite::before {
        width: 20px;
        height: 20px;
        left: -16px;
    }

    #rgpd:before {
        left: 2px;
    }

    .customCheck:checked::after,
    .customCheckWhite:checked::after {
        left: -6px;
    }

    #rgpd:after {
        left: 12px;
    }

    .inputContact input,
    .inputContact textarea {
        padding: 10px 0;
    }

    .t42 {
        font-size: 20px;
        line-height: 25px;
    }


    #contactHash .spacer90 {
        height: 40px;
    }

    #rgpd {
        margin-right: 30px;
    }

    .btnBlack,
    .btnBlackFix {
        padding-right: 0px;
    }

    .subjectContact {
        flex-wrap: wrap;
        padding: 20px 0px 25px;
    }

    #contactForm label {
        flex: 1 0 100%;
    }

    .inputContact textarea {
        height: 250px;
    }

    .groupSubject {
        display: flex;
        align-items: center;
        flex: 1 0 100%;
        padding-left: 16px;
    }



    .t160,
    .t160 p {
        font-size: calc(45px + (160 - 50) * ((100vw - 300px) / (1920 - 300)));
        line-height: 95px;
    }

    .homeBanner {
        height: 600PX;
    }

    .text-banner {
        font-size: 20px;
        line-height: 46px;
        text-align: left !important;
        margin-top: 530px;
        margin-bottom: 50px;
    }

    .t22 {
        font-size: 14px;
    }

    .btnBlack::after,
    .btnBlackFix::after {
        transform: scale(0.85);
        padding-left: 65px;
    }

    .btnBlackReverse,
    .btnBlackReverseFix {
        padding-left: 0px;
    }

    .btnBlack:hover::after,
    .btnBlackFix:hover:after {
        padding-left: 0px;
    }

    .btnBlackReverse::after,
    .btnBlackReverseFix::after {
        transform: scale(0.85);
        padding-right: 65px;
    }

    .together .spacer150 {
        height: 10px;
    }

    .ajustImgTogether img {
        width: calc(100% - 100px);
    }

    .ajustImgTogether {
        margin-top: 40px;
    }

    .together .parallax {
        padding: 50px 0px 80px;
    }

    .t42 {
        font-size: 20px;
        line-height: 25px;
    }

    .testemonialsArrows .slick-arrow span {
        display: none;
    }

    .btnBlack::before,
    .btnBlackFix::before,
    .btnBlackReverse::before,
    .btnBlackReverseFix::before {
        transform: scale(0.85);
    }

    .btnBlackReverse::before,
    .btnBlackReverseFix::before {

        padding-right: 0px;
    }

    .btnBlack::after,
    .btnBlackFix::after {
        padding-left: 0px;
    }

    .btnBlackReverse:hover::after,
    .btnBlackReverseFix:hover::after,
    .btnBlack:hover::before,
    .btnBlackFix:hover::before {
        width: 65px;
    }

    .btnBlack:hover,
    .btnBlackFix:hover {
        padding-left: 85px;
    }

    .btnBlackReverse:hover,
    .btnBlackReverseFix:hover {

        padding-right: 85px;
    }

    .btnBlackReverse:hover::before,
    .btnBlackReverseFix:hover::before {
        padding-right: 0px;
    }

    .homeblog .blog-block-info {
        font: normal normal normal 13px/21px Lexend;
    }

    .homeblog .blog-block-info .t64 {
        font: normal normal normal 24px/31px Lora;
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .homeblog .blog-block-info {

        padding-left: 80px;
        background-color: var(--bg-color) !important;
        margin: 30px 0px 50px 0px;
        width: 100%;
        background: url("../images/symbol_right.svg");
        background-repeat: no-repeat;
        background-size: 40px;
        BACKGROUND-POSITION-Y: 30PX;

    }



    .btnBlackFix::before {
        transform: scale(0.75);
        left: -10px;
        font: normal normal normal 11px/14px Lora;
        padding-left: 60px;
    }

    .btnBlackFix {
        font: normal normal normal 11px/14px Lora;
        padding-left: 60px;
    }

    .btnBlackFix::after {
        transform: scale(0.75);
        padding-left: 10px;
    }

    .btnBlack::before {
        transform: scale(0.75);
        right: -10px;
        font: normal normal normal 11px/14px Lora;
        padding-left: 60px;
    }

    .btnBlack {
        font: normal normal normal 11px/14px Lora;
        padding-right: 60px;
        padding-left: 65px;
    }

    #testemonialNext {
        padding-left: 0px;
        padding-right: 0px;
    }

    .together {
        font: normal normal normal 10px/13px Lexend;
    }

    .btnBlack::after {
        transform: scale(0.75);
        padding-right: 10px;
    }

    .homeblog .spacer120 {
        height: 30px;
    }

    .homeblog .list-blog {
        font: normal normal normal 13px/21px Lexend;
        letter-spacing: 0px;
    }

    .t32 p,
    .t32 span,
    .t32 {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .btgrid p {
        margin-bottom: 5px;
    }
    .homeblog .list-blog .spacer15 {
        height: 0px;
    }

    .homeblog .list-blog .spacer30 {
        height: 20px;
    }

    .homeblog .list-blog .spacer30.spacersmall {
        height: 10px;
    }

    .blogImg {
        margin-top: 30px;
    }

    .t42 {
        font-size: 20px;
        line-height: 35px;
    }

    .homeblog .spacer60 {
        height: 0px;
    }

    .testemonialsArrows .btnBlack::after {
        padding-left: 65px;
    }

    .btnWhite,
    .btnWhiteFix {
        font-size: 11px;
    }

    .openMenu .t42 {
        margin-top: 0px;
    }

    .btnWhite::before {
        transform: scale(0.75);
        padding-left: 10px;
        margin-top: 0px;
    }

    .btnWhite::after {
        transform: scale(0.75);
        padding-left: 10px;
        margin-top: 0px;
    }

    .btnBlackReverse {
        padding-right: 65px;
    }

    .btnBlackReverse::after {
        transform: scale(0.75);
        left: 65px;
        font: normal normal normal 11px/14px Lora;
        padding-right: 60px;
    }

    .btnBlackReverse::before {
        transform: scale(0.75);
        padding-left: 10px;
        margin-top: 9px;
    }

    .hometestemonials .t24 {
        font-size: 11px;
        line-height: 38px;
    }

    .hometestemonials .t42 {
        font-size: 22px;
        line-height: 38px;
    }

    .hometestemonials .testemonialsBy {
        font-size: 9px;
        line-height: 18px;
    }

    .hometestemonials {
        font-size: 13px;
        line-height: 21px;
    }

    .hometestemonials .spacer60 {
        height: 10px;
    }

    .hometestemonials .lora.mt-3 {
        margin-top: 4px !important;
    }

    .hometestemonials .message-title {
        margin-top: 36px !important;
    }

    .testemonialsArrows {
        transform: scale(0.9);
    }

    .infiniteText {
        margin: 30px 0px 20px;
    }

    .hometestemonials .spacer120 {
        height: 60px;
    }

    .homecooperation .spacer120 {
        height: 30px;
    }

    .homecooperation .spacer90 {
        height: 30px;
    }

    .btnBlackVertical,
    .btnBlackVerticalFix {
        font-size: 10px;
    }

    .btnBlackVertical::after,
    .btnBlackVerticalFix::after {
        transform: scale(0.85);
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .btnBlackReverse:hover,
    .btnBlackReverseFix:hover {
        padding-right: 65px;
    }

    .t46 {
        font-size: 19px;
        line-height: 24px;
    }

    .servicesHomeItem {
        padding: 5px 0;
    }

    .servicesRightArrow {
        transform: scale(.8);
    }

    .servicesHomeItem:hover .servicesHomeImgHover {
        display: none !important;
    }

    .homeservices .t42 {
        font-size: 20px;
        line-height: 25px;
        width: 240px;
        margin-top: 0px;
    }
    .testemonialsMessage p {
        margin-bottom: 0px;
    }
    .homeservices .spacer120 {
        height: 60px;
    }

    .servicesHomeList {
        margin-top: 25px;
    }

    .videoArea .controls {
        padding: 10px;
    }

    .videoArea .controls .t42 {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 10px;
        margin-top: 0px !important;
    }

    .homeabout {
        font-size: 13px;
        line-height: 21px;

    }

    .t22,
    .t22 p {
        font-size: 11px;
        line-height: 14px;
    }

    .t42 {
        font-size: 20px;
        margin-top: 30px;
        line-height: 25px;
    }

    .homeabout .spacer120 {
        height: 60px;
    }

    .tecnology1 {
        top: calc(50% + 10px);
        left: calc(50% - 205px);
    }

    .tecnology3 {
        top: calc(50% + 10px);
        left: calc(50% - 60px);
    }

    .tecnology2 {
        top: calc(50% + 10px);
        left: calc(50% - 135px);
    }

    .creativityTechnologyDiv .t160 p,
    .creativityTechnologyDiv .t160 {
        font-size: 37px;
        line-height: 110px;
        height: 90px;
    }

    .tecnology0,
    .tecnology1,
    .tecnology2,
    .tecnology3,
    .creativity3,
    .creativity2,
    .creativity1,
    .creativity0 {
        height: 70px;
    }

    .creativity3,
    .creativity0 {
        display: none;
    }

    .creativity1 {
        top: calc(50% - 65px);
        left: calc(50% + -40px);
    }

    .creativity2 {
        top: calc(50% - 65px);
        left: calc(50% + 107px);
    }

    .btnBlackVerticalReverse::before,
    .btnBlackVerticalReverseFix::before {
        padding-bottom: 0px;
    }

    .lineAwards:nth-child(1)::after,
    .lineAwards:nth-child(4)::after {
        display: none;
        position: relative;
        inset: 0;
        transform: none;
    }

    .lineAwards::after {
        right: -0.75rem;
    }

    .aboutTeam .t120 {
        font-size: 32px;
        line-height: 41px;
    }

    #projectVideo video {
        height: 100vh;
        object-fit: cover;
    }

    .projectBigTitle {
        line-height: 25px;
        font-size: 20px;
    }

    .projectBigTitle br {
        display: none;
    }

    .mobile13,
    .mobile13 p {
        font-size: 13px;
        line-height: 21px;
    }

    .mobile13 sup {
        top: -3px;
    }

    .mobile16,
    .mobile16 p {
        font-size: 16px;
        line-height: 20px;
    }

    .mobile20,
    .mobile20 p {
        font-size: 20px;
        line-height: 25px;
    }

    .mobile32,
    .mobile32 p {
        font-size: 32px;
        line-height: 41px;
    }

    .mobile36,
    .mobile36 p {
        font-size: 36px;
        line-height: 41px;
    }

    .scrollBlogList {
        height: auto !important;
    }

    .blogList {
        flex-direction: row;
        flex-wrap: wrap;
        transform: translateX(0px) !important;
    }

    .blogFixBlackMobile,
    .blogFixBlackMobile .c-black {
        background: var(--primary-color);
        color: var(--secondary-color);
    }

    .projectFilter {
        /* position: fixed;
        bottom: 0;
        left: 0;
        right: 0; */
        bottom: 30px;
        z-index: 99;
    }

    .mobileCloseFilter {
        display: block;
        color: #ffffff;
        position: absolute;
        left: 25px;
        right: 25px;
        top: 30px;
        display: flex;
        justify-content: space-between;
    }

    .mobileCloseFilter>img {
        width: 125px;
        filter: brightness(0) invert(1);
    }

    .mobileCloseFilter .menuCloseBtn::after {
        filter: brightness(0) invert(1);
    }

    .mobileBtnFilter {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 260px;
        height: 60px;
        font-size: 12px;
        font-weight: 700;
        background: var(--primary-color);
        border-radius: 5px;
        color: var(--secondary-color);
    }

    .projectFilter .filterProject {
        display: none;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        top: 0px;
        flex-direction: column;
        justify-content: start;
        align-items: flex-start;
        padding: 10px 15px;
        border-radius: 0;
    }

    .filterProjectItem {
        padding: 9px 15px;
    }

    .filterChild {
        flex-direction: column;
        align-items: baseline;
        margin-left: 17px;
    }

    .projectFilter .filterProject a {
        width: calc(50% - 20px);
    }

    .filterProjectLabel {
        margin-bottom: 15px;
        margin-left: 10px;
        margin-top: 90px;
    }

    .projectFilter .filterProject.active {
        display: flex;
    }

    .projectFilter .d-flex {
        flex-wrap: wrap;
    }

    .projectFilter .d-flex a {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .parallaxProjects img {
        width: 152px;
        margin-bottom: 15px;
    }

    .parallaxProjects .d-flex {
        flex-direction: column;
    }

    .parallaxProjects .w-50 {
        width: 100% !important;
        text-align: center !important;
        order: 2;
    }

    .shareMobile {
        flex-direction: column;
    }

    .shareMobile>div {
        flex-wrap: wrap;
    }

    .shareMobile>div>div>a {
        margin-top: 15px;
        margin-left: 0px;
        margin-right: 15px;
        zoom: 0.75;
    }

    .shareMobile .mobileShareBtn {
        margin-top: 30px;
        padding-top: 15px;
        border-top: 1px solid #ffffff;
        width: 100%;
    }

    #projectNext {
        padding-left: 0px;
        padding-right: 0px;
    }

    .blogPaginatorLayout li.page-item,
    .blogPaginatorLayout span.label {
        display: none;
    }

    .blogPaginatorLayout .btnBlack::after {
        padding-left: 65px;
    }

    .blogPaginatorLayout {
        transform: scale(0.9);
    }

    .blogPaginatorLayout li.page-item.active {
        display: block;
    }

    .serviceCenterContent .btnBlackArrow {
        zoom: 0.75;
    }

    .approachMobile {
        font-size: 32px;
        line-height: 41px;
    }

    .contentAjustDados {
        padding: 0 15px;
    }

    .contentAjustDados img {
        margin-left: -15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .contentAjustCookies {
        padding: 0 15px;
    }

    .filterBlogLabel {
        width: 100%;
    }

    .filterBlog {
        flex-wrap: wrap;
    }

    .filterBlogItem {
        margin-left: 0;
        margin-right: 10px;
    }

    .protecaodados p,
    .protecaodados span,
    .default span,
    .default p {
        font-size: 13px !important;
    }

    .default .lora.t32 {
        margin-top: 50px;
    }

    .politicadecookie .t42,
    .protecaodados .t42,
    .default .lora.t42,
    .default .lora.t42 p,
    .default .lora.t42 span,
    .default .lora.t32,
    .default .lora.t32 p,
    .default .lora.t32 span {
        font-size: 20px !important;
        line-height: 25px !important;
    }

    .services .t42 {
        font-size: 22px;
        margin-top: 0px;
        line-height: 28px;
    }

    .servicesItem {
        min-height: 245px;
        font-size: 13px;
        line-height: 21px;
    }

    .serviceNumber {
        min-width: 50px;
        text-align: center;
    }

    .removeBtnPad {
        padding-right: 0px;
    }

    .btnBlack:hover,
    .btnBlackFix:hover {
        padding-left: 65px;
    }

    .services .bg-blue {
        padding-top: 60px;
    }

    .processBox {
        height: 100%;
    }

    .processBox img {
        max-height: 70%;
    }

    .processBox:after {
        padding-bottom: 65%;
    }

    .processMobilePad {
        padding: 0 12px;
    }

    .filterBlogLabel {
        align-items: center;
    }

    .blogs .t120.lora {
        font-size: 20px;
        line-height: 25px
    }

    .blogImgMobileHeight {
        min-height: 320px;
        object-fit: cover;
    }

    .blogBannerContent .btnBannerGeral {
        display: none;
    }

    .blogBannerContent {
        top: 150px;
    }

    .awardsItem:hover::before {
        display: none;
    }

    .supBreakMobile sup {
        width: 100%;
        display: block;
        top: 8px;
    }
}

@media (max-width: 991px) {
    footer .financing {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lineAwardsRow .lineAwards:nth-child(2)::before,
    .lineAwardsRow .lineAwards:nth-child(2)::after {
        display: block;
        content: "";
        width: 2px;
        height: 30px;
        background: #292929;
    }
        .parallax,
        .parallaxProjects {
            background-attachment:unset;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
}

@media (max-width: 768px) {
    .awardsItem {
        flex-direction: column;
        align-items: flex-end;
    }

    .mobileBreakLine sup {
        display: block;
        top: 1px;
        line-height: 120%;
        margin-bottom: 12px;
    }

    .awardsItem>div {
        gap: 30px !important;
    }

    .link-section .shape {
        width: 56px;
    }

    .videoArea .controls {
        padding: 44px;
    }

    .link-section .shape {
        width: 56px;
    }

    .contactsBox {
        min-height: 250px;
        padding-block: 32px;
    }

    .ajustBtGrid .emptyP {
        display: none;
    }
}

@media (max-width: 767px) {
    .footerLink {
        margin-left: 0px;
    }
}

@media (max-width: 575px) {
    .serviceCenterContent .title {
        gap: 15px;
    }

    .servicesHoverImg {
        align-items: center;
    }

    .scrollTeam {
        zoom: .5;
    }

    .link-section .shape {
        width: 39px;
        max-width: unset;
    }

    .contactsBox {
        min-height: unset;
        border-bottom: 2px solid var(--primary-color);
        padding-block: 24px;
    }

    .link-section .shape {
        width: 39px;
        max-width: unset;
    }

    .contactsBox.first-col {
        border: none;
    }
}

@media (max-width: 425px) {
    .videoArea .controls {
        padding: 24px;
    }

    .servicesItem {
        min-height: 245px;
    }

    .serviceCenterContent {
        height: auto;
        gap: 1.5rem;
    }
}