.std-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 1023.98px) {
    .std-container {
        max-width: calc(100% - 40px)
    }
}


@media (min-width: 1024px) {
    .std-container {
        max-width: calc(100% - 80px)
    }
}

@media (min-width: 1440px) {
    .std-container {
        max-width: 1360px;
    }
}

/*End container*/

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}

a:hover,
a:focus,
a:active,
a:target,
a:visited {
    text-decoration: none;
    color: inherit;
}

nav ul li:hover a,
.footer__column-text p > a:hover {
    color: #C2DCD0;
}

a:focus {
    outline: none;
}

html,
body {
    overflow-x: clip;
}

body.post,
body.page {
    margin: 0;
}

.site-main {
    margin-top: 89px;
}

body {
    background: #fff;
    font-family: "Manrope", sans-serif;
    position: relative;
    overflow-wrap: break-word;
    word-break: break-word;
}
body.page-about{
    background: #F9FBFB;
}
body button, body input, body select, body optgroup, body textarea, body input::placeholder {
    font-family: "Manrope", sans-serif;
}

section,
footer {
    position: relative;
    z-index: 1;
}


body,
p {
    font-weight: 500;
    line-height: 120%;
}

body,
p,
ul li,
ol li,
a,
span,
div {
    color: #575764;
}

.dark-green-back p,
.dark-green-back ul li,
.dark-green-back ol li,
.dark-green-back a,
.dark-green-back span,
.dark-green-back div,
.dark-green-back h2 {
    color: #fff;
}

/*Fonts style*/
body,
p {
    line-height: 150%;
    font-weight: 400;
}

h1,
h2,
h3,
p {
    margin-block-start: unset;
    margin-block-end: unset;
}

h1,
h2,
h3, .h3, h3 > p,
h4,
h5,
h6 {
    color: #214442;
}

h1,
.h1 {
    line-height: 110%;
    letter-spacing: -0.01em;
    font-weight: 500;
}

h2,
.h2 {
    line-height: 130%;
    font-weight: 600;
}


h3, .h3, h3 > p {
    font-weight: 500;
    line-height: 100%;
}

h4, .h4 {
    font-weight: 600;
    line-height: 130%;
}

h5, .h5 {
    font-size: 24px;
}

/* Text scale utilities: 18 / 16 */
.fs-21,
p.fs-21,
.fs-21 > p {
    line-height: 150%;
    font-weight: 400;
}

.fs-18,
.fs-17,
p.fs-18,
p.fs-17,
.fs-18 > p,
.fs-17 > p {
    line-height: 150%;
    font-weight: 400;
}

.fs-16,
p.fs-16,
.fs-16 > p {
    line-height: 150%;
    font-weight: 400;
}

/* Heading size utilities — desktop from design, mobile centralized */
.fs-60,
.h2.fs-60 {
    line-height: 100%;
    letter-spacing: -0.01em;
    font-weight: 400;
}

.fs-54,
h2.fs-54 {
    line-height: 115%;
    letter-spacing: -0.0367em;
    font-weight: 400;
}

.fs-48,
h2.fs-48 {
    line-height: 130%;
}

.fs-39 {
    line-height: 108%;
    letter-spacing: -0.023em;
    font-weight: 600;
}

.fs-37,
p.fs-37 {
    line-height: 100%;
    letter-spacing: -0.04em;
    font-weight: 600;
}

.fs-36,
h2.fs-36,
h3.fs-36 {
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: 600;
}

.fs-32,
p.fs-32,
h3.fs-32 {
    line-height: 130%;
}

.fs-30,
p.fs-30 {
    line-height: 100%;
    font-weight: 600;
}

.fs-28,
p.fs-28 {
    line-height: 120%;
    font-weight: 600;
}

.fs-23,
p.fs-23 {
    line-height: 130%;
    font-weight: 600;
}


@media screen and (min-width: 1024px) {
    h1, .h1,
    h2 > .fs-56,
    h2.fs-56 {
        font-size: 56px;


    }

    h2, .h2 {
        font-size: 42px;
    }

    h3, .h3, h3 > p {
        font-size: 34px;
        line-height: 114%;
    }

    h4,
    .h4 {
        font-size: 27px;
    }

    body,
    p {
        font-size: 16px;
    }

    .fs-16,
    .fs-16 > p,
    p.fs-16 {
        font-size: 16px;
    }

    .fs-21,
    p.fs-21,
    .fs-21 > p {
        font-size: 18px;
    }

    .fs-18,
    .fs-17,
    p.fs-18,
    p.fs-17,
    .fs-18 > p,
    .fs-17 > p {
        font-size: 16px;
    }

    .fs-60,
    .h2.fs-60 {
        font-size: 60px;
    }

    .image-text-gradient__wrapper.dark-green-back .fs-60,
    .dark-green-back .fs-60 {
        font-size: 48px;
        line-height: 110%;
    }

    .image-text-gradient__wrapper.dark-green-back .h2.image-text-gradient__heading {
        font-weight: 500;
    }

    .fs-54,
    h2.fs-54 {
        font-size: 54px;
    }

    .fs-48,
    h2.fs-48 {
        font-size: 48px;
    }

    .fs-39 {
        font-size: 39px;
    }

    .quote-block__content-author.fs-21 {
        font-size: 18px;
    }

    .fs-37,
    p.fs-37 {
        font-size: 37px;
    }

    .fs-36,
    h2.fs-36,
    h3.fs-36 {
        font-size: 36px;
    }

    .fs-32,
    p.fs-32,
    h3.fs-32 {
        font-size: 32px;
    }

    .fs-30,
    p.fs-30 {
        font-size: 30px;
    }

    .fs-28,
    p.fs-28 {
        font-size: 28px;
    }

    .fs-23,
    p.fs-23 {
        font-size: 23px;
    }

}

@media screen and (max-width: 1023.98px) {

    h1, .h1, h1 strong, .h1 > strong {
        font-size: 34px;
        line-height: 111%;
    }

    h2, .h2, h2 strong, .h2 > strong {
        font-size: 29px;
        line-height: 100%;
    }

    h1.fs-56,
    h2.fs-56,
    .fs-56 {
        font-size: 34px;
        line-height: 111%;
    }

    h3, .h3, .h3 > p {
        font-size: 22px;
        line-height: 145%;
    }

    h4,
    .h4 {
        font-size: 20px;
    }


    body,
    p,
    .fs-24 > p,
    p.fs-24 {
        font-size: 16px;
    }

    .fs-21,
    p.fs-21,
    .fs-21 > p {
        font-size: 16px;
    }

    .fs-18,
    .fs-17,
    p.fs-18,
    p.fs-17,
    .fs-18 > p,
    .fs-17 > p {
        font-size: 16px;
    }

    .fs-16,
    p.fs-16,
    .fs-16 > p {
        font-size: 16px;
    }

    .fs-60,
    .h2.fs-60 {
        font-size: 34px;
    }

    .fs-54,
    h2.fs-54 {
        font-size: 32px;
    }

    .fs-48,
    h2.fs-48 {
        font-size: 32px;
    }

    .fs-39 {
        font-size: 18px;
    }

    .fs-37,
    p.fs-37 {
        font-size: 22px;
    }

    .fs-36,
    h2.fs-36,
    h3.fs-36 {
        font-size: 29px;
    }

    .fs-32,
    p.fs-32,
    h3.fs-32 {
        font-size: 22px;
    }

    .fs-30,
    p.fs-30 {
        font-size: 22px;
    }

    .fs-28,
    p.fs-28 {
        font-size: 20px;
    }

    .fs-23,
    p.fs-23 {
        font-size: 20px;
    }

    .fs-24, .fs-24 > p, p.fs-24 {
        line-height: 163%;
        letter-spacing: -0.02em;
        font-size: 16px;
    }

}

/*Fonts style End*/


/*Btn style*/
.std-btn {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: fit-content;

    cursor: pointer;

    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;

    will-change: transform;

    border-radius: 100px;
    background: #214442;

    padding: 16px 24px;
}

.std-btn.btn-light {
    background: #c2dcd0;
}

.std-btn.btn-transparent {
    background: #fff;
    border: 1px solid rgba(33, 68, 66, 0.1);
}

.std-btn > p,
.std-btn > span,
.std-btn.form-btn {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;

    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #fff;
}

.std-btn.btn-light > p,
.std-btn.btn-light > span,
.std-btn.form-btn.btn-light,
.std-btn.btn-light > svg,
.std-btn.btn-transparent > p {
    color: #17171b;
}

.std-btn:hover {
    transform: translateY(-2px) scale(1.02);
}

@media screen and (max-width: 1023.98px) {
    .std-btn > p {
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
    }
}

/*Btn style enf*/


/*style CF7*/

form > p {
    margin-bottom: 14px;
}

.wpcf7-not-valid-tip {
    position: absolute;
    top: 0;
    right: 20px;
}

.agreement-wrap {
    margin-bottom: 14px;
}

.agreement-wrap .wpcf7-not-valid-tip {
    position: relative;
    margin-left: auto;
    left: 0;
}

body .pum-theme-lightbox .pum-container input[type="submit"] {
    background: #006400 !important;
}

/*style CF7 End*/

/*Other STYLE*/
.dark-green-back {
    background: #214442;
}

.green-back {
    background: #c2dcd0;
}

.light-green-back {
    background: #eff6f4;
}

.std-flex {
    display: flex;
}

.relative {
    position: relative
}


.absolute {
    position: absolute;
}


.std-nav {
    display: flex;
    gap: 16px;
    align-items: center;
}

.nav-prev,
.nav-next {
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    border: 1px solid #6fb29f;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    transition: all 0.25s ease;
}

.nav-prev > svg,
.nav-next > svg {
    flex-shrink: 0;
    height: 28px;
    transition: stroke 0.25s ease;
}

.std-nav .swiper-button-disabled,
.std-nav .swiper-button-disabled > svg {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.nav-prev:hover,
.nav-next:hover {
    background: #6fb29f;
}

.nav-prev:hover svg path,
.nav-next:hover svg path {
    stroke: #fff;
}

@media screen and (min-width: 1024px) {

    body .desktop-none {
        display: none;
    }

    .mb-100 {
        margin-bottom: 100px;
    }

    .border-radius30 {
        border-radius: 30px;
    }

    .border-radius20 {
        border-radius: 20px;
    }

}

@media screen and (max-width: 1023.98px) {
    .fd-column {
        flex-direction: column;
    }

    body .mobile-none {
        display: none;
    }

    .mb-100 {
        margin-bottom: 50px;
    }

    .border-radius30,
    .border-radius20 {
        border-radius: 15px;
    }

    .container-full{
        margin-left: -20px;
        margin-right: -20px;
    }

}

html.admin-bar {
    margin-top: 0 !important;
    margin-bottom: var(--wp-admin--admin-bar--height, 32px) !important;
    scroll-padding-top: 0;
    scroll-padding-bottom: var(--wp-admin--admin-bar--height, 32px);
}

#wpadminbar {
    top: auto !important;
    bottom: 0 !important;
}

#wpadminbar .ab-sub-wrapper,
#wpadminbar .shortlink-input {
    top: auto;
    bottom: 100%;
}