@charset "UTF-8";

/* =============== Fonts Styles =============== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');


/* ============= Define Variables ============= */

:root {
    --text-color-body:         #292929;
    --text-color-white:        #FFFFFF;
    --text-color-primary:      #2980B9;
    --text-color-secondary:    #F7AC08;

    --color-white:             #FFFFFF;
    --color-gray:              #F2F2F2;
    --color-dark-gray:         #999999;
    --color-primary:           #2980B9;
    --color-secondary:         #F7AC08;
    --color-dark:              #00031D;
    --color-black:             #000000;

    --font-family-primary:     "Poppins", Arial, Helvetica, sans-serif;
    --font-family-secondary:   "Montserrat", Arial, Helvetica, sans-serif;

    --font-size-big:           65px;
    --font-size-h1:            55px;
    --font-size-h2:            45px;
    --font-size-h3:            32px;
    --font-size-h4:            28px;
    --font-size-h5:            24px;
    --font-size-h6:            20px;
    --font-size-large:         20px;
    --font-size-body:          18px;
    --font-size-small:         16px;
    --font-size-smallest:      14px;

    --font-weight-light:       300;
    --font-weight-normal:      400;
    --font-weight-medium:      500;
    --font-weight-semibold:    600;
    --font-weight-bold:        700;
    --font-weight-extrabold:   800;
    --font-weight-black:       900;
}


/* ========== Quality of Life CSS ========== */

*, *:before, *:after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}
::selection {
    background-color: var(--color-primary);
    color: var(--color-white);
}
html {
    scroll-behavior: smooth;
}
section {
    scroll-margin-top: 75px;
}
body {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    line-height: 1.75;
    color: var(--text-color-body);
}
.no-scroll {
    overflow: hidden;
    height: 100vh;
}
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 100%;
}
footer {
    margin-top: auto;
}
.container {
    max-width: 1440px;
    margin: 0 auto;
}
.container--fluid {
    width: 100%;
    max-width: 100vw;
}
h1, .h1 {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-bold);
    line-height: 1.25;
    margin: 0;
}
h2, .h2 {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-semibold);
    line-height: 1.25;
    margin: 0;
}
h3, .h3 {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-semibold);
    line-height: 1.25;
    margin: 0;
}
h4, .h4 {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-semibold);
    line-height: 1.25;
    margin: 0;
}
h5, .h5 {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
    margin: 0;
}
h6, .h6 {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
    margin: 0;
}
p {
    margin-top: 0;
    margin-bottom: 1.5vh;
}
p:last-child {
    margin-bottom: 0;
}
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
a:not(.action) {
    text-decoration: none;
    color: var(--text-color-primary);
}
a:not(.action):hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    color: var(--text-color-secondary);
}
a:focus,
a:focus-visible {
    outline-width: 2px;
    outline-style: solid;
    outline-color: var(--text-color-primary);
    outline: none;
}
img, svg {
    vertical-align: top;
}
/*/*/
.editor__section h1, 
.editor__section .h1 {
    margin: 2.5rem 0;
}
.editor__section h2, 
.editor__section .h2 {
    margin: 2rem 0;
}
.editor__section h3, 
.editor__section .h3 {
    margin: 1.75rem 0;
}
.editor__section h4, 
.editor__section .h4 {
    margin: 1.5rem 0;
}
.editor__section h5, 
.editor__section .h5 {
    margin: 1.25rem 0;
}
.editor__section h6, 
.editor__section .h6 {
    margin: 1rem 0;
}
.editor__section ul {
    list-style: disc;
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    margin-left: 1rem;
}
.editor__section ol {
    list-style: normal;
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    margin-left: 1rem;
}
.editor__section li::marker {
    color: var(--color-primary);
    font-size: var(--font-size-small);
    width: 1rem;
}
.editor__section img {
    width: 100%;
    height: auto;
}
.editor__section .wp-block-table table {
    border-collapse: collapse;
}
.editor__section .wp-block-table table td {
    border: 1px solid var(--color-dark-gray);
    padding: 10px 15px;
    vertical-align: middle;

}
/*/*/
.logged-in .main__header {
    top: calc(70px + 32px)
}
.logged-in .main__header--sticky {
    top: 32px;
}
@media screen and (max-width: 600px) {
    .logged-in .main__header--sticky {
        top: 0;
    }
}
/*/*/
.overlay__opacity--10 {
    opacity: 0.1 !important;
}
.overlay__opacity--15 {
    opacity: 0.15 !important;
}
.overlay__opacity--20 {
    opacity: 0.2 !important;
}
.overlay__opacity--25 {
    opacity: 0.25 !important;
}
.overlay__opacity--30 {
    opacity: 0.3 !important;
}
.overlay__opacity--35 {
    opacity: 0.35 !important;
}
.overlay__opacity--40 {
    opacity: 0.4 !important;
}
.overlay__opacity--45 {
    opacity: 0.45 !important;
}
.overlay__opacity--50 {
    opacity: 0.5 !important;
}
.overlay__opacity--55 {
    opacity: 0.55 !important;
}
.overlay__opacity--60 {
    opacity: 0.6 !important;
}
.overlay__opacity--65 {
    opacity: 0.65 !important;
}
.overlay__opacity--70 {
    opacity: 0.7 !important;
}
.overlay__opacity--75 {
    opacity: 0.75 !important;
}
.overlay__opacity--80 {
    opacity: 0.8 !important;
}
.overlay__opacity--85 {
    opacity: 0.85 !important;
}
.overlay__opacity--90 {
    opacity: 0.9 !important;
}
.overlay__opacity--95 {
    opacity: 0.95 !important;
}
.overlay__opacity--100 {
    opacity: 1 !important;
}
/*/*/
.action {
    display: inline-block;
    font-size: var(--font-size-large);
    color: var(--text-color-white);
    padding: 1rem 1.75rem;
    text-align: center;
    min-width: 250px;
    border: 2px solid var(--color-white);
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    z-index: 0;
}
.action--primary:hover {
    color: var(--text-color-white);
    border: 2px solid var(--color-primary);
    background-color: var(--color-primary);
}
.action__bg--primary {
    color: var(--text-color-body)
}
.action__bg--primary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.65;
    background-color: var(--color-white);
    z-index: -1;
}
.action__bg--primary:hover{
    color: var(--text-color-body);
    border-color: var(--color-white);
    background-color: var(--color-primary);
}
.action__bg--primary:hover:before {
    opacity: 1;
}

.action--secondary {
    color: var(--text-color-white);
    border: 2px solid var(--color-primary);
    background-color: var(--color-primary);
}
.action--secondary:hover {
    color: var(--text-color-body);
    border: 2px solid var(--color-secondary);
    background-color: var(--color-secondary);
}
/*/*/
.nav__trigger {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    margin-left: auto;
}
.mobile__menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
}
.line {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line--top {
    stroke-dasharray: 60 207;
    stroke: var(--color-primary);
}
.line--mid {
    stroke-dasharray: 60 60;
    stroke: var(--text-color-body);
}
.line--bot {
    stroke-dasharray: 60 207;
    stroke: var(--color-secondary);
}
.opened .line--top {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}
.opened .line--mid {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}
.opened .line--bot {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}
.nav__trigger {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .nav__trigger {
        display: flex;
        margin-right: 15px;
    }
    .nav__wrapper {
        display: none;
        position: fixed;
        top: 0px;
        left: 0;
        right: 0px;
        bottom: 0px;
        background: var(--color-dark);
        z-index: -1;
        padding: 9rem 3rem 3rem;
    }
    .nav__wrapper.active {
        display: flex;
    }
    .main__navigation {
        height: 100%;
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    .main__navigation ul {
        flex-direction: column;
        align-items: center;
    }
    .main__navigation li {
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .main__navigation li a {
        font-size: var(--font-size-large);
    }
    .main__navigation a.menu-button {
        font-size: var(--font-size-large);
    }
}
.drop-arrow {
    height: 35px;
    width: 35px;
    border-right: 2px solid var(--color-white);
    border-bottom: 2px solid var(--color-white);
    transform-origin: center;
    transform: rotate(45deg) translateX(-50%);;
    position: absolute;
    top: auto;
    bottom: 75px;
    left: 50%;
}
.drop-arrow:hover {
    border-color: var(--color-primary);
}

/* ========== Theme Styles ========== */
.main__header {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 1;
    
}
.main__header--wrapper {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;  
}

.main__header--wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--color-white);
    border-radius: 10px;
    opacity: 0.9;
    transition: all 150ms ease-in-out
}

.main__header--container {
    display: flex;  
    position: relative;
    z-index: 1;  
}
.logo__wrapper {
    padding: 20px 30px 20px 25px;
}
.nav__wrapper {
    margin-left: auto;
}
.navigation {
    height: 100%;
}
.navigation div[class*="-menu-container"] {
    height: 100%;
}
.navigation .menu {
    display: flex;
    height: 100%;
}
.navigation .menu > .menu-item {
    margin-right: 15px;
}
.navigation .menu > .menu-item > a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px;
    color: var(--text-color-body);
    font-weight: var(--font-weight-medium);
    position: relative;
}
.navigation .menu > .menu-item:not(.menu-item-has-children) > a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-color: var(--color-secondary);
    transition: all 150ms ease-in-out;
}
.navigation .menu > .menu-item.menu-item-has-children > a:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid var(--color-secondary);
    transition: all 150ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.navigation .menu > .menu-item:hover > a {
    text-decoration: none;
    color: var(--text-color-primary);
}
.navigation .menu > .menu-item:not(.menu-item-has-children):hover > a:after {
    width: 100%;
}
.navigation .menu > .menu-item > a:hover:after {
    height: 4px;
}
.navigation .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 25px);
    background-color: var(--color-white);
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    min-width: 200px;
    transition: all 150ms ease-in-out;
    filter: drop-shadow(0px 1px 1px var(--color-dark-gray));
}
.navigation .sub-menu > .menu-item {
    margin-bottom: 5px;
}
.navigation .sub-menu > .menu-item > a {
    font-size: var(--font-size-small);
    color: var(--text-color-body);
    opacity: 0.75;
    position: relative;
    font-weight: var(--font-weight-medium);
}
.navigation .sub-menu > .menu-item > a:before {
    content: "";
    position: absolute;
    left: -20px;
    top: calc(50% - 2px);
    background-color: var(--color-secondary);
    height: 4px;
    width: 0px;
    transition: all 150ms ease-in-out;
}
.navigation .sub-menu > .menu-item > a:hover:before {
    width: 10px;
}
.navigation .sub-menu > .menu-item > a:hover {
    text-decoration: none;
    color: var(--text-color-primary);
}
.navigation .sub-menu > .menu-item:last-child {
    margin-bottom: 0px;
}
.navigation .menu > .menu-item.menu-item-has-children:hover > a:after {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.navigation .menu > .menu-item.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.navigation .menu .custom__button {
    width: 245px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0;
    align-self: stretch;
    background-color: var(--color-primary);
}
.navigation .menu .custom__button a {
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 20px 30px;
    line-height: 24px;
    color: var(--text-color-white);
}
.navigation .menu .custom__button:hover {
    background-color: var(--color-secondary);
}
.navigation .menu .custom__button:hover a {
    color: var(--text-color-body);
}
.navigation .menu .custom__button:hover a:after {
    display: none;
}
.main__header--sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    box-shadow: 0px 0px 5px var(--color-dark-gray);
}
.main__header--sticky .main__header--wrapper:before {
    left: -50vw;
    right: -50vw;
    border-radius: 0px;
}
.main__header--sticky .navigation .menu .custom__button {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*/*/
.main__footer {
    background: var(--color-dark);
    padding-top: 70px;
    padding-left: 25px;
    padding-right: 25px;
}
.main__footer--container {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(1440px + 50px);
}
.footer__column {
    width: 33.33%;
    padding-left: 25px;
    padding-right: 25px;
}
.footer__logo--wrapper {
    margin-bottom: 25px;
}
.footer__logo--wrapper img {
    height: 70px;
    width: auto;
}
.footer--text {
    color: var(--text-color-white);
    font-size: var(--font-size-small);
    line-height: 28px;
}
.footer--text span {
    text-decoration-color: var(--color-primary) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
}
.footer__column h4 {
    font-size: var(--font-size-large);
    color: var(--text-color-secondary);
    font-family: var(--font-family-secondary);
    line-height: 70px;
}
.footer__column--middle {
    padding-left: 125px;
}
.footer__navigation .menu-item a {
    padding-left: 0px;
    transition: all 150ms ease-in-out;
    position: relative;
    color: var(--text-color-white);
    font-size: var(--font-size-small);
}
.footer__navigation .menu-item:hover a {
    padding-left: 20px;
    color: var(--text-color-primary);
    text-decoration: none;
}
.footer__navigation .menu-item a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: calc(50% - 2px);
    background-color: var(--color-secondary);
    height: 4px;
    width: 0px;
    transition: all 75ms ease-in-out;
    transition-delay: 75ms;
}
.footer__navigation .menu-item:hover a:before {
    width: 10px;
}
.footer__contact {
    display: flex;
    align-items: center;
}
.footer__contact--icon {
    flex: 0 0 40px;
}
.footer__contact--info {
    width: calc(100% - 40px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}
.footer__contact--info label {
    font-size: var(--font-size-smallest);
    color: var(--text-color-secondary);
}
.footer__contact--info a {
    font-size: var(--font-size-small);
    color: var(--text-color-white);
}
.footer__contact--info a:hover {
    color: var(--text-color-primary);
    text-decoration-color: var(--color-secondary) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}
.footer__contact--email {
    margin-bottom: 15px;
}
.footer__bottom {
    width: 100%;
    display: flex;
    margin-bottom: 35px;
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
}
.footer__bottom--copyright {
    color: var(--text-color-white);
    opacity: 0.5;
    width: 50%;
    font-size: var(--font-size-smallest);
}
.footer__bottom--author {
    text-align: right;
    color: var(--text-color-white);
    opacity: 0.5;
    width: 50%;
    font-size: var(--font-size-smallest);
}
.footer__bottom--author a {
    font-weight: var(--font-weight-semibold);
    color: var(--text-color-white);
}
/*/*/
.homepage__hero--section {
    height: 100vh;
    width: 100%;
    padding: 170px 50px 150px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.homepage__hero--content {
    text-align: center;
}
.homepage__hero--heading {
    margin-bottom: 1rem;
}
.homepage__hero--heading h1 {
    font-size: var(--font-size-big);
    color: var(--text-color-white);
}
.homepage__hero--text {
    margin-bottom: 3.5rem;
}
.homepage__hero--text p {
    color: var(--text-color-white);
    font-size: var(--font-size-large);
}
.homepage__hero--logo {
    margin-bottom: 3.5rem;
}
.homepage__hero--actions {
    display: flex;
    align-items: center;
    justify-content: center;
}
.homepage__hero--action {
    margin: 0 1.5rem;
}
.homepage__hero--background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.homepage__hero--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--color-dark);
}
.homepage__hero--image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.homepage__hero--image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.homepage__hero--video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
#hero__video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    aspect-ratio: 16/9;
}
@media (min-aspect-ratio: 16/9) {
    #hero__video {
        width: 130%;
        height: unset;
        background-size: 130% auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #hero__video {
        height: 130%;
        width: unset;
        background-size: auto 130%;
    }
}

/*/*/
.homepage__intro--section {
    padding: 100px 50px;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    line-height: 42px;
}
.homepage__intro--container {
    max-width: 1200px;
}
.homepage__about--section {
    background-color: var(--color-gray);
    overflow: hidden;
    padding-left: 50px;
}
.homepage__about--container {
    display: flex;
}
.homepage__about--left {
    width: 50%;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-right: 50px;
}
.homepage__about--heading {
    max-width: 500px;
}
.homepage__about--text {
    margin-bottom: 50px;
}
.homepage__about-right {
    width: 50%;
    position: relative;
}
.homepage__about--image {
    min-width: 50vw;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.homepage__about--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.homepage__about--action {
    text-align: right;
}
.homepage__about--action .action--primary {
    border-color: #CCCCCC;
    color: var(--text-color-body);
}
.homepage__about--action .action--primary:hover {
    background-color: var(--color-white);
}
/*/*/
.homepage__brokers--section {
    padding: 100px 50px;
}
.homepage__brokers--content {
    margin-bottom: 100px;
}
.homepage__brokers--heading {
    margin-bottom: 35px;
}
.homepage__brokers--text {
    max-width: 1200px;
}
.homepage__brokers--panels {
    display: flex;
    margin-left: -25px;
    margin-right: -25px;
}
.homepage__brokers--panel {
    width: calc(33.33% - 50px);
    margin-left: 25px;
    margin-right: 25px;
    background-color: var(--color-primary);
    border-radius: 10px;
    padding: 100px 50px 50px;
    position: relative;
    margin-bottom: 50px;
}
.brokers__panel--icon {
    position: absolute;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -60px;
    right: 50px;
    background-color: var(--color-secondary);
    border-radius: 50%;
}
.brokers__panel--heading {
    margin-bottom: 15px;
}
.brokers__panel--heading h3 {
    color: var(--text-color-white);
}
.brokers__panel--text {
    color: var(--text-color-white);
}
.homepage__brokers--action {
    text-align: right;
}
.homepage__brokers--action .action--primary {
    border-color: #CCCCCC;
    color: var(--text-color-body);
}
.homepage__brokers--action .action--primary:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--text-color-white);
}
/*/*/
.homepage__cta--section {
    padding: 120px 50px;
    position: relative;
}
.homepage__cta--container {
    display: flex;
    align-items: center;
}
.homepage__cta--content {
    width: calc(100% - 300px);
}
.homepage__cta--action {
    flex: 0 0 250px;
    margin-left: 50px;
}
.homepage__cta--heading {
    margin-bottom: 15px;
}
.homepage__cta--heading h2 {
    color: var(--text-color-body);
}
.homepage__cta--background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.homepage__cta--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}
.homepage__cta--image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.homepage__cta--image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--color-white);
    opacity: 0.65;
}
/*
.homepage__cta--image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
*/
/*/*/
.homepage__carriers--section {
    padding: 100px 50px;
}
.homepage__carriers--content {
    margin-bottom: 100px;
}
.homepage__carriers--heading {
    margin-bottom: 35px;
}
.homepage__carriers--text {
    max-width: 1200px;
}
.homepage__carriers--panels {
    display: flex;
    margin-left: -25px;
    margin-right: -25px;
}
.homepage__carriers--panel {
    width: calc(33.33% - 50px);
    margin-left: 25px;
    margin-right: 25px;
    background-color: var(--color-secondary);
    border-radius: 10px;
    padding: 100px 50px 50px;
    position: relative;
    margin-bottom: 50px;
}
.carriers__panel--icon {
    position: absolute;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -60px;
    right: 50px;
    background-color: var(--color-primary);
    border-radius: 50%;
}
.carriers__panel--heading {
    margin-bottom: 15px;
}
.carriers__panel--heading h3 {
    color: var(--text-color-body);
}
.carriers__panel--text {
    color: var(--text-color-body);
}
.homepage__carriers--action {
    text-align: right;
}
.homepage__carriers--action .action--primary {
    border-color: #CCCCCC;
    color: var(--text-color-body);
}
.homepage__carriers--action .action--primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--text-color-white);
}
/*/*/
.testimonials--section {
    padding: 100px 50px;
    position: relative;
    background-color: var(--color-gray);
}
.testimonials--border:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    height: 10px;
    background-image: url('../images/testimonials-border.svg');
    background-size: cover;
    background-position: center;
}
.testimonials--icon {
    text-align: center;
    margin-bottom: 35px;
}
.testimonials--wrapper {
    display: flex;
    position: relative;
}
.testimonials--container {
    max-width: 1200px;
    margin: 0 auto;
}
.testimonial--slide {
    max-width: 1200px;
    text-align: center;
}
.testimonial__slide--text {
    font-size: var(--font-size-large);
    margin-bottom: 25px;
}
.testimonial__slide--author {
    opacity: 0.75;
}
.testimonial__slide--author p:before {
    content: "— ";
}
.testimonial__slide--author span {
    font-weight: var(--font-weight-bold);
}
/*/*/
.page__banner--section {
    min-height: 400px;
    width: 100%;
    padding: 180px 50px 65px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.page__banner--section.page__title--hidden {
    padding-bottom: 0px;
}
.page__banner--content {
    text-align: center;
}
.page__banner--heading {
    margin-bottom: 1rem;
}
.page__banner--heading p {
    font-size: var(--font-size-big);
    color: var(--text-color-white);
}
.page__banner--text p {
    color: var(--text-color-white);
    font-size: var(--font-size-large);
}
.page__banner--background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.page__banner--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--color-dark);
}
.page__banner--image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.page__banner--image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
/*/*/
.page__content--section {
    padding: 0px 50px 120px 50px;
}
.about__page--container {
    position: relative;
    padding-top: 150px;
}
.page__title {
    width: 50%;
    background-color: var(--color-primary);
    padding: 35px 50px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
}
.page__title h1 {
    color: var(--text-color-white);
    font-weight: var(--font-weight-medium);
}
/*/*/
.about__page--content {
    display: flex;
}
.about__page--left {
    width: 50%;
}
.about__page--right {
    width: 50%;
    padding-left: 50px;
}
.about__image--wrapper {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}
.about__image--wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
/*/*/
.page__cta--section {
    padding: 100px 50px;
    position: relative;
}
.page__cta--container {
    display: flex;
    align-items: center;
}
.page__cta--content {
    width: calc(100% - 300px);
}
.page__cta--action {
    flex: 0 0 250px;
    margin-left: 50px;
}
.page__cta--heading {
    margin-bottom: 15px;
}
.page__cta--heading h2 {
    color: var(--text-color-body);
}
.page__cta--background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.page__cta--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.overlay__color--blue {
    background-color: var(--color-primary);
}
.overlay__color--yellow {
    background-color: var(--color-secondary);
}
.page__cta--first .overlay__color--gradient {
    background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}
.page__cta--second .overlay__color--gradient {
    background: linear-gradient(45deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.page__cta--image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page__cta--image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--color-white);
    opacity: 0.65;
}
.page__cta--image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/*/*/
.team--section {
    padding: 100px 50px 70px 50px;
}
.team--content {
    margin-bottom: 75px;
}
.team--heading {
    margin-bottom: 35px;
}
.team--text {
    max-width: 1200px;
}
.team--list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px;
}
.team__member--item {
    display: flex;
    align-items: center;
    width: calc(33.33% - 50px);
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 50px;
}
.team__member--image {
    flex: 0 0 130px;
}
.member__image--border {
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
    background: linear-gradient(45deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.member__image--wrapper {
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-gray);
    aspect-ratio: 1/1;
}
.member__image--wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.team__member--info {
    width: calc(100% - 130px);
    padding-left: 25px;
}
.team__member--name h3 {
    color: var(--text-color-body);
    font-weight: var(--font-weight-medium);
}
.team__member--position {
    opacity: 0.75;
    color: var(--text-color-body);
    font-weight: var(--font-weight-medium);
    margin-bottom: 15px;
}
.team__member--email {
    line-height: 1.5;
}
.team__member--email a {
    font-size: var(--font-size-small);
    color: var(--text-color-body);
}
.team__member--email a:hover {
    color: var(--text-color-primary);
    text-decoration: none;
}
.team__member--phone {
    line-height: 1.5;
}
.team__member--phone a {
    font-size: var(--font-size-small);
    color: var(--text-color-body);
}
.team__member--phone a:hover {
    color: var(--text-color-primary);
    text-decoration: none;
}
/*/*/
.page__content--section {
    padding: 0px 50px 100px 50px;
}
.page--container {
    position: relative;
    padding-top: 120px;
}
.page--container.page__title--hidden {
    padding-top: calc(120px - 2.5rem);
}
/*/*/
.contact__page--section {
    padding: 0px 50px 120px 50px;
}
.contact__page--container {
    position: relative;
    padding-top: 150px;
    display: flex;
    align-items: flex-start;
}
.contact__page--content {
    width: calc(100% - 480px);
    padding-right: 60px;
}
.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 20px;
}
.input_wrapper {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.input_wrapper br {
    display: none;
}
.input_wrapper label {
    display: block;
    margin-bottom: 5px;
    font-size: var(--font-size-smallest);
}
.input_wrapper span {
    display: block;
}
.wpcf7-form-control {
    width: 100%;
    padding: 15px 15px 15px 25px;
    border: none;
    background-color: var(--color-gray);
    margin-bottom: 20px;
    appearance: none;
    line-height: 25px;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-body);
}
.wpcf7-form-control textarea {
    resize: vertical;
}
.input_wrapper-half {
    width: 50%;
    order: 1;
}
.input_wrapper-full {
    width: 100%;
    order: 2;
}
.input_wrapper-submit {
    width: 100%;
    order: 4;
}
.wpcf7-response-output {
    order: 3;
    width: 100%;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 5px !important;
    margin-bottom: 25px !important;
    font-size: var(--font-size-small);
    border: none !important;
    position: relative;
    text-align: center;
    padding: 15px 25px !important;
    color: var(--text-color-body);
}
.wpcf7-response-output:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: var(--color-secondary);
    opacity: 0.25;
    z-index: -1;
}
.wpcf7-not-valid-tip {
    position: absolute;
    bottom: calc(100% + 5px);
    right: 0px;
    font-size: var(--font-size-smallest);
}
.input_wrapper-submit {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.input_wrapper-submit .wpcf7-form-control {
    width: auto;
    display: inline-block;
    font-size: var(--font-size-large);
    color: var(--text-color-body);
    padding: 1rem 1.75rem;
    text-align: center;
    min-width: 250px;
    border: 2px solid var(--color-secondary);
    background-color: var(--color-secondary);
    font-weight: var(--font-weight-medium);
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    z-index: 0;
    order: 2;
    margin-bottom: 0px;
}
.input_wrapper-submit .wpcf7-spinner {
    order: 1;
}


.contact__page--panel {
    flex: 0 0 480px;
    background-color: var(--color-gray);
    border-radius: 10px;
    padding: 55px 60px;
}
.contact__panel--info {
    margin-bottom: 30px;
}
.contact__panel--heading {
    margin-bottom: 20px;
}
.contact__panel--text {
    margin-bottom: 25px;
}
.contact__panel--action .action {
    width: 100%;
}
.contact__panel--action img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.contact__info--email,
.contact__info--phone {
    display: flex;
    align-items: center;
}
.contact__info--icon {
    flex: 0 0 40px;
}
.contact__info--info {
    width: calc(100% - 40px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}
.contact__info--info label {
    font-size: var(--font-size-smallest);
    color: var(--text-color-body);
}
.contact__info--info a {
    font-size: var(--font-size-body);
    color: var(--text-color-body);
}
.contact__info--info a:hover {
    color: var(--text-color-primary);
    text-decoration-color: var(--color-secondary) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}
.contact__info--email {
    margin-bottom: 15px;
}
.page__404--contant {
    align-items: center;
}
.page__404--contant h2 {
    margin-bottom: 25px;
}
.page__404--contant p {
    margin-bottom: 25px;
}
.action--tertiary {
    color: var(--text-color-body);
    border: 2px solid var(--color-secondary);
    background-color: var(--color-secondary);
}
.action--tertiary:hover {
    color: var(--text-color-white);
    border: 2px solid var(--color-primary);
    background-color: var(--color-primary);
}

.testimonials--next {
    right: -30px;
    transform: translateY(50%) rotate(45deg);
}
.testimonials--prev {
    left: -30px;
    transform: translateY(50%) rotate(-135deg);
}
.testimonials--control {
    height: 2.5rem;
    width: 2.5rem;
    border-top: 3px solid var(--color-primary);
    border-right: 3px solid var(--color-primary);
    background-color: transparent;
    position: absolute;
    top: calc(50% - 2.5rem);
    z-index: 2;
    cursor: pointer;
    opacity: 0.15;
}
.testimonials--control:hover {
    opacity: 1;
}
/*/*/
.development--section {
    background-color: var(--color-gray);
    padding: 120px 50px;
    position: relative;
}
.development--section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    height: 10px;
    background-image: url('../images/testimonials-border.svg');
    background-size: cover;
    background-position: center;
}
.development__content--row {
    display: flex;
    margin-bottom: 50px;
}
.development__content--left {
    width: 50%;
}
.development__content--left .change--logo {
    margin-bottom: 1.5rem;
}
.development__content--left h2 {
    margin-bottom: 35px;
}
.development__content--right {
    width: 50%;
    padding-left: 50px;
    position: relative;
}
.development__image--wrapper {
    position: absolute;
    inset: 0 0 0 50px;
    border-radius: 10px;
    overflow: hidden;
}
.development__image--wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.development__content--full ul {
    column-count: 2;
    gap: 0px;
}
.development__content--full ul li {
    padding-left: 80px;
    position: relative;
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 5px;
}
.development__content--full ul li:before {
    content: "";
    position: absolute;
    left: 60px;
    top: 13px;
    height: 8px;
    width: 8px;
    border-top: 2px solid var(--color-primary);
    border-right: 2px solid var(--color-primary);
    transform: rotate(45deg);
    filter: drop-shadow(4px -4px 0px var(--color-secondary));
}
.development__content--action {
    position: relative;
}
.development__content--action > a {
    color: var(--text-color-body);
    text-decoration: none;
    display: flex;
}
.development__content--action > a:hover {
    color: unset;
}
.development__content--action > a:hover .action__bg--primary::before {
    opacity: 1;
} 
.development__action--text {
    position: relative;
    z-index: 1;
}
.development__action--icon {
    position: absolute;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background-color: var(--color-secondary);
    z-index: 2;
    left: 0px;
    top: 50%;
    translate: 0 -50%;
    padding-top: 25px;
    padding-left: 25px;
}
.development__action--text {
    margin-left: 60px;
    padding: 30px 50px 30px 90px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    min-height: 160px;
}
.development__action--text .homepage__cta--overlay {
    background: linear-gradient(45deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.development__atext--text {
    max-width: 720px;
}
.development__atext--text p {
    font-size: var(--font-size-large);
}
.development__atext--action {
    margin-left: auto;
}
/*/*/
.change--section {
    padding: 120px 50px;
}
.change--content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.change--logo {
    max-width: 365px;
    margin-bottom: 5px;
}
.change--logo img {
    width: 100%;
    height: auto;
}
.change--heading p {
    font-size: var(--text-color-large);
    font-weight: var(--font-weight-semibold);
}
.change--heading {
    margin-bottom: 35px;
    width: 100%;
}
.change--text {
    width: calc(100% - 440px);
    padding-right: 50px;
}
.change--text h6 {
    margin-bottom: 10px;
}
.change--text h6:before {
    content: "Q. ";
    color: var(--color-primary);
}
.change--text p {
    position: relative;
    padding-left: 25px;
}
.change--text p:before {
    content: "A. ";
    position: absolute;
    left: 0px;
    top: -2px;
    font-size: var(--font-size-h6);
    color: var(--color-secondary);
    font-weight: var(--font-weight-semibold);
}
.change__action--container {
    flex: 0 0 440px;
    display: flex;
    background-color: var(--color-gray);
    border-radius: 50px;
    padding: 3px;
    position: relative;
    overflow: hidden;
}
.change__action--container:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 150%;
    background: linear-gradient(var(--color-primary), var(--color-secondary));
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    animation: animate 4s linear infinite;
}
@keyframes animate {
    0% {
        rotate: 0deg;
    }
    100% {
        rotate: 350deg;
    }
}
.change__action--content {
    height: 100%;
    width: 100%;
    background-color: var(--color-gray);
    position: relative;
    z-index: 2;
    border-radius: 47px;
    padding: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.change__action--content p {
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
}
.change__action--content p:last-of-type {
    margin-top: 25px;
}
.change__action--content a:not(.action) {
    font-size: var(--font-size-large);
}
.change__action--content .action {
    background-color: var(--color-white);
    border-color: var(--color-secondary);
    color: var(--text-color-body);
    transition: all 300ms ease-in-out;
}
.change__action--content .action:hover { 
    background-color: var(--color-secondary);
}


@media only screen and (max-width: 1540px) {
    .main__header {
        left: 50px;
        right: 50px
    }
    .main__header--sticky {
        left: 50px;
        right: 50px;
    }
}
@media only screen and (max-width: 1279px) {
    :root {
        --font-size-big:           55px;
        --font-size-h1:            45px;
        --font-size-h2:            32px;
        --font-size-h3:            28px;
        --font-size-h4:            24px;
        --font-size-h5:            20px;
        --font-size-h6:            18px;
        --font-size-large:         18px;
        --font-size-body:          16px;
        --font-size-small:         14px;
        --font-size-smallest:      12px;
    }
    .main__header {
        left: 25px;
        right: 25px
    }
    .main__header--sticky {
        left: 25px;
        right: 25px;
    }
    .homepage__brokers--panels {
        margin-left: -15px;
        margin-right: -15px;
    }
    .homepage__brokers--panel {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(33.33% - 30px);
        padding: 75px 30px 50px 30px;
    }
    .brokers__panel--icon {
        height: 100px;
        width: 100px;
        right: 30px;
        top: -50px;
    }
    .brokers__panel--icon img {
        height: 50px;
        width: 50px;
    }
    .homepage__carriers--panels {
        margin-left: -15px;
        margin-right: -15px;
    }
    .homepage__carriers--panel {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(33.33% - 30px);
        padding: 75px 30px 50px 30px;
    }
    .carriers__panel--icon {
        height: 100px;
        width: 100px;
        right: 30px;
        top: -50px;
    }
    .carriers__panel--icon img {
        height: 50px;
        width: 50px;
    }
    .homepage__intro--section {
        font-size: var(--font-size-h5);
        line-height: inherit;
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .homepage__about--left {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .homepage__brokers--section {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .homepage__cta--section,
    .page__cta--section {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .page__cta--heading h2,
    .homepage__cta--heading h2 {
        font-size: var(--font-size-h4)
    }
    .navigation .menu > .menu-item {
        margin-right: 10px;
    }
    .navigation .menu > .custom__button {
        width: 220px;
        margin-right: 0px;
        margin-left: 10px;
    }
    .navigation .menu .custom__button a {
        padding: 20px 25px;
    }
    .homepage__carriers--section {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .testimonials--section {
        padding-top: 90px;
        padding-bottom: 75px;
    }
    .team__member--item {
        width: calc(50% - 50px);
    }
    .contact__page--container {
        flex-wrap: wrap;
    }
    .contact__page--content {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 75px;
    }
    .contact__page--panel {
        flex: 0 1 auto;
        padding-top: 75px;
        padding-bottom: 75px;
        margin-left: -50px;
        margin-right: -50px;
        border-radius: 0px;
    }
    .contact__panel--info {
        flex-wrap: wrap;
        display: flex;
    }
    .contact__panel--heading {
        width: 100%;
    }
    .contact__info--email {
        width: 50%;
        margin-bottom: 0px;
    }
    .contact__info--phone {
        width: 50%;
    }
    .contact__page--section {
        padding-bottom: 0px;
    }
    .contact__page--container {
        padding-top: 120px;
    }
    .about__page--container {
        padding-top: 120px;
    }
    .team--section {
        padding-top: 75px;
        padding-bottom: 40px;
    }
    .contact__panel--content {
        display: flex;
        flex-wrap: wrap;
    }
    .contact__panel--heading {
        width: 100%;
    }
    .contact__panel--text {
        width: 50%;
    }
    .contact__panel--action {
        width: 50%;
        max-height: 90px;
        padding-left: 50px;
    }
    .contact__panel--action img {
        max-height: 90px;
        width: auto;
    }
    .development__content--full ul li {
        padding-left: 60px;
    }
    .development__content--full ul li::before {
        left: 40px;
    }
}
@media only screen and (orientation: landscape) and (max-width: 1440px) and (max-height: 768px) and (min-width: 1024px) and (min-height: 688px) {
    .main__header {
        top: 50px;
    }
    .logged-in .main__header {
        top: calc(50px + 32px);
    }
    .homepage__hero--heading h1 {
        font-size: var(--font-size-h1);
        line-height: 1;
    }
    .homepage__hero--heading {
        margin-bottom: 0.5rem;
    }
    .homepage__hero--text {
        margin-bottom: 2.25rem;
    }
    .homepage__hero--logo {
        margin-bottom: 2.25rem;
    }
    .homepage__hero--logo img {
        max-height: 75px;
        width: auto;
    }
    .logo__wrapper {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .homepage__intro--container {
        font-size: var(--font-size-h5);
    }
    .homepage__intro--container {
        max-width: 1080px;
    }
    .logged-in .main__header--sticky {
        top: 32px;
    }
    .main__header--sticky {
        top: 0px;
    }
    .page__banner--section {
        min-height: 400px;
        padding: 140px 50px 65px 50px;
    }
    
}
@media only screen and (orientation: landscape) and (max-width: 1080px) and (max-height: 810px) and (min-width: 1024px) and (min-height: 768px) {
    .homepage__hero--text {
        margin-bottom: 2rem;
    }
    .homepage__hero--logo {
        margin-bottom: 2.5rem;
    }
}
@media only screen and (max-width: 1023px) {
    .homepage__brokers--panels {
        flex-wrap: wrap;
    }
    .homepage__brokers--panel {
        width: calc(100% - 30px);
        padding-top: 35px;
        padding-bottom: 35px;
        margin-right: 75px;
        padding-right: 75px;
    }
    .brokers__panel--icon {
        height: 120px;
        width: 120px;
        top: 25px;
        left: auto;
        right: -60px;
    }
    .brokers__panel--icon img {
        height: 75px;
        width: 75px;
    }
    .homepage__brokers--content {
        margin-bottom: 35px;
    }
    .homepage__brokers--action {
        text-align: left;
    }
    .homepage__carriers--panels {
        flex-wrap: wrap;
    }
    .homepage__carriers--panel {
        width: calc(100% - 30px);
        padding-top: 35px;
        padding-bottom: 35px;
        margin-right: 75px;
        padding-right: 90px;
    }
    .carriers__panel--icon {
        height: 120px;
        width: 120px;
        top: 25px;
        left: auto;
        right: -60px;
    }
    .carriers__panel--icon img {
        height: 75px;
        width: 75px;
    }
    .homepage__carriers--content {
        margin-bottom: 35px;
    }
    .homepage__carriers--action {
        text-align: left;
    }
    .homepage__intro--section,
    .homepage__brokers--section,
    .homepage__cta--section,
    .homepage__carriers--section,
    .page__content--section,
    .page__cta--section,
    .team--section,
    .contact__page--section {
        padding-left: 30px;
        padding-right: 30px;
    }
    .homepage__about--section {
        padding-left: 30px;
    }
    .footer__column--left {
        width: 100%;
        margin-bottom: 25px;
    }
    .footer__column--middle {
        width: 50%;
        padding-left: 25px;
    }
    .footer__column--right {
        width: 50%;
    }
    .about__page--content {
        flex-wrap: wrap;
    }
    .page__title {
        width: 66.66%;
    }
    .about__page--left {
        order: 1;
        width: 100%;
        margin-bottom: 50px;
    }
    .about__page--right {
        order: 2;
        width: 100%;
        padding: 0px;
    }
    .team__member--item {
        width: calc(100% - 50px);
    }
    .main__footer {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nav__wrapper {
        margin: 0px;
        padding: 0px;
    }
    .navigation {
        width: 100%;
    }
    .navigation div[class*="-menu-container"] {
        width: 100%;
    }
    .navigation .menu {
        flex-direction: column;
        width: 100%;
        padding-top: 200px;
        padding-bottom: 150px;
        justify-content: center;
        align-items: center;
    }
    .navigation .menu > .menu-item {
        margin-left: 30px;
        margin-right: 30px;
        text-align: center;
    }
    .navigation .menu > .menu-item > a {
        font-size: var(--font-size-h5);
        color: #ffffff;
        display: inline-block;
        height: auto;
    }
    .navigation .menu > .custom__button {
        width: auto;
        margin-top: 25px;
        border-radius: 10px !important;
        align-self: auto;
    }

    .navigation .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        background: none;
        border-radius: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        filter: none;
    }
    .navigation .sub-menu > .menu-item > a {
        font-size: var(--font-size-body);
        color: var(--text-color-white);
    }
    .navigation .menu > .menu-item.menu-item-has-children:hover > a::after {
        display: none;
    }
    .navigation .menu > .menu-item.menu-item-has-children > a::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 0;
        background-color: var(--color-secondary);
        transition: all 150ms ease-in-out;
    }
    .navigation .menu > .menu-item.menu-item-has-children:hover > a::before {
        width: 100%;
    }
    .navigation .menu > .menu-item > a:hover::before {
        height: 4px;
    }
    .contact__panel--text {
        width: 100%;
    }
    .contact__panel--action {
        width: 100%;
        padding-left: 0px;
    }
    .page__banner--section {
        min-height: 320px;
    }
    .development__content--row {
        flex-wrap: wrap;
    }
    .development__content--left {
        width: 100%;
        margin-bottom: 50px;
    }
    .development__content--right {
        width: 100%;
        padding-left: 0px;
        aspect-ratio: 16/5;
    }
    .development__image--wrapper {
        inset: 0;
    }
    .development__content--full ul li {
        padding-left: 80px;
    }
    .development__content--full ul li::before {
        left: 60px;
    }
    .development__content--full ul {
        column-count: 1;
    }
    .development__action--text {
        flex-wrap: wrap;
    }
    .development__atext--text {
        width: 100%;
        margin-bottom: 25px;
    }
    .change--text {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 50px;
    }
    .change__action--container {
        flex: 0 1 auto;
        width: 100%;
    }
    .change__action--container::before {
        height: 225%;
    }
}
@media only screen and (max-width: 767px) {
    .logo__wrapper {
        padding: 15px 20px;
    }
    .logo__wrapper .custom-logo {
        height: 50px;
        width: auto;
    }
    .nav__trigger {
        margin-right: 10px;
    }
    .main__header {
        left: 20px;
        right: 20px;
    }

    .homepage__about--section {
        padding-left: 0px;
    }
    .homepage__about--container {
        flex-wrap: wrap;
    }
    .homepage__about--left {
        width: 100%;
        order: 2;
        padding-right: 30px;
        padding-left: 30px;
    }
    .homepage__about-right {
        order: 1;
        width: 100%;
        height: 320px;
    }
    .homepage__brokers--panel {
        margin-right: 15px;
        padding-top: 65px;
        margin-top: 75px;
        margin-bottom: 0px;
        padding-right: 30px;
    }
    .brokers__panel--icon {
        height: 100px;
        width: 100px;
        right: 30px;
        top: -50px;
        left: auto;
        bottom: auto;
    }
    .brokers__panel--icon img {
        height: 60px;
        width: 60px;
    }
    .homepage__brokers--content {
        margin-bottom: 0px;
    }
    .homepage__brokers--action {
        margin-top: 35px;
    }
    .homepage__carriers--panel {
        margin-right: 15px;
        padding-top: 65px;
        margin-top: 75px;
        margin-bottom: 0px;
        padding-right: 30px;
    }
    .carriers__panel--icon {
        height: 100px;
        width: 100px;
        right: 30px;
        top: -50px;
        left: auto;
        bottom: auto;
    }
    .carriers__panel--icon img {
        height: 60px;
        width: 60px;
    }
    .homepage__carriers--content {
        margin-bottom: 0px;
    }
    .homepage__carriers--action {
        margin-top: 35px;
    }
    .action {
        width: 100%;
    }
    .homepage__cta--container {
        flex-wrap: wrap;
    }
    .homepage__cta--content {
        width: 100%;
        margin-bottom: 35px;
    }
    .homepage__cta--action {
        margin-left: 0px;
        flex: 0 1 auto;
        width: 100%;
    }
    .footer__column--middle {
        width: 100%;
        margin-bottom: 25px;
    }
    .footer__column--right {
        width: 100%;
    }
    .footer__bottom {
        flex-wrap: wrap;
    }
    .footer__bottom--copyright {
        width: 100%;
    }
    .footer__bottom--author {
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }
    .page__cta--container {
        flex-wrap: wrap;
    }
    .page__cta--content {
        width: 100%;
        margin-bottom: 35px;
    }
    .page__cta--action {
        margin-left: 0px;
        flex: 0 1 auto;
        width: 100%;
    }
    .team__member--item {
        flex-wrap: wrap;
        text-align: center;
    }
    .team__member--image {
        margin-left: auto;
        margin-right: auto;
    }
    .team__member--info {
        width: 100%;
        margin-top: 20px;
        padding-left: 0px;
    }
    .team__member--position {
        margin-bottom: 5px;
    }
    .team--content {
        text-align: center;
    }
    :root {
        --font-size-big:           42px;
        --font-size-h1:            36px;
        --font-size-h2:            32px;
        --font-size-h3:            28px;
        --font-size-h4:            24px;
        --font-size-h5:            20px;
        --font-size-h6:            18px;
        --font-size-large:         18px;
        --font-size-body:          16px;
        --font-size-small:         14px;
        --font-size-smallest:      12px;
    }
    .page__title {
        padding-left: 30px;
        padding-right: 30px;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
    .contact__page--content br {
        display: none;
    }
    .input_wrapper-half {
        width: 100%;
    }
    .contact__page--panel {
        padding-left: 30px;
        padding-right: 30px;
        margin-left: -30px;
        margin-right: -30px;
    }
    .contact__info--email {
        width: 100%;
        margin-bottom: 15px;
    }
    .contact__info--phone {
        width: 100%;
    }
    .homepage__hero--text {
        margin-bottom: 2rem;
    }
    .homepage__hero--logo {
        margin-bottom: 2rem;
    }
    .homepage__hero--logo img {
        max-height: 75px;
        width: auto;
    }
    .main__header {
        top: 50px;
    }
    .main__header--sticky {
        top: 0;
        left: 0;
        right: 0;
    }
    .development--section {
        padding: 75px 30px;
    }
    .development__content--full ul li {
        padding-left: 20px;
    }
    .development__content--full ul li::before {
        left: 0px;
    }
    .development__content--action {
        margin-top: 60px;
    }
    .development__action--icon {
        height: 80px;
        width: 80px;
        padding-top: 15px;
        padding-left: 15px;
        top: -40px;
        left: 50%;
        translate: -50% 0;
    }
    .development__action--text {
        margin-left: 0px;
        padding: 70px 30px 30px 30px;
        text-align: center;
    }
    .change--section {
        padding: 75px 30px;
    }
    .change__action--content {
        padding: 50px 30px;
    }
    .change__action--container::before {
        height: 150%;
    }
    .testimonial__slide--text p {
        font-size: var(--font-size-body);
    }
    .development__content--left {
        margin-bottom: 35px;
    }
    .development__content--row {
        margin-bottom: 35px;
    }
    .development__content--right {
        aspect-ratio: 16/9;
    }
}
.is-touch-device .homepage__cta--image {
    background-attachment: unset;
}
.is-touch-device .page__cta--image {
    background-attachment: unset;
}
.grecaptcha-badge { visibility: hidden; }

@media (min-height: 900px) {
    .homepage__hero--logo img {
      max-width: 300px;
          height: auto;
    }
  }
  
  @media (max-height: 900px) {
    .homepage__hero--logo img {
      max-width: 250px;
          height: auto;
    }
  }
  
  .homepage__hero--section {
      min-height: 750px;
  }