/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.7
 * Text Domain: artware-child
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/*
 * Contents:
 * General.
 * Contact form 7.
 * Header.
 * - Menu (1st level).
 * - Menu (2nd level).
 * - Responsive menu (trigger).
 * - Responsive menu.
 * - Responsive menu (1st level).
 * - Responsive menu (2nd level).
 * - Responsive menu (footer).
 * - Header call action.
 * - Language selector (reset).
 * - Language selector.
 * Blocks.
 * - Gallery (WordPress Gutenberg).
 * - Intro with image.
 * - Infobox.
 * - Brands carousel.
 * - AJAX testimonials.
 * - Method.
 * - Case studies.
 * - Call action.
 * - Wide media banner.
 * - Text and list.
 * - Team.
 * - Toggles.
 * - Text and statistics.
 * - Blog carousel.
 * - Video.
 * - Timeline carousel.
 * - Dots media banner.
 * - Testimonials carousel.
 * - Expanded text.
 * - Normal media banner.
 * - Simple testimonial.
 * - Logo's gallery.
 * - Packages.
 * Team post.
 * Case studies archive.
 * Case study post.
 * Blog archive.
 * Blog post.
 * Footer.
 * - Footer container.
 * - Copyrights container.
 * Complianz.
 */

/*
 * Responsive breakpoints:
 * 1366px > laptop.
 * 1280px > laptop.
 * 1180px > tablet (landscape).
 * 1024px > tablet (landscape).
 * 881px > tablet (portait).
 * 781px > tablet (portait - WordPress breakpoint).
 * 600px > smartphone.
 * 500px > smartphone.
 */

/* General. */
@font-face {
    font-family: 'Geologica';
    src: url('assets/font/Geologica-Regular.woff2') format('woff2'),
         url('assets/font/Geologica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Geologica';
    src: url('assets/font/Geologica-SemiBold.woff2') format('woff2'),
         url('assets/font/Geologica-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/font/Roboto-Bold.woff2') format('woff2'),
         url('assets/font/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/font/Roboto-Medium.woff2') format('woff2'),
         url('assets/font/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/font/Roboto-Regular.woff2') format('woff2'),
         url('assets/font/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-0: #FFFFFF;
    --color-1: #FF8367;
    --color-2: #EBE4DE;
    --color-3: #A3A3A3;
    --color-4: #000000;

    --width-1920: 1920px;
    --width-1880: 1880px;
    --width-1675: 1675px;
    --width-1560: 1560px;
    --width-1410: 1410px;
    --width-1245: 1245px;
    --width-1010: 1010px;
    --width-945: 945px;
    --width-815: 815px;
    --width-650: 650px;
    --width-540: 540px;
    --width-425: 425px;
    --width-390: 390px;

    --fontfamily-roboto: 'Roboto';
    --fontfamily-geologica: 'Geologica';
}

* {
    scrollbar-width: thin !important;
    scrollbar-color: var(--color-1) var(--color-2) !important;
}

::selection {
    background-color: var(--color-4);
    color: var(--color-1);
}

html.no-scroll {
    overflow: hidden;
}

body {
    background-color: var(--color-2);
    font-family: var(--fontfamily-roboto);
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    color: var(--color-4);
}

main {
    margin-bottom: 80px;
}

p,
ul,
ol {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 145%;
}
p:last-child,
ul:last-child,
ol:last-child {
    margin: 0;
}

a {
    border-bottom: 1px solid var(--color-4);
    color: var(--color-4);
    transition: border-color .3s, color .3s;
}
a:hover {
    border-bottom: 1px solid var(--color-1);
    color: var(--color-1);
}

.wp-block-columns > .wp-block-column {
    display: block;
}

.wp-block-image {
    margin: 0;
}

.no__paddings {
    padding: 0 !important;
}
.left__padding {
    padding-left: 20px !important;
}
.right__padding {
    padding-right: 20px !important;
}

.width__1920,
.width__1880,
.width__1675,
.width__1560,
.width__1410,
.width__1245,
.width__1010,
.width__945,
.width__815,
.width__650,
.width__540,
.width__425,
.width__390 {
    margin: 0 auto;
    width: 100%;
}
.width__1920 {
    max-width: var(--width-1920);
}
.width__1880 {
    max-width: var(--width-1880);
}
.width__1675 {
    max-width: var(--width-1675);
}
.width__1560 {
    max-width: var(--width-1560);
}
.width__1410 {
    max-width: var(--width-1410);
}
.width__1245 {
    max-width: var(--width-1245);
}
.width__1010 {
    max-width: var(--width-1010);
}
.width__945 {
    max-width: var(--width-945);
}
.width__815 {
    max-width: var(--width-815);
}
.width__650 {
    max-width: var(--width-650);
}
.width__540 {
    max-width: var(--width-540);
}
.width__425 {
    max-width: var(--width-425);
}
.width__390 {
    max-width: var(--width-390);
}

.radius__corners {
    border-radius: 30px;
}

.slogan__message {
    font-family: var(--fontfamily-geologica);
    font-size: 32px;
    font-weight: 600;
}
.slogan__author {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
}

@media(max-width: 1366px) {
    .slogan__message {
        font-size: 26px;
    }
}

ul.contacts__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
ul.contacts__list > li {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 400;
}
ul.contacts__list > li > a {
    font-weight: 700;
}

ul.contact__page > li {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

@media(max-width: 500px) {
    ul.contact__page > li {
        font-size: 20px;
    }
}

/* Contact form 7. */
.wpcf7 .wpcf7-list-item {
    margin: 0;
    width: 100%;
}
.wpcf7 .wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 10px;
    color: var(--color-4);
    position: absolute;
    /* bottom: -30px; */
    right: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 20px 0 0 0;
	padding: 20px;
	border: 2px solid #00a0d2;
    border-radius: 10px;
    background-color: #00a0d2;
    font-size: 16px;
    font-weight: 600;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
    background-color: #46b450;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232;
    background-color: #dc3232;
}
.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28;
    background-color: #f56e28;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
    background-color: #ffb900;
}

.wpcf7-form .wp-block-columns {
    margin: 0 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.wpcf7-form .wp-block-column {
    width: 100%;
}
.wpcf7-form .wp-block-column:not(:only-child) {
    width: calc(50% - 10px);
}

@media(max-width: 781px) {
    .wpcf7-form .wp-block-columns {
        margin: 0 0 20px 0;
    }
}

.wpcf7-form .wp-block-column > label {
    display: none
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    font-weight: 600;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    outline: none
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
    padding: 20px;
    border: none;
    border-radius: 10px;
    width: 100%;
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    font-weight: 600;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span { /* Text color for the label */
    cursor: pointer;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span::before { /* Checkbox un-checked style */
    margin: 0 10px 0 0;
    content: '';
    width: 50px;
    height: 50px;
    border: 1px solid var(--color-0);
    border-radius: 5px;
    background-color: var(--color-0);
    display: inline-block;
    vertical-align: middle;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + span::before { /* Checked checkbox style (in this case the background is green #e7ffba, change this to change the color) */
    /* NOTE: Replace the url with a path to an SVG of a checkmark to get a checkmark icon */
    background-image: url(assets/icons/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    /* The size of the checkmark icon, you may/may not need this */
    background-size: 20px;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span span {
    display: inline-block;
    width: calc(100% - 60px);
    vertical-align: middle;
    text-align: start;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span span a {
    font-weight: 700;
    text-decoration: unset;
    display: inline-block;
    position: relative;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span span a::after {
    /* content: ''; */
    /* width: 100%; */
    /* height: 1px; */
    /* background-color: var(--color-0); */
    /* display: block; */
    /* position: absolute; */
    /* z-index: 1; */
    /* bottom: 0; */
    /* left: 0; */
}
.wpcf7-form .wpcf7-submit {
    padding: 14px 20px;
    border: none;
    border-radius: 10px;
    background-color: var(--color-1);
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    color: var(--color-4);
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
    cursor: pointer;
    transition: color .3s;
    transition: background-color .3s;
}
.wpcf7-form .wpcf7-submit:hover:not(:disabled) {
    background-color: var(--color-4);
}
.wpcf7-form .wpcf7-submit:disabled {
    /* color: var(--color-2); */
    opacity: .75;
    cursor: not-allowed;
}
.wpcf7-form .wpcf7-submit:not(:disabled):hover {
    color: var(--color-2);
}
.wp-block-columns.wpcf7__lastRow {
    margin: 0;
}
.wp-block-columns.wpcf7__lastRow > .wp-block-column:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}
.wp-block-columns.wpcf7__lastRow > .wp-block-column:last-child .wpcf7-submit {
    order: 1;
}
.wp-block-columns.wpcf7__lastRow > .wp-block-column:last-child .wpcf7-spinner {
    order: 0;
}

@media(max-width: 781px) {
    .wp-block-columns.wpcf7__lastRow > .wp-block-column:last-child {
        justify-content: start;
    }
    .wp-block-columns.wpcf7__lastRow > .wp-block-column:last-child .wpcf7-submit {
        order: 0;
    }
    .wp-block-columns.wpcf7__lastRow > .wp-block-column:last-child .wpcf7-spinner {
        order: 1;
    }
}

.wpcf7__titleLarge {
    font-family: var(--fontfamily-geologica);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
.wpcf7__titleMedium {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

@media(max-width: 500px) {
    .wpcf7__titleLarge {
        font-size: 24px;
    }
}

/*
 * Header.
 * - Menu (1st level).
 * - Menu (2nd level).
 * - Responsive menu (trigger).
 * - Responsive menu.
 * - Responsive menu (1st level).
 * - Responsive menu (2nd level).
 * - Responsive menu (footer).
 * - Header call action.
 * - Language selector (reset).
 * - Language selector.
 */
body > header {
    height: auto;
    /* position: unset; */
    pointer-events: auto;
}
.header__container {
    padding: 10px 20px;
}
.header__inner {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    max-width: var(--width-1880);
    border-radius: 10px;
    /* background-color: var(--color-2); */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    transition: background-color .15s;
}
body.scrolled .header__container {
    padding: 0 20px;
}
body.scrolled .header__inner {
    border-radius: 0 0 10px 10px;
    background-color: var(--color-2);
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
}
.header__col01,
.header__col02 {
    /* width: calc(50% - 5px); */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.header__col02 {
    text-align: end;
    justify-content: end;
}

@media(max-width: 500px) {
    .header__inner {
        padding: 10px 15px;
        background-color: var(--color-2);
        box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.15);
    }
}

.header__logo a {
    border: none;
}

/* - Menu (1st level). */
.header__menu > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.header__menu > ul > li > a {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    transition: background-color .3s, color .3s;
}
.header__menu > ul > li.menu-item-has-children:hover > a {
    background-color: var(--color-4);
    color: var(--color-1);
}
.header__menu > ul > li.menu-item-has-children > a::after {
    content: '';
    width: 12px;
    height: 7px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-chevron-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-chevron-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    position: relative;
    transition: background-color .3s, transform .3s;
}
.header__menu > ul > li.menu-item-has-children:hover > a::after {
    background-color: var(--color-1);
    transform: rotate(180deg);
}

@media(max-width: 881px) {
    .header__menu {
        display: none;
    }
}

/* - Menu (2nd level). */
.header__menu > ul > li > ul {
    padding: 20px 15px;
    border-radius: 0 10px 10px 10px;
    background-color: var(--color-4);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    transition: opacity .3s, visibility .3s;
}
.header__menu > ul > li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}
.header__menu > ul > li.menu-item-has-children > ul > li > a {
    width: 100%;
    border-bottom: none;
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    color: var(--color-1);
    display: block;
}
.header__menu > ul > li.menu-item-has-children > ul > li:hover > a {
    color: var(--color-2);
}

/* - Responsive menu (trigger). */
.header__responsiveMenu {
    /* display: flex; */
    display: none;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.header__responsiveMenu_label {
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    font-weight: 600;
}
.header__responsiveMenu_icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__responsiveMenu_icon::before {
    content: '';
    width: 21px;
    height: 15px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/bars.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/bars.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: background-color .3s;
}

@media(max-width: 881px) {
    .header__responsiveMenu {
        display: flex;
    }
}

/* - Responsive menu. */
.overlay__menu {
    background-color: rgba(0,0,0,0);
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .3s;
}
.overlay__menu.show {
    z-index: 9993;
    background-color: rgba(0,0,0,.8);
}

.slidePopup {
    /* padding: 15px 20px; */
    width: 80%;
    height: 100vh;
    /* border: 1px solid var(--color-0); */
    /* border-radius: 20px 0 0 20px; */
    background-color: var(--color-0);
    position: fixed;
    z-index: 9995;
    top: 0;
    right: 0;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform .3s;
}
.slidePopup.open {
    transform: translateX(0);
}

.slidePopup__header {
    padding: 15px 20px;
    border-bottom: 2px solid var(--color-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.slidePopup__header__label {
    font-family: var(--fontfamily-geologica);
    font-size: 32px;
    font-weight: 600;
    color: var(--color-4);
}
.slidePopup__header__close {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.slidePopup__header__close::before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/close.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/close.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.slidePopup__content {
    padding: 0 0 15px 0;
}

/* - Responsive menu (1st level). */
.responsiveMenu__menu > ul {
    list-style: none;
}
.responsiveMenu__menu > ul > li {
    border-bottom: 2px solid var(--color-2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 0;
    column-gap: 20px;
}
.responsiveMenu__menu > ul > li > a {
    padding: 27.5px 20px;
    width: 100%;
    border-bottom: none;
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    order: 1;
}
.responsiveMenu__menu > ul > li.menu-item-has-children > a {
    padding: 27.5px 0 27.5px 20px;
    width: calc(100% - 90px);
}
.responsiveMenu__menu > ul > li.menu-item-has-children > .expand-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--color-2);
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
}
.responsiveMenu__menu > ul > li.menu-item-has-children > .expand-icon::before {
    content: '';
    width: 14px;
    height: 17.5px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-caret-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: transform .3s;
}
.responsiveMenu__menu > ul > li.menu-item-has-children.active > .expand-icon::before {
    transform: rotate(180deg);
}
.responsiveMenu__menu > ul > li.menu-item-has-children > .expand-icon > span {
    display: none;
}

/* - Responsive menu (2nd level). */
.responsiveMenu__menu > ul > li.menu-item-has-children > ul {
    margin-bottom: 0;
    padding: 0 20px;
    width: 100%;
    max-height: 0;
    background-color: var(--color-2);
    display: flex;
    flex-direction: column;
    gap: 25px;
    list-style: none;
    order: 3;
    overflow: hidden;
    transition: padding .3s, max-height .3s;
}
.responsiveMenu__menu > ul > li.menu-item-has-children.active > ul {
    padding: 25px 20px;
    max-height: 650px;
}
.responsiveMenu__menu > ul > li.menu-item-has-children > ul > li > a {
    width: 100%;
    border-bottom: none;
    font-family: var(--fontfamily-geologica);
    font-size: 17px;
    display: block;
}

/* - Responsive menu (footer). */
.responsiveMenu__footer {
    margin: 15px 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* - Header call action. */
.header__col02 > .header__callAction,
.responsiveMenu__footer > .header__callAction {
    padding: 8px 12px;
    border-bottom: none !important;
    border-radius: 10px;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,.25);
    transition: background-color .3s;
}
.responsiveMenu__footer > .header__callAction {
    padding: 12px 16px;
}
.header__col02 > .header__callAction:hover,
.responsiveMenu__footer > .header__callAction:hover {
    background-color: var(--color-4);
}
.header__col02 > .header__callAction .header__callAction__icon::before,
.responsiveMenu__footer > .header__callAction .header__callAction__icon::before,
.package__item__button__icon::before {
    content: '';
    width: 19px;
    height: 18px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/message.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/message.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: background-color .3s;
}
.header__col02 > .header__callAction:hover .header__callAction__icon::before,
.responsiveMenu__footer > .header__callAction:hover .header__callAction__icon::before,
.package__item__button:hover .package__item__button__icon::before {
    background-color: var(--color-2);
}
.header__col02 > .header__callAction .header__callAction__label,
.responsiveMenu__footer > .header__callAction .header__callAction__label {
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    font-weight: 600;
    transition: color .3s;
}
.responsiveMenu__footer > .header__callAction .header__callAction__label {
    font-size: 20px;
}
.header__col02 > .header__callAction:hover .header__callAction__label,
.responsiveMenu__footer > .header__callAction:hover .header__callAction__label {
    color: var(--color-2);
}

@media(max-width: 500px) {
    .header__col02 > .header__callAction {
        display: none;
    }
}

/* - Language selector (reset). */
body > header .wpml-ls {
    width: unset;
    height: unset;
    border: none;
    display: unset;
    position: unset;
}
body > header .wpml-ls ul {
    width: unset;
    height: unset;
    max-height: unset;
    display: unset;
    flex-direction: unset;
    position: unset;
    overflow: unset;
    transition: unset;
}
body.scrolled > header .wpml-ls ul {
    max-height: unset;
}
body > header .wpml-ls ul li.wpml-ls-current-language {
    min-height: unset;
    display: unset;
    align-items: unset;
    justify-content: unset;
    order: unset;
    transition: unset;
}
body.scrolled > header .wpml-ls ul li.wpml-ls-current-language {
    min-height: unset;
}
body > header .wpml-ls ul li:not(.wpml-ls-current-language) {
    padding: 0;
    height: unset;
    background-color: unset;
    display: unset;
    align-items: unset;
    justify-content: unset;
    order: unset;
    box-sizing: unset;
}
body > header .wpml-ls ul li a {
    padding: 0;
    height: unset;
    display: unset;
    align-items: unset;
    justify-content: unset;
}

/* - Language selector. */
.header__col02 > .wpml-ls > ul,
.responsiveMenu__footer > .wpml-ls > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.header__col02 > .wpml-ls > ul > li > a,
.responsiveMenu__footer > .wpml-ls > ul > li > a {
    border-bottom: 2px solid transparent;
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    display: block;
    transition: border-color .3s, color .3s;
}
.responsiveMenu__footer > .wpml-ls > ul > li > a {
    font-size: 24px;
}
.header__col02 > .wpml-ls > ul > li.wpml-ls-current-language > a,
.responsiveMenu__footer > .wpml-ls > ul > li.wpml-ls-current-language > a {
    font-weight: 600;
    border-color: var(--color-4);
}
.header__col02 > .wpml-ls > ul > li:hover > a,
.header__col02 > .wpml-ls > ul > li.wpml-ls-current-language:hover > a,
.responsiveMenu__footer > .wpml-ls > ul > li:hover > a,
.responsiveMenu__footer > .wpml-ls > ul > li.wpml-ls-current-language:hover > a {
    border-color: var(--color-1);
}

@media(max-width: 881px) {
    .header__col02 > .wpml-ls {
        display: none;
    }
}

/*
 * Blocks.
 * - Gallery (WordPress Gutenberg).
 * - Intro with image.
 * - Infobox.
 * - Brands carousel.
 * - AJAX testimonials.
 * - Method.
 * - Case studies.
 * - Call action.
 * - Wide media banner.
 * - Text and list.
 * - Team.
 * - Toggles.
 * - Text and statistics.
 * - Blog carousel.
 * - Video.
 * - Timeline carousel.
 * - Dots media banner.
 * - Testimonials carousel.
 * - Expanded text.
 * - Normal media banner.
 * - Simple testimonial.
 * - Logo's gallery.
 * - Packages.
 */

/* - Gallery (WordPress Gutenberg). */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
    display: none;
}

.wp-block-gallery.use-magic-grid {
    margin: 0;
}
.wp-block-gallery.use-magic-grid .wp-block-image {
    width: calc(50% - 20px) !important;
}
.wp-block-gallery.use-magic-grid figure.wp-block-image > a {
    border: none;
    border-radius: 20px;
    overflow: hidden;
}
.wp-block-gallery.use-magic-grid figure.wp-block-image figcaption {
    margin: 16px 10px 10px 10px !important;
    padding: 0 !important;
    max-height: none !important;
    background: none !important;
    font-family: var(--fontfamily-geologica) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-align: left !important;
    text-shadow: none !important;
    color: var(--color-4) !important;
    flex-basis: auto !important;
    position: relative !important;
    scrollbar-gutter: auto !important;
}

@media (max-width: 650px) {
    .wp-block-gallery.use-magic-grid {
        gap: 0 !important;
    }
    .wp-block-gallery.use-magic-grid .wp-block-image {
        width: 100% !important;
    }
}

/* - Intro with image. */
.blockIntroWithImage__container {
    overflow-x: clip;
}
.blockIntroWithImage__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1920);
    display: flex;
    flex-wrap: wrap;
    /* align-items: end; */
    align-items: stretch;
    gap: 20px;
}
.blockIntroWithImage__content,
.blockIntroWithImage__media {
    width: calc(50% - 10px);
}
.blockIntroWithImage__content {
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 0 20px;
    height: 100%;
    min-height: 700px;
    display: flex;
    align-items: end;
}
.blockIntroWithImage__contentInner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-650);
}

@media(max-width: 1366px) {
    .blockIntroWithImage__content {
        min-height: 600px;
    }
    .blockIntroWithImage__contentInner {
        max-width: var(--width-425);
    }
}
@media(max-width: 881px) {
    .blockIntroWithImage__content,
    .blockIntroWithImage__media {
        width: 100%;
    }
    .blockIntroWithImage__content {
        margin-top: 0;
        min-height: unset;
        order: 1;
    }
    .blockIntroWithImage__media {
        margin-top: -50%;
        transform: translateX(20%);
        order: 0;
    }
    .blockIntroWithImage__contentInner {
        max-width: var(--width-650);
    }
}
@media(max-width: 500px) {
    .blockIntroWithImage__media {
        margin-top: -20%;
        transform: scale(1.5) translate(10%, -15%);
    }
}

.blockIntroWithImage__tagline {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
}
.blockIntroWithImage__title {
    font-family: var(--fontfamily-geologica);
    font-size: 48px;
    font-weight: 600;
}
.blockIntroWithImage__description > ul,
.blockIntroWithImage__description > ol,
.blockInfobox__item__description > ul,
.blockInfobox__item__description > ol,
.blockTextList__description > ul,
.blockTextList__description > ol,
.timeline__item__description > ul,
.timeline__item__description > ol,
.blockTextList__list__item__description > ul,
.blockTextList__list__item__description > ol,
.blockExpandedtext__description > ul,
.blockExpandedtext__description > ol,
.blockNormalMediaBanner__description > ul,
.blockNormalMediaBanner__description > ol,
.blockLogoGallery__description > ul,
.blockLogoGallery__description > ol,
.blockGeneral__inner > ul,
.blockGeneral__inner > ol {
    padding: 0 0 0 15px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    list-style-position: inside;
    position: relative;
}
.blockIntroWithImage__description > ol,
.blockInfobox__item__description > ol,
.blockTextList__description > ol,
.timeline__item__description > ol,
.blockTextList__list__item__description > ol,
.blockExpandedtext__description > ol,
.blockNormalMediaBanner__description > ol,
.blockLogoGallery__description > ol,
.blockGeneral__inner > ol {
    padding: 0 0 0 35px;
    counter-reset: list-number;
}
.blockIntroWithImage__description > ul > li,
.blockIntroWithImage__description > ol > li,
.blockInfobox__item__description > ul > li,
.blockInfobox__item__description > ol > li,
.blockTextList__description > ul > li,
.blockTextList__description > ol > li,
.timeline__item__description > ul > li,
.timeline__item__description > ol > li,
.blockTextList__list__item__description > ul > li,
.blockTextList__list__item__description > ol > li,
.blockExpandedtext__description > ul > li,
.blockExpandedtext__description > ol > li,
.blockNormalMediaBanner__description > ul > li,
.blockNormalMediaBanner__description > ol > li,
.blockLogoGallery__description > ul > li,
.blockLogoGallery__description > ol > li,
.blockGeneral__inner > ul > li,
.blockGeneral__inner > ol > li {
    position: relative;
}
.blockIntroWithImage__description > ul > li::before,
.blockInfobox__item__description > ul > li::before,
.blockTextList__description > ul > li::before,
.timeline__item__description > ul > li::before,
.blockTextList__list__item__description > ul > li::before,
.blockExpandedtext__description > ul > li::before,
.blockNormalMediaBanner__description > ul > li::before,
.blockLogoGallery__description > ul > li::before,
.blockGeneral__inner > ul > li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: var(--color-4);
    display: block;
    position: absolute;
    top: 9px;
    left: -15px;
}
.blockIntroWithImage__description > ol > li::before,
.blockInfobox__item__description > ol > li::before,
.blockTextList__description > ol > li::before,
.timeline__item__description > o > li::before,
.blockTextList__list__item__description > ol > li::before,
.blockExpandedtext__description > ol > li::before,
.blockNormalMediaBanner__description > ol > li::before,
.blockLogoGallery__description > ol > li::before,
.blockGeneral__inner > ol > li::before {
    content: counter(list-number, decimal-leading-zero) '.';
    counter-increment: list-number;
    /* font-family: var(--fontfamily-geologica); */
    /* font-size: 24px; */
    position: absolute;
    top: 0;
    left: -35px;
}

.blockIntroWithImage__buttons,
.blockInfobox__buttons,
.blockBrandsCarousel__buttons,
.blockMethod__buttons,
.blockCaseStudies__buttons,
.blockCallAction__buttons,
.blockTextList__buttons,
.blockToggles__buttons,
.blockTextStatistics__buttons,
.blockBlogCarousel__buttons,
.blockNormalMediaBanner__buttons,
.blockPackages__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.blockIntroWithImage__button,
.blockInfobox__button,
.blockBrandsCarousel__button,
.blockMethod__button,
.blockCaseStudies__button,
.blockCallAction__button,
.blockTextList__button,
.blockToggles__button,
.blockTextStatistics__button,
.blockBlogCarousel__button,
.blockNormalMediaBanner__button,
.blockPackages__button,
.package__item__button {
    padding: 14px 20px;
    border: 2px solid transparent !important;
    border-radius: 10px;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
    transition: border-color .3s, background-color .3s;
}
.blockIntroWithImage__button:hover,
.blockInfobox__button:hover,
.blockBrandsCarousel__button:hover,
.blockMethod__button:hover,
.blockCaseStudies__button:hover,
.blockCallAction__button:hover,
.blockTextList__button:hover,
.blockToggles__button:hover,
.blockTextStatistics__button:hover,
.blockBlogCarousel__button:hover,
.blockNormalMediaBanner__button:hover,
.blockPackages__button:hover,
.package__item__button:hover {
    border-color: var(--color-4);
    background-color: var(--color-4);
}
.wp-block-cover .blockIntroWithImage__button:hover,
.wp-block-cover .blockInfobox__button:hover,
.wp-block-cover .blockBrandsCarousel__button:hover,
.wp-block-cover .blockMethod__button:hover,
.wp-block-cover .blockCaseStudies__button:hover,
.wp-block-cover .blockCallAction__button:hover,
.wp-block-cover .blockTextList__button:hover,
.wp-block-cover .blockToggles__button:hover,
.wp-block-cover .blockTextStatistics__button:hover,
.wp-block-cover .blockBlogCarousel__button:hover,
.wp-block-cover .blockNormalMediaBanner__button:hover,
.wp-block-cover .blockPackages__button:hover,
.package__item__button:hover {
    border-color: var(--color-1) !important;
    background-color: var(--color-4);
}
.blockIntroWithImage__button__icon,
.blockInfobox__button__icon,
.blockBrandsCarousel__button__icon,
.blockMethod__button__icon,
.blockCaseStudies__button__icon,
.blockCallAction__button__icon,
.blockTextList__button__icon,
.blockToggles__button__icon,
.blockTextStatistics__button__icon,
.blockBlogCarousel__button__icon,
.blockNormalMediaBanner__button__icon,
.blockPackages__button__icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.blockIntroWithImage__button__icon svg path,
.blockInfobox__button__icon svg path,
.blockBrandsCarousel__button__icon svg path,
.blockMethod__button__icon svg path,
.blockCaseStudies__button__icon svg path,
.blockCallAction__button__icon svg path,
.blockTextList__button__icon svg path,
.blockToggles__button__icon svg path,
.blockTextStatistics__button__icon svg path,
.blockBlogCarousel__button__icon svg path,
.blockNormalMediaBanner__button__icon svg path,
.blockPackages__button__icon svg path {
    transition: fill .3s;
}
.blockIntroWithImage__button:hover .blockIntroWithImage__button__icon svg path,
.blockInfobox__button:hover .blockInfobox__button__icon svg path,
.blockBrandsCarousel__button:hover .blockBrandsCarousel__button__icon svg path,
.blockMethod__button:hover .blockMethod__button__icon svg path,
.blockCaseStudies__button:hover .blockCaseStudies__button__icon svg path,
.blockCallAction__button:hover .blockCallAction__button__icon svg path,
.blockTextList__button:hover .blockTextList__button__icon svg path,
.blockToggles__button:hover .blockToggles__button__icon svg path,
.blockTextStatistics__button:hover .blockTextStatistics__button__icon svg path,
.blockBlogCarousel__button:hover .blockBlogCarousel__button__icon svg path,
.blockNormalMediaBanner__button:hover .blockNormalMediaBanner__button__icon svg path,
.blockPackages__button:hover .blockPackages__button__icon svg path {
    fill: var(--color-2);
}
.blockIntroWithImage__button__label,
.blockInfobox__button__label,
.blockBrandsCarousel__button__label,
.blockMethod__button__label,
.blockCaseStudies__button__label,
.blockCallAction__button__label,
.blockTextList__button__label,
.blockToggles__button__label,
.blockTextStatistics__button__label,
.blockBlogCarousel__button__label,
.blockNormalMediaBanner__button__label,
.blockPackages__button__label,
.package__item__button__label {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    transition: color .3s;
}
.blockIntroWithImage__button:hover .blockIntroWithImage__button__label,
.blockInfobox__button:hover .blockInfobox__button__label,
.blockBrandsCarousel__button:hover .blockBrandsCarousel__button__label,
.blockMethod__button:hover .blockMethod__button__label,
.blockCaseStudies__button:hover .blockCaseStudies__button__label,
.blockCallAction__button:hover .blockCallAction__button__label,
.blockTextList__button:hover .blockTextList__button__label,
.blockToggles__button:hover .blockToggles__button__label,
.blockTextStatistics__button:hover .blockTextStatistics__button__label,
.blockBlogCarousel__button:hover .blockBlogCarousel__button__label,
.blockNormalMediaBanner__button:hover .blockNormalMediaBanner__button__label,
.blockPackages__button:hover .blockPackages__button__label,
.package__item__button:hover .package__item__button__label {
    color: var(--color-2);
}

.blockIntroWithImage__tagline + .blockIntroWithImage__title,
.blockIntroWithImage__tagline + .blockIntroWithImage__description,
.blockIntroWithImage__tagline + .blockIntroWithImage__buttons {
    margin-top: 10px;
}
.blockIntroWithImage__title + .blockIntroWithImage__description,
.blockIntroWithImage__title + .blockIntroWithImage__buttons {
    margin-top: 30px;
}
.blockIntroWithImage__description + .blockIntroWithImage__buttons {
    margin-top: 40px;
}

@media(max-width: 1366px) {
    .blockIntroWithImage__title {
        font-size: 40px;
    }
}
@media(max-width: 881px) {
    .blockIntroWithImage__title {
        font-size: 34px;
    }
}

.blockIntroWithImage__media {
    position: relative;
}
.blockIntroWithImage__media img {
    width: 100%;
    max-width: unset;
    height: auto;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    transform: scale(1.75) translate(7.5%, -21%);
    transition: transform .3s;
}

@media(max-width: 1681px) {
    .blockIntroWithImage__media img {
        transform: scale(1.75) translate(10%, -25%);
    }
}
@media(max-width: 1481px) {
    .blockIntroWithImage__media img {
        transform: scale(1.75) translate(15%, -27.5%);
    }
}
@media(max-width: 1366px) {
    .blockIntroWithImage__media img {
        transform: scale(1.75) translate(12.5%, -27.5%);
    }
}
@media(max-width: 1280px) {
    .blockIntroWithImage__media img {
        transform: scale(1.75) translate(15%, -27.5%);
    }
}
@media(max-width: 1024px) {
    .blockIntroWithImage__media img {
        transform: scale(1.75) translate(17.5%, -37.5%);
    }
}
@media(max-width: 881px) {
    .blockIntroWithImage__media img {
        position: relative;
        transform: unset;
    }
}

/* - Infobox. */
.blockInfobox__container,
.blockBrandsCarousel__container,
.blockTestimonialsAjax__container,
.blockMethod__container,
.blockCaseStudies__container,
.blockCallAction__container,
.blockWideMediaBanner__container,
.blockTextList__container,
.blockTeam__container,
.blockToggles__container,
.blockTextStatistics__container,
.blockBlogCarousel__container,
.blockVideoGLightbox__container,
.blockGeneral__container,
.blockTimelineCarousel__container,
.blockDotsMediaBanner__container,
.blockTestimonialsCarousel__container,
.blockExpandedtext__container,
.blockNormalMediaBanner__container,
.archive__container,
.blockTestimonialsSimple__container,
.postList__container,
.tagCloud__container,
.blockLogoGallery__container,
.blockPackages__container {
    padding: 0 20px;
}
.blockInfobox__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1675);
}

@media(max-width: 1280px) {
    .blockInfobox__inner {
        max-width: var(--width-1010);
    }
}
@media(max-width: 1024px) {
    .blockInfobox__inner {
        max-width: var(--width-815);
    }
}

.blockInfobox__intro {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-945);
}
.blockInfobox__image,
.blockNormalMediaBanner__topImage {
    text-align: center;
}
.blockInfobox__tagline,
.blockBrandsCarousel__tagline,
.blockTestimonialsAjax__tagline,
.blockMethod__tagline,
.blockCaseStudies__tagline,
.blockCallAction__tagline,
.blockTextList__tagline,
.blockTeam__tagline,
.blockToggles__tagline,
.blockTextStatistics__tagline,
.blockBlogCarousel__tagline,
.blockTimelineCarousel__tagline,
.blockTestimonialsCarousel__tagline,
.blockExpandedtext__tagline,
.blockNormalMediaBanner__tagline,
.blockTestimonialsSimple__tagline,
.blockLogoGallery__tagline,
.blockPackages__tagline {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    text-align: center;
}
.blockInfobox__title,
.blockBrandsCarousel__title,
.blockTestimonialsAjax__title,
.blockMethod__title,
.blockCaseStudies__title,
.blockCallAction__title,
.blockTextList__title,
.blockTeam__title,
.blockToggles__title,
.blockTextStatistics__title,
.blockBlogCarousel__title,
.blockTimelineCarousel__title,
.blockTestimonialsCarousel__title,
.blockExpandedtext__title,
.blockNormalMediaBanner__title,
.blockTestimonialsSimple__title,
.blockLogoGallery__title,
.blockPackages__title,
.package__item__title,
.archive__inner > h1,
.postList__container > h1  {
    font-family: var(--fontfamily-geologica);
    font-size: 42px;
    font-weight: 600;
    text-align: center;
}
.blockInfobox__description,
.blockBrandsCarousel__description,
.blockTestimonialsAjax__description,
.blockMethod__description,
.blockCaseStudies__description,
.blockCallAction__description,
.blockBlogCarousel__description,
.blockTestimonialsCarousel__description,
.blockNormalMediaBanner__description,
.blockLogoGallery__description,
.blockPackages__description {
    text-align: center;
}

.blockInfobox__image + .blockInfobox__tagline,
.blockInfobox__image + .blockInfobox__title,
.blockInfobox__image + .blockInfobox__description,
.blockInfobox__title + .blockInfobox__description,
.blockBrandsCarousel__title + .blockBrandsCarousel__description,
.blockTestimonialsAjax__title + .blockTestimonialsAjax__description,
.blockMethod__title + .blockMethod__description,
.blockCaseStudies__title + .blockCaseStudies__description,
.blockCallAction__title + .blockCallAction__description,
.blockTextList__title + .blockTextList__description,
.blockTeam__title + .blockTeam__description,
.blockToggles__title + .blockToggles__description,
.blockTextStatistics__title + .blockTextStatistics__description,
.blockBlogCarousel__title + .blockBlogCarousel__description,
.blockTimelineCarousel__title + .blockTimelineCarousel__description,
.blockTestimonialsCarousel__title + .blockTestimonialsCarousel__description,
.blockExpandedtext__title + .blockExpandedtext__description,
.blockNormalMediaBanner__title + .blockNormalMediaBanner__description,
.blockTestimonialsSimple__title + .blockTestimonialsSimple__description,
.blockLogoGallery__title + .blockLogoGallery__description,
.blockPackages__title + .blockPackages__description,
.package__item__title + .package__item__description {
    margin-top: 30px;
}
.blockInfobox__tagline + .blockInfobox__title,
.blockInfobox__tagline + .blockInfobox__description,
.blockBrandsCarousel__tagline + .blockBrandsCarousel__title,
.blockBrandsCarousel__tagline + .blockBrandsCarousel__description,
.blockTestimonialsAjax__tagline + .blockTestimonialsAjax__title,
.blockTestimonialsAjax__tagline + .blockTestimonialsAjax__description,
.blockMethod__tagline + .blockMethod__title,
.blockMethod__tagline + .blockMethod__description,
.blockCaseStudies__tagline + .blockCaseStudies__title,
.blockCaseStudies__tagline + .blockCaseStudies__description,
.blockCallAction__tagline + .blockCallAction__title,
.blockCallAction__tagline + .blockCallAction__description,
.blockTextList__tagline + .blockTextList__title,
.blockTextList__tagline + .blockTextList__description,
.blockTeam__tagline + .blockTeam__title,
.blockTeam__tagline + .blockTeam__description,
.blockToggles__tagline + .blockToggles__title,
.blockToggles__tagline + .blockToggles__description,
.blockTextStatistics__tagline + .blockTextStatistics__title,
.blockTextStatistics__tagline + .blockTextStatistics__description,
.blockBlogCarousel__tagline + .blockBlogCarousel__title,
.blockBlogCarousel__tagline + .blockBlogCarousel__description,
.blockTimelineCarousel__tagline + .blockTimelineCarousel__title,
.blockTimelineCarousel__tagline + .blockTimelineCarousel__description,
.blockTestimonialsCarousel__tagline + .blockTestimonialsCarousel__title,
.blockTestimonialsCarousel__tagline + .blockTestimonialsCarousel__description,
.blockExpandedtext__tagline + .blockExpandedtext__title,
.blockExpandedtext__tagline + .blockExpandedtext__description,
.blockNormalMediaBanner__tagline + .blockNormalMediaBanner__title,
.blockNormalMediaBanner__tagline + .blockNormalMediaBanner__description,
.blockTestimonialsSimple__tagline + .blockTestimonialsSimple__title,
.blockTestimonialsSimple__tagline + .blockTestimonialsSimple__description,
.blockLogoGallery__tagline + .blockLogoGallery__title,
.blockLogoGallery__tagline + .blockLogoGallery__description,
.blockPackages__tagline + .blockPackages__title,
.blockPackages__tagline + .blockPackages__description,
.package__item__tagline + .package__item__title,
.package__item__tagline + .package__item__description {
    margin-top: 10px;
}

@media(max-width: 1280px) {
    .blockInfobox__title,
    .blockBrandsCarousel__title,
    .blockTestimonialsAjax__title,
    .blockMethod__title,
    .blockCaseStudies__title,
    .blockCallAction__title,
    .blockTextList__title,
    .blockTeam__title,
    .blockToggles__title,
    .blockTextStatistics__title,
    .blockBlogCarousel__title,
    .blockTimelineCarousel__title,
    .blockTestimonialsCarousel__title,
    .blockExpandedtext__title,
    .blockNormalMediaBanner__title,
    .blockLogoGallery__title,
    .blockPackages__title,
    .package__item__title,
    .archive__inner > h1,
    .postList__container > h1 {
        font-size: 32px;
    }
}
@media(max-width: 500px) {
    .blockInfobox__title,
    .blockBrandsCarousel__title,
    .blockTestimonialsAjax__title,
    .blockMethod__title,
    .blockCaseStudies__title,
    .blockCallAction__title,
    .blockTextList__title,
    .blockTeam__title,
    .blockToggles__title,
    .blockTextStatistics__title,
    .blockBlogCarousel__title,
    .blockTimelineCarousel__title,
    .blockTestimonialsCarousel__title,
    .blockExpandedtext__title,
    .blockNormalMediaBanner__title,
    .blockLogoGallery__title,
    .blockPackages__title,
    .package__item__title,
    .archive__inner > h1,
    .postList__container > h1 {
        font-size: 24px;
    }
}

.blockInfobox__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.blockInfobox__item {
    padding: 30px;
    width: calc(25% - 15px);
    border-radius: 30px;
    background-color: var(--color-2);
}
.blockInfobox__item__icon {
    width: auto;
    height: 60px;
}
.blockInfobox__item__icon svg {
    width: auto;
    height: 100%;
}
.blockInfobox__item__title {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    font-weight: 600;
    color: var(--color-4);
}
.blockInfobox__item__description {
    color: var(--color-4);
}
.blockInfobox__item__button,
.blockTeam__item__button,
.blockCaseStudies__item__button {
    border-bottom: none !important;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}
.blockInfobox__item__button__label,
.blockTeam__item__button__label,
.blockCaseStudies__item__button__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
}
.blockInfobox__item__button__icon,
.blockTeam__item__button__icon,
.blockCaseStudies__item__button__icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
}
.blockInfobox__item__button__icon::before,
.blockTeam__item__button__icon::before,
.blockCaseStudies__item__button__icon::before {
    content: '';
    width: 14px;
    height: 17.5px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-caret-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(-90deg);
    transition: background-color .3s;
}
.blockInfobox__item__button:hover .blockInfobox__item__button__icon::before,
.blockTeam__item__button:hover .blockTeam__item__button__icon::before,
.blockCaseStudies__item__button:hover .blockCaseStudies__item__button__icon::before {
    background-color: var(--color-2);
}

.blockInfobox__item__icon + .blockInfobox__item__title,
.blockInfobox__item__icon + .blockInfobox__item__description,
.blockInfobox__item__icon + .blockInfobox__item__button,
.blockInfobox__item__title + .blockInfobox__item__description,
.blockInfobox__item__title + .blockInfobox__item__button,
.blockNormalMediaBanner__topImage + .blockNormalMediaBanner__tagline,
.blockNormalMediaBanner__topImage + .blockNormalMediaBanner__title,
.blockNormalMediaBanner__topImage + .blockNormalMediaBanner__description {
    margin-top: 20px;
}
.blockInfobox__item__description + .blockInfobox__item__button {
    margin-top: 30px;
}

.blockInfobox__intro + .blockInfobox__list {
    margin-top: 65px;
}

@media(max-width: 1366px) {
    .blockInfobox__item {
        padding: 20px 20px 30px 20px;
    }
}
@media(max-width: 1280px) {
    .blockInfobox__item {
        width: calc(50% - 10px);
    }
}
@media(max-width: 500px) {
    .blockInfobox__item {
        width: 100%;
    }
}

.blockInfobox__buttons,
.blockBrandsCarousel__buttons,
.blockMethod__buttons,
.blockCaseStudies__buttons,
.blockCallAction__buttons,
.blockBlogCarousel__buttons,
.blockNormalMediaBanner__buttons,
.blockPackages__buttons {
    justify-content: center;
}

.blockInfobox__intro + .blockInfobox__buttons,
.blockInfobox__list + .blockInfobox__buttons,
.blockMethod__content__intro + .blockMethod__buttons,
.blockCallAction__intro + .blockCallAction__buttons,
.blockTextList__intro + .blockTextList__buttons,
.blockTextList__list + .blockTextList__buttons,
.blockToggles__intro + .blockToggles__list,
.blockToggles__intro + .blockToggles__buttons,
.blockToggles__list + .blockToggles__buttons,
.blockTextStatistics__intro + .blockTextStatistics__buttons,
.blockTextStatistics__list + .blockTextStatistics__buttons,
.blockBlogCarousel__intro + .blockBlogCarousel__buttons,
.blockBlogCarousel__intro + .blockBlogCarousel__gallery,
.blockBlogCarousel__gallery + .blockBlogCarousel__buttons,
.blockNormalMediaBanner__intro + .blockNormalMediaBanner__buttons,
.blockPackages__intro + .blockPackages__buttons,
.blockPackages__list + .blockPackages__buttons {
    margin-top: 40px;
}

/* - Brands carousel. */
.blockBrandsCarousel__inner,
.blockBlogCarousel__inner,
.blockPackages__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1410);
}

.blockBrandsCarousel__intro,
.blockTestimonialsAjax__intro,
.blockCaseStudies__intro,
.blockBlogCarousel__intro {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-815);
}

[class*="blockBrandsCarousel__gallery__carousel-"] .splide__track,
[class*="blockCaseStudies__gallery__carousel-"] .splide__track,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__track {
    margin: 0 auto;
    width: 100%;
    max-width: calc(100% - 154px);
}

@media(max-width: 881px) {
    [class*="blockCaseStudies__gallery__carousel-"] .splide__track,
    [class*="blockBlogCarousel__gallery__carousel-"] .splide__track {
        margin: 0 0 0 -20px;
        width: calc(100% + 40px);
        max-width: unset;
    }
}
@media(max-width: 500px) {
    [class*="blockBrandsCarousel__gallery__carousel-"] .splide__track,
    [class*="blockBlogCarousel__gallery__carousel-"] .splide__track {
        margin: 0 0 0 -20px;
        width: calc(100% + 40px);
        max-width: unset;
    }
}

[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: unset;
    background-color: var(--color-0);
    opacity: 1;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
    transition: background-color .3s;
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow:hover:not(:disabled),
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow:hover:not(:disabled),
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow:hover:not(:disabled) {
    background-color: var(--color-1);
    opacity: 1;
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow::before,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow::before,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow::before {
    content: '';
    width: 14px;
    height: 17.5px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-caret-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: background-color .3s;
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow:hover::before,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow:hover::before,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow:hover::before {
    /* background-color: var(--color-1); */
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--prev,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow.splide__arrow--prev,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--prev {
    left: unset;
    right: calc(100% - 60px);
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--prev::before,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow.splide__arrow--prev::before,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--prev::before {
    transform: rotate(90deg);
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--next,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow.splide__arrow--next,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--next {
    left: calc(100% - 60px);
    right: unset;
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--next::before,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow.splide__arrow--next::before,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow.splide__arrow--next::before {
    transform: rotate(-90deg);
}
[class*="blockBrandsCarousel__gallery__carousel-"] .splide__arrow > svg,
[class*="blockCaseStudies__gallery__carousel-"] .splide__arrow > svg,
[class*="blockBlogCarousel__gallery__carousel-"] .splide__arrow > svg {
    display: none;
}

.blockBrandsCarousel__intro + .blockBrandsCarousel__gallery,
.blockBrandsCarousel__intro + .blockBrandsCarousel__buttons,
.blockCaseStudies__gallery + .blockCaseStudies__buttons {
    margin-top: 20px;
}
.blockBrandsCarousel__gallery + .blockBrandsCarousel__buttons,
.blockCaseStudies__intro + .blockCaseStudies__gallery,
.blockCaseStudies__intro + .blockCaseStudies__buttons {
    margin-top: 40px;
}

/* - AJAX testimonials. */
.blockTestimonialsAjax__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1245);
}

@media(max-width: 1366px) {
    .blockTestimonialsAjax__inner {
        max-width: var(--width-1010);
    }
}
@media(max-width: 881px) {
    .blockTestimonialsAjax__inner {
        max-width: var(--width-650);
    }
}

.blockTestimonialsAjax__intro::before {
    content: '';
    margin: 0 auto 20px auto;
    width: 89px;
    height: 84px;
    background-image: url(assets/images/testimonials-ajax.webp);
    background-repeat: no-repeat;
    display: block;
}
.blockTestimonialsAjax__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.blockTestimonialsAjax__intro + .blockTestimonialsAjax__list {
    margin-top: 40px;
}

.blockTestimonialsAjax__item {
    width: calc(50% - 10px);
    border-radius: 30px;
    background-color: var(--color-4);
}

@media(max-width: 881px) {
    .blockTestimonialsAjax__item {
        width: 100%;
    }
}

.blockTestimonialsAjax__item__media,
.blockVideoGLightbox__media {
    width: 100%;
    border-radius: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/3;
}
.blockTestimonialsAjax__item__media img,
.blockVideoGLightbox__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blockTestimonialsAjax__item__media a,
.blockVideoGLightbox__media a {
    width: 100%;
    border: none;
    display: flex;
    position: relative;
}
.blockTestimonialsAjax__item__media a::before,
.blockVideoGLightbox__media a::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
}
.blockTestimonialsAjax__item__media a img,
.blockVideoGLightbox__media a img {
    transition: transform .3s;
}
.blockTestimonialsAjax__item__media a:hover img,
.blockVideoGLightbox__media a:hover img {
    transform: scale(1.05);
}
.blockTestimonialsAjax__item__media__icon,
.blockVideoGLightbox__media__icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 7;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}
.blockTestimonialsAjax__item__media__icon::before,
.blockVideoGLightbox__media__icon::before {
    content: '';
    width: 14px;
    height: 17.5px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-caret-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(-90deg);
}

.blockTestimonialsAjax__item__content {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.blockTestimonialsAjax__item__description {
    width: 100%;
    color: var(--color-0);
}
.blockTestimonialsAjax__item__company,
.blockTestimonialsAjax__item__author {
    padding: 12.5px 0;
    width: calc(50% - 10px);
}
.blockTestimonialsAjax__item__company {
    height: 80px;
}
.blockTestimonialsAjax__item__company svg {
    width: auto;
    max-width: 250px;
    height: 100%;
}
.blockTestimonialsAjax__item__company svg path {
    fill: var(--color-0);
}
.blockTestimonialsAjax__item__company + .blockTestimonialsAjax__item__author {
    text-align: end;
}
.blockTestimonialsAjax__item__author__name {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    color: var(--color-2);
}
.blockTestimonialsAjax__item__author__title {
    color: var(--color-0);
}
.blockTestimonialsAjax__item__author__name + .blockTestimonialsAjax__item__author__title {
    margin-top: 5px;
}

@media(max-width: 500px) {
    .blockTestimonialsAjax__item__company,
    .blockTestimonialsAjax__item__author {
        width: 100%;
    }
    .blockTestimonialsAjax__item__author {
        padding: 0;
    }
    .blockTestimonialsAjax__item__company + .blockTestimonialsAjax__item__author {
        text-align: start;
    }
}

.blockTestimonialsAjax__loadMore,
.archive__loadMore {
    margin-top: 30px ;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}
.blockTestimonialsAjax__loadMore.is-disabled,
.archive__loadMore.is-disabled {
    opacity: .75;
}
.blockTestimonialsAjax__loadMore__label,
.archive__loadMore__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
}
.blockTestimonialsAjax__loadMore__icon,
.archive__loadMore__icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
}
.blockTestimonialsAjax__loadMore__icon::before,
.archive__loadMore__icon::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/close.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/close.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(45deg);
}

/* - Method. */
.blockMethod__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1560);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.blockMethod__media {
    width: 600px;
    border-radius: 30px;
    display: flex;
    overflow: hidden;
}
.blockMethod__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blockMethod__content {
    width: calc(100% - 610px);
}
.blockMethod__content__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-650);
}
.blockMethod__content__intro::before {
    content: '';
    margin: 0 auto 30px auto;
    width: 80px;
    height: 75.5px;
    background-image: url(assets/images/method.webp);
    background-repeat: no-repeat;
    display: block;
}

@media(max-width: 1366px) {
    .blockMethod__content__inner {
        max-width: var(--width-425);
    }
}
@media(max-width: 1024px) {
    .blockMethod__inner {
        justify-content: center;
        gap: 40px;
    }
    
    .blockMethod__media,
    .blockMethod__content {
        width: 100%;
    }
    .blockMethod__media {
        max-width: 300px;
    }

    .blockMethod__content__inner {
        max-width: var(--width-650);
    }
}
@media(max-width: 881px) {
    .blockMethod__content__inner {
        max-width: var(--width-425);
    }
}

/* - Case studies. */
.blockCaseStudies__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1560);
}

.blockCaseStudies__item,
.timeline__item,
.testimonialsCarousel__item,
.testimonialsSimple__item,
.package__item {
    padding: 30px;
    height: 100%;
    border-radius: 30px;
    background-color: var(--color-4);
}

.blockCaseStudies__item__media {
    height: 300px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.blockCaseStudies__item__media svg path {
    fill: var(--color-0);
}
.blockCaseStudies__item__media__image {
    background-color: var(--color-4);
}
.blockCaseStudies__item__media__image > img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.blockCaseStudies__item__media + .blockCaseStudies__item__content {
    margin-top: 5px;
}

.blockCaseStudies__item__description {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    color: var(--color-0);
}

/* - Call action. */
.blockCallAction__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1880);
    height: 650px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.blockCallAction__intro::before {
    content: '';
    margin: 0 auto 30px auto;
    width: 60px;
    height: 52px;
    background-image: url(assets/images/call-action.webp);
    background-repeat: no-repeat;
    display: block;
}
.blockCallAction__intro.blockCallAction__intro__hideIcon::before {
    display: none;
}

.blockCallAction__media01,
.blockCallAction__media02 {
    width: 100%;
    max-width: var(--width-390);
    position: relative;
}
.blockCallAction__media01 {
    align-self: start;
}
.blockCallAction__media02 {
    align-self: end;
}
.blockCallAction__media__handler {
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}
.blockCallAction__media__handler img,
.blockCallAction__media__handler video {
    width: 100%;
    height: auto;
}
.blockCallAction__content {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-815);
    min-width: var(--width-650);
}

@media(max-width: 1180px) {
    .blockCallAction__content {
        min-width: var(--width-425);
    }
}
@media(max-width: 881px) {
    .blockCallAction__content {
        min-width: var(--width-425);
    }
    .blockCallAction__media01,
    .blockCallAction__media02 {
        height: 100%;
    }
    .blockCallAction__media__handler {
        width: 175px;
        position: absolute;
    }
    .blockCallAction__media01 .blockCallAction__media__handler {
        top: 0;
        left: 0;
    }
    .blockCallAction__media02 .blockCallAction__media__handler {
        bottom: 0;
        right: 0;
    }
}
@media(max-width: 600px) {
    .blockCallAction__inner {
        height: unset;
        flex-wrap: wrap;
        gap: 40px;
    }
    .blockCallAction__content {
        padding: 20px !important;
        min-width: unset;
    }
    .blockCallAction__media01,
    .blockCallAction__media02 {
        height: unset;
        max-width: 175px;
    }
    .blockCallAction__media02 {
        margin-left: auto;
    }
    .blockCallAction__media__handler {
        width: unset;
        position: relative;
    }
    .blockCallAction__media01 .blockCallAction__media__handler {
        top: unset;
        left: unset;
    }
    .blockCallAction__media02 .blockCallAction__media__handler {
        bottom: unset;
        right: unset;
    }
}

/* - Wide media banner. */
.blockWideMediaBanner__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1560);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.blockWideMediaBanner__media,
.blockDotsMediaBanner__media,
.blockNormalMediaBanner__media {
    width: 100%;
    height: 100%;
    position: absolute;
}
.blockWideMediaBanner__media::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.4) 100%);;
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
}
.blockWideMediaBanner__media img,
.blockWideMediaBanner__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width: 600px) {
    .blockWideMediaBanner__container {
        padding: 0;
    }
    .blockWideMediaBanner__inner {
        border-radius: 0;
    }
}

.blockCallAction__content {
    padding: 80px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 8;
}
.blockWideMediaBanner__icon svg {
    width: 100%;
    height: auto;
}
.blockWideMediaBanner__title {
    font-family: var(--fontfamily-geologica);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: var(--color-2);
}

@media(max-width: 1366px) {
    .blockWideMediaBanner__title {
        font-size: 27px;
    }
}
@media(max-width: 1024px) {
    .blockWideMediaBanner__title {
        font-size: 24px;
    }
}
@media(max-width: 600px) {
    .blockWideMediaBanner__title {
        font-size: 15px;
    }
}

/* - Text and list. */
.blockTextList__inner,
.blockTeam__inner,
.blockToggles__inner,
.blockTextStatistics__inner,
.blockVideoGLightbox__inner,
.blockGeneral__inner,
.blockTimelineCarousel__inner,
.blockTestimonialsCarousel__inner,
.blockExpandedtext__inner,
.blockNormalMediaBanner__inner,
.blockTestimonialsSimple__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-945);
}

@media(max-width: 1024px) {
    .blockTextList__inner,
    .blockToggles__inner,
    .blockTextStatistics__inner,
    .blockVideoGLightbox__inner,
    .blockGeneral__inner,
    .blockExpandedtext__inner,
    .blockTestimonialsSimple__inner {
        max-width: var(--width-650);
    }
}

.blockTextList__tagline,
.blockTextList__title,
.blockTeam__tagline,
.blockTeam__title,
.blockToggles__tagline,
.blockToggles__title,
.blockTextStatistics__tagline,
.blockTextStatistics__title,
.blockTimelineCarousel__tagline,
.blockTimelineCarousel__title,
.blockExpandedtext__tagline,
.blockExpandedtext__title,
.blockTestimonialsSimple__tagline,
.blockTestimonialsSimple__title {
    text-align: start;
}

.blockTextList__list > .blockTextList__list__item {
    margin-top: 30px;
    padding: 25px 0 0 0;
    border-top: 1px solid var(--color-4);
    position: relative;
}

.blockTextList__list__unorder > .blockTextList__list__item {
    padding: 25px 0 0 30px;
}
.blockTextList__list__unorder > .blockTextList__list__item::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--color-1);
    position: absolute;
    top: 35px;
    left: 0;
}

.blockTextList__list__numeric {
    counter-reset: list-number;
}
.blockTextList__list__numeric > .blockTextList__list__item {
    padding: 25px 0 0 45px;
}
.blockTextList__list__numeric > .blockTextList__list__item::before {
    content: counter(list-number, decimal-leading-zero) '.';
    counter-increment: list-number;
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    position: absolute;
    top: 25px;
    left: 0;
}

.blockTextList__list__item__prefix {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    font-weight: 400;
}

.blockTextList__list__item__title,
.blockTextStatistics__list__item__title {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    font-weight: 600;
}
.blockTextList__list__item__title + .blockTextList__list__item__description,
.blockTextStatistics__list__item__title + .blockTextStatistics__list__item__description {
    margin-top: 20px;
}

/* - Team. */
@media(max-width: 1024px) {
    .blockTeam__intro {
        margin: 0 auto;
        max-width: var(--width-650);
    }
}

.blockTeam__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blockTeam__intro + .blockTeam__list {
    margin-top: 50px;
}

.blockTeam__item {
    width: calc(50% - 5px);
    border-radius: 30px;
    background-color: var(--color-4);
}

@media(max-width: 600px) {
    .blockTeam__item {
        width: 100%;
    }
}

.blockTeam__item__media {
    border-radius: 30px;
    overflow: hidden;
}
.blockTeam__item__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blockTeam__item__content {
    padding: 20px;
}
.blockTeam__item__title {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    font-weight: 600;
    color: var(--color-2);
}
.blockTeam__item__job {
    color: var(--color-2);
}
.blockTeam__item__button__label,
.blockCaseStudies__item__button__label {
    color: var(--color-2);
}

.blockTeam__item__title + .blockTeam__item__job {
    margin-top: 5px;
}
.blockTeam__item__title + .blockTeam__item__button,
.blockTeam__item__job + .blockTeam__item__button {
    margin-top: 10px;
}

/* - Toggles. */
.blockToggles__list {
    counter-reset: list-number;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blockToggles__list__item {
    padding: 16px 26px;
    border-radius: 20px;
    background-color: var(--color-0);
}

.blockToggles__list__item__title {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
}
.blockToggles__list__item__title::before {
    content: counter(list-number, decimal-leading-zero) '.';
    counter-increment: list-number;
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
}
.blockToggles__list__item__title__label {
    width: calc(100% - 120px);
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    font-weight: 600;
}
.blockToggles__list__item__title__icon {
    margin-left: auto;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--color-2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.blockToggles__list__item__title__icon::before {
    content: '';
    width: 14px;
    height: 17.5px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-caret-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: transform .3s;
}
.blockToggles__list__item.is-open .blockToggles__list__item__title__icon::before {
    transform: rotate(180deg);
}

.toggle__content {
    margin-top: 20px;
}
.toggle__content.has-scroll {
    height: 100%;
    max-height: 200px;
    overflow: hidden;
}
.toggle__content__inner {
    height: 180px;
    overflow-y: auto;
}
.toggle__content.has-scroll .toggle__content__inner {
    padding-right: 28px;
}

@media(max-width: 881px) {
    .toggle__content .toggle__content__inner {
        padding-right: 28px;
    }
}

/* - Text and statistics. */
.blockTextStatistics__list > .blockTextStatistics__list__item {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid var(--color-4);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.blockTextStatistics__list__item__stat {
    width: 155px;
}
.blockTextStatistics__list__item__stat span {
    font-family: var(--fontfamily-geologica);
    font-size: 48px;
    font-weight: 600;
    position: relative;
}
.blockTextStatistics__list__item__stat span::after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: var(--color-1);
    position: absolute;
    z-index: -1;
    bottom: 10px;
    left: 0;
}

.blockTextStatistics__list__item__content {
    width: calc(100% - 175px);
}

@media(max-width: 600px) {
    .blockTextStatistics__list > .blockTextStatistics__list__item {
        gap: 10px;
    }

    .blockTextStatistics__list__item__stat,
    .blockTextStatistics__list__item__content {
        width: 100%;
    }
}

/* - Blog carousel. */
.blockBlogCarousel__item {
    padding: 10px 10px 20px 10px;
    border-radius: 30px;
    background-color: var(--color-0);
}

.blockBlogCarousel__item__media {
    border-radius: 20px;
    border-bottom: none;
    display: flex;
    overflow: hidden;
    aspect-ratio: 4/3;
    transition: transform .3s;
}
.blockBlogCarousel__item__media:hover {
    border-bottom: none;
}
.blockBlogCarousel__item__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}
.blockBlogCarousel__item__media:hover img {
    transform: scale(1.05);
}

.blockBlogCarousel__item__content {
    padding: 0 10px;
}

.blockBlogCarousel__item__media + .blockBlogCarousel__item__content {
    margin-top: 15px;
}

.blockBlogCarousel__item__title {
    border-bottom: none;
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.blockBlogCarousel__item__title:hover {
    border-bottom: none;
    color: var(--color-4);
}

@media(max-width: 881px) {
    .blockBlogCarousel__item__title {
        -webkit-line-clamp: 5;
    }
}

.blockBlogCarousel__item__author {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.blockBlogCarousel__item__author__media {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    overflow: hidden;
}
.blockBlogCarousel__item__author__media a,
.blockBlogCarousel__item__author__name a {
    border-bottom: none;
}
.blockBlogCarousel__item__author__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blockBlogCarousel__item__author__name {
    font-weight: 700;
}

.blockBlogCarousel__item__title + .blockBlogCarousel__item__author {
    margin-top: 20px;
}

/* - Video. */
.blockVideoGLightbox__title {
    padding: 0 10px;
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
}

.blockVideoGLightbox__media + .blockVideoGLightbox__title {
    margin-top: 15px;
}

/* - Timeline carousel. */
.blockTimelineCarousel__gallery,
.blockTestimonialsCarousel__gallery {
    margin: 0 0 0 -20px;
    width: calc(100% + 40px);
}

.blockTimelineCarousel__inner + .blockTimelineCarousel__gallery {
    margin-top: 75px;
}

.blockTimelineCarousel__pagination__container {
    margin-bottom: 25px;
    padding: 0 20px;
}
.blockTimelineCarousel__pagination__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-945);
    display: flex;
    align-items: center;
    gap: 12px;
}
.blockTimelineCarousel__pagination__arrow {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: var(--color-0);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
    cursor:pointer;
}
.blockTimelineCarousel__pagination__arrow::before {
    content: '';
    width: 14px;
    height: 17.5px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-caret-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: background-color .3s;
}
.blockTimelineCarousel__pagination__arrow:hover::before {
    background-color: var(--color-1);
}
.blockTimelineCarousel__pagination__arrowPrevious::before {
    transform: rotate(90deg);
}
.blockTimelineCarousel__pagination__arrowNext::before {
    transform: rotate(-90deg);
}

.blockTimelineCarousel__pagination__track {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    position: relative; 
}
.blockTimelineCarousel__pagination__line {
    height: 10px;
    border-radius: 100vh;
    background-color: var(--color-3);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0; 
    transform: translateY(-50%);
}
.blockTimelineCarousel__pagination__groupLeft,
.blockTimelineCarousel__pagination__groupRight {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    z-index: 1;
}
.blockTimelineCarousel__pagination__groupLeft {
    justify-content: flex-start;
}
.blockTimelineCarousel__pagination__groupRight {
    justify-content: flex-end;
}

.blockTimelineCarousel__dot {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--color-1);
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    position:relative;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
    transition: width .3s, height .3s, background-color .3s, font-size .3s, font-weight .3s, color .3s, transform .3s;
}
.blockTimelineCarousel__dot.is-active {
    width: 60px;
    height: 60px;
    background-color: var(--color-4);
    font-size: 20px;
    font-weight: 600;
    color: var(--color-1);
}
.blockTimelineCarousel__dot.is-done {
    /* opacity: 1; */
}
.blockTimelineCarousel__dot.is-upcoming{
    /* opacity: .6; */
}

@media(max-width:881px) {
    .blockTimelineCarousel__pagination__container {
        display: none;
    }
}

.timeline__item {
    height: auto;
}

.timeline__item__tagline {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    color: var(--color-2);
}
.timeline__item__title {
    font-family: var(--fontfamily-geologica);
    font-size: 32px;
    font-weight: 600;
    color: var(--color-0);
}
.timeline__item__description {
    color: var(--color-0);
} 
.timeline__item__description > ul > li::before {
    background-color: var(--color-0);
}

.timeline__item__tagline + .timeline__item__title,
.timeline__item__tagline + .timeline__item__description {
    margin-top: 10px;
}
.timeline__item__title + .timeline__item__description {
    margin-top: 30px;
}

@media(max-width: 600px) {
    .timeline__item__title {
        font-size: 24px;
    }
}

/* - Dots media banner. */
.blockDotsMediaBanner__inner,
.blockNormalMediaBanner__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-945);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.blockDotsMediaBanner__media::after {
    /* content: ''; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: linear-gradient(0deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.4) 100%);; */
    /* position: absolute; */
    /* z-index: 7; */
    /* top: 0; */
    /* left: 0; */
}
.blockDotsMediaBanner__media img,
.blockDotsMediaBanner__media video,
.blockNormalMediaBanner__media img,
.blockNormalMediaBanner__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width: 600px) {
    .blockDotsMediaBanner__container,
    .blockNormalMediaBanner__container {
        padding: 0;
    }
    .blockDotsMediaBanner__inner,
    .blockNormalMediaBanner__inner {
        border-radius: 0;
    }
}

.blockDotsMediaBanner__content {
    padding: 80px 52px 52px 0;
    display: flex;
    /* flex-direction: column; */
    align-items: end;
    justify-content: end;
    /* gap: 20px; */
    position: relative;
    z-index: 8;
}
.blockWideMediaBanner__icon svg {
    width: 100%;
    height: auto;
}

@media(max-width: 1280px) {
    .blockDotsMediaBanner__content {
        padding: 80px 32px 52px 0;
    }
}

/* - Testimonials carousel. */
.blockTestimonialsCarousel__inner + .blockTestimonialsCarousel__gallery {
    margin-top: 40px;
}

.blockTestimonialsCarousel__intro::before {
    content: '';
    margin: 0 auto 20px auto;
    width: 69px;
    height: 42px;
    background-image: url(assets/images/testimonials-carousel.webp);
    background-repeat: no-repeat;
    display: block;
}

.testimonialsCarousel__item__company {
    height: 80px;
}
.testimonialsCarousel__item__company svg {
    width: auto;
    max-width: 200px;
    height: 100%;
}
.testimonialsCarousel__item__company svg path {
    fill: var(--color-0);
}

.testimonialsCarousel__item__description,
.testimonialsSimple__item__description {
    color: var(--color-0);
}

.testimonialsCarousel__item__author,
.testimonialsSimple__item__author {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}
.testimonialsCarousel__item__author__media,
.testimonialsSimple__item__author__media {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
}
.testimonialsCarousel__item__author__media img,
.testimonialsSimple__item__author__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonialsCarousel__item__author__name,
.testimonialsSimple__item__author__name {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    color: var(--color-2);
}
.testimonialsCarousel__item__author__title,
.testimonialsSimple__item__author__title {
    color: var(--color-0);
}
.testimonialsCarousel__item__author__name + .testimonialsCarousel__item__author__title,
.testimonialsSimple__item__author__name + .testimonialsSimple__item__author__title {
    margin-top: 5px;
}

.testimonialsCarousel__item__company + .testimonialsCarousel__item__content,
.testimonialsCarousel__item__company + .testimonialsCarousel__item__author {
    margin-top: 20px;
}
.testimonialsCarousel__item__content + .testimonialsCarousel__item__author,
.testimonialsSimple__item__content + .testimonialsSimple__item__author {
    margin-top: 40px;
}

/* - Expanded text. */
.blockExpandedtext__description {
    max-height: 172px; /* 3 x 22px (line-height ~ 22px) */
    position: relative;
    overflow: hidden;
    transition: max-height .3s;
}
.blockExpandedtext__description.readMore::after {
    content: '';
    background: var(--color-2);
    background: linear-gradient(0deg, rgba(235,228,222,1) 0%, rgba(235,228,222,1) 25%, rgba(235,228,222,0) 100%);
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0px;
    opacity: 1;
    transition: opacity .3s;
}
.blockExpandedtext__description.expanded {
    max-height: none;
}
.blockExpandedtext__description.expanded::after {
    height: 0;
    opacity: 0;
}

.blockExpandedtext__description__moreButton {
    margin-top: 25px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.blockExpandedtext__description__moreButton__text {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
}
.blockExpandedtext__description__moreButton__icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.15);
}
.blockExpandedtext__description__moreButton__icon::before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/close.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/close.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(45deg);
    transition: transform .3s;
}
.blockExpandedtext__description.expanded + .blockExpandedtext__description__moreButton > .blockExpandedtext__description__moreButton__icon::before {
    transform: rotate(0deg);
}

/* - Normal media banner. */
.blockNormalMediaBanner__content {
    margin: 120px auto 80px auto;
    padding: 40px 30px;
    width: 100%;
    max-width: var(--width-650);
    border-radius: 20px;
    background-color: var(--color-2);
    position: relative;
    z-index: 8;
}

@media(max-width: 1366px) {
    .blockNormalMediaBanner__content {
        margin: 80px auto;
        max-width: var(--width-540);
    }
}
@media(max-width: 600px) {
    .blockNormalMediaBanner__media {
        position: relative;
    }
    .blockNormalMediaBanner__content {
        margin: 50px 0 0 0;
        padding: 0 20px;
        max-width: unset;
        border-radius: 0;
        background-color: transparent;
    }
}

/* - Simple testimonial. */
.blockTestimonialsSimple__title {
    font-size: 36px;
}

@media(max-width: 1280px) {
    .blockTestimonialsSimple__title {
        font-size: 32px;
    }
}
@media(max-width: 500px) {
    .blockTestimonialsSimple__title {
        font-size: 24px;
    }
}

.blockTestimonialsSimple__intro + .blockTestimonialsSimple__blockquote {
    margin-top: 50px;
}

.testimonialsSimple__item::before {
    content: '';
    margin: 0 0 40px 0;
    width: 69px;
    height: 42px;
    background-image: url(assets/images/testimonials-carousel.webp);
    background-repeat: no-repeat;
    display: block;
}

/* - Logo's gallery. */
.blockLogoGallery__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1245);
}

@media(max-width: 1280px) {
    .blockLogoGallery__inner {
        max-width: var(--width-945);
    }
}

.blockLogoGallery__content__intro {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-650);
}

.blockLogoGallery__gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.blockLogoGallery__gallery .blockLogoGallery__media {
    width: calc(25% - 15px);
    text-align: center;
}

@media(max-width: 1280px) {
    .blockLogoGallery__gallery .blockLogoGallery__media {
        width: calc(33.33% - 13.5px);
    }
}
@media(max-width: 881px) {
    .blockLogoGallery__gallery .blockLogoGallery__media {
        width: calc(50% - 10px);
    }
}

.blockLogoGallery__content__intro + .blockLogoGallery__gallery {
    margin-top: 40px;
}

/* - Packages. */
@media(max-width: 881px) {
    .blockPackages__inner {
        max-width: var(--width-650);
    }
}

.blockPackages__intro {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-650);
}

.blockPackages__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.package__item {
    width: calc(33.33% - 15px);
    height: auto;
}

@media(max-width: 1280px) {
    .package__item {
        width: calc(50% - 10px);
    }
}
@media(max-width: 881px) {
    .package__item {
        width: 100%;
    }
}

.package__item__tagline {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    color: var(--color-2);
}
.package__item__title {
    text-align: start;
    color: var(--color-0);
}
.package__item__description {
    color: var(--color-0);
}

.blockPackages__intro + .blockPackages__list {
    margin-top: 60px;
}

.package__item__sessions__label,
.package__item__contentsTitle,
.package__item__contentsList__item,
.package__item__discount__label {
    font-weight: 700;
    color: var(--color-0);
}

.package__item__sessions__value {
    font-family: var(--fontfamily-geologica);
    font-size: 24px;
    font-weight: 600;
    color: var(--color-1);
}

.package__item__sessions__label + .package__item__sessions__value,
.package__item__discount__label + .package__item__discount__value {
    margin-top: 5px;
}

.package__item__contentsList {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.package__item__contentsList__item {
    padding-left: 35px;
    position: relative;
}
.package__item__contentsList__item.icon__include::before,
.package__item__contentsList__item.icon__exclude::before {
    content: '';
    background-color: var(--color-1);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
}
.package__item__contentsList__item.icon__include::before {
    width: 20px;
    height: 12px;
    -webkit-mask-image: url(assets/icons/tick.svg);
    mask-image: url(assets/icons/tick.svg);
}
.package__item__contentsList__item.icon__exclude::before {
    width: 15px;
    height: 15px;
    -webkit-mask-image: url(assets/icons/close.svg);
    mask-image: url(assets/icons/close.svg);
}

.package__item__discount__value {
    font-family: var(--fontfamily-geologica);
    font-size: 48px;
    font-weight: 600;
    color: var(--color-1);
}
@media(max-width: 1280px) {
    .package__item__discount__value {
        font-size: 32px;
    }
}
@media(max-width: 500px) {
    .package__item__discount__value {
        /* font-size: 24px; */
    }
}

.package__item__button {
    display: inline-flex;
}

.package__item__sessions + .package__item__contents,
.package__item__sessions + .package__item__discount,
.package__item__sessions + .package__item__button {
    margin-top: 35px;
}
.package__item__contents + .package__item__discount,
.package__item__contents + .package__item__button {
    margin-top: 45px;
}
.package__item__discount + .package__item__button {
    margin-top: 40px;
}

.package__item__intro + .package__item__content,
.package__item__contentsTitle + .package__item__contentsList {
    margin-top: 30px;
}

/* Team post. */
.teamSingle__header {
    margin: 0 auto 40px auto;
    width: 100%;
}
.teamSingle__label {
    font-family: var(--fontfamily-geologica);
    font-size: 48px;
    font-weight: 600;
}
.teamSingle__title {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
}

.teamSingle__label + .teamSingle__title {
    margin-top: 20px;
}

@media(max-width: 1024px) {
    .teamSingle__label {
        font-size: 36px;
    }
}
@media(max-width: 600px) {
    .teamSingle__label {
        font-size: 32px;
    }
}

/* Case studies archive. */
.archive__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1410);
}

.archive__inner > h1,
.postList__container > h1 {
    margin-bottom: 40px;
}

.dropdownToggle {
    margin: 0 auto 30px auto;
    width: 100%;
    max-width: var(--width-390);
    position: relative;
    cursor: pointer;
}
.dropdownToggle__title {
    padding: 20px;
    border: 1px solid var(--color-0);
    border-radius: 10px;
    background-color: var(--color-0);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    z-index: 11;
}
.dropdownToggle__text {
    font-size: 16px;
    font-weight: 600;
}
.dropdownToggle__icon::before {
    content: '';
    width: 14px;
    height: 17.5px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-caret-down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret-down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: transform .3s;
}
.dropdownToggle.active .dropdownToggle__icon::before {
    transform: rotate(180deg);
}
.dropdownToggle__content {
    padding: 10px 0 0 0;
    width: 100%;
    background-color: var(--color-0);
    border-radius: 0 0 10px 10px;
    display: none;
    position: absolute;
    z-index: 10;
    top: calc(100% - 10px);
    left: 0;
}
.dropdownToggle.active .dropdownToggle__content {
    display: block;
}
.dropdownToggle__list {
    max-height: 400px;
    overflow-y: auto;
}
.dropdownToggle__link {
    padding: 20px;
    border-top: 1px solid var(--color-4);
    border-bottom: none;
    font-size: 16px;
    display: block;
}
.dropdownToggle__link:hover {
    border-bottom: none;
}

.archive__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.archive__list > .blockCaseStudies__item {
    width: calc(33.33% - 13.75px);
}
.blockCaseStudies__item__description + .blockCaseStudies__item__button {
    margin-top: 30px;
}

@media(max-width: 1024px) {
    .archive__list > .blockCaseStudies__item {
        width: calc(50% - 10px);
    }
}
@media(max-width: 600px) {
    .archive__list > .blockCaseStudies__item {
        width: 100%;
    }
}

/* Case study post. */
.caseStudySingle__brandLogo {
    height: 100px;
    border-radius: 10px;
    display: inline-flex;
    overflow: hidden;
}
.caseStudySingle__brandLogo svg,
.caseStudySingle__brandLogo img {
    width: auto;
    max-width: 250px;
    height: 100%;
}

.caseStudySingle__services,
.caseStudySingle__services a,
.blogSingle__categories,
.blogSingle__categories a {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
}

.caseStudySingle__title,
.blogSingle__title {
    font-family: var(--fontfamily-geologica);
    font-size: 36px;
    font-weight: 600;
}

@media(max-width: 1280px) {
    .caseStudySingle__title,
    .blogSingle__title {
        font-size: 32px;
    }
}
@media(max-width: 500px) {
    .caseStudySingle__title,
    .blogSingle__title {
        font-size: 24px;
    }
}

.caseStudySingle__projectManagers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.caseStudySingle__projectManager__media {
    display: flex;
}

.caseStudySingle__projectManager__media__item {
    margin-left: calc(-1 * 12px);
    width: 60px;
    height: 60px;
    border: 3px solid var(--color-2);
    border-radius: 100%;
    overflow: hidden;
}
.caseStudySingle__projectManager__media__item:first-child {
    margin-left: 0;
}
.caseStudySingle__projectManager__media__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.caseStudySingle__projectManager__name > a {
    border-bottom: none;
}

@media(max-width: 500px) {
    .caseStudySingle__projectManagers {
        flex-direction: column;
        align-items: start;
    }
}

.caseStudySingle__brandLogo + .caseStudySingle__services,
.caseStudySingle__brandLogo + .caseStudySingle__title,
.caseStudySingle__brandLogo + .caseStudySingle__projectManagers,
.caseStudySingle__title + .caseStudySingle__projectManagers,
.blogSingle__title + .blockBlogCarousel__item__author {
    margin-top: 20px;
}
.caseStudySingle__services + .caseStudySingle__title,
.caseStudySingle__services + .caseStudySingle__projectManagers,
.blogSingle__categories + .blogSingle__title,
.blogSingle__categories + .blockBlogCarousel__item__author {
    margin-top: 10px;
}

.single-dot_casestudies .caseStudySingle + .blockCaseStudies {
    margin-top: 100px;
}

/* Blog archive. */
.postList__inner,
.tagCloud__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1560);
}
.postList__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
}

.postList__inner .blockBlogCarousel__item {
    width: calc(33.33% - 15px);
}

@media(max-width: 1024px) {
    .archive__list > .blockCaseStudies__item,
    .postList__inner > .blockBlogCarousel__item {
        width: calc(50% - 10px);
    }
}
@media(max-width: 600px) {
    .archive__list > .blockCaseStudies__item,
    .postList__inner > .blockBlogCarousel__item {
        width: 100%;
    }
}

.postList + .tagCloud {
    margin-top: 60px;
}

.tagCloud__title {
    font-family: var(--fontfamily-geologica);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

@media(max-width: 500px) {
    .tagCloud__title {
        font-size: 24px;
    }
}

.tagCloud__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.tagCloud__link {
    padding: 14px 20px;
    border: 2px solid var(--color-0);
    border-radius: 100vh;
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: var(--color-4);
    transition: border-color .3s, background-color .3s;
}
.tagCloud__link:hover {
    border: 2px solid var(--color-1);
    background-color: var(--color-1);
    color: var(--color-4);
}

.tagCloud__title + .tagCloud__list {
    margin-top: 42.5px;
}

/* Blog post. */
.blogSingle__media {
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    aspect-ratio: 4/3;
}
.blogSingle__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogSingle + .tagCloud,
.blogSingle + .blockBlogCarousel {
    margin-top: 140px;
}
.tagCloud + .blockBlogCarousel {
    margin-top: 100px;
}

/*
 * Footer.
 * - Footer container.
 * - Copyrights container.
 */
body > footer {
    display: block;
    justify-content: unset;
}

/* - Footer container. */
.footer__container {
    padding: 60px 20px;
    overflow-x: hidden;
}
.footer__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1560);
}
.footer__widgets > .widget > .wp-block-columns {
    display: flex;
    flex-wrap: wrap !important;
    gap: 100px;
}

@media(max-width: 1366px) {
    .footer__widgets > .widget > .wp-block-columns {
        gap: 40px;
    }
}
@media(max-width: 1024px) {
    .footer__inner {
        max-width: var(--width-650);
    }
    .footer__widgets > .widget > .wp-block-columns > .wp-block-column {
        width: 100%;
        text-align: center;
        flex-basis: unset;
    }
}
@media(max-width: 500px) {
    .footer__widgets > .widget .footer__logo {
        transform: scale(1.5);
    }
}

.footer__widgets h2 {
    font-family: var(--fontfamily-geologica);
    font-size: 30px;
    font-weight: 600;
}

@media(max-width: 500px) {
    .footer__widgets h2 {
        font-size: 24px;
    }
}

.footer__widgets .newsletter__form .wpcf7-form > label {
    display: none;
}
.footer__widgets .newsletter__form .wpcf7-form input::placeholder {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
}
.footer__widgets .newsletter__form .wpcf7-form input:focus {
    outline: none;
}
.footer__widgets .newsletter__form .wpcf7-form input[type="email"] {
    margin: 0;
    padding: 15px 0;
    width: 100%;
    border: none;
    border-bottom: 2px solid var(--color-0);
    border-radius: 0;
    background-color: transparent;
}
.footer__widgets .newsletter__form .wpcf7-form .wpcf7-acceptance {
    width: 100%;
}
.footer__widgets .newsletter__form .wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span::before { /* Checkbox un-checked style */
    width: 34px;
    height: 34px;
}
.footer__widgets .newsletter__form .wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + span::before { /* Checked checkbox style (in this case the background is green #e7ffba, change this to change the color) */
    background-size: 16px;
}
.footer__widgets .newsletter__form .wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span span {
    width: calc(100% - 54px);
}

/* - Copyrights container. */
.copyrights__container {
    padding: 0 20px 20px 20px;
}
.copyrights__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1560);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.copyrights__col01,
.copyrights__col02 {
    width: calc(50% - 5px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.copyrights__col02 {
    text-align: end;
    justify-content: end;
}

@media(max-width: 1024px) {
    .copyrights__col01,
    .copyrights__col02 {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

.copyrights__col01 > nav > ul,
.copyrights__col02 > nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media(max-width: 500px) {
    .copyrights__col01 > nav > ul,
    .copyrights__col02 > nav > ul {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* Complianz. */
.cmplz-cookiebanner {
    padding: 24px 30px 32px 30px !important;
    border: 1px solid var(--color-5);
    border-radius: 8px !important;
}

.cmplz-cookiebanner .cmplz-header {
    grid-template-columns: 0px 1fr 100px !important;
}
.cmplz-cookiebanner .cmplz-title {
    font-family: var(--fontfamily-geologica);
    justify-self: left !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    color: var(--color-4) !important;
}
.cmplz-cookiebanner .cmplz-close {
    background-color: transparent;
    border: none;
    border-radius: 100%;
    width: 26px !important;
    height: 26px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.cmplz-cookiebanner .cmplz-close:hover {
    background-color: var(--color-1);
}
.cmplz-cookiebanner .cmplz-close::before {
    content: '';
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/close.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/close.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
}
.cmplz-cookiebanner .cmplz-close svg {
    display: none;
}

@media (max-width: 425px) {
    .cmplz-cookiebanner .cmplz-header .cmplz-title {
        display: unset !important;
    }
}

.cmplz-cookiebanner .cmplz-message {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: var(--color-4) !important;
}

.cmplz-cookiebanner .cmplz-buttons {
    gap: 20px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    padding: 14px 20px !important;
    font-family: var(--fontfamily-geologica) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: normal !important;
    text-transform: uppercase;
    height: unset !important;
    border-radius: 6px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--color-4) !important;
    background-color: var(--color-1) !important;
    border: 1px solid var(--color-1) !important;
    transition: background-color .3s, border-color .3s;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept::after {
    /* content: ''; */
    /* background-color: var(--color-4); */
    /* -webkit-mask-image: url(assets/icons/arrow-large.svg); */
    /* -webkit-mask-position: center center; */
    /* -webkit-mask-size: contain; */
    /* -webkit-mask-repeat: no-repeat; */
    /* mask-image: url(assets/icons/arrow-large.svg); */
    /* mask-position: center center; */
    /* mask-size: contain; */
    /* mask-repeat: no-repeat; */
    /* width: 26px; */
    /* height: 12px; */
    /* display: block; */
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
    background-color: var(--color-1) !important;
    border: 1px solid var(--color-1) !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    background-color: transparent !important;
    border: 1px solid var(--color-1) !important;
    color: var(--color-1) !important;
    transition: background-color .3s, border-color .3s, color .3s;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
    background-color: var(--color-4) !important;
    border: 1px solid var(--color-4) !important;
    color: var(--color-2) !important;
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents {
    margin: 10px 0 0 0;
    justify-content: unset !important;
}
.cmplz-cookiebanner .cmplz-links ul {
    padding: 0 !important;
}
.cmplz-cookiebanner .cmplz-links ul li::before {
    display: none !important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
    font-size: 14px !important;
    text-decoration: none !important;
    color: var(--color-4) !important;
    transition: color .3s;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
    color: var(--color-1) !important;
}

#cmplz-manage-consent {
    display: block !important;
}
#cmplz-manage-consent .cmplz-manage-consent {
    font-size: 14px !important;
    color: var(--color-4) !important;
}

@media (max-width: 768px) {
    #cmplz-manage-consent .cmplz-manage-consent {
        padding: 10px 15px !important;
        height: auto !important;
    }
}