/*--------------*/

/* - FONTS      */

/*--------------*/

@font-face {font-family: "Poppins",sans-serif;src: url("../fonts/Poppins-Regular.woff2") format("woff2"),url("../fonts/Poppins-Regular.woff") format("woff");font-weight: 400;font-style: normal;display: swap;}

@font-face {font-family: "Poppins",sans-serif;src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"),url("../fonts/Poppins-SemiBold.woff") format("woff");font-weight: 600;font-style: normal;display: swap;}

/*-------------------------*/

/* - CUSTOM PRELOADER      */

/*-------------------------*/

#loader-wrapper {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: var(--clr-white);-webkit-animation: loader 0.8s linear;animation: loader 0.8s linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}

@-webkit-keyframes loader {

0% {opacity: 1;}

70% {opacity: 1;}

99% {opacity: 0;}

100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}

}

@keyframes loader {

0% {opacity: 1;}

70% {opacity: 1;}

99% {opacity: 0;}

100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}

}

/*--------------*/

/* - RESET      */

/*--------------*/

html {overflow-y: scroll;}

*,

*:before,

*:after {-webkit-box-sizing: border-box;box-sizing: border-box;}

* {margin: 0;padding: 0;border: 0;font-size: 100%;line-height: 0;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;}

.clear {clear: both;overflow: hidden;height: 0;font-size: 0;display: block;}

html:not(.touch-screen)::-webkit-scrollbar,

html:not(.touch-screen) *::-webkit-scrollbar {width: 6px;height: 6px;}

html:not(.touch-screen)::-webkit-scrollbar-track,

html:not(.touch-screen) *::-webkit-scrollbar-track {background: var(--clr-white);}

html:not(.touch-screen)::-webkit-scrollbar-thumb,

html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: var(--clr-primary);}

:focus,

:hover,

:active,

:visited {outline: none;}

button {background: none;}

body ::-moz-selection {color: var(--clr-white);background: var(--clr-primary);}

body ::selection {color: var(--clr-white);background: var(--clr-primary);}

a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}

a:hover {text-decoration: none;}

ul,

ol {list-style: none;}

picture {font-size: 0;}

img {max-width: 100%;height: auto;}

/*--------------------*/

/* - GLOBAL SETTINGS  */

/*--------------------*/

:root {--ff-1: "Poppins",sans-serif;--h-1: clamp(2.25rem, 4vw, 4.625rem);/*36-74*/--h-2: clamp(1.75rem, 5vw - 1.25rem, 3.875rem);/*28-74*/--h-3: clamp(1.25rem, 3vw - 0.5rem, 3.125rem);/*20-50*/--h-4: clamp(1.25rem, 2vw, 2rem);/*20-32*/--h-5: clamp(1.25rem, 2vw - 0.5rem, 1.5rem);/*20-24*/--h-6: clamp(1.125rem, 2vw - 0.5rem, 1.25rem);/*18-20*/--txt: clamp(0.875rem, 3vw - 1.75rem, 1.25rem);/*14-20*/--txt-sm: clamp(0.875rem, 3vw - 1.75rem, 1rem);/*14-16*/--txt-xs: clamp(0.75rem, 3vw - 1.5rem, 0.875rem);/*12-14*/--txt-quote: clamp(1.125rem, 3vw - 0.5rem, 2.5rem);/*18-50*/--contact: clamp(1.125rem, 3vw - 1rem, 2.375rem);/*18-38*/--clr-green:#25810E;--clr-primary: #1B0E81;--clr-secondary: #D9F3EA;--clr-black: #14131B;--clr-white: #fff;--clr-dark-grey: #62636A;--clr-light-grey: #C7CFD4;--clr-red: #BB0F33;--rgb-white: 255,255,255;--rgb-black: 20,19,27;--rgb-light-grey: 199,207,212;--transition-1: 0.3s;--transition-2: 0.45s;--transition-3: 0.6s;--rd-6: 0.375rem;--rd-10: 0.625rem;--rd-20: 1.25rem;--rd-40: 2.5rem;}

html {height: auto;-webkit-font-smoothing: antialiased;}

html.keyboard-focus:focus {outline: auto;}

body {height: auto;background-color: var(--clr-white);}

#content-block {overflow: hidden;position: relative;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

footer {margin-top: auto;}

.overflow-hidden,

.overflow-sidebar,

html.overflow-hidden body {overflow: hidden;}

html.overflow-sidebar,

html.overflow-menu,

html.overflow-menu body {overflow: hidden;}

html.overflow-visible #content-block {overflow: visible;}

html.overflow-sidebar.ios,

html.overflow-hidden.ios,

html.overflow-menu.ios {position: relative;overflow: hidden;}

html.overflow-sidebar.ios body,

html.overflow-hidden.ios body,

html.overflow-menu.ios body {position: relative;overflow: hidden;}

.section {position: relative;}

.swiper-slide:not(:first-child) {display: block;}

.swiper-container {opacity: 0;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}

.swiper-container.swiper-initialized {opacity: 1;}

.popup-wrapper {display: none;}

.svg-img picture {display: none;}

@media (max-width: 767px) {

:root {--rd-20: 0.625rem;--rd-40: 1.25rem;}

}

.row {--bs-gutter-x: 2rem;}

.container {position: relative;padding-inline: 1rem;width: 100%;}

@media (min-width: 1200px) {

.container {max-width: 100%;width: 98%;}

}

@media (min-width: 1441px) {

.container {width: 86%;}

}

@media (min-width: 2000px) {

div[class^=container] {max-width: 2200px;}

}

/*SPACERS*/

[class*=spacer] {clear: both;width: 100% !important;}

.spacer-xl {height: 175px;}

.spacer-lg {height: 150px;}

.spacer-md {height: 60px;}

@media (max-width: 1670px) {

.spacer-xl {height: 120px;}

.spacer-lg {height: 100px;}

}

@media (max-width: 1199px) {

.spacer-xl {height: 100px;}

.spacer-lg {height: 75px;}

.spacer-md {height: 50px;}

}

@media (max-width: 767px) {

:root {--rd-40: 20px;}

.spacer-xl {height: 80px;}

.spacer-lg {height: 60px;}

.spacer-md {height: 30px;}

}

/*COLORS AND BG*/

.black {color: var(--clr-black);}

.white {color: var(--clr-white);}

.dark-grey {color: var(--clr-dark-grey);}

.red {color: var(--clr-red);}

.bg-black {background-color: var(--clr-black);}

/*-------------------*/

/* - TYPOGRAPHY      */

/*-------------------*/

body {font-family: var(--ff-1);font-weight: 400;color: var(--clr-dark-grey);}

body * {font-family: var(--ff-1);}

b,

strong {font-weight: 600;line-height: inherit;}

h1,

.h1 {font-size: var(--h-1);line-height: 1.11em;}

h2,

.h2 {font-size: var(--h-2);line-height: 1.2em;}

h3,

.h3 {font-size: var(--h-3);line-height: 1.2em;}

h4,

.h4 {font-size: var(--h-4);line-height: 1.38em;}

h5,

.h5 {font-size: var(--h-5);line-height: 1.38em;}

h6,

.h6 {font-size: var(--h-6);line-height: 1.38em;}

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

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

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

.text-cap {text-transform: capitalize;}

.text-upper {text-transform: uppercase;}

.italic {font-style: italic;}

.text-cut-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.text-cut-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.text-cut-4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.text-cut-5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.title {font-weight: 600;color: var(--clr-black);}

.title.white {color: var(--clr-white);}

/*--------------------*/

/* - TEXT STYLES      */

/*--------------------*/

.text {font-size: var(--txt);line-height: 1.6em;font-weight: 400;color: var(--clr-dark-grey);--text-space: 1rem;}

.text h1,

.text h2,

.text h3,

.text h4,

.text h5,

.text h6 {font-weight: 600;color: var(--clr-black);}

.text em {font-style: italic;font-weight: inherit;}

.text a:not(.btn) {display: inline;font-weight: 400;color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;}

.text * + :where(*) {margin-top: calc(var(--text-space) * 1.67);}

.text * + :is(p, ul, ol, li) {margin-top: var(--text-space);}

.text * + :is(h1, h2, h3, h4, h5, h6) {margin-top: calc(var(--text-space) * 3);}

.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + * {margin-top: calc(var(--text-space) * 3);}

.text *:first-child {margin-top: 0;}

.text *:first-child img {margin-top: 0;}

.text img {display: block;width: 100%;border-radius: var(--rd-40);}

.text figure > * + figcaption {margin-top: 0.5rem !important;}

.text figcaption {font-size: var(--txt-xs);line-height: 1.6em;font-style: italic;}

.text iframe {display: block;width: 100%;max-width: 100%;height: 600px;max-height: calc(56.3vw - 20px);border: 0;border-radius: var(--rd-40);}

.text .swiper-entry > * * {margin-top: 0;}

.text ul li,

.text ol li {position: relative;font-size: inherit;color: inherit;padding-left: 1.75rem;margin-top: 0.5rem;}

.text ul li::before {content: "";position: absolute;left: 0;top: 0.55em;width: 0.5rem;height: 0.5rem;border-radius: 5px;background-color: var(--clr-primary);}

.text ol {counter-reset: number;padding-left: 0;}

.text ol li::before {position: absolute;top: 1px;left: 0;display: inline-block;counter-increment: number;content: counter(number) ".";font-size: 90%;line-height: inherit;font-weight: 600;color: var(--clr-primary);}

.text blockquote {position: relative;max-width: 100%;font-size: var(--txt-quote);line-height: 1.3em;font-weight: 600;color: var(--clr-black);text-align: left;padding: 1rem 6rem 0 6rem;}

.text blockquote::before,

.text blockquote::after {content: "";position: absolute;top: 1rem;left: 0;width: 50px;height: 30px;background-image: url(../img/icons/quote.svg);background-repeat: no-repeat;background-size: contain;}

.text blockquote::after {top: auto;left: auto;bottom: 1rem;right: 0;}

.text table {border-collapse: collapse;width: 100%;}

.text table tbody {min-width: 43rem;}

.text table tr {border-bottom: 0.0625rem solid var(--clr-dark-grey);text-align: left;}

.text table thead th,

.text table thead td {font-weight: 600;}

.text table td,

.text table th {vertical-align: middle;height: 3.5rem;font-size: inherit;line-height: 1em;font-weight: 400;color: var(--clr-dark-grey);text-align: left;padding: 0.5rem 0.25rem;}

.text table td:first-child {padding-left: 0.5rem;}

.text table td:last-child {padding-right: 0.5rem;}

.text.white {color: var(--clr-white);}

.caption {font-size: var(--txt-xs);line-height: 1.6em;}

/*media*/

@media (min-width: 1200px) {

.text a:not(.btn):hover {text-decoration-color: currentColor;}

}

@media (max-width: 1670px) {

.text ul li,

.text ol li {padding-left: 1.5rem;}

.text blockquote {padding: 1rem 4rem 0 4rem;}

.text blockquote::before,

.text blockquote::after {width: 45px;height: 25px;}

}

@media (max-width: 767px) {

.text {--text-space: 10px;}

.text ul li,

.text ol li {padding-left: 1.2rem;}

.text blockquote {padding: 1rem 2.5rem 0 2.5rem;}

.text blockquote::before,

.text blockquote::after {width: 22px;height: 14px;}

}

/*----------------*/

/* - BUTTONS      */

/*----------------*/

.btn {position: relative;cursor: pointer;overflow: hidden;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-negative: 0;flex-shrink: 0;outline: none;border: 0.0625rem solid transparent;border-radius: var(--rd-10);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);font-size: clamp(0.875rem, 3vw - 1.75rem, 1.125rem);line-height: 1em;font-weight: 600;text-decoration: none;text-align: center;padding: 16px 30px;width: auto;}

.btn b {display: inline-block;font-family: inherit;line-height: inherit;font-weight: inherit;color: currentColor;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}

.btn-primary {color: var(--clr-white);border-color: var(--clr-primary);background-color: var(--clr-primary);}

.btn-secondary {color: var(--clr-primary);border-color: var(--clr-white);background-color: var(--clr-white);}

.btn-thirdy {color: var(--clr-primary);border-color: var(--clr-primary);background-color: transparent;}

.btn-disabled {pointer-events: none;color: var(--clr-black);border-color: var(--clr-light-grey);background-color: var(--clr-light-grey);}

.btn-back i {--size: 1.25em;position: relative;display: inline-block;display: none;-ms-flex-negative: 0;flex-shrink: 0;width: var(--size);height: var(--size);}

.btn-back i svg {position: absolute;top: calc(50% + 0.05em);left: calc(50% - 0.05em);-webkit-transform: translate(-50%, -50%) rotate(-180deg);-ms-transform: translate(-50%, -50%) rotate(-180deg);transform: translate(-50%, -50%) rotate(-180deg);width: 60%;height: 60%;}

.btn-back i svg *[fill] {fill: var(--clr-primary);}

.btn-back i svg *[stroke] {stroke: var(--clr-primary);}

.btn-link {position: relative;cursor: pointer;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;outline: none;border: none;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);font-size: clamp(0.875rem, 3vw - 1.75rem, 1.125rem);line-height: 1.3em;font-weight: 600;color: var(--clr-black);text-decoration: underline;text-decoration-color: currentColor;text-underline-position: under;text-align: center;}

.btn-link.type-2 {color: var(--clr-dark-grey);text-decoration-color: transparent;}

.btn-link i {--size: 1.25em;position: relative;display: inline-block;-ms-flex-negative: 0;flex-shrink: 0;width: var(--size);height: var(--size);}

.btn-link i svg {position: absolute;top: calc(50% + 0.05em);left: calc(50% + 0.05em);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 60%;height: 60%;}

.btn-link i svg *[fill] {fill: currentColor;}

.btn-link i svg *[stroke] {stroke: currentColor;}

.btn-close {--size: 50px;display: inline-block;position: relative;cursor: pointer;width: var(--size);height: var(--size);border-radius: 100%;border: 1px solid transparent;color: var(--clr-black);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}

.btn-close::before,

.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 27%;height: 0.125rem;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}

.btn-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}

.btn-wrapper {--gap: 2.5rem;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;gap: var(--gap);}

@media (min-width: 1200px) {

.btn-primary:hover {color: var(--clr-primary);background-color: transparent;}

.btn-secondary:hover {color: var(--clr-white);border-color: var(--clr-white);background-color: transparent;}

.btn-thirdy:hover {color: var(--clr-white);border-color: var(--clr-primary);background-color: var(--clr-primary);}

.btn-link:hover {color: var(--clr-primary);}

.btn-close:hover {color: var(--clr-primary);border-color: currentColor;}

}

@media (max-width: 1199px) {

.btn {padding: 15px 30px;}

.btn-back {padding: 0.5rem;border-radius: 100%;}

.btn-back b {display: none;}

.btn-back i {display: inline-block;}

.btn-close {--size: 40px;}

.btn-close::before,

.btn-close::after {width: 50%;}

.btn-wrapper {--gap: 1.5rem;}

}

@media (max-width: 767px) {

.btn {padding: 15px 20px;}

.btn-back {padding: 0.5rem;}

.btn-wrapper {--gap: 1rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

}

.spinner {position: relative;display: inline-block;width: 1.25rem;height: 1.25rem;border-radius: 50%;border: 0.125rem solid var(--clr-light-grey);border-right: 0.125rem solid var(--clr-dark-grey);text-align: center;-webkit-animation-name: spinner;animation-name: spinner;-webkit-animation-duration: 900ms;animation-duration: 900ms;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);}

@-webkit-keyframes spinner {

0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}

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

}

@keyframes spinner {

0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}

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

}

.btn .spinner {margin-left: 0.5rem;}

/**--------------*/

/* - HEADER      */

/**--------------*/

:root {--header-h: 6rem;}

header {height: var(--header-h);}

header.scrolled .header-inner {height: 5rem;-webkit-box-shadow: inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.05);box-shadow: inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.05);}

header.scrolled .header-inner .logo {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}

.header-inner {position: fixed;z-index: 100;top: 0;left: 0;right: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--header-h);background: var(--clr-white);}

.header-inner .logo {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 11.25rem;line-height: 0;margin-right: 2rem;}

.header-inner .logo img {width: 100%;height: auto;max-width: 100%;}

.header-inner .btn {margin-left: 2rem;}

.header-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: inherit;}

.menu-toggle {width: 100%;}

.menu-toggle-wrapper {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;font-size: 0;}

.navigation {line-height: 0;margin: 0 auto;}

.navigation ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 1rem 3rem;}

.navigation ul li {position: relative;display: inline-block;font-size: var(--txt-sm);line-height: 1.3em;font-weight: 600;color: var(--clr-black);}

.navigation ul li a {font-family: inherit;}

.navigation ul li a.active {color: var(--clr-primary);}

.mobile-button {--size: 1.5rem;position: relative;z-index: 101;cursor: pointer;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;will-change: transform;}

.mobile-button-wrapper {position: relative;z-index: 101;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 2.5rem;height: 2.5rem;background-color: transparent;margin-left: auto;margin-right: 1.25rem;}

.mobile-button-wrapper.active .mobile-button:before,

.mobile-button-wrapper.active .mobile-button:after {width: 100%;-webkit-transform: translateY(0.5rem) rotate(45deg);-ms-transform: translateY(0.5rem) rotate(45deg);transform: translateY(0.5rem) rotate(45deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;background: var(--clr-black);}

.mobile-button-wrapper.active .mobile-button:after {-webkit-transform: translateY(-0.5rem) rotate(-45deg);-ms-transform: translateY(-0.5rem) rotate(-45deg);transform: translateY(-0.5rem) rotate(-45deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}

.mobile-button-wrapper.active .mobile-button span {-webkit-transform: translateX(2rem);-ms-transform: translateX(2rem);transform: translateX(2rem);opacity: 0;}

.mobile-button span {display: block;position: absolute;top: 50%;left: 0;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);width: 100%;height: 0.125rem;background: var(--clr-black);border-radius: 0.5rem;margin-top: 0;}

.mobile-button::before,

.mobile-button::after {content: "";position: absolute;top: 50%;right: 0;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);display: block;width: 80%;height: 0.125rem;background: var(--clr-black);border-radius: 0.5rem;margin-top: 0.5rem;}

.mobile-button::before {width: 48%;margin-top: -0.5rem;}

.menu-bottom {display: none;position: relative;width: 100%;text-align: center;background-color: rgba(var(--rgb-light-grey), 0.5);padding: 2rem 2.5rem;}

.menu-bottom > *:not(:last-child) {margin-bottom: 1.5rem;}

@media (min-width: 1200px) {

.header-inner .logo:hover {opacity: 0.7;}

.navigation > ul > li:hover > a {color: var(--clr-primary);}

}

@media (max-width: 1670px) {

.navigation ul {gap: 1rem 2rem;}

}

@media (max-width: 1199px) {

:root {--header-h: 3.75rem;}

header.scrolled .header-inner {height: var(--header-h);}

header.scrolled .header-inner .logo {-webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}

.header-inner .logo {max-width: 8rem;margin-right: 1.25rem;}

.header-inner .btn {margin-left: 0;}

.header-wrapper {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

header .menu-toggle {position: fixed;z-index: 101;top: var(--header-h);right: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);height: calc(100vh - var(--header-h));max-height: 100%;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}

header .menu-toggle-wrapper {position: absolute;z-index: 101;top: 0;right: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;width: 60%;height: inherit;max-height: 100%;background-color: var(--clr-white);text-align: left;overflow: hidden;}

header .menu-toggle .layer {position: absolute;z-index: -1;top: 0;left: 0;width: 100vw;height: inherit;background-color: var(--clr-primary);}

header.open-menu .menu-toggle {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

header.open-menu .menu-toggle-wrapper {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

.touch-screen header .menu-toggle {height: calc(100dvh - var(--header-h));}

.navigation {overflow-y: auto;display: block;width: 100%;height: 100%;margin-bottom: auto;padding: 7rem 2.5rem;}

.navigation ul.main-navigation {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.5rem;}

.navigation ul.main-navigation li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;font-size: 1.75rem;}

.mobile-button-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;}

.menu-bottom {display: block;}

}

@media (max-width: 767px) {

.header-inner .logo {max-width: 6.125rem;}

.navigation {padding: 2.5rem 1rem;}

.navigation ul.main-navigation li {font-size: 1.5rem;}

.menu-bottom {padding: 1.25rem 1rem;}

.menu-bottom > *:not(:last-child) {margin-bottom: 1rem;}

header .menu-toggle-wrapper {width: 100%;}

header .menu-toggle .layer {display: none;}

header.open-menu .menu-toggle-wrapper {-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}

}

/*---------------*/

/* - BANNER      */

/*---------------*/

.bg {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.bg.video {bottom: 0;right: 0;clip: rect(auto, auto, auto, auto);background-position: center;}
.bg.video video[poster]{width: 100%;height: 100%;object-fit: cover;object-position: top;}

.bg.video video {position: absolute;left: 0.4px;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}

.mask {display: none;margin: 0 auto;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: auto 100%;mask-size: auto 100%;max-width: 100%;}

html:not(.ios, .mac) .mask {-webkit-mask-image: url(../img/mask-banner.svg);mask-image: url(../img/mask-banner.svg);}

html.ios .mask,

html.mac .mask {-webkit-mask-image: url(../img/mask-banner.webp);mask-image: url(../img/mask-banner.webp);}

.banner-wrapper {position: relative;margin-top: calc(var(--header-h) * -1);}

.banner-wrapper .bg {top: calc(var(--header-h)*.7);left: auto;right: -5.25rem;width: 60%;height: calc(100% - var(--header-h)*.7);z-index: 1;}
.banner-align {position: relative;overflow: hidden;/*z-index: 10;*/display: table-cell;vertical-align: middle;width: 10000px;padding-block: calc(var(--header-h) + 3rem) 3rem;}

.banner-align.align-bottom {vertical-align: bottom;}

.banner-content > *:not(:last-child) {margin-bottom: 1.75rem;}

.banner-content .text {max-width: 80%;}

.banner.home-banner .banner-content .title{text-transform: capitalize;}

.banner-content .btn-wrapper {margin-top: 2rem;gap: 1rem 2.5rem;}
.video-play-btn, .video-pause-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;transition: var(--transition-1);opacity: 1;visibility: visible;}
.video-play-btn *, .video-pause-btn *{
  transition: var(--transition-1);
}
.video-pause-btn{opacity: 0;visibility: hidden;}
.playing .video-play-btn{opacity: 0;visibility: hidden;}
.playing:hover .video-pause-btn{opacity: 1;visibility: visible;}
@media (min-width: 768px) {

.banner-align {height: clamp(24rem, 45vh, 32rem);}

}


@media (min-width: 1200px) {
.video-pause-btn:hover circle,.video-play-btn:hover circle{stroke: var(--clr-secondary);fill: var(--clr-secondary);}
.video-pause-btn:hover rect,.video-play-btn:hover path{fill: var(--clr-primary); stroke: var(--clr-primary);}
.banner-align {height: clamp(25rem, 95vh, 64rem);}

html.ios .banner-wrapper .bg,

html.mac .banner-wrapper .bg {right: -7rem;width: 55%;}

}

@media (min-width: 1440px) {
.banner-wrapper .bg{width: 54%;}
}

@media (max-width: 1670px) {

.banner-wrapper .bg {top: -2rem;height: 100%;}

.banner-align {padding-block: calc(var(--header-h) + 2rem) 2rem;}

.banner-content > *:not(:last-child) {margin-bottom: 1rem;}

.banner-content .btn-wrapper {margin-top: 1rem;gap: 1.25rem;}

}

@media (max-width: 1440px) {

.banner-content {max-width: 90%;}

}

@media (max-width: 1199px) {

.banner-wrapper .bg {top: -1rem;right: -6rem;height: 100%;}

.banner-content .text {max-width: 100%;}

}

@media (max-width: 767px) {

.banner-wrapper {padding-top: var(--header-h);}

.banner-wrapper .bg {top: 0;left: 1rem;right: 1rem;width: calc(100% - 2rem);height: 100%;}

.banner-wrapper .bg-wrapper {position: relative;padding-bottom: 90%;}

.banner-align {height: auto;padding-block: 0.5rem;}

.banner-content {max-width: 100%;}
.home-banner .banner-content, .blog-banner .banner-content{text-align:center;}

.banner-content > *:not(:last-child) {margin-bottom: 0.75rem;}

.banner-content .btn-wrapper {margin-top: 0.75rem;}

}

@media (min-width: 1200px) and (max-height: 750px) {

.banner-wrapper .bg {top: 2%;}

}