/*
 Theme Name:   Talotohtori child
 Theme URI:    https://jj-net.fi/
 Description:  Talotohtori.fi sivuston child teema.
 Author:       JJ-Net Group Oy
 Author URI:   https://jj-net.fi/
 Template:     jj-net-theme
 Version:      1.0
 License:      All rights reserved.
 License URI:  https://jj-net.fi/
 Text Domain:  jjnet
*/

:root {
    /* colors */
    --color-blue: #0493C3;
    --color-blue-dark: #006485;
    --color-grey: #707070;
    --color-grey-light: #D1D1D1;
    --color-grey-dark: #4B4B4B;
    --color-orange: #F19E38;
    --color-orange-dark: #F16338;
    --color-green: #A6CB50;
    --color-green-dark: #6CAF63;

    --border-radius: 21px;

    --transition: all 0.2s ease-out;
}

body { font-family: "Lato", sans-serif; color: var(--color-grey-dark); font-size: 1.125rem; }
h1,h2,h3,h4,h5,h6 { color: var(--color-grey-dark); font-family: "Josefin Sans", sans-serif; font-weight: 700; }

h1 { font-size: clamp(1.5625rem, 1.1642rem + 1.634vw, 3.125rem); }
h2 { font-size: clamp(1.5625rem, 1.3235rem + 0.9804vw, 2.5rem); line-height: 1.2; }
h2 + p { margin-top: 20px; }
h3 { font-size: clamp(1.25rem, 1.1703rem + 0.3268vw, 1.5625rem); }
p { font-size: clamp(1rem, 0.9681rem + 0.1307vw, 1.125rem); line-height: 1.55; margin-bottom: 28px; }
p:last-child { margin-bottom: 0; }
p + ul { margin-top: -20px; }

.col-content + .col-content { margin-top: 100px; }
.col-post_title + .col-text { margin-top: 0; }
.col-text ul + :is(h1, h2, h3, h4, h5, h6),
.col-text p + :is(h1, h2, h3, h4, h5, h6) { margin-top: 60px; }

a.btn-custom { font-size: 16px; padding: 17px 70px 15px 35px; display: inline-block; background-color: var(--color-orange-dark); border-radius: 36px; position: relative; color: #fff; text-decoration: none; }
a.btn-custom:after { content: ''; background-image: url('images/arrow-right.svg'); background-size: cover; width: 15px; height: 14px; position: absolute; right: 30px; top: 21px; }
a.btn-custom:hover { background-color: var(--color-grey); }
a { transition: var(--transition); text-decoration: none; color: var(--color-orange-dark); font-weight: 600; }
.title-border { display: block; position: relative; margin-bottom: 50px; }
.title-border:after { content: ''; position: absolute; bottom: -15px; height: 6px; width: 100%; left: 0; border-radius: 10px; background-color: var(--color-orange-dark); }
p a:hover { text-decoration: underline; color: var(--color-orange-dark); }

.big-font p { font-size: clamp(1.25rem, 1.1703rem + 0.3268vw, 1.5625rem); }

blockquote { color: var(--color-orange-dark); font-family: "Josefin Sans", sans-serif; font-size: clamp(1.125rem, 1.0453rem + 0.3268vw, 1.4375rem);}

.wrapper { padding-top: 71px; }
.content { margin: 90px 0; }
.banner-container + .content { margin-top: 50px; }

.image-text-narrow-reverse .col-md-6:first-child .col-text,
.image-text-narrow .col-md-6:first-child .col-text,
.image-text-narrow-reverse .col-md-6:first-child .col-post_title,
.image-text-narrow .col-md-6:first-child .col-post_title { margin: auto calc(16.6666666% - 3rem) auto 16.6666666%; }
.image-text-narrow-reverse .col-md-6:last-child .col-text,
.image-text-narrow .col-md-6:last-child .col-text,
.image-text-narrow-reverse .col-md-6:last-child .col-post_title,
.image-text-narrow .col-md-6:last-child .col-post_title { margin: auto 16.6666666% auto calc(16.6666666% - 3rem); }
.image-text-narrow-reverse .row,
.image-text-narrow .row { display: flex;  }
.image-text-narrow .col-md-6 > div:not(.col-image):first-child,
.image-text-narrow-reverse .col-md-6 > div:not(.col-image):first-child { padding-top: 2rem; }
.image-text-narrow .col-md-6 > div:not(.col-image):last-child,
.image-text-narrow-reverse .col-md-6 > div:not(.col-image):last-child { padding-bottom: 2rem; }

.image-text-narrow-reverse .row .col-md-6,
.image-text-narrow .row  .col-md-6 { display: flex; flex-direction: column;}

iframe,
img { border-radius: var(--border-radius); }
.col-image > .img-background > .img-background-content {border-radius: var(--border-radius); }
.col-image img { width: 100%; }
header img, footer img { border-radius: 0; }

main { position: relative; }

.orange-bg .row { position: relative; }
.orange-bg .row:after { content: ''; background-color: var(--color-orange-dark); position: absolute; left: 1.5rem; right: 1.5rem; top: 0; bottom: 0; z-index: -1; }
.orange-bg img, .orange-bg .col-image > .img-background > .img-background-content { border-radius: 0; }
.orange-bg, .orange-bg :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
.orange-bg .col-text { padding: 3rem calc(16.6666666% - 1.5rem); }
.green-bg .row { position: relative; }
.green-bg .row:after { content: ''; background-color: var(--color-green-dark); border-radius: var(--border-radius); position: absolute; left: 1.5rem; right: 1.5rem; top: 0; bottom: 0; z-index: -1; }
.green-bg .col-md-6:first-child .col-image img, .green-bg .col-md-6:first-child .col-image > .img-background > .img-background-content { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.green-bg .col-md-6:last-child .col-image img, .green-bg .col-md-6:last-child .col-image > .img-background > .img-background-content { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.green-bg, .green-bg :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
.green-bg .title-border:after { background-color: #fff; }
.green-bg .col-text { padding: 3rem 10% 3rem calc(10% - 3rem); }

.navigation-container .wpml-ls-flag,
.topbar .wpml-ls-flag { border-radius: 50%; aspect-ratio: 1/1; object-fit: cover; }

header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: rgba(255, 255, 255, 0.9); transition: transform .6s cubic-bezier(.215,.61,.355,1);}
header.header-hide { transform: translate3d(0, calc(-100% - 18px), 0); }

.topbar-container > .container > .topbar { top: 0 !important; }
.topbar-container > .container > .topbar > .navbar-top { display: flex !important; gap: 15px; }
.topbar .wpml-ls-item { display: flex; align-self: flex-end; }
.topbar .wpml-ls-item a { padding: 0; display: flex; }
.topbar li a { font-size: 1rem; position: relative; display: block; color: #fff; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;  }
.topbar li.login a { padding: 14px 15px 12px 45px; background-color: var(--color-green); }
.topbar li.login a:before { content: url('images/icon-user.svg'); position: absolute; top: 50%; transform: translateY(-50%); left: 15px; }
.topbar li.contact a {padding: 14px 15px 12px 50px; background-color: var(--color-orange-dark); }
.topbar li.contact a:before { content: url('images/icon-contact.svg');  position: absolute; top: 50%; transform: translateY(-50%); left: 15px; }
.topbar-container #contact-form-wrap { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0.75rem; padding: 30px 50px; width: 400px; z-index: -1; background-color: rgba(241, 99, 56, 0.9); border-radius: var(--border-radius); border-top-right-radius: 0; }
.topbar-container #contact-form-wrap h3 { border: 0 !important; color: #fff; padding-top: 0; margin-bottom: 20px; }
.topbar-container #contact-form-wrap .frm_forms { margin-top: 0; }
.topbar-container #contact-form-wrap .frm_forms .frm_form_fields .frm_form_field .frm_checkbox label { max-width: 100%; }
.topbar-container #contact-form-wrap.visible { opacity: 1; z-index: 2501;}
.contact-form-close { position: absolute; top: 20px; right: 20px; background-color: transparent; border: 0; color: #fff; }
.topbar-container #contact-form-wrap .frm_error { color: #000; }
.frm_forms .frm_form_fields .frm_form_field .frm_checkbox label a { color: #fff; }
.frm_forms .frm_form_fields .frm_form_field p { font-size: 16px; }

.navigation-container > .container > .navbar > .navbar-brand > img { max-width: 383px; max-height: 90px; height: auto !important; }
.navigation-container { padding-top: 3rem; font-family: "Josefin Sans", sans-serif; font-size: 20px; }
.navigation-container .navbar-nav .nav-link { color: var(--color-grey); }
.navigation-container .navbar-nav .current-menu-item .nav-link { color: var(--color-orange-dark); }
.navigation-container .navbar-nav .nav-link:focus, .navigation-container .navbar-nav .nav-link:hover { color: var(--color-orange-dark); }
.dropdown-toggle { border: 0; background-color: transparent; padding: 25px 20px; margin-left: 10px; position: relative; color: #fff; top: 0; right: 0; width: 25px; height: 100%; }
.navigation-container .dropdown-toggle:after { transition: var(--transition); position: absolute; top: -7px; right: 0; width: 100%;height: 100%; background-image: url(images/icon-arrow.svg);background-repeat: no-repeat; background-size: 14px 14px; background-position: 50%; border: 0; }
.navigation-container .dropdown-toggle.show:after { transform: rotate(180deg); }

.navigation-container .dropdown-menu { min-width: 200px; padding: 0.8rem 1rem; border-radius: 0; border: 0; background-color: var(--color-orange-dark); }
.navigation-container .dropdown-menu .dropdown-item { color: #fff; padding: 5px 0 3px; }
.navigation-container .dropdown-menu .dropdown-item:hover { background-color: transparent; }
.navigation-container .dropdown-menu .nav-item:not(:last-child) { border-bottom: 1px solid #fff; }
.navigation-container .navbar-light .navbar-toggler { border: 0; color: #fff; }
.navigation-container .navbar-light .navbar-toggler-icon { background-image: url('images/icon-nav.svg'); width: 32px; }
.navigation-container .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background-image: url('images/icon-close.svg'); }


.crumbtrail-container { line-height: 1; font-size: 15px; font-family: "Josefin Sans", sans-serif;position: absolute; width: 100%; z-index: 99; }
.crumbtrail-container .crumbtrail {margin-left: 20px; margin-top: 20px; text-transform: uppercase; display: inline-block; padding: 12px 20px 8px; border-radius: var(--border-radius); background-color: #fff; opacity: 0.9; }
.crumbtrail-container .crumbtrail .current-page { color: var(--color-orange-dark); opacity: 1; font-weight: 700; }
.crumbtrail-container .crumbtrail .crumbtrail-separator::after { content: "|"; font-weight: 400; color: var(--color-grey);vertical-align: 1px;}
.crumbtrail-container .crumbtrail a { font-weight: 400; color: var(--color-grey);}
.crumbtrail-container + .content:not(.static-banner) { padding-top: 100px; margin-top: 0; }

.banner-container2 .owl-item > .owl-carousel-item { border-radius: var(--border-radius); }
.banner-container2 .carousel-caption h1 { color: var(--color-grey); }
.banner-container2 .carousel-caption { font-family: "Josefin Sans", sans-serif; width: 75%; text-align: left; border-top-right-radius: var(--border-radius);border-bottom-right-radius: var(--border-radius); padding: 5% 3% 3%; background-color: rgba(255, 255, 255, 0.9); left: 0; right: auto; bottom: 12%; color: var(--color-grey); }
.banner-container2 .carousel-caption p { font-size: clamp(1rem, 0.9363rem + 0.2614vw, 1.25rem); font-weight: 700; }
.banner-container2 .carousel-caption a.btn-custom { margin-top: 2rem; }
.home .banner-container2 { padding-top: 1rem; }
.home .banner-container2 .owl-carousel .container { display: flex; align-items: center; }
.home .banner-container2 .owl-carousel .carousel-caption { position: static; width: auto; flex-basis: 45%; padding-right: 8%; }
.home .banner-container2 .owl-carousel .carousel-image { flex-basis: 55%; }
.home .banner-container2 .carousel-caption h1 { margin-bottom: 0.8em; }

.static-banner { margin: 0 !important; }
.static-banner .container { max-width: calc(100% - 1.5rem);position: relative; }
.static-banner .content-bg { aspect-ratio: 2/1; border-radius: var(--border-radius); }
.static-banner .content-bg .col-post_title { margin-bottom: 0.5rem !important; }
.static-banner .content-bg .col-post_title:after { display: none; }
.static-banner .row { position: absolute; font-family: "Josefin Sans", sans-serif; width: 50%; text-align: left; border-top-right-radius: var(--border-radius);border-bottom-right-radius: var(--border-radius); padding: 5% 3% 3%; background-color: rgba(255, 255, 255, 0.9); left: 0; right: auto; bottom: 12%; color: var(--color-grey); }
.static-banner :is(h1, h2, h3, h4, h5, h6) { color: var(--color-grey); }

.references-archive .references-archive-header { margin: 1.5rem 0 3rem; }
.references-archive .archive-selected-filters { margin: 0; display: flex; gap: 1rem; justify-content: center; }
.references-archive .archive-selected-filters a { color: var(--color-grey); }
.references-archive .archive-selected-filters .selected a { color: var(--color-orange-dark); }
.references-archive .archive-container { display: flex; flex-wrap: wrap; gap: 100px 0; }
/*.references-archive .archive-container .archive-row:first-child { flex-basis: 100%; }
.references-archive .archive-container .archive-row:nth-child(2),
.references-archive .archive-container .archive-row:nth-child(3) { flex-basis: 50%; }
.references-archive .archive-container .archive-row { flex-basis: 25%; }*/
.references-archive .archive-container .archive-row { flex-basis: 33.33333%; }
.references-archive .archive-container .archive-row img { object-fit: cover; width: 100%; aspect-ratio: 3/2; }
/*.references-archive .archive-container .archive-row img { aspect-ratio: 1/1; }
.references-archive .archive-container .archive-row:first-child img { aspect-ratio: 4.58/1; }
.references-archive .archive-container .archive-row:nth-child(2) img,
.references-archive .archive-container .archive-row:nth-child(3) img { aspect-ratio: 2.22/1; } */
.references-archive .archive-container .archive-row:first-child h2,
.references-archive .archive-container .archive-row:nth-child(2) h2,
.references-archive .archive-container .archive-row:nth-child(3) h2 { margin-bottom: 20px; }
.references-archive .archive-container .archive-row h2 { font-size: 28px; margin-top: 12px; margin-bottom: 12px; }
.references-archive .archive-container .archive-row h2 a { color: var(--color-grey-dark); }
.references-archive .archive-container .archive-row .archive-image { margin-bottom: 40px; position: relative; }
.references-archive .archive-container .archive-row .archive-image span { background-color: var(--color-green); padding: 12px 35px 10px; text-transform: uppercase; font-weight: 600; font-family: "Josefin Sans", sans-serif; font-size: 13px; color: #fff; border-top-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); display: inline-block; position: absolute; left: 0; bottom: 0; }
.references-archive .archive-pagination { margin-top: 130px; }
.references-archive .archive-container .archive-row .archive-customer { color: var(--color-orange-dark); margin-bottom: 0; font-family: "Josefin Sans", sans-serif; }

.news-archive .archive-news .archive-image { background-color: transparent; height: auto; }
.news-archive .archive-content .archive-date { color: var(--color-grey-dark);margin-top: 23px; }
.news-archive .archive-content h2 { margin-top: 10px; padding-top: 0 !important; }
.news-archive a { color: var(--color-grey-dark); }
.news-archive a:hover { color: var(--color-orange-dark); }
.news-archive .archive-row { margin-bottom: 79px; }
.news-archive .archive-news .archive-ingres { color: var(--color-grey-dark); }
.news-archive-header { margin-bottom: 30px; }
.news-archive .archive-row img { aspect-ratio: 1/1; object-fit: cover; }

.archive-pagination { justify-content: center; gap: 20px; align-items: center; }
.archive-pagination .page-arrow { mask-image: url(images/arrow-right.svg); mask-size: cover; background-color: var(--color-orange-dark); display: inline-block; width: 18px; height: 17px; line-height: 1;  border: 0; text-align: center; padding: 0; }
.archive-pagination ul { padding: 0; margin: 0; display: flex; gap: 10px; }
.archive-pagination ul li {width: 37px; height: 37px; text-decoration: none; display: inline-block; }
.archive-pagination>* { width: auto; }
.archive-pagination .page-arrow.arrow-left { transform: rotate(180deg); }
.archive-pagination ul li button { transition: var(--transition); background-color: transparent; width: 37px; height: 37px;line-height: 37px; font-size: 0; border: 0; background-image: url(images/pagination.svg); background-repeat: no-repeat; background-size: cover; background-position: 50%; }
.archive-pagination ul li button:hover { background-image: url(images/pagination-current.svg); }
.archive-pagination ul li.page-active button { background-image: url(images/pagination-current.svg); }

.webinars-archive .archive-comments .archive-image { background-color: transparent; height: auto; }
.webinars-archive .archive-content .archive-date { color: var(--color-grey-dark);margin-top: 23px; }
.webinars-archive .archive-content h2 { margin-top: 10px; padding-top: 0 !important; }
.webinars-archive a { color: var(--color-grey-dark); }
.webinars-archive a:hover { color: var(--color-orange-dark); }
.webinars-archive .archive-row { margin-bottom: 130px; display: flex; gap: 3rem; align-items: center; }
.webinars-archive .archive-row .archive-image { flex-basis: 50%; }
.webinars-archive .archive-row .archive-info { flex-basis: 50%; }
.webinars-archive .archive-news .archive-ingres { color: var(--color-grey-dark); }

.counter.content-3-6-3 { margin-top: 100px; margin-bottom: 0; position: relative; }
.counter + .counter { margin-top: 0; }
.counter .container > .row { position: relative; }
.counter.content-3-6-3 .container > .row:after { content: ''; position: absolute; left: 1.5rem; right: 1.5rem; top: 0; bottom: 0; z-index: -1; background-color: var(--color-green-dark); border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius);  }
.counter.content-3-6-3 .col-text { padding: 0 4.2rem; }
.counter .col-text > h2 { color: #fff; margin-bottom: -1px; padding: 50px 0 10px; }
.counter .col-text > h2 .title-border:after { background-color: #fff; }
.counter .laskuri-form { padding: 0 0 50px; background-color: var(--color-green-dark); border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);  }
.counter .laskuri-form .submit button { margin-top: 20px; font-size: 16px; padding: 17px 70px 15px 35px; display: inline-block; background-color: var(--color-orange-dark); border-radius: 36px; position: relative; color: #fff; text-decoration: none; }
.counter .laskuri-form .submit button:after { content: ''; background-image: url('images/arrow-right.svg'); background-size: cover; width: 15px; height: 14px; position: absolute; right: 30px; top: 21px; }
.counter .laskuri-form .submit button:hover { background-color: var(--color-grey); }
.laskuri-form label { color: #fff; display: block; margin-bottom: 1rem;}
.counter .laskuri-form .field-radio  label { display: inline-block; margin-right: 1rem; }
.counter .laskuri-form .field-radio { display: flex; gap: 20px; }
.counter .laskuri-form > * { max-width: 50%; margin-left: auto; margin-right: auto; padding: 0 5rem;}
.counter .laskuri-form .row > * { padding: 0; }
.laskuri-fields >* { margin-bottom: 1rem; }
.laskuri-fields input[type="number"], .laskuri-fields input[type="text"] {height: 40px; border-radius: var(--border-radius); border: 0; padding: 5px 15px; width: calc(100% - 15px); max-width: 280px; }
.laskuri-fields select {height: 40px; padding: 5px; border-radius: var(--border-radius); border: 0; width: 100%; max-width: 280px;}
.laskuri-results { margin: 100px auto !important; max-width: 55%; position: relative; }
.laskuri-results h3 { font-size: clamp(1.5625rem, 1.3235rem + 0.9804vw, 2.5rem); }
.laskuri-results:after { content: ''; position: absolute; left: 1.5rem; right: 1.5rem; top: 0; bottom: 0; z-index: -1; background-color: #fff; border-radius: var(--border-radius);  }
.co2, .onetimepayment, .servicepayment,
.laskuri-results .results-savings .savings { white-space: nowrap; font-size: clamp(2.5rem, 1.9424rem + 2.2876vw, 4.6875rem); font-family: "Josefin Sans", sans-serif; font-weight: 700;}
.laskuri-results > * { margin-bottom: 30px; }

.laskuri-results .form { padding: 0 0 50px; background-color: var(--color-green-dark); border-radius: var(--border-radius); }
.laskuri-results .form > h2 { color: #fff; margin-bottom: -1px; padding: 50px 0 10px; text-align:center; }
.laskuri-results .form .submit button { margin-top: 20px; font-size: 16px; padding: 17px 70px 15px 35px; display: inline-block; background-color: var(--color-orange-dark); border-radius: 36px; position: relative; color: #fff; text-decoration: none; }
.laskuri-results .form .submit button:after { content: ''; background-image: url('images/arrow-right.svg'); background-size: cover; width: 15px; height: 14px; position: absolute; right: 30px; top: 21px; }
.laskuri-results .form .submit button:hover { background-color: var(--color-grey); }
.laskuri-results .form .frm_form_field > p { color: #fff; }
.laskuri-form label { color: #fff; display: block; margin-bottom: 1rem;}
.laskuri-results .form .field-radio  label { display: inline-block; margin-right: 1rem; }
.laskuri-results .form .field-radio { display: flex; gap: 20px; }
.laskuri-results .form > * { max-width: 50%; margin-left: auto; margin-right: auto; padding: 0 5rem;}
.laskuri-results .form .row > * { padding: 0; }

.laskuri-form .submit .btn { margin-top: 20px; font-size: 16px; padding: 17px 70px 15px 35px; display: inline-block; background-color: var(--color-orange-dark); background-image: url('images/arrow-right.svg'); background-size: 15px 14px; background-position: calc(100% - 30px) 21px; background-repeat: no-repeat; border-radius: 36px; position: relative; color: #fff; text-decoration: none; }
.laskuri-form .submit .btn:hover { background-color: var(--color-grey); }
.green-bg .field-radio { display: flex; gap: 20px; }
.green-bg .field-radio .radio-choice { flex-basis: 50%; }
.green-bg .field-radio  label { display: inline-block; margin-right: 1rem; }
.green-bg .laskuri-fields .col-md-6.field-text { padding-right: 10px; }
.green-bg .laskuri-fields .col-md-6.field-select { padding-left: 10px; }

.col-content_highlights .row-highlights .content-highlight-container { box-shadow: 0 0 0 0; }
.col-content_highlights .row-highlights .content-highlight-inner { text-align: left; padding: 0; }
.col-content_highlights:not(.highlights-icons-bg):not(.highlights-icons):not(.highlights-icons-bg-green) .row-highlights img { border-radius: var(--border-radius); }
.col-content_highlights .content-highlight-image { margin-bottom: 3rem; }
.col-content_highlights .content-highlight { margin-bottom: 3rem; }
.col-content_highlights h2 { margin-bottom: 30px; max-width: 50%; }
.content-highlight-link { font-size: 16px; padding: 17px 70px 15px 35px; display: inline-block; background-color: var(--color-orange-dark); border-radius: 36px; position: relative; color: #fff; text-decoration: none; }
.content-highlight-link:after { content: ''; background-image: url('images/arrow-right.svg'); background-size: cover; width: 15px; height: 14px; position: absolute; right: 30px; top: 21px; }
.content-highlight-link:hover { color: #fff; }

.col-content_highlights.highlights-bg-icons .row-highlights .content-highlight-container { aspect-ratio: 1/1; padding-left: 10%; position: relative; }
.col-content_highlights.highlights-bg-icons .row-highlights .content-highlight-container:before { content: ''; background-image: url('images/green-icon.svg'); background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.col-content_highlights.highlights-bg-icons .row-highlights .content-highlight-container .content-highlight-inner { border-radius: 38px;overflow: hidden;background-color: transparent; position: absolute; top: 50%; left: 10%; right: 0; transform: translateY(-50%); aspect-ratio: 1.3 / 1; }
.col-content_highlights.highlights-bg-icons .content-highlight-image { margin-bottom: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.col-content_highlights.highlights-bg-icons .content-highlight-image img { aspect-ratio: 1.3/1; object-fit: cover; border-radius: 38px !important; }
.col-content_highlights.highlights-bg-icons .row-highlights { margin-left: -0.5rem; margin-right: -0.5rem; }
.col-content_highlights.highlights-bg-icons .content-highlight { margin-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; }
.col-content_highlights.highlights-bg-icons .content-highlight-link { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.col-content_highlights.highlights-bg-icons .content-highlight-link:hover { background-color: #0493C3; }
.col-content_highlights.highlights-bg-icons .content-highlight-link:before { content: '';transition: var(--transition); z-index: -1; position: absolute; border-radius: 38px; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; background-color: #0493C3; opacity: 0; }
.col-content_highlights.highlights-bg-icons .content-highlight-link:hover:before { opacity: 0.43; }

.col-content_highlights.highlights-icons-bg .content-highlight-image { text-align: center; margin-bottom: 5rem; position: relative; }
.col-content_highlights.highlights-icons-bg .content-highlight-image:after { content: ''; z-index: -1; position: absolute; left: 0; right: 0; bottom: -20px; height: 110px; opacity: 0.8;  border-top-right-radius: var(--border-radius); border-top-left-radius: var(--border-radius); }
.col-content_highlights.highlights-icons-bg .content-highlight:first-child .content-highlight-image:after { background-color: var(--color-green); }
.col-content_highlights.highlights-icons-bg .content-highlight:nth-child(2) .content-highlight-image:after { background-color: var(--color-green-dark); }
.col-content_highlights.highlights-icons-bg .content-highlight:nth-child(3) .content-highlight-image:after { background-color: var(--color-blue); }
.col-content_highlights.highlights-icons-bg .content-highlight:nth-child(4) .content-highlight-image:after { background-color: var(--color-blue-dark); }
.col-content_highlights.highlights-icons-bg .content-highlight { margin-bottom: 5rem; }
.col-content_highlights.highlights-icons-bg h2 { color: var(--color-green); max-width: 50%; }

.col-content_highlights.highlights-icons-bg-green .content-highlight-image { position: relative; text-align: center; padding-top: 25px; }
.col-content_highlights.highlights-icons-bg-green .content-highlight-image:before { content: '';background-color: var(--color-green);  z-index: -1; position: absolute; left: 0; right: 0; top: 0; height: 110px; opacity: 0.8; border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); }
.col-content_highlights.highlights-icons-bg-green .content-highlight-image img { width: 70%; border-radius: 50%; background-color: #fff; }

.col-content_highlights.highlights-icons { text-align: center; }
.col-content_highlights.highlights-icons .row-highlights .content-highlight-inner { text-align: center; }

.reference .col-references_highlights .reference-highlight { display: flex; gap: 3rem; }
.reference .col-references_highlights .reference-highlight .reference-info { order: 1; flex-basis: calc(50% - 1.5rem); margin: auto; padding: 2rem calc(8.3333333% - 3rem) 2rem 8.3333333%;  }
.reference .col-references_highlights .reference-highlight .reference-image { order: 2; flex-basis: calc(50% - 1.5rem);    align-self: center;}
.reference .col-references_highlights .reference-highlight .reference-image a { display: block; }
.reference .col-references_highlights h2 { display: block; position: relative; margin-bottom: 50px !important; }
.reference .col-references_highlights h2:after { content: ''; position: absolute; bottom: -15px; height: 6px; width: 100%; left: 0; border-radius: 10px; background-color: var(--color-orange-dark); }
.col-references_highlights .button { margin-top: 2rem; font-size: 16px; padding: 17px 70px 15px 35px; display: inline-block; background-color: var(--color-orange-dark); border-radius: 36px; position: relative; color: #fff; text-decoration: none; }
.col-references_highlights .button:after { content: ''; background-image: url('images/arrow-right.svg'); background-size: cover; width: 15px; height: 14px; position: absolute; right: 30px; top: 21px; }
.col-references_highlights .button:hover { background-color: var(--color-grey); }

/*.col-references_highlights h2 { margin-bottom: 47px; }*/
.col-references_highlights h2 { margin-top: 60px; font-size: clamp(1.25rem, 1.1703rem + 0.3268vw, 1.5625rem); }
.col-references_highlights h3 { /*margin-top: 60px;*/ margin-top: 12px; }
.col-references_highlights :is(h2, h3) { transition: var(--transition); }
.col-references_highlights a:hover :is(h2, h3) { color: var(--color-orange-dark); }
.col-references_highlights .reference-highlight .reference-image { position: relative; margin-bottom: 40px; }
.col-references_highlights .reference-highlight .reference-image span { background-color: var(--color-green); padding: 12px 35px 10px; text-transform: uppercase; font-weight: 600; font-family: "Josefin Sans", sans-serif; font-size: 13px; color: #fff; border-top-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); display: inline-block; position: absolute; left: 0; bottom: 0; }
.col-references_highlights .reference-image img { width: 100%; }
.col-references_highlights .col-sm-6 .reference-image img { aspect-ratio: 1 / 1; object-fit: cover; }
.col-references_highlights .reference-highlight .reference-info .reference-customer {color:var(--color-orange-dark); margin-bottom: 0; font-family: "Josefin Sans",sans-serif;}

.col-references_highlights .reference-highlight {padding: 15px;}
.reference-carousel {position: relative; padding: 0 50px;}
.reference-carousel .owl-prev {position: absolute; left: 5px; top: 40%; transform: translateY(-50%); font-size: 70px !important; line-height: 1;;}
.reference-carousel .owl-next {position: absolute; right: 5px; top: 40%; transform: translateY(-50%); font-size: 70px !important; line-height: 1;;}
.reference-carousel .owl-dots {text-align: center;}
.reference-carousel .owl-dots button {display: inline-block; margin: 0 5px;}
.reference-carousel .owl-dots button span {display: inline-block; width: 20px; height: 20px; border: 2px solid #000; border-radius: 50%;}
.reference-carousel .owl-dots button.active span {background: var(--color-orange-dark);}

.col-news_highlights h2 { margin-bottom: 47px;}
.col-news_highlights .news-highlight-content .news-highlight-date { margin-top: 23px; }
.col-news_highlights .news-highlight-content h3 { margin-top: 10px; }
.col-news_highlights :is(h2, h3) { transition: var(--transition); }
.col-news_highlights a:hover :is(h2, h3) { color: var(--color-orange-dark); }

.col-post_title { display: block; position: relative; margin-bottom: 50px !important; }
.col-post_title:after { content: ''; position: absolute; bottom: -15px; height: 6px; width: 100%; left: 0; border-radius: 10px; background-color: var(--color-orange-dark); }
.single-news .date { margin-bottom: 1rem; }

.col-persons_highlights h2 { margin-bottom: 30px; }
.col-persons_highlights .person-highlight { font-size: clamp(1.125rem, 1.0135rem + 0.4575vw, 1.5625rem); margin-bottom: 4rem; }
.col-persons_highlights .person-highlight h3 { margin-top: 30px; }
.col-persons_highlights .person-highlight ul { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.col-persons_highlights .person-highlight .person-title { margin-bottom: 0.5rem; }
.col-persons_highlights .person-highlight .person-image img { object-fit: cover; aspect-ratio: 1/1; }
.col-persons_highlights .person-highlight a { font-weight: 400; }
.col-persons_highlights .person-highlight a:hover { text-decoration: underline; color: var(--color-orange-dark); }
.col-persons_highlights .person-highlight.single { display: flex; gap: 3rem; align-items: center; }
.col-persons_highlights .person-highlight.single .person-image { flex-basis: 50%; }
.col-persons_highlights .person-highlight.single .person-info { flex-basis: 50%; font-size: 18px; }

.footer-container.footer-container2 { padding: 3rem 0; color: #fff; background-color: var(--color-blue-dark); margin-top: 9.5rem; }
.footer-container.footer-container2 :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
.footer-container.footer-container2 a { color: var(--color-orange-dark); }
.footer-container.footer-container2 .footer-some-icons a { color: #fff; }
.footer-container .footer-contents-2 { text-align: center; }
.footer-container .some { padding: 20px; background-color: var(--color-blue-dark); position: absolute; margin: auto; left: 50%; transform: translateX(-50%); top: -7.5rem; border-top-right-radius: var(--border-radius); border-top-left-radius: var(--border-radius); }
.footer-container .footer-some-icons > li > a > .fa { font-size: 36px; }
.footer-container .footer-some-icons > li > a:hover { color: var(--color-orange-dark); }
.footer-container .footer-some-icons { display: flex; gap: 1rem; }
.footer-container .footer-some-icons > li { margin-right: 0; }
.footer-container h3 { font-size: 25px; }
.footer-container .footer-contents-3 .footer-logos { display: flex; gap: 16px; justify-content: center; align-items: center; height: 100%; }
.footer-container .footer-contents-3 .footer-logos img { max-width: 140px; }

.frm_forms { margin-top: 1.5rem; }
.frm_forms .frm_form_fields .frm_form_field { font-family: "Josefin Sans", sans-serif; font-size: 16px; }
.frm_forms .frm_form_fields .frm_form_field input, .frm_form_fields .frm_form_field textarea { border-radius: 21px; border: 0; padding: 10px 25px;}
.frm_forms .frm_form_fields .frm_form_field .frm_checkbox input[type=checkbox],.frm_forms .frm_form_fields .frm_form_field .frm_checkbox input[type=radio] { border-radius: 6px;border: 0; padding: 0; }
.frm_forms .frm_form_fields .frm_form_field .frm_checkbox label { color: #fff; max-width: 70%; display: flex; padding: 0; text-indent: 0; font-size: 16px;}
.frm_forms .frm_form_fields .frm_form_field .frm_checkbox label input { margin-right: 15px;  }
.frm_forms .frm_form_fields .frm_form_field .frm_submit button { margin-bottom: 0; font-weight: 700; transition: var(--transition); box-shadow: none; border: 0; font-size: 16px; padding: 17px 80px 15px 30px; display: inline-block; background-color: #fff; border-radius: 36px; position: relative; color: var(--color-orange-dark); text-decoration: none; }
.frm_forms .frm_form_fields .frm_form_field .frm_submit button:after { content: '';  transition: var(--transition); mask-image: url('images/arrow-right.svg'); mask-size: cover; background-color: var(--color-orange-dark); width: 15px; height: 14px; position: absolute; right: 20px; }
.frm_forms .frm_form_fields .frm_form_field .frm_submit button:hover { color: #fff; background-color: var(--color-grey); }
.frm_forms .frm_form_fields .frm_form_field .frm_submit button:hover:after { background-color: #fff; }
.frm_forms .frm_form_fields .frm_form_field input::placeholder,.frm_form_fields .frm_form_field textarea::placeholder { color: var(--color-grey); opacity: 1; }
.frm_forms .frm_form_fields .frm_form_field input::-ms-input-placeholder,.frm_form_fields .frm_form_field textarea::-ms-input-placeholder { color: var(--color-grey); }
.frm_forms .frm_form_fields .frm_form_field:last-child,
.frm_forms .frm_form_fields > fieldset:last-child { padding-bottom: 0; }

@media (max-width: 1199px) {
    .green-bg .field-radio { flex-direction: column; }
    .green-bg .laskuri-form .field-radio label { margin-bottom: 0; }
    .green-bg .laskuri-fields { margin-top: 1rem; }
    .green-bg .laskuri-fields .col-md-6 { width: 100%; }
    .green-bg .laskuri-fields .col-md-6.field-select { padding-left: 1.5rem; }
    .col-content_highlights.highlights-icons-bg h2 { max-width: 70%; }
    .image-text-narrow-reverse .col-md-6:first-child .col-text,
    .image-text-narrow .col-md-6:first-child .col-text,
    .image-text-narrow-reverse .col-md-6:first-child .col-post_title,
    .image-text-narrow .col-md-6:first-child .col-post_title { margin: auto calc(10% - 3rem) auto 10%; }
    .webinars-archive .archive-row { gap: 2rem; }
    .references-archive .archive-container { gap: 50px 0; }
    .references-archive .archive-container .archive-row:nth-child(2) img, .references-archive .archive-container .archive-row:nth-child(3) img { aspect-ratio: 1 / 1; }
    .references-archive .archive-container .archive-row:nth-child(2), .references-archive .archive-container .archive-row:nth-child(3) { flex-basis: 50%; }
    .references-archive .archive-container .archive-row { flex-basis: 25%; }
}

@media (max-width: 991px) { 
    .col-content_highlights.highlights-bg-icons .content-highlight { margin-bottom: 1rem; }
    .home .banner-container2 .owl-carousel .carousel-caption { flex-basis: 55%; padding: 3%; }
    .home .banner-container2 .owl-carousel .carousel-image { flex-basis: 45%; }
    .content { margin: 50px 0; }
    .reference .col-references_highlights .reference-highlight .reference-info { padding: 0; }
    .col-references_highlights .reference-highlight .reference-image span { padding: 8px 20px 5px; font-size: 12px; min-width: auto; }
    .col-references_highlights h3 { margin-top: 30px; }
    .navbar-collapse { position: absolute; top: 100%; left: 0; right: 0; background-color: var(--color-orange-dark); opacity: 0.95; border-radius: var(--border-radius); z-index: 200; }
    .navbar-collapse .navbar-nav { padding: 50px 30px; }
    .navigation-container .navbar-nav .nav-link { color: #fff; display: inline-block; }
    .navbar-nav li { border-bottom: 2px solid #fff;  }
    .navbar-nav li.wpml-ls-item { border-bottom: 0; }
    .navbar-nav li a { padding: 15px 0; }
    .navbar-expand-lg .navbar-nav { gap: 15px; }
    .navigation-container .dropdown-menu { padding: 0 0 1rem; background-color: transparent; }
    .navigation-container .dropdown-menu .nav-item { border-bottom: 0 !important; font-size: 20px; }

    .home .banner-container2 .owl-carousel { padding-bottom: 50% !important; }
    .banner-container2 .owl-carousel { padding-bottom: 75% !important; }
    .navigation-container .navbar-nav .current-menu-item .nav-link { color: #fff; }
    .static-banner .content-bg { aspect-ratio: 1 / 0.75; }
    .references-archive .archive-container { gap: 50px 1rem; }
    .references-archive .archive-container .archive-row:first-child img { aspect-ratio: 2.5 / 1; }
    .references-archive .archive-container .archive-row:nth-child(2) img, .references-archive .archive-container .archive-row:nth-child(3) img { aspect-ratio: 1 / 1; }
    .references-archive .archive-container .archive-row:nth-child(2), .references-archive .archive-container .archive-row:nth-child(3) { flex-basis: calc(50% - 0.5rem); }
    .references-archive .archive-container .archive-row { flex-basis: calc(50% - 0.5rem); }
    .banner-container + .counter .container > .row:after { left: 0.75rem; right: 0.75rem; }
    .counter .laskuri-form > * { max-width: 83.33333333%; }
    .counter .laskuri-results { margin: 70px auto !important; max-width: 80%; }
    .green-bg .row:after { left: 0.75rem; right: 0.75rem; }
    .frm_forms .frm_form_fields .frm_form_field .frm_checkbox label { max-width: 100%; font-size: 15px; }
}

@media (max-width: 767px) {
    .navbar-brand { flex-basis: 55%; }
    .navigation-container > .container > .navbar > .navbar-brand > img { width: 100%; max-width: 190px; }
    .home .banner-container2 .owl-carousel .container { flex-direction: column; }
    .home .banner-container2 .owl-carousel .carousel-image { order: 1; }
    .home .banner-container2 .owl-carousel .carousel-caption { order: 2; }
    .home .banner-container.banner-container2 .owl-carousel.owl-loaded { height: auto !important; padding-bottom: 0 !important; }
    .home .banner-container.banner-container2 .owl-carousel .owl-stage-outer { position: static !important; }
    .home .banner-container.banner-container2 .owl-carousel .owl-stage { position: static !important;  }
    .home .banner-container.banner-container2 .owl-item > .owl-carousel-item { position: static !important;  }
    .col-content_highlights.highlights-bg-icons .row-highlights .content-highlight-container { margin-bottom: 1rem; }
    .banner-container2 .owl-carousel { padding-bottom: 90% !important; }
    .static-banner .content-bg { aspect-ratio: 1 / 0.9; }
    .static-banner .row {width: 90%; padding: 20px;  }

    .reference .col-references_highlights .reference-highlight { flex-direction: column; }
    .reference .col-references_highlights .reference-highlight .reference-image { order: 1; }
    .reference .col-references_highlights .reference-highlight .reference-info { order: 2; }
    .col-content_highlights h2 { max-width: 100%; }
    .col-news_highlights h2, .col-references_highlights h2 { margin-bottom: 30px; }
    .col-news_highlights { margin-bottom: 50px; }
    .topbar li.contact { display: none !important; }
    .topbar li.login a { font-size: 0 !important; padding: 0; width: 50px; height: 50px; }
    .topbar .wpml-ls-item { display: none !important; }
    .navigation-container { padding-top: 0; }
    .topbar-container > .container > .topbar { right: 80px !important; }
    .image-text-narrow-reverse .col-md-6:first-child .col-text,
    .image-text-narrow .col-md-6:first-child .col-text,
    .image-text-narrow-reverse .col-md-6:first-child .col-post_title,
    .image-text-narrow .col-md-6:first-child .col-post_title { margin: auto 0 !important; }

    .col-content_highlights.highlights-icons .content-highlight { flex: 0 0 auto; width: 50%; }
    .col-content + .col-content { margin-top: 50px; }
    .webinars-archive .archive-row { gap: 20px; margin-bottom: 50px; }
    .banner-container2 .carousel-caption { width: 85%; bottom: 10%; }
    .banner-container2 .carousel-caption a.btn-custom { margin-top: 1rem; }
    .col-image > .img-background { min-height: 300px; }
    .orange-bg .row:after { left: 0.75rem; right: 0.75rem; }
    .embed-container > .embed-content { max-height: 500px !important; }
    .references-archive .archive-container .archive-row h2 { font-size: 22px; }
    .single-references .content .col-md-6 .col-post_title { margin-bottom: 50px !important; }
    .image-text-narrow-reverse .col-md-6:last-child .col-text, .image-text-narrow .col-md-6:last-child .col-text, .image-text-narrow-reverse .col-md-6:last-child .col-post_title, .image-text-narrow .col-md-6:last-child .col-post_title { margin: 0; }
    .image-text-narrow-reverse .col-md-6:last-child { order: 1; }
    .image-text-narrow-reverse .col-md-6:first-child { order: 2; }

    .footer-contents-2 { order: 1; }
    .footer-contents { order: 2; text-align: center; margin-top: 70px; }
    .footer-contents-3 { order: 3; }
    .footer-container .footer-contents-3 .footer-logos { justify-content: center; margin-top: 40px; }
    .counter.content-3-6-3 .col-text { padding: 0 2rem; }
    .counter .laskuri-form > * { max-width: 100%;padding: 0 2rem; }
    .counter .laskuri-form .field-radio { flex-direction: column; }
    .green-bg .col-md-6:first-child .col-image img, .green-bg .col-md-6:first-child .col-image > .img-background > .img-background-content { border-top-right-radius: var(--border-radius); border-bottom-left-radius: 0; }
    .green-bg .col-text { padding: 2rem; }
    .green-bg .laskuri-fields .col-md-6.field-select { padding-left: 0.75rem; }

    .image-text-reverse .container .row > div:first-child { order: 2; }
    .image-text-reverse .container .row > div:last-child { order: 1; }
}

@media (max-width: 575px) {
    .col-references_highlights h3 { margin-top: 30px; }
    .reference-highlight:not(:last-child) { margin-bottom: 56px; }
    .reference .col-references_highlights .reference-highlight { flex-direction: column; }
    .reference .col-references_highlights .reference-highlight .reference-image { order: 1; }
    .reference .col-references_highlights .reference-highlight .reference-info { order: 2; padding: 0; }
    .news-highlight-container { margin-bottom: 3rem; }
    .col-news_highlights .news-highlight-content h3 { font-size: 20px; }
    .crumbtrail-container .crumbtrail { line-height: 1.5; margin-right: 20px; }

    .image-text-narrow-reverse .col-md-6:first-child .col-text,
    .image-text-narrow .col-md-6:first-child .col-text,
    .image-text-narrow-reverse .col-md-6:first-child .col-post_title,
    .image-text-narrow .col-md-6:first-child .col-post_title,
    .image-text-narrow-reverse .col-md-6:last-child .col-text,
    .image-text-narrow .col-md-6:last-child .col-text,
    .image-text-narrow-reverse .col-md-6:last-child .col-post_title,
    .image-text-narrow .col-md-6:last-child .col-post_title { margin: 0; }

    .col-references_highlights h2,
    .col-news_highlights h2 { margin-bottom: 34px; }
    .col-content_highlights.highlights-icons-bg h2 { max-width: 100%; }
    .col-content_highlights.highlights-icons-bg .content-highlight-image { margin-bottom: 3rem; }
    .col-content_highlights.highlights-icons-bg .content-highlight { margin-bottom: 3rem; }

    .footer-container.footer-container2 { padding-bottom: 70px; }
    .banner-container2 .owl-carousel { padding-bottom: 130% !important; }
    .banner-container2 .carousel-caption {width: 85%; padding: 20px; }
    .webinars-archive .archive-row { flex-direction: column; gap: 20px; margin-bottom: 50px; }

    .static-banner .content-bg { aspect-ratio: 1 / 1.2; }
    .static-banner .row {width: 85%; padding: 20px;  }
    .col-persons_highlights .person-highlight.single { gap: 1rem; }
    .embed-container > .embed-content { max-height: 400px !important; }
    .references-archive .archive-container .archive-row { flex-basis: 100% !important; }
    .references-archive .archive-container .archive-row:first-child img { aspect-ratio: 1 / 1; }
    .crumbtrail-container .crumbtrail { margin-left: 15px; margin-top: 15px; font-size: 13px; }
    .banner-container2 .carousel-caption a.btn-custom { margin-top: 1rem; padding: 13px 70px 11px 35px; }
    .banner-container2 .carousel-caption { bottom: 7%; }
}

@media (max-width: 400px) {
    .banner-container2 .owl-carousel { padding-bottom: 140% !important; }
    .banner-container2 .carousel-caption { bottom: 5%; }
    .banner-container2 .carousel-caption p { font-size: 15px; }
}

@media (min-width: 576px) {
    .static-banner .container { max-width: calc(540px - 1.5rem); }
}

@media (min-width: 768px) {
    .navbar-expand-lg .navbar-collapse { justify-content: flex-end; }
    .navbar-expand-lg .navbar-nav { gap: 20px; }
    .static-banner .container { max-width: calc(720px - 1.5rem); }
    .navigation-container > .container > .navbar > .navbar-brand > img { max-width: 250px; }
    .navbar-nav li.wpml-ls-item { display: none !important; }
    .wrapper { padding-top: 133px; }
    .image-text-reverse .col-md-6,
    .image-text .col-md-6 { display: flex; margin: auto; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .col-content_highlights.highlights-bg-icons .content-highlight-link { right: auto; left: 50%; transform: translate(-50%, -50%) }
}

@media (min-width: 768px) and (max-width: 991px) {
    .webinars-archive .archive-row { flex-direction: column; gap: 20px; margin-bottom: 50px; }
}

@media (min-width: 992px) {
    .static-banner .container { max-width: calc(960px - 1.5rem); }
    .row { margin-left: -1.5rem; margin-right: -1.5rem; }
    .row>* { padding-left: 1.5rem; padding-right: 1.5rem; }
    .navigation-container > .container > .navbar > .navbar-brand > img { max-width: 250px; }
    .dropdown-toggle { display: none; }
    .navigation-container .dropdown:hover .dropdown-menu { display: block; }
}

@media (min-width: 1200px) {
    .static-banner .container { max-width: calc(1140px - 1.5rem); }
    .navigation-container > .container > .navbar > .navbar-brand > img { max-width: 383px; max-height: 90px; }
    .col-references_highlights .reference-highlight .reference-image span { min-width: 200px; }
    .banner-container2 .carousel-caption { width: calc(50% - 1.5rem); }
    .wrapper { padding-top: 163px; }
}

@media (min-width: 1400px) {
    .static-banner .container { max-width: calc(1320px - 1.5rem); }
    .green-bg .col-text { padding: 3rem 16.6666666% 3rem calc(16.6666666% - 3rem); }
}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1520px; }
    .static-banner .container { max-width: calc(1520px - 1.5rem); }
    .navbar-expand-lg .navbar-nav { gap: 50px; }
}

@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1642px; }
    .static-banner .container { max-width: calc(1642px - 1.5rem); }
}