/* Settings */
:root {
    --primary-color: #2E8BC0;

    --dark-primary-color: #102a40;
    --secondary--color: #0069AB;
    --background-color: #F2FBFC;
    --font-light-color: #a5a5a5;
    --font-dark-color: #6c848e;
    --text-color: #0C2D48;

}

/* Tools */
/* (e.g., Mixins, functions, etc.) */

/* Generic */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}

html {
    font-family: "Rubik", sans-serif;
}

.overflow-hidden {
    overflow: hidden;
}

body {
    color: var(--text-color);
    line-height: 1.6;
    font-size: 16px;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

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

header.header {
    background: var(--background-color);
    padding: 20px 10px;
    text-align: left;

}

.breadcrumbs a {
    color: var(--primary-color);
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: var(--dark-primary-color);
}

.content-wrapper,
.header-wrapper,
.hero-wrapper {
    max-width: 1790px;
    margin: 0 auto;
}

@media (max-width: 5590px) {
    .content-wrapper {
        padding: 10px;
    }

}

.content-wrapper.smaller {
    max-width: 1320px;
    width: 100%;
}

.header__logo {
    transition: .3s all;
}

.header__logo:hover {
    cursor: pointer;
}

.header__logo:hover img {

    transform: translateY(-1px);
}

section {
    padding: 20px 0;
}

.padding-bigger {
    padding: 150px 0;
}

@media (max-width: 990px) {
    .padding-bigger {
        padding: 100px 0;
    }
}

@media (max-width: 790px) {
    .padding-bigger {
        padding: 20px 0;
    }

    .header__logo img {
        max-width: 100px;
    }

    header.header .header-wrapper svg {
        width: 30px;
    }

    section {
        padding: 0;
    }

}

.style-one {
    background: #2E8BC0;
    color: white;
}

.style-two {
    background: #145DA0;
    color: white;

}

.style-three {
    background: #0C2D48;
    color: white;
}

.style-one .button.button-secondary {
    color: #2E8BC0
}

.style-two .button.button-secondary {
    color: #145DA0
}

.style-three .button.button-secondary {
    color: #0C2D48
}

.link {
    color: var(--dark-primary-color);
    text-decoration: none;
    /*background: linear-gradient(90deg, #88D8FF 19%, #0179B4 73%);*/
    /*background-clip: border-box;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    position: relative;
    cursor: pointer;
    border: none;
    font-style: normal;
    font-weight: 500;
    transition: all 500ms ease;
    line-height: 32px;
}

.link:hover {
    /*background: linear-gradient(111deg, #88D8FF 19.42%, #0179B4 73.08%);*/
    /*background-clip: border-box;*/
    /*background-clip: text;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/

}

.link:hover:before {
    width: 100%;
    position: absolute;
    content: '';
    height: 2px;
    bottom: -10px;
    left: 0;
    border-radius: 120px;
    transition: all .5s;
    background: var(--dark-primary-color);
    /*background: linear-gradient(111deg, #88D8FF 19.42%, #0179B4 73.08%);*/

}

header.header .header-wrapper {

    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

header.header .header-wrapper .nav .nav__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    gap: 1rem;

}

header.header .header-wrapper .nav .nav__list .nav__item {
    margin: 0 10px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}

header.header .header-wrapper .nav .nav__list .nav__item .nav__link {
    text-decoration: none;
    color: #05445E;
}


header.header .header-wrapper .nav .nav__list .nav__item .nav__link.active,
header.header .header-wrapper .nav .nav__list .nav__item .nav__link:hover {
    color: var(--primary-color);
}

header.header .header-wrapper .nav .nav__list .nav__item .nav__button {
    background: var(--primary-color);
    color: white;
    padding: 15px 25px;
    border-radius: 25px;
    text-decoration: none;
    transition: .3s all;
    font-size: 16px;
    font-weight: 400;
}

header.header .header-wrapper .nav .nav__list .nav__item .nav__button:hover {
    background: var(--dark-primary-color);
}

.background-with-dots {
    background-image: url(../images/bg.png);
    background-position: center;
    background-repeat: no-repeat;
}

.hero {
    background-color: var(--background-color);
}

.hero .hero-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
    gap: 5%;
}

@media (max-width: 1590px) {
    .hero .hero-wrapper {
        padding: 20px;
    }
}

@media (max-width: 990px) {
    .hero .hero-wrapper {
        flex-direction: column;

    }
}

.hero .hero-wrapper.text-center {
    text-align: center;
    justify-content: center;
}

.hero .hero-wrapper .hero-text {
    max-width: 50%;
}


.hero .hero-wrapper img {
    border-radius: 3em;
}

@media (max-width: 990px) {

    .hero .hero-wrapper {
        padding: 10px 20px;
    }

    .hero .hero-wrapper .hero-text {
        max-width: 100%;
    }
}

.hero h1.hero__title {
    color: var(--dark-primary-color);
    /*background: var(--background-color);*/
    font-size: 62px;
    margin-bottom: 40px;
    line-height: 72px;
    font-weight: 500;
}


.hero p.hero__subtitle {
    color: #0C2D48;
    font-size: 24px;
    margin-bottom: 40px;
}


@media (max-width: 990px) {

    .hero h1.hero__title {
        font-size: 48px;
        line-height: 58px;

    }

    .hero p.hero__subtitle {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 590px) {
    .hero h1.hero__title {
        font-size: 36px;
        line-height: 46px;
    }

    .hero p.hero__subtitle {
        font-size: 16px;
        line-height: 26px;
    }

    .hero p.hero__subtitle,
    .hero h1.hero__title {
        margin-bottom: 20px;
    }

}

.hero .splide__pagination {
    right: auto;
    left: 0;
}

.hero .splide__pagination__page {
    height: 5px;
    width: 70px;
    border-radius: 0 !important;
    background: #189AB4;
}

.hero .splide__pagination__page.is-active {
    /*background: linear-gradient(90deg, #0A434E 0%, #189AB4 100%);*/
    background: linear-gradient(to left, #C5ECFF, #95DDFF);
}

.hero .hero-image {
    margin: 0 auto;
    padding: 20px 0;
}

.hero {
    min-height: calc(80vh - 200px);
}

.hero.no-image,
.hero.hero-splide {
    min-height: auto;
}

.hero .hero-image img.hero__image {
    max-width: 600px;
}

@media (max-width: 990px) {
    .hero .hero-image img.hero__image {
        max-width: 100%;
    }
}

.button {
    padding: 15px 25px;
    border-radius: 3em;
    text-decoration: none;
    transition: .3s all;
    max-width: max-content;
    display: flex;
    font-weight: 400;
    font-size: 16px;
    border: none;
}

.button:hover {
    transform: translateY(-1px);
    border-color: transparent;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

.button.button-primary {
    background: var(--primary-color);
    color: white;

}

.button.button-secondary {
    background: #EFF9FF;
    color: #2E8BC0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: .3s all;
    font-weight: 500;
}

.button.button-secondary:hover {
    color: var(--dark-primary-color);
}

.button.button-secondary:hover svg path {
    /*stroke: var(--dark-primary-color);*/
}

.button.button-primary:hover {
    background: var(--dark-primary-color);
}


.button.button-tertiary {
    background: transparent;
    border: var(--dark-primary-color);
    color: var(--dark-primary-color);
    border: 1px solid;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: .3s all;
    font-weight: 500;
}

.button.button-primary svg,
.button.button-tertiary svg {
    width: 20px;
    margin: 0 5px;
    transition: .3s all;
}

.button.button-primary svg {
    fill: white;
}

.button.button-tertiary svg {
    fill: var(--dark-primary-color);
}

.button.button-primary:hover {

}

.button.button-tertiary:hover {
    color: #EFF9FF;
    background: var(--dark-primary-color);;
}


.button.button-tertiary:hover svg {
    fill: white;
}

.button.icon-right svg {
    margin-left: 10px;
}

.button.icon-left svg {
    margin-right: 10px;
}

.services-section {

    background: linear-gradient(180deg, var(--background-color) 50%, #FFFF 50%);

}

.services {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.services .service {
    max-width: 23%;
    text-align: center;
    border-radius: 25px;
    min-height: 320px;
    position: relative;
    padding: 2px;
    transition: .3s all;
    border: 2px solid transparent;

}


.services .service .service-box {
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 30px 25px 90px;
    border-radius: 25px;
    position: relative;
}

.services .service:before {
    background: linear-gradient(to right, #C5ECFF, #95DDFF);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 25px;
    opacity: 0.8;
    transition: .3s all;
}

.service-icon {
    background: #D4F1F45E;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 10px;
}

.services .service-box h2 {
    color: var(--secondary--color);
    font-size: 20px;
    font-weight: 500;
    max-width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
}

.services .service-box p {
    color: var(--font-dark-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}


.section-title {
    margin: 0 auto;
    text-align: center;
}

.section-title h2 {
    font-size: 40px;
    font-weight: 500;
    color: var(--dark-primary-color);
    margin-bottom: 5px;
    line-height: 40px;
}

.section-title p {
    color: #000000;
    font-size: 12px;
    line-height: 20px;
    margin-top: -5px;
}


.gradient {
    font-size: 48px;
    font-weight: bold;
    background: linear-gradient(90deg, #88D8FF 0%, #0179B4 100%);
    -webkit-background-clip: text;
    color: transparent !important;
}

.section-title h3 {
    font-size: 30px;
    font-weight: 500;
    color: var(--dark-primary-color);
    margin-bottom: 5px;
}

@media (max-width: 1290px) {

    .services {
        justify-content: space-evenly;
    }

    .services .service {
        width: calc(50% - 20px);
        max-width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 990px) {

    .section-title{
        padding: 30px 0;
    }
    .section-title h2 {
        font-size: 30px;

    }

    .section-title h3 {
        font-size: 20px;

    }

    .services-section{
        margin-bottom:30px
    }
}

@media (max-width: 590px) {
    .services {
        justify-content: space-evenly;
    }

    .services .service {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);

    }

    .section-title h2 {
        font-size: 24px;

    }

    .section-title h3 {
        font-size: 18px;

    }
}

.course-wrapper {

    border-radius: 25px;
    max-width: 850px;
    margin-left: 15%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 290px;
    padding-right: 50px;
    margin-top: 50px;
    transition: .2s ease-in-out;
}

.course-wrapper:hover {
    box-shadow: 0 18px 50px rgba(105, 110, 114, 0.5);
    transform: translateY(-1px);
}


.course-wrapper h3 {
    color: white;
    font-size: 24px;
    font-weight: 500;
    padding: 10px 0;
}

.course-wrapper p {
    color: white;
    font-size: 16px;
    font-weight: 400;
    padding: 30px 0;
}

.course-wrapper .course-image img {
    height: 430px;
    position: absolute;
    bottom: 0px;
    left: 0;
}


.course-wrapper.reversed {

    border-radius: 25px;
    max-width: 850px;
    margin-left: 45%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 290px;
}

@media (max-width: 990px) {


    .course-wrapper.reversed,
    .course-wrapper {
        margin-left: 0;
        margin-right: 0;
        padding: 20px;
        padding-bottom: 30px;
    }

    .course-wrapper .course-text {
        margin-left: 45%;
    }

    .course-wrapper.reversed .course-text {
        margin-left: 0%;
        margin-right: 45%;
    }

    .course-wrapper .button {
        font-size: 12px;
    }
}

.course-wrapper.reversed .course-image img {
    height: 470px;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: auto;
}

@media (max-width: 790px) {
    .course-wrapper {
        overflow: hidden;
        flex-direction: column;
    }

    .course-wrapper.reversed .course-image img,
    .course-wrapper .course-image img {
        bottom: -45%;
        z-index: 1;
        opacity: .2;
    }

    .course-wrapper.reversed .course-text,
    .course-wrapper .course-text {
        z-index: 2;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

    }

    .course-wrapper h3 {
        font-size: 20px;
        text-align: center;
    }

    .course-wrapper p {
        padding: 20px 0;
        font-size: 14px;
        text-align: center;
    }

    .course-wrapper .button {
        margin: 0 auto;

    }
}

/*NUMBERS*/

.numbers-section {
    background: #F2FBFC;
    border-radius: 25px;
    position: relative;
    padding: 2px;
}

.numbers-section:before {
    background: linear-gradient(to right, #C5ECFF, #95DDFF);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 25px;
    opacity: 0.8;
    transition: .3s all;
}

.numbers-wrapper {
    padding: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #F2FBFC;
    border-radius: 25px;
    z-index: 1;
    position: relative;

}

.numbers-column {
    text-align: center;
    width: 20%;
}

.numbers-wrapper h3,
.numbers-wrapper h3 span {
    font-size: 48px;
    font-weight: 500;
    color: #0179B4;
    padding: 10px 0;
}

.numbers-wrapper span {
    font-size: 16px;
    color: #47595F;
    font-weight: 400;
}

@media (max-width: 990px) {
    .numbers-wrapper {
        flex-wrap: wrap;
        padding: 20px;
    }

    .numbers-column {
        width: 50%;
    }

    .numbers-wrapper h3,
    .numbers-wrapper h3 span {
        font-size: 36px;

    }

}

@media (max-width: 590px) {
    .numbers-wrapper {
        flex-wrap: wrap;
        padding: 20px;
    }

    .numbers-column {
        width: 100%;
    }

    .numbers-wrapper h3,
    .numbers-wrapper h3 span {
        font-size: 24px;

    }

}

/*REFERECES*/
.testimonial-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 45px 30px;
    background: white;
    border-radius: 25px;
    min-height: 200px;
}

.testimonial-wrapper .testimonial-image {
    width: 100px;
    text-align: center;
    margin-right: 20px;
}

.testimonial-wrapper .testimonial-image img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 1em;
}

.testimonial-wrapper .testimonial-text {
    flex: 1;
}

.testimonial-slide {
    background: white;
    border-radius: 25px;
    position: relative;
    padding: 2px;
    z-index: 1;
    margin: 20px 0;

}

.testimonial-slide:before {
    background: linear-gradient(to right, #C5ECFF, #95DDFF);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 25px;
    opacity: 0.8;
    transition: .3s all;
    z-index: -1;
}

.testimonials-section {
    padding: 80px;
}

.testimonials-section span {
    color: var(--dark-primary-color);
}

@media (max-width: 990px) {
    .testimonials-section {
        padding: 50px;
    }
}

@media (max-width: 590px) {
    .testimonials-section {
        padding: 10px;
    }

    .testimonial-wrapper {
        padding: 20px;
        flex-direction: column;
    }

    .testimonial-wrapper p {
        font-size: 12px;
        padding-top: 15px;
    }
}


.testimonials-splide .splide__arrow--prev {
    left: -1em;
    background: transparent;
}

.testimonials-splide .splide__arrow--next {
    background: transparent;
    right: -1em;
}

.testimonials-splide .splide__arrow svg {
    fill: #0C2D48 !important;
}

/*CONTACT FORM*/

.contact-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 70px;
    align-items: center;
}

.contact-section .column {
    width: calc(50% - 20px);
}

@media (max-width: 990px) {

    .contact-section {
        flex-direction: column-reverse;
        padding: 0;
    }

    .contact-section .column {
        width: 100%;

    }


}


.contact-form {
    background: #f1f5fa;
    border-radius: 25px;
}

.course-form .form-wrapper,
.contact-form .form-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 0;

}


.contact-form .form-action {
    padding: 10px 30px 30px;
}

.contact-form .form-action .button {
    max-width: 100%;
    width: 100%;
    width: 250px;
    margin: 0 auto;
}

form .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    width: 100%;
}

form .row .group {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background: white;
    border-radius: 0px;
    width: calc(50% - 20px);
    padding-left: 15px;
}

form .row .group.with-label {
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
}

form .row .group.with-label label {
    margin-top: 10px;
}

form .row .group.with-label input {
    background: white !important;
    border-radius: 25px;
    margin-left: 0 !important;
    padding-left: 15px;

}
form .row.fullwidth .group {
    width: 100%;
}

form .row.three .group {
    width: calc(33% - 20px);
}

.form-wrapper .row:last-of-type .group {
    width: 100%;
    align-items: baseline;

}

.form-wrapper .row:last-of-type .group svg {
    margin-top: 15px;
}

form .row .group input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="radio"]),
form .row .group select,
form .row .group textarea {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    margin-left: 15px;
    font-family: "Rubik", sans-serif;
}

form .row .group select,
form .row .group input {
    height: 55px;

}

form .row .group textarea {
    height: 80px;
    padding: 10px 10px;
}

form .row .group svg {
    width: 30px;
    height: 30px;
}


@media (max-width: 1290px) {
    form .row {
        flex-wrap: wrap;
        padding: 0
    }

    form .row .group {
        width: 100%;
        margin-bottom: 15px;

    }
    form .row.three .group {
        width: 100%;
    }
}


/*FOOTER*/
footer {
    background: #0C2D48;
}

.footer__container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.footer__container .footer__column:first-of-type {
    width: calc(25% - 20px);
    padding: 20px;
}

.footer__container .footer__column .footer_row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-end;
    flex-wrap: wrap;
}

.footer__container .footer__column .footer_row .footer__block {
    margin: 45px;
}

.footer__container .footer__column .footer_row .address__block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    color: white;
}

.footer__container .footer__column .footer_row .address__block > div {
    margin: 0 15px;
}

.footer__container .footer__column .footer_row .address__block a {
    color: white;
    text-decoration: none;

}

.footer__container .footer__column .footer_row .address__block a:hover {
    color: #2E8BC0;

}


.footer__logo {
    padding: 20px 0;
}

.footer__desc p {
    color: #B1D4E0;
    font-size: 14px;
    line-height: 25px;


}

.footer__social {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    max-width: 200px;
    margin: 0 60px;
}

.footer__social a:hover svg,
.footer__social a:hover svg path {
    fill: #2E8BC0;
    transform: translateY(-1px);
}

.footer__container .footer__column:last-of-type {
    width: calc(75% - 20px);
    padding: 20px;

}

.footer-bottom {
    border-top: 1px solid #145DA0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 0;
}

.footer-bottom p {
    color: #FFFFFF;

}

.footer-bottom .link {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
}

.footer-bottom .link:hover {
    color: #2E8BC0;
}


@media (max-width: 990px) {

    .footer__container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer__container .footer__column:last-of-type,
    .footer__container .footer__column:first-of-type {
        width: 100%;
    }

    .footer__container .footer__column .footer_row {
        flex-direction: column;
    }

    .footer__container .footer__column .footer_row .footer__block {
        margin: 15px 0;
    }

    .footer__social {
        max-width: 300px;
        margin: 0;
    }

    .footer-bottom {
        flex-wrap: wrap;
        justify-content: center;

    }
    .footer__block{
        width:  100%;
    }
}

.blocks__section .blocks__section_button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.blocks__section_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    flex-wrap: wrap;

}

@media (max-width: 590px) {
    .blocks__section_content {
        flex-wrap: wrap;
        justify-content: center;
    }
}


/*COURSE*/
.contact-popup.active,
.do-not-leave-us-popup.active,
.course-popup.active {
    display: flex;
}

.contact-popup,
.do-not-leave-us-popup,
.course-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.popup-wrapper {
    background: var(--background-color);
    border-radius: 25px;
    padding: 30px;
    max-width: 1290px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.contact-form.loading ,
.popup-wrapper.loading {
    opacity: 0.7;
    pointer-events: none;
    position: relative;
}
.loading .loading-image-wrapper {
    display: block!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.loading .loading-image-wrapper .loading-image{
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);
    }
}




.contact-popup  .popup-wrapper {
    max-width: 850px;
}
.do-not-leave-us-popup .popup-wrapper {
    max-width: 600px;
}

.popup-wrapper .popup-close {
    text-align: right;
    width: 100%

}

.popup-wrapper .popup-close:hover {
    cursor: pointer;
}

.popup-wrapper .popup-close:hover svg {
    scale: 1.1;
}

.popup-wrapper .popup-title {
    text-align: center;

}

.popup-wrapper .popup-title h2 {
    font-size: 36px;
    font-weight: 400;
    color: #2E8BC0;
    padding: 10px 0;
}

.popup-wrapper .popup-title h3 {
    font-size: 24px;
    font-weight: 400;
    color: #0C2D48;

}

.popup-wrapper .popup-text {
    text-align: left;
    padding: 20px 0;
    max-width: 88%;
}

.contact-popup  .popup-wrapper .popup-text ,
.do-not-leave-us-popup .popup-wrapper .popup-text {
    text-align: center;
    max-width: 100%;
}

.popup-wrapper .popup-text p {
    font-size: 16px;
    font-weight: 400;
    color: #0C2D48;
    line-height: 1.6;
}

.popup-form {
    width: 100%;
}

.popup-form .form-wrapper {
    padding: 15px 15px 0;
}

.popup-form .form-action {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.popup-form form .row {
    flex-direction: column;
    padding: 0;
}

.popup-form form .row .group {
    width: 100%;
    margin: 10px 0;
}

.popup-wrapper .popup-close {

}

.popup-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
}

.contact-popup  .popup-content .popup-column ,
.do-not-leave-us-popup .popup-content .popup-column {
    width: 100%;
}

.contact-popup  .form-wrapper .row:last-of-type .group {
    align-items:flex-start;
}
.do-not-leave-us-popup .form-wrapper .row:last-of-type .group {
    align-items: inherit;
}

.contact-popup  .form-wrapper .row:last-of-type .group svg {
    margin-top: 15px;
}
.do-not-leave-us-popup .form-wrapper .row:last-of-type .group svg {
    margin-top: 0;
}

.popup-content .popup-column {
    width: calc(50% - 20px);
}

.popup-content .popup-text p {
    text-align: left;
}

.popup-content .popup-text ul {
    text-align: left;
    list-style-position: initial;
    padding: 15px;
}

.popup-disclaimer small {
    color: #0C2D48;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding: 20px 0;
    display: block;
}

.contact-popup .contact-form{
    background:transparent;
    padding-bottom: 0
}
.contact-popup form .row .group textarea{
    height:80px;
    padding:15px 10px;
}

.contact-popup  .popup-form form .row{
    flex-direction: row;
}
.contact-popup .form-wrapper h3{
    display:none;
}
.contact-popup  .popup-form form .row .group {
    width: 100%;
    margin: 10px 10px;
}


.contact-popup  .contact-form .form-action .button{
    width: 155px;
}

form .row .group input[type="checkbox"] {
    width: auto!important;
    margin-right: 10px;
    height: auto;
}

.row.checkboxes{
    align-items: baseline;
    flex-direction: column;
}
.row.checkboxes .group{
    background: transparent;
    width: 100%;
}

.row.checkboxes .group label{
    display: flex;
    flex-direction: row;
    align-content: baseline;
    align-items: baseline;
}
@media (max-width: 990px) {
    .popup-content {
        flex-direction: column;
    }

    .popup-content .popup-column {
        width: 100%;
    }

    .popup-wrapper {
        height: 95vh;
        width: 95%;
        padding: 30px 10px;
        overflow: scroll;
        border-radius: 0;
    }

    .popup-wrapper .popup-content {
        padding: 0;
    }

    .popup-wrapper .popup-text p,
    .popup-wrapper .popup-text ul li {
        font-size: 14px;
    }

    .popup-wrapper .popup-text {
        padding: 0;
        max-width: 100%;
    }

}

/*TEAM*/
.team-wrapper {
    border-radius: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    color: #6A6A6A;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 80px;
}

.team-wrapper.reverse {
    flex-direction: row-reverse;

}

.team-wrapper .team-image {
    position: relative;
    padding: 0px 80px;
    z-index: 1;
    text-align: center;
}

.team-wrapper h3 {
    font-size: 36px;
    color: black;
}

.team-wrapper h5 {
    font-size: 16px;
    font-weight: 500;
    color: black;
}

.team-wrapper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;

}
.team-box .team-image{
    overflow: hidden;
    border-radius: 25px;
    height: 300px;
    margin-bottom: 20px;
}
.team-box .team-image a:hover img {
    transform: scale(1.1);
}

@media (max-width: 990px) {
    .team-wrapper p {
        line-height: 28px;
    }
}

.team-actions {
    display: flex;
    padding: 20px 0;
}

.team-actions a {
    margin-top: 15px;
    margin-right: 15px;
}

.team-wrapper .team-text {
    padding: 20px;
    width: calc(100% - 300px);
}


.goal_box {
    position: absolute;
    right: 20px;
    bottom: 170px;
    text-align: center;
    padding: 20px 25px;
    border-radius: 10px;
    background: var(--background-color);

}

.goal_box_2 {
    position: absolute;
    left: 20px;
    bottom: 40px;
    text-align: center;
    padding: 20px 25px;
    border-radius: 10px;
    background: #145da0;

}

.goal_box img {
    width: 80px;
}

.goal_box_2 img {
    width: 50px;
    filter: brightness(100);
}

.float-bob-x {
    animation-name: float-bob-x;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob-x;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob-x;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob-x;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob-x;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes float-bob-x {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}

.float-bob-y {
    animation-name: float-bob-y;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob-y;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob-y;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob-y;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob-y;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;

}

@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);

    }
}


@media (max-width: 990px) {
    .team-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .goal_box img,
    .goal_box_2 img {
        width: 30px;
    }

    .team-wrapper .team-text {
        width: 100%;

    }
}

/*FORM*/
.fluentform {
    max-width: 960px;
    margin: 0 auto;
    padding: 50px;
}

.ff-default .ff-el-form-control {
    border-radius: 25px !important;
}

.ff-btn.ff-btn-submit {
    background-color: var(--primary-color) !important;
    color: white;
    padding: 15px 25px;
    border-radius: 25px;
    text-decoration: none;
    transition: .3s all;
    font-size: 16px;
    font-weight: 400;
    border: none;
    line-height: 12px;
}

.ff-btn.ff-btn-submit:hover {
    padding: 15px 25px;
    border-radius: 25px;
    line-height: 12px;
}

.services-tabs .nav-tabs {
    position: relative;
    display: flex;
    margin-top: 60px;
    margin-bottom: 60px;
    align-items: center;
    gap: 7px;
    justify-content: space-between;
}

.services-tabs .nav-tabs .nav-link {
    display: block;
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.services-tabs .nav-tabs .nav-link {
    position: relative;
    color: black;
    padding: 10px 20px;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    cursor: pointer;
    border: none;
    transition: all 500ms ease;
}

.services-tabs .nav-tabs .nav-link.active {
    background: linear-gradient(90deg, #88D8FF 19%, #0179B4 73%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;


}

.services-tabs .nav-link.active, .services-tabs .nav-link:hover {
    background: linear-gradient(111deg, #88D8FF 19.42%, #0179B4 73.08%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;


}

.services-tabs .nav-link.active::before, .services-tabs .nav-link:hover::before {
    width: 100%;
}

.services-tabs .nav-link::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    left: 0;
    border-radius: 120px;
    transition: all .5s;
    background: linear-gradient(111deg, #88D8FF 19.42%, #0179B4 73.08%);
}

.services-tabs .tab-content > .tab-pane {
    display: none;
    padding: 20px;
    border-radius: 25px;
    margin-top: 20px;

}

.services-tabs .tab-content > .tab-pane.active {
    display: block;
}

.services-tabs .tab-content > .tab-pane .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;


}

.services-tabs .tab-content > .tab-pane:nth-child(even) .row {
    flex-direction: row-reverse;
}

.services-tabs .tab-content > .tab-pane .row .column {
    flex: 0 0 auto;
    width: 50%;
    padding: 20px;
}

.services-tabs .tab-content > .tab-pane h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 25px;
}

.content_item_one {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.services-tabs .tab-content > .tab-pane p {
    margin-bottom: 35px;
}

.services-tabs .text_content p {
    margin-bottom: 15px !important;
}
.text_content .actions{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.services-tabs .tab-pane .image_box {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 65px;
    border-radius: 50%;
    text-align: center;
    flex-shrink: 0;
    background: rgba(27, 116, 255, 0.1);
}

.services-tabs .tab-pane .image_box img {
    max-width: 35px;
}


@media (max-width: 990px) {
    .services-tabs .tab-content > .tab-pane .row {
        flex-wrap: wrap;
    }

    .services-tabs .tab-content > .tab-pane .row .column {
        width: 100%;
    }

    .services-tabs .tab-content > .tab-pane {
        padding: 0;
    }

    .content_item_one {
        flex-direction: column;
        align-items: center;
    }

    .services-tabs .tab-content > .tab-pane h3 {
        font-size: 24px;
    }

}

.team-boxes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}

.team-boxes .team-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
}

.team-boxes .team-card h5 {
    font-size: 20px;
    font-weight: 500;
    color: #0C2D48;

}

.team-boxes .team-card h6 {
    font-size: 16px;
    font-weight: 400;
    color: #6A6A6A;
    text-align: center;
}

@media (max-width: 990px) {
    .team-boxes {
        flex-wrap: wrap;
        justify-content: center;
    }

    .team-boxes .team-box {
        width: 50%;
    }

}

header.header {
    transition: .3s all ease;
}

header.header .header-wrapper svg {
    display: none;
}

header.header .header-wrapper .header__logo a {
    display: flex;

}

header.header.fixed {
    background: #f2fbfc;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 18px 50px rgba(105, 110, 114, 0.5);
    transition: .3s all ease;
    padding: 10px;
}

header.header.fixed .header-wrapper img {
    max-width: 130px;
}

header.header.fixed .header-wrapper .nav .nav__list .nav__item {
    font-size: 16px;
}


header.header.fixed .header-wrapper .nav .nav__list .nav__item .nav__button {

    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
}

header.header .header-wrapper .nav__list  {
    position: relative;
}
header.header .header-wrapper .nav__list .nav__item{
    padding:10px;
}

header.header .header-wrapper .nav__list .nav__item.has_submenu:hover,
header.header .header-wrapper .nav__list .nav__item.has_submenu.active{
    background: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
header.header .header-wrapper .nav__list .nav__item.has_submenu .nav__submenu{
    display: none;
    position: absolute;
    top: 50px;
    left: 10px;
    width: 100%;
    padding: 20px 0;
    z-index: 999;
    color: white;
    background: white;
    column-count: 2;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
}

header.header .header-wrapper .nav__list .nav__item.has_submenu.active .nav__submenu,
header.header .header-wrapper .nav__list .nav__item.has_submenu:hover .nav__submenu{
    display: block;
}

header.header .header-wrapper .nav__list .nav__item.has_submenu .nav__submenu li{
    margin-bottom: 5px;
}


@media (max-width: 990px) {
    header.header .header-wrapper .nav .nav__list {
        display: none;
    }


    header.header .header-wrapper svg {
        width: 35px;
        display: block;
        cursor: pointer;
    }

    header.header .header-wrapper svg#close-menu {
        display: none;
        z-index: 9991;
    }

    header.header .header-wrapper.active svg#close-menu {
        display: block;
    }

    header.header .header-wrapper.active svg#open-menu {
        display: none;
    }

    header.header .header-wrap {
        position: relative;
        width: 100%;
    }



    header.header .header-wrapper .nav .nav__list.active {
        position: absolute;
        top: 65px;
        left: 0;
        width: 100%;
        background: #0C2D48;
        padding: 50px;
        border-radius: 0;
        z-index: 999;
        color: white;
        height: calc(100vh - 30px);
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
    }

    header.header .header-wrapper .nav .nav__list.active li .nav__link {
        color: white;
        margin-bottom: 15px;
    }
}

@media (max-width: 790px) {
    header.header .header-wrapper svg {
        width: 30px;
    }
}

.list-style {
    text-align: left;
    list-style-position: initial;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;

}

.list-style li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    width: calc(50% - 25px);
    flex-direction: column;
    background: #f1f5fa;
    margin: 10px 0;
    min-height: 200px;
    border-radius: 25px;
    justify-content: center;
}

.contact-section:not(.team-section) .list-style {
    justify-content: unset;
}

.contact-section:not(.team-section) .list-style li {
    width: calc(30% - 25px);
    margin: 15px;
}

.list-style img {
    width: 50px;
}

.list-style p {
    padding: 15px 30px;
    text-align: center;
}
@media (max-width: 1200px) {
    .contact-section:not(.team-section) .list-style li {
        width: calc(48% - 25px);
    }
    .contact-section{
        align-items: baseline;
    }
}

@media (max-width: 1290px) {
    .list-style li {
        width: 100%;
    }

    .contact-section .text {
        padding: 50px 10px;
    }

    .contact-section:not(.team-section) .list-style {
        justify-content: center;
    }

    .contact-section:not(.team-section) .list-style li {
        width: 43%;
    }
}

@media (max-width: 890px) {
    .list-style li {
        width: calc(50% - 20px);
    }
}

@media (max-width: 790px) {
    .contact-section:not(.team-section) .list-style li {
        width: 100%;
    }
}

@media (max-width: 690px) {
    .list-style li {
        width: 100%;
    }
}
.map-bg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="524" height="266" viewBox="0 0 524 266" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M522.85 77.3244L522.149 79.6998L521.487 82.9902L521.061 86.3089L521.099 88.741L519.679 89.9902L516.157 90.5257L514.547 91.8345L512.559 97.8672L511.423 100.421L511.309 101.127L511.318 102.982L511.139 103.858L510.277 105.142L508.08 107.063L507.384 108.096L507.21 108.354L506.604 110.104L506.538 111.223L506.718 112.394L506.916 117.255L506.708 118.225L506.074 119.869L505.279 121.053L504.417 121.756L503.716 122.697L503.432 124.613L503.546 127.683L502.958 130.722L501.841 133.39L500.374 135.4L499.266 136.147L496.824 136.952L495.697 137.75L495.006 138.754L494.05 141.032L493.482 142.073L487.499 147.079L486.126 149.402L485.936 152.292L487.006 158.069L486.684 160.308L485.671 162.626L485.586 172.879L483.853 175.175L482.253 176.487L480.549 177.001L475.067 176.443L473.411 176.554L471.726 177.156L466.944 177.413L465.609 177.957L462.816 179.609L458.868 180.219L454.125 182.726L451.341 182.975L448.473 181.962L446.049 180.108L443.881 177.494L438.749 169.344L438.001 167.821L436.808 161.943L436.013 160.323L434.451 159.959L431.071 160.007L429.613 159.314L428.998 158.313L428.164 155.551L427.559 154.328L426.773 153.587L425.116 152.913L422.039 151.011L420.704 150.591L415.951 152.151L412.826 152.22L411.292 152.545L409.503 153.639L408.736 154.969L408.215 156.487L407.145 158.085L405.792 158.872L404.751 158.401L403.614 157.41L401.957 156.659L398.918 157.373L391.827 160.879L389.508 160.323L387.661 158.438L385.105 157.241L382.407 156.74L380.116 156.924L376.849 156.622L371.86 153.468L368.982 153.151L367.656 152.794L364.939 150.229L363.519 149.455L362.033 149.481L342.653 154.113L336.973 154.512L334.331 155.61L334.227 156.685L334.198 157.871L334.378 160.342L334.435 160.842L334.444 161.347L334.406 161.855L334.33 162.355L333.099 164.258L332.891 164.485L330.107 167.531L328.735 169.403L327.674 171.612L324.115 182.894L322.202 186.992L319.911 190.615L317.25 193.386L315.158 194.515L314.05 194.027L313.018 192.851L311.191 191.898L310.159 192.367L307.394 195.006L305.86 195.709L304.251 195.533L303.314 195.174L302.528 195.336L301.382 196.743L301.023 197.739L300.521 200.287L299.849 201.554L299.092 202.172L297.359 202.864L293.715 205.174L293.411 205.367L289.927 206.494L287.816 207.843L283.669 211.846L281.51 212.665L279.607 211.912L276.123 208.651L273.87 207.909L270.566 209.214L269.694 209.097L268.833 207.755L269.06 206.559L269.581 205.338L269.534 203.947L267.905 201.906L265.756 201.539L261.534 202.389L260.615 201.895L258.627 199.351L257.586 198.435L256.667 198.157L255.692 198.124L247.266 200.442L245.685 201.39L244.682 203.451L243.82 208.931L242.732 211.168L242.703 211.234L242.684 211.3L242.703 211.388L242.732 211.483L242.873 212.258L242.921 213.025L242.873 213.771L242.732 214.502L237.828 218.104L225.463 217.833L219.991 221.463L218.988 221.675L207.627 220.24L202.145 221.068L200.345 220.98L198.281 220.878L196.937 221.528L192.519 222.555L183.805 224.579L182.205 225.929L179.753 231.195L178.881 231.975L177.101 232.288L176.268 232.791L175.075 234.311L175.198 234.832L175.832 235.396L176.135 237.025L175.217 242.843L174.99 245.809L175.586 248.446L178.266 251.158L181.788 253.816L181.647 253.867L179.392 254.691L177.319 255.258L175.728 256.479L172.699 260.064L170.465 261.491L167.795 261.781L165.059 261.23L161.726 259.708L157.618 259.399L138.863 261.658L132.008 264.54L128.609 264.873L117.314 263.665L96.3286 265.065L91.0319 265.418L83.3629 263.259L81.2789 262.095L77.3796 259.915L76.4236 258.812L75.7038 257.366L74.009 255.695L72.1062 254.285L70.7427 253.58L69.7106 253.74L68.792 254.205L67.8451 254.242L66.7277 253.053L63.6321 248.251L62.7797 247.669L60.4793 247.167L59.5325 246.759L58.6329 245.901L49.2317 232.879L46.3441 230.408L40.3699 229.474L39.421 229.2L35.6266 228.103L32.3223 227.366L28.9799 229.459L26.8402 227.472L23.8771 226.381L21.7755 225.192L22.2676 222.874L21.1692 221.929L20.8097 221.696L21.3307 219.067L21.8037 217.636L22.7414 216.441L21.5485 215.122L21.1135 214.303L19.7402 211.72L18.7743 211.08L17.3065 210.846L16.0474 210.049L13.7371 207.431L13.0836 205.226L13.0737 202.156L12.638 199.593L11.2083 194.502L11.1702 193.824L11.2936 192.201L11.2083 191.585L10.867 191.094L10.2988 190.893L9.28573 189.94L8.45242 189.544L7.75164 189.078L7.44849 188.241L7.33499 187.596L7.04171 186.782L6.7294 186.071L6.48335 185.77L6.08573 185.476L6.25634 184.757L6.61589 183.935L6.82386 183.304L6.40721 182.177L5.47026 181.095L4.50441 180.272L3.98342 179.956L2.13702 179.754L1.42709 179.31L1.15002 178.45L1.20713 176.889L1.36787 176.243L1.59488 175.82L1.83176 174.924L2.64604 167.329L3.02462 165.295L3.9524 163.378L6.34799 159.808L6.83091 157.912L7.51265 156.568L9.02769 155.304L10.5329 153.661L10.7303 152.933L11.2146 151.141L10.3623 144.466L10.5893 141.754L12.038 139.927L13.0892 137.937L17.7189 124.139L19.9721 120.172L23.1249 117.35L24.4411 115.624L24.9804 112.919L25.8137 111.585L30.7368 107.878L34.8363 106.973L39.2391 108.16L49.6914 113.638L51.2819 113.327L53.0676 112.116L54.7469 110.977L56.9247 110.317L58.26 110.984L61.0623 114.045L64.4139 114.586L82.0142 107.424L83.6329 106.037L86.7948 100.412L88.2718 99.1425L90.525 98.7414L92.4567 99.0829L94.2079 98.979L95.8929 97.2786L96.6409 95.3101L97.3508 90.8585L97.919 88.7243L99.1309 86.2108L101.053 84.9311L103.268 84.5743L108.182 84.9689L111.221 83.5257L113.919 80.9279L115.822 77.5998L116.427 74.4337L116.31 67.9889L116.295 67.1205L116.626 63.2488L117.791 58.5088L119.505 54.1016L121.711 50.3941L124.409 47.7549L136.736 42.7874L140.124 40.0442L142.283 38.2951L142.51 31.4099L145.18 32.032L147.234 30.6375L151.135 25.7027L154.146 24.0292L154.903 23.2335L155.367 21.9575L155.594 19.255L156.067 18.0611L157.951 16.8294L162.004 17.4376L164.616 16.0104L165.251 15.8753L165.885 16.0104L168.886 17.5727L171.537 18.4142L174.103 18.2638L177.861 14.6879L179.575 14.0114L183.324 13.906L192.394 14.77L195.045 16.4457L194.24 18.8938L194.335 20.9663L194.78 22.9326L195.017 25.0865L194.638 29.8563L195.149 31.4906L196.938 31.8358L199.258 31.6483L202.798 29.5192L204.796 29.0316L205.639 29.3317L207.456 30.7036L208.337 31.1687L209.284 31.2363L211.584 30.7639L214.405 29.5947L215.068 28.4321L215.305 26.6248L215.949 23.7966L216.214 23.7363L217.34 23.7065L217.747 23.3912L217.965 22.4233L217.785 21.7329L217.492 21.2976L217.331 21.1327L218.799 16.4166L220.049 14.3507L221.384 13.0354L222.88 12.2761L224.641 11.8851L227.462 11.9149L228.409 11.7572L229.706 11.2159L230.397 10.5997L238.34 1.54975L238.691 0.827442L239.221 0.586914L239.724 0.800553L240.499 1.12901L242.042 3.94412L242.733 4.70421L244.882 6.17861L245.989 9.10418L247.655 16.4399L249.132 21.0658L249.605 22.1021L251.177 23.3556L253.09 23.8882L256.753 23.926L256.328 24.8416L256.186 25.6293L256.243 27.9023L256.048 29.61L256.043 29.6529L261.308 31.508L263.305 31.7326L265.161 31.5378L268.228 30.2633L269.051 30.9085L269.07 30.9231L269.923 33.6662L270.387 36.0788L270.927 43.0867L270.785 43.6783L270.084 44.7632L270.029 45.3656L270.028 45.3772L270.35 45.8633L271.6 46.8211L271.609 46.8283L271.756 47.1568L271.78 47.2099L272.476 47.9663L272.509 48.0026L272.68 48.6312L272.462 49.4465L271.932 49.7684L271.345 49.9407L270.937 50.2844L267.472 56.1282L267.103 58.0328L268.287 59.7201L270.597 60.5936L274.819 60.922L276.854 60.1452L278.144 58.7689L279.932 56.8593L281.588 55.589L284.523 55.2526L287.07 56.6195L291.794 61.212L294.833 62.7496L296.623 61.3239L297.569 57.7102L298.09 52.6599L299.227 51.2399L299.861 49.6326L300.382 47.9125L302.134 43.8505L302.655 43.1318L302.882 43.3563L304.898 43.6034L305.797 42.735L307.795 40.2724L309.186 39.4636L316.259 38.8198L316.714 38.1759L317.367 36.1689L317.84 34.1008L318.03 32.7666L318.371 31.867L319.308 31.1396L320.397 31.1171L324.146 32.5791L328.88 32.3917L328.861 29.8956L330.291 29.5584L338.035 33.6437L340.042 34.1531L342.21 33.3516L343.261 32.3321L344.719 30.4653L345.656 29.9181L346.499 29.8578L348.477 30.1652L351.943 29.5882L353.372 29.8505L361.505 39.8981L362.954 40.991L365.008 41.3202L366.571 41.2228L368.009 41.4474L369.723 42.7648L371.219 44.3737L372.705 45.4884L374.39 45.8176L376.539 45.0168L378.518 43.2437L381.51 38.7144L383.394 36.82L384.833 36.5053L386.765 36.4828L388.459 36.1311L389.207 34.8049L388.09 32.6169L385.979 31.29L384.861 29.9704L386.717 27.826L388.118 27.1364L391.839 26.356L393.258 26.4911L394.915 27.6691L396.221 29.1762L397.623 30.1731L399.592 29.836L401.164 28.3136L404.023 23.9325L405.68 22.7466L406.948 23.062L412.08 25.8909L421.008 28.5011L422.523 28.4858L425.922 27.7134L427.266 28.1261L428.936 27.4256L430.324 26.8436L436.884 26.0784L438.598 26.5362L439.526 27.1815L441.23 28.8986L442.158 29.5657L442.849 29.663L444.269 29.3331L445.177 29.6107L446.721 31.245L449.798 36.1456L451.209 37.3294L452.165 36.6703L453.462 35.0745L455.043 33.5761L456.89 33.2237L458.565 34.2127L461.926 37.4115L466.859 39.9577L470.163 43.1761L472.795 47.5754L473.95 52.6817L474.555 57.2844L477.15 59.2485L483.635 60.5253L486.617 62.5105L487.678 62.996L488.596 63.0555L490.793 62.7794L491.55 62.9284L492.553 64.0852L492.563 65.0997L492.307 66.032L492.515 66.9418L493.197 67.5456L497.495 68.903L502.561 68.7017L504.511 69.4996L509.15 74.3225L512.511 75.3878L519.678 75.7083L522.85 77.3244Z" stroke="%23145DA0" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}

.address-box a {
    color: #0C2D48;
    text-decoration: none;
}

.address-box:hover a {
    color: white;

}

.address-box {
    transition: all 0.1s;
}

.address-box:not(.no-hover):hover {
    cursor: pointer;
    color: white;
    background: var(--dark-primary-color);
    transform: translateY(-1px);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

/* Keyframes for the shake animation */
@keyframes shake {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-10px);
    }
    50% {
        transform: translateX(10px);
    }
    75% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}

/* The class to apply the shake animation */
.shake {
    animation: shake 0.5s ease forwards;
}

.shake .error-message {
    text-align: center;
    background: #fdc0c0;
    padding: 10px;
    border-radius: 20px;
    margin: 12px;
}

.articles-section {
    background: linear-gradient(180deg, var(--background-color) 50%, #FFFF 50%);
}

.articles-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 20px;
    padding: 50px 0;
}


.articles-wrapper img {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.articles-wrapper .article .article__content {
    text-align: center;
}

.articles-wrapper .article {
    background: white;
    border-radius: 2em;
    padding: 20px 50px;
    transition: .2s ease-in-out;
}

.articles-wrapper .article a {
    text-decoration: none;
}

.articles-wrapper .article .article__content .article__title {
    font-size: 18px;
    font-weight: 500;
    color: #0C2D48;
    margin-bottom: 15px;
    text-decoration: none;
}

.articles-wrapper .article:hover {
    box-shadow: 0 18px 50px rgba(199, 221, 238, 0.5);
    transform: translateY(-1px);
}

@media (max-width: 990px) {
    .articles-wrapper {
        flex-wrap: wrap;
    }
}

.mobile-visible {
    display: none;
}

@media (max-width: 990px) {
    .mobile-visible {
        display: block;
        font-size: 30px;
        text-align: center;
        padding: 40px 0 0;
    }

}

.swal2-styled.swal2-confirm {
    background: var(--dark-primary-color) !important;
    color: white;
    border-radius: 25px!important;
    padding: 10px 20px!important;
    font-size: 16px;
    outline: none!important;
}

.swal2-title {
    font-size: 24px !important;
}

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


.steps-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
   padding: 70px 0;

}
.steps-wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 40px 0;
}
.step {
    display: flex;
    align-items: start;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    /*box-shadow: 0 18px 50px rgba(105, 110, 114, 0.1);*/
}
.steps{
    margin-top: 20px;
}
.step-number{
    font-size: 24px;
    font-weight: 500;
    color: #0C2D48;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 65px;
    border-radius: 50%;
    text-align: center;
    flex-shrink: 0;
    background: rgba(27, 116, 255, 0.1);

}
.step h3{
    font-size: 18px;
    font-weight: 500;
    color: #0C2D48;
    margin-top: 10px;
}
.step h2{
    color : #0C2D48;
    font-size: 24px;
    margin-top: 10px;

}

@media(max-width: 990px){
    .step{
        flex-direction: column;
        gap: 20px;
    }
    .step-number{
        margin:  0 auto;
    }
    .step h2{
        text-align: center;
        margin-top: 0;
    }
}


.quote-section{
    background: #f1f5fa;
    padding: 50px 0;
}
.quote{
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    width: 950px;
    margin: 0 auto;
}
.quote h4{
    font-size: 24px;
    font-weight: 400;
    color: #0C2D48;
}
.quote p{
    font-size: 16px;
    font-weight: 300;


}
.quote h5{
    font-size: 14px;
    font-weight: 400;
    color: #0C2D48;
}
.quote h6{
    font-size: 12px;
    font-weight: 400;
    color: #0C2D48;
}
.quote img{
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius:2em;
}

@media(max-width: 990px){
    .quote{
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }
    .quote img{
        width: 100%;
        height: 100%;
    }
}
.faq-section{
    padding: 70px 0;
}

.faq-section .faq-wrapper{
    display: flex;
    flex-direction: column;
    padding: 40px 0;
}

.faq-section .faq-wrapper .faq{
    background: #f1f5fa;
    padding: 20px;
    border-radius: 10px;
    transition: .2s ease-in-out;
    width: 790px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 30px;
}
.faq-section .faq-wrapper .faq.active svg{
    transform: rotate(180deg);
}
.faq-section .faq-wrapper .faq h3{
    font-size: 18px;
    font-weight: 500;
    color: #0C2D48;
    margin-bottom: 15px;
}

.faq-section .faq-wrapper .faq-question{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.faq-section .faq-wrapper .faq-answer{
    font-size: 16px;
    font-weight: 300;
    color:var(--text-color);
    display: none;
}

.faq-section .faq-wrapper .faq .faq-answer.active{
    display: block;
}

@media(max-width: 990px){
    .faq-section .faq-wrapper .faq{
        width: 100%;
    }
}

.wp-block-heading{

    margin-top: 30px;
}

@media(max-width: 1890px){
    .hero .hero-wrapper{
        padding: 20px;
    }
}