/*
Theme Name: InnoPower
Description: InnoPower Theme
Template: twentytwenty
Version: 1.0.0
Text Domain: innopower
 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    margin: 0 !important;
}
body{
    background-color: #fff;
    letter-spacing: 0.05em;
}

@font-face {
    font-family: 'Noto Sans, Regular';
    font-style: normal;
    font-weight: 500;
    src: url('./assets/fonts/Noto_Sans/NotoSans-Regular.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans, Light';
    font-style: normal;
    font-weight: 500;
    src: url('./assets/fonts/Noto_Sans/NotoSans-Regular.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Noto_Sans/NotoSans-Light.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans, SemiBold';
    font-style: normal;
    font-weight: 500;
    src: url('./assets/fonts/Noto_Sans/NotoSans-SemiBold.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Noto_Sans/NotoSans-SemiBold.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans, Medium';
    font-style: normal;
    font-weight: 300;
    src: url('./assets/fonts/Noto_Sans/NotoSans-Medium.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Noto_Sans/NotoSans-Medium.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans, ExtraBold';
    font-style: normal;
    font-weight: 300;
    src: url('./assets/fonts/Noto_Sans/NotoSans-ExtraBold.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Noto_Sans/NotoSans-ExtraBold.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro, 65 Medium';
    font-style: normal;
    font-weight: 300;
    src: url('./assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayMediu.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayMediu.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro, 55 Roman';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayRoman.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayRoman.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro, 45 Light';
    font-style: normal;
    font-weight: 100;
    src: url('./assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayLight.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayLight.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Lato, Light';
    font-style: normal;
    font-weight: 300;
    src: url('./assets/fonts/Lato/Lato-Light.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Lato/Lato-Light.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Lato, Regular';
    font-style: normal;
    font-weight: 300;
    src: url('./assets/fonts/Lato/Lato-Regular.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Lato/Lato-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Lato, Bold';
    font-style: normal;
    font-weight: 300;
    src: url('./assets/fonts/Lato/Lato-Bold.ttf'); /* IE9 Compat Modes */
    src: local(''),
    url('./assets/fonts/Lato/Lato-Bold.ttf') format('truetype') /* Safari, Android, iOS */
}

/*@font-face {*/
/*    font-family: "Noto Sans, Bold";*/
/*    src: url("/assets/fonts/Noto_Sans/NotoSans-Bold.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: "NotoSans-Regular";*/
/*    src: url("/assets/fonts/Noto_Sans/NotoSans-Regular.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: "NotoSans-ExtraLight";*/
/*    src: url("/assets/fonts/Noto_Sans/NotoSans-ExtraLight.ttf ");*/
/*}*/


:root {
    /* Color Vars */
    --color-primary: #A598BA;
    --color-primary-dark: #423359;
    --color-white: #FFF;
    --color-black: #000;
    --color-black-2: #191919;
    --color-gray-light: #F2F5EB;
    --color-gray: #757575;
    --color-gray-dark: #383838;
    --color-gray-dark2: #1C1919;


    /* Container Vars */
    --width-section: calc(100% - 4rem);
    --width-section-mobile: calc(100% - 6.2rem);

    /* Transition Vars */
    --transition-main: all 0.15s linear;

}
p{
	font-size: 18px
}
h1, h2{
	letter-spacing: 1.5px;
}

/* Helper Classes ------------------------- */
.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.text-center {
    text-align: center;
}
.text-white {
    color: #fff;
}
.title-size-3 {
    font-size: 36px;
}
/* Foundation Menu ------------------------- */

#site-header.foundation-header {
    background: var(--color-primary-dark);
}

.foundation-header .header-inner {
    justify-content: space-between;
    max-width: 115rem;
}

.header-fund-cta a,
.primary-menu.foundation-menu a {
    font-size: 1.8rem;
    text-transform: capitalize;
}

.header-fund-cta .btn {
    background: var(--color-white);
}
/* Foundation template */
#site-content.foundation-page-content {
    background: var(--color-black-2);
}
.foundation-image-flex-mobile{
    display: none !important;
}
.foundation-hero {
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 82vh;
    display: flex;
    align-items: center;
}

.foundation-challenge {
    text-align: center;
}

.foundation-challenge .section-inner-child {
    padding-bottom: 0;
}

/*** Header ***/
.header-menu-button a:hover{
    background: #fff;
    transition: 0.4s;
    color: #FCFAF7;
}
#site-header{
    width: 100%;
}
#site-header, #site-header .header-inner{
    transition: 0.4s;
}
header#site-header {
    background: #FCFAF7;
}
footer#site-footer {
    background: #F9AEAA;
}
.header-inner {
    justify-content: space-between;
}
header#site-header a {
    color: #000;
    padding: 12px 20px;
    text-decoration: none;
    font-family: "Work Sans", sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 18px;
}
.header-titles-wrapper {
    margin-right: 0;
}
.header-titles .site-logo img{
    max-width: 350px;
    width: 350px;
    object-fit: cover;
}
.header-menu-button a, .signup-button-popup {
    background: var(--color-primary);
    color: #000 !important;
    padding: 16px 45px !important;
}
.module-foundation .bottom-text-research {
    font-size: 20px;
    font-family: 'Lato, Regular';
    width: 77%;
}
/*** Footer ***/
.flex-content-footer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 0;
}
.line-footer{
    flex: 1;
    display: flex;
    justify-content: center;
}
.form-footer, .address-footer{
    flex: 2;
    padding-top: 8%;
}
.line-footer .line-width{
    width: 2px;
    height: 380px;
    background: var(--color-primary);
    max-width: 1px;
}
.address-footer img {
    margin: 0;
    max-width: 350px;
    width: 350px;
}
.submit-paragraph{
    text-align: center;
    font-size: 20px;
    color: var(--color-white);
    margin-bottom: 0;
    font-family: 'Lato, Medium';
    letter-spacing: 0;
}
.address-footer .header-menu-button {
    list-style: none;
    margin: 0;
    padding: 0;
}
.paragraphs-footer {
    padding: 20px 0;
    color: #fff;
    padding-top: 35px;
}
.paragraphs-footer p {
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: 'Lato, Light';
}
.address-footer a {
    text-decoration: none !important;
    font-family: 'Lato, Light';
    font-weight: 600;
}

/*** Syncit Container ***/
.syncit-container{
    max-width: 1280px;
    margin: 0 auto;
}
footer#site-footer {
    padding: 0;
}
@media(max-width: 1300px){
    .syncit-container{
        max-width: 980px;
        margin: 0 auto;
    }
}
@media(max-width: 1000px){
    .syncit-container{
        max-width: 760px;
        margin: 0 auto;
    }
}
@media(max-width: 768px){
    .syncit-container{
        max-width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
}
.foundation-page-content .main-hero-image .section-inner{
    padding-top: 15vh;
}
/*** Hero Section ***/
.main-hero-image{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 82vh;
}
.section-inner-wrap {
    width: 43%;
}
section.main-hero-image h1 {
    color: #000;
    font-size: 20px;
    font-family: 'Work Sans', sans-serif;
    z-index: 10;
    letter-spacing: -0.2px;
    line-height: 48px;
    margin-bottom: 23px;
    margin-top: 0;
    font-weight: normal;
}
section.main-hero-image p {
    color: #1B3649;
    font-family: 'Spectral', sans-serif;
    font-size: 45px;
    font-weight: 300;
    line-height: 54px;
    letter-spacing: -0.9px;
    margin-bottom: 35px;
    max-width: 608px;
}
/*** Foundation Challenge ***/
.foundation-challenge .section-inner, .section-two-col .section-inner {
    background: var(--color-primary-dark);
    max-width: 100%;
    width: 90%;
}
.foundation-challenge  .section-title {
    color: #fff;
    width: 700px;
    margin: 0 auto;
}
.foundation-challenge .section-title h2 {
    font-size: 52px;
    font-weight: 100;
    margin-bottom: 10px;
    letter-spacing: 1px;
    margin-top: 0;
}
.foundation-challenge h1 {
    margin-top: 0;
    margin-bottom: 0;
}
.section-title p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Lato, Regular';
}
.section-subtitle{
    color: var(--color-primary);
    font-size: 20px !important;
    margin-bottom: 40px;
}
.section-inner-child {
    padding: 70px 0;
}
.challenge-cols.d-flex {
    display: none;
    /*display: flex;*/
    justify-content: center;
    width: 1050px;
    margin: 60px auto 20px auto;
}
.columns-content.content-0, .columns-content.content-2 {
    flex-basis: 30%;
}
.columns-content{
    border: 1px solid var(--color-primary);
    margin: 0 10px;
}
.columns-content.content-1{
    flex-basis: 40%;
}
.columns-content-title {
    border-bottom: 1px solid var(--color-primary);
    padding: 10px;
}
.columns-content-p {
    width: 90%;
    margin: 15px auto;
    color: var(--color-white);
    width: 100%;
    min-height: 52%;
    text-align: center;
    display: table;
    padding: 0 15px;
}
.columns-content-p p{
    display: table-cell;
    vertical-align: middle;
}
.columns-content-title h1 {
    font-family: 'Lato, Bold';
    color: var(--color-primary);
}
.columns-content.content-1 .columns-content-p {
    padding: 0 30px;
}
/*** Module Two Col ***/
.section-two-col {
    padding: 0;
    margin-bottom: 60px;
    padding-top: 30px;
}
.section-two-col .section-inner {
    background: var(--color-gray-light);
}
.section-inner.two-col-inner {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
}
.col-1-right ul {
    margin-bottom: 0;
    color: var(--color-primary-dark);
    font-family: 'Lato, Regular';
    letter-spacing: 0;
    font-weight: 600;
    list-style: none;
    padding-top: 60px;
}
.col-1-right ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #fff; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.col-1-right ul li{
    margin-bottom: 30px;
}
.col-1-left {
    width: 100%;
    height: 340px;
    color: var(--color-primary-dark);
    margin-left: 13%;
    padding-top: 60px;
}
.col-1-left p {
    font-size: 30px;
    font-family: 'Lato, Regular';
    letter-spacing: 0;
}
.col-1-right{
    position: absolute;
    right: 8%;
    background: var(--color-primary);
    height: 400px;
    width: 45%;
}

/*** Model Module ***/
section.module-model {
    padding: 50px 0;
}
.module-model .section-title{
    text-align: center;
    color: #fff;
}
.section-title h2 {
    margin-top: 15px;
    font-family: 'Lato, Light';
    font-weight: 100;
    margin-bottom: 13px;
    line-height: 1.2;
}
.flex-model {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.flex-model div {
    flex-basis: 60%;
    color: #fff;
    position: relative;
    z-index: 2;
}
.flex-model div p {
    font-size: 16px;
}
.left-model img {
    margin-top: 5px;
}
.right-model li {
    list-style: none;
    margin: 0;
    font-size: 16px;
    letter-spacing: 0;
}
.right-model li a{
    text-decoration: none;
}
.right-model p{
    margin-bottom: 13px;
}
/*** Image Circle ***/
.section-mb-10{
    margin-top: -55px;
    position: relative;
    overflow: hidden;
}
.circle-image-paragraph {
    width: 63%;
    margin: 0 auto;
}
svg.svg-image-circle {
    background: #a598ba26;
}
p.circles-title.circles-title-second.aos-init.aos-animate {
    background: var(--color-primary);
    padding: 3px;
    width: 85%;
    margin: 100px auto;
    font-size: 18px !important;
    padding: 15px;
    font-family: 'Lato, Light';
}
p.circles-title.circles-title-second {
    background: var(--color-primary);
    padding: 3px;
}
#particles-js1{
    width: 65%;
    height: 381px;
    position: absolute;
    z-index: 0;
    bottom: -110px;
    left: -190px;
    transform: rotate(15deg);
}
.section-mb-10 .hero-showcase,
.for-patient-page .cta-box-inner{
    width: 1200px;
    margin: 0 auto;
    background: #D1CFD4;
    /*background: #A598BA29 0% 0% no-repeat padding-box;*/
    padding: 80px 0;
    padding-bottom: 20px;
}
.for-patient-page .cta-box-inner{
    padding: 90px;
}
.for-patient-page .cta-box-inner h2{
    font-size: 35px;
    color: #423359;
}
.for-patient-page .cta-box-inner p{
    font-size: 18px;
    color: #423359;
}
.section-mb-10 .hero-main-text{
    margin-bottom: 40px;
}
.circles-title{
    opacity: 1;
    color: var(--color-primary-dark);
    /* font-size: 27px !important; */
    line-height: 35px;
    text-align: center;
    padding: 0 10px;
    margin-top: 0;
    font-family: 'Lato, Light';
    font-weight: 100;
    font-size: 68px;
    margin-bottom: 10px;
}
p.circle-image-subtitle {
    margin-bottom: 10px;
}
.section-mb-10 .hero-main-text img{
    margin-bottom: 20px;
}
.section-mb-10 .hero-main-text p{
    color: #383838;
    font-size: 16px;
    text-align: center;
}
.change-text-test{
    text-decoration: none;
}
.change-text-test text{
    font-family: 'Lato, Bold';
    letter-spacing: 0;
    font-size: 14px;
}
.change-text-test tspan:nth-child(2){
    font-family: 'Lato, Light';
    font-weight: 500;
}

.circle-image-subtitle {
    font-size: 20px !important;
    color: var(--color-primary-dark) !important;
    font-family: 'Lato, Regular';
    letter-spacing: 0;
}
p.circle-image-bottom-text {
    background: var(--color-primary);
    color: var(--color-white) !important;
    padding: 10px;
}
line {
    stroke: var(--color-primary);
}
path#Path_2760{
    fill: var(--color-primary);
}
.circles-title-second {
    color: var(--color-white) !important;
    margin-top: 70px;
    position: relative;
    z-index: 1;
}
.section-two-col-p {
    background: var(--color-gray-light);
    padding: 12rem 0;
    color: var(--color-primary-dark);
}
.col-1-main{
    max-width: 62%;
    text-align: center;
    margin: 0 auto;
}
.col-1-main p{
    font-size: 27px;
    font-family: 'Lato, Regular';
    letter-spacing: 0;
}
.flex-wrap-icons {
    display: flex;
    justify-content: space-evenly;
}
.flex-content-icons {
    flex-basis: 14%;
}
.flex-content-icons span {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.flex-content-icons span p {
    font-size: 14px;
    margin-top: 25px;
}
.flex-content-icons img {
    max-width: 150px;
    margin: 0 auto;
}
/*** Module research ***/
.module-research .section-title h2{
    color: var(--color-white);
}
section.module-icons.module-research {
    text-align: center;
}
.module-research .flex-content-icons p,
.module-research .flex-content-icons b{
    color: #000;
}
.module-research .flex-content-icons {
    flex-basis: 15%;
}
.module-research .flex-content-icons img {
    max-width: 130px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.module-research .flex-content-icons span p {
    margin-top: 15px;
}
.module-research .section-subtitle p{
    color: var(--color-primary);
    font-size: 24px;
}
.flex-content-icons p, .flex-content-icons b {
    color: #fff !important;
}
.module-research .section-title {
    margin-bottom: 70px;
}
p.bottom-text-research {
    font-size: 16px;
    font-family: 'Lato, Light';
    letter-spacing: 0;
    margin: 70px auto;
    width: 60%;
    color: #fff !important;
}
.module-research .header-menu-button{
    list-style: none;
    margin: 0;
    font-size: 16px;
    letter-spacing: 0;
}
.module-research-button{
    text-decoration: none;
}

/*** Module Statistics ***/
.module-research-container .section-title {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.section-title-in {
    width: 50%;
    margin: 0 auto;
}
.module-satistics .section-title {
    border: 1px solid var(--color-primary);
    padding: 10px 50px;
}
.module-satistics .section-title-in h2 {
    font-size: 30px;
    font-family: 'Lato, Regular';
    letter-spacing: 0.5px;
}
.module-research-container  span.section-subtitle p {
    font-size: 18px;
}

.flex-content-left {
    width: 100%;
    height: 1px;
    background: var(--color-primary);
}
.flex-content-row {
    display: flex;
    align-items: center;
    width: 920px;
    justify-content: space-between;
}
.flex-content-left {
    flex-basis: 30%;
}
.flex-content-right {
    flex-basis: 60%;
}
.flex-content-row:nth-child(even){
    margin-left: auto;
    margin-top: -40px;
    text-align: right;
    padding-left: 50px;
}
.flex-content-row:nth-child(odd) .statistics-subtitle p {
    width: 330px;
}
span.statistics-subtitle p {
    color: #fff;
    font-size: 16px;
}
.flex-wrap-statistics {
    margin-top: 100px;
}
h1.statistics-title {
    font-family: 'Lato, Regular';
    margin: 0;
}
.other-pages-font svg{
    margin: 0 auto;
}

/*** Foundation Module ***/
section.module-foundation h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 70px;
}
.foundation-image-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.foundation-image-flex div {
    flex-basis: 50%;
}
.f-image-subtitle {
    background: var(--color-primary);
    padding: 50px;
}
.f-image-subtitle p {
    font-family: 'Lato, Regular';
    letter-spacing: 0;
    font-size: 20px;
}
.flex-wrap-foundation {
    border-left: 1px solid var(--color-primary);
    width: 70%;
    margin: 0 auto;
    padding-top: 145px;
    margin-top: -50px;
    height: 806px;
}
.flex-foundation-row {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.foundation-line {
    width: 90px;
    height: 1px;
    background: var(--color-primary);
}
.flex-content-foundation {
    border: 1px solid var(--color-primary);
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-left: 10px;
}
.flex-content-foundation span p {
    color: #fff;
    font-size: 16px;
    font-family: 'Lato, Regular';
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 0;
}
.flex-content-foundation h1 {
    margin: 0 !important;
    font-size: 54px;
    font-weight: 900;
    color: var(--color-primary);
    font-family: 'Lato, Bold';
}
.flex-content-foundation div:first-child {
    flex-basis: 4%;
}
.flex-content-foundation div:last-child {
    flex-basis: 90%;
}
.module-foundation .bottom-text-research{
    margin: 155px auto 0 auto;
    text-align: center;
}
.module-foundation .header-menu-button {
    list-style: none;
    margin-top: 60px;
    text-align: center;
    font-size: 16px;
    font-family: 'Lato, Regular';
    letter-spacing: 0;
}
.module-foundation .header-menu-button a{
    text-decoration: none;
    color: #000 !important;
}
/*** Members Module ***/
section.module-members {
    padding-top: 0;
}
.module-members .section-title h1 {
    color: #662827;
    text-align: center;
    font-family: Spectral;
    font-size: 42px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: -0.84px;
}
.flex-members-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.flex-members-content {
    flex: 0 1 33%;
    text-align: center;
    margin-bottom: 40px;
}
.flex-members-content img {
    margin: 30px auto;
}
p.members-name {
    color: var(--color-primary);
    font-family: 'Lato, Regular';
    font-weight: 800;
    letter-spacing: 0.5px;
}
span.members-paragraph p {
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
}
p.members-bio {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
/*** Header ***/
button.close-nav-toggle svg {
    height: 3rem;
    width: 3rem;
}
.close-nav-toggle .toggle-text{
    display: none;
}
.menu-modal-inner {
    background: var(--color-primary-dark);
}
.container-header {
    display: inline-block;
    cursor: pointer;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 4px;
    background-color: #fff;
    margin: 7px 0;
    transition: 0.4s;
}
.bar1-close {
    transform: translate(0, 11px) rotate(-45deg);
}
.bar2-close {opacity: 0;}

.bar3-close {
    transform: translate(0, -11px) rotate(45deg);
}
/*** Header RESPONSIVE ***/
@media(max-width: 500px){
    .bar1, .bar2, .bar3 {
        width: 28px;
        height: 4px;
        background-color: #fff;
        margin: 6px 0;
        transition: 0.4s;
    }
    .header-titles-wrapper {
        justify-content: left;
    }
    .header-titles .site-logo img {
        max-width: 280px;
        width: 350px;
        object-fit: cover;
    }
    .flex-content-foundation span p {
        margin-left: 8px;
    }
}
/*** Main Hero Section ***/
.main-hero-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 80vh;
    padding-top: 0;
    position: relative;
}
.hero-image-section img {
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    height: 100%;
    object-fit: cover;
    object-position: 70% 0;
}
section.main-hero-image .section-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translate(0, -50%);
}
.main-hero-image-subtitle {
    font-size: 22px;
}
.hero-image-section {
    height: 100%;
}
.foundation-page-content .main-hero-image .section-inner {
    padding-top: 0;
}
a.members-bio {
    color: #fff;
    text-decoration: none;
    letter-spacing: 0;
}

section.module-icons.module-research {
    padding-top: 0;
}
/* Marko fixes */
.foundation-challenge .circle-images {
    margin-top: 40px;
}

#statistics-section {
    padding-bottom: 100px;
    position: relative;
}
#statistics-section .module-research-container {
    z-index: 10;
    position: relative;
}
#statistics-section .module-research-container {
    z-index: 10;
    position: relative;
}
#statistics-section #particles-js1 {
    bottom: -190px;
}
#circle-section {
    display: none;
}

/* Challenge section with parallax START */
#challenge-prlx {
    background-color: #2c122d;
    position: relative;
    padding: 0;
    overflow: hidden;
}
#challenge-prlx > .challenge-prlx-inner {
    background-color: #381a364d;
    position: relative;
    z-index: 1;
    padding: 8rem 0;
}
#challenge-prlx #challenge-prlx-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
}
#challenge-prlx #challenge-prlx-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.challenge-prlx-inner .section-inner {
    max-width: 90rem;
}
/* Challenge section with parallax END */

/* Module Icon Cols Vertical START */
#icon-cols-vertical {
    margin-bottom: -100px;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}
#icon-cols-vertical .flex-content-icons {
    display: flex;
    align-items: center;
    max-width: 850px;
    margin: 0 auto 80px 200px;
}

/* Module Icon Cols Vertical END */

/*** RESPONSIVE ***/
@media(max-width: 1400px){
    .flex-content-row {
        margin-bottom: 50px;
    }
}
@media(max-width: 1320px){
    #site-header .section-inner{
        width: 100%;
    }
    header#site-header a {
        /*padding: 0 10px;*/
    }
}
@media(max-width: 1210px){
    .flex-content-row {
        margin-bottom: 0;
    }
    .challenge-cols.d-flex {
        width: 100%;
    }
    .columns-content-title h1 {
        font-size: 56px;
    }
    .columns-content-p p {
        font-size: 16px;
    }
    .col-1-right {
        position: unset;
        right: 8%;
        background: var(--color-primary);
        height: auto;
        width: 55%;
        margin: 0 auto;
        padding: 0 10px 10px 0;
    }
    .col-1-left {
        width: 100%;
        height: auto;
        color: var(--color-primary-dark);
        margin-left: 0;
        padding-top: 10px;
        text-align: center;
    }
    .section-inner.two-col-inner {
        display: block;
        align-items: center;
        position: unset;
        padding: 0;
    }
    .left-model {
        margin-right: 4%;
    }
    .section-mb-10 .hero-showcase, .for-patient-page .cta-box-inner {
        width: 95%;
    }
    .circle-image-paragraph {
        width: 95%;
    }
    .other-pages-font svg {
        margin: 0 auto;
        width: 80%;
    }
    .flex-content-row:nth-child(even) {
        margin-left: auto;
        margin-top: 0px;
        text-align: right;
        padding-left: 50px;
    }
    .flex-content-row {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    .section-title-in {
        width: 100%;
    }
    .module-satistics .section-title {
        border: 1px solid var(--color-primary);
        padding: 10px;
    }
    .module-research-container .section-title {
        width: 90%;
    }
    .module-research {
        padding: 0;
    }
    .module-research .flex-content-icons {
        flex-basis: 20%;
    }
    .flex-wrap-foundation {
        height: auto;
    }
    #model-section .module-model-bg {
        width: 500px !important;
        height: 500px !important;
    }
}
@media(max-width: 1150px){
    /*header#site-header a {*/
    /*    padding: 0;*/
    /*}*/
    .header-menu-button a {
        padding: 13px 25px !important;
    }
}
@media(max-width: 992px){
    #icon-cols-vertical .flex-content-icons {
        margin: 50px 0 0 0;
        padding: 0 15px;
    }
}
@media(max-width: 860px){
    .signup-button-popup {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        margin-bottom: 25px;
        display: block;
    }
    .challenge-cols.d-flex {
        display: none;
        width: 95%;
    }
    .left-model {
        margin-right: 0;
    }
    .columns-content {
        margin: 0 10px;
        margin-bottom: 30px;
    }
    .foundation-challenge .section-title {
        width: 95%;
    }
    .col-1-right{
        width: 95%;
    }
    .col-1-left p {
        line-height: 1.2;
        font-size: 26px;
    }
    .col-1-right ul li {
        margin-bottom: 30px;
        font-size: 16px;
    }
    .flex-model {
        display: block;
        text-align: center;
    }
    .left-model img {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .module-model .section-inner-child {
        padding: 0;
    }
    .module-model{
        padding: 20px 0;
        padding-bottom: 70px;
    }
    .other-pages-font svg {
        width: 100%;
    }
    .section-mb-10 .hero-showcase, .for-patient-page .cta-box-inner {
        padding: 60px 0;
        padding-bottom: 1px;
    }
    .flex-content-left {
        flex-basis: 15%;
    }
    .flex-content-right {
        flex-basis: 80%;
        padding: 5px;
    }
    .flex-content-row:nth-child(even) {
        padding-left: 0;
    }
    .flex-wrap-icons {
        display: block;
        justify-content: space-evenly;
    }
    .module-research .flex-content-icons {
        margin-bottom: 50px;
    }
    .module-research .flex-content-icons img {
        margin-bottom: 0;
    }
    p.bottom-text-research {
        width: 95%;
    }
    .foundation-image-flex-desktop{
        display: none;
    }
    .foundation-image-flex-mobile{
        display: block !important;
        text-align: center;
    }
    .f-image-subtitle {
        padding: 30px 10px;
    }
    .f-image img {
        width: 100%;
    }
    .flex-foundation-row {
        display: block;
        margin-bottom: 0;
    }
    .foundation-line {
        width: 1px;
        height: 80px;
        background: var(--color-primary);
        margin: 0 auto;
    }
    .flex-wrap-foundation {
        border-left: none;
    }
    .flex-wrap-foundation {
        width: 90%;
        padding-top: 0;
        margin-top: 0;
    }
    .module-foundation .bottom-text-research {
        margin: 50px auto 0 auto;
        text-align: center;
    }
    section.module-foundation {
        padding: 60px 0 0 0;
    }
    .flex-members-content {
        flex: 0 1 50%;
        text-align: center;
        margin-bottom: 40px;
        padding: 0 10px;
    }
    p.members-name {
        margin-bottom: 5px;
    }
    .module-foundation .section-title h2 {
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .section-subtitle,
    p.circle-image-subtitle{
        font-size: 18px !important;
    }
    section.module-model {
        margin-bottom: 0;
        padding-top: 20px;
    }
    p.circle-image-subtitle {
        margin-top: 10px;
    }
    p.circles-title.circles-title-second.aos-init.aos-animate {
        font-size: 18px !important;
        line-height: 1.4;
        padding: 15px 10px;
    }
    .module-satistics .section-title-in h2 {
        font-size: 28px;
        font-family: 'Lato, Regular';
        letter-spacing: 0.5px;
    }
    .flex-wrap-statistics {
        margin-top: 50px;
    }
    section.module-icons.module-satistics {
        padding-bottom: 10px;
    }
    .flex-content-footer {
        display: block;
        padding: 10px 0;
    }
    .line-footer .line-width {
        width: 100%;
        height: 1px;
        max-width: 100%;
    }
    .form-footer, .address-footer {
        padding-top: 8%;
        text-align: center;
    }
    .address-footer img {
        margin: 0;
        max-width: 280px;
        width: 350px;
        margin: 0 auto;
    }
    .section-inner-wrap {
        width: 50%;
    }
    .hero-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        background: #0000007d;
        z-index: 0;
    }
    .main-hero-image {
        padding-bottom: 0;
    }
    .section-inner-wrap {
        width: 100%;
    }
    .main-hero-image {
        height: 55vh;
    }
    a.members-bio {
        font-size: 16px;
    }
    section.two-col.section-two-col {
        margin-top: 50px;
    }
}
section.two-col.section-two-col {
    margin-top: 100px;
}
@media(max-width: 768px){
    .title-size-3 {
        font-size: 32px;
    }
    #challenge-prlx > .challenge-prlx-inner {
        padding: 3rem 0;
    }
    #challenge-prlx > .challenge-prlx-inner {
        padding: 3rem 0;
    }
    #icon-cols-vertical .flex-content-icons {
        display: block;
    }
    #icon-cols-vertical .flex-content-icons-img {
        margin: 0 0 30px 0;
    }
    #icon-cols-vertical .text-center {
        padding: 0 15px;
    }
    .section-inner-child {
        padding-top: 40px;
        padding-bottom: 0;
    }
    #statistics-section {
        padding-bottom: 50px;
    }
    #icon-cols-vertical .section-subtitle {
        font-size: 20px !important;
        margin-bottom: 0;
    }
    .module-research .section-subtitle p {
        font-size: 18px;
    }
    #icon-cols-vertical.uspal-module-four .section-inner.section-inner-wrap-main {
        padding: 0;
        display: flex;
        width: 100% !important;
        margin: 0 auto;
        max-width: 1200px;
        justify-content: center;
        gap: 0;
    }
    .uspal-module-five.uspalmf.flex-wrap-icons-vertical, .module-four-left-section {
        max-width: 100% !important;
        margin: 0 auto;
    }
}
@media(max-width: 580px){
    .flex-members-content {
        flex: 0 1 100%;
    }
    .flex-members-content {
        flex: 0 1 100%;
        text-align: center;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .main-hero-image {
        height: 35vh;
    }
    .main-hero-image {
        height: 50vh;
    }
    section.main-hero-image .section-inner {
        position: absolute;
        top: 5vh;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: unset;
    }
}
@media(max-width: 320px){
    .header-titles .site-logo img {
        max-width: 220px;
        width: 350px;
        object-fit: cover;
    }
}
section.module-icons.module-satistics {
    padding-bottom: 0;
}
section.module-icons.module-research .section-inner{
    padding-top: 60px;
}

.js .show-js {
    display: block !important;
}

.js .hide-js {
    display: none !important;
}

.no-js .show-no-js {
    display: block !important;
}

.no-js .hide-no-js {
    display: none !important;
}

body.modal-unset-scroll {
    overflow-y: hidden !important;
}

.modal {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(66, 51, 89, 0.35);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.modal .modal-wrapper {
    position: relative;
    z-index: 100;
    transform: translateY(-2rem);
    margin: 2rem auto;
    max-width: 76rem;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    border-radius: 3.4rem;
    padding: 5rem;
    transition: all 300ms linear;;
    opacity: 0;
}

.modal.is-visible .modal-wrapper {
    transform: translateY(0);
    opacity: 1;
}

.modal-content-img {
    display: inline-block;
    max-width: 13.2rem;
    margin-bottom: 3rem;
}

.modal-content-text {
    text-align: left;
    margin-bottom: 5rem;
}

.modal-content-btn {
    padding-left: 4rem;
    padding-right: 4rem;
}
.modal-content-btn button {
    /* margin: 0 auto; */
    /* text-align: center; */
    background: var(--color-primary);
    font-size: 16px;
    font-family: 'Lato, Regular';
    letter-spacing: 0.5px;
    border-radius: 20px;
    padding: 15px 50px;
    text-decoration: none;
}
.modal-content-btn {
    text-align: center;
}
.modal-content-img.text-center{
    width: 100%;
    text-align: center;
    max-width: 100%;
}
.modal-content-text.paragraph-other p {
    font-size: 16px;
    font-family: 'Lato, Light';
}
/*** Main Svg ***/

.main-svg .section-title {
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-family: 'Lato, Light';
    margin-top: 0;
    margin-bottom: 50px;
}
svg#Layer_2 {
    height: 895px;
    margin-left: auto;
    width: 1200px;
}
.flex-svg-content {
    display: flex;
    position: relative;
}
span.distributed-subtitle-main p {
    color: #fff;
    font-size: 16px !important;
    line-height: 1.2;
}
span.distributed-subtitle-main {
    width: 380px;
    position: absolute;
    top: 0;
    left: 15%;
}
.section-inner-wrap-main {
    background: #333232;
    padding: 80px 0;
}
@media(max-width: 1100px){
    span.distributed-subtitle-main {
        width: 90%;
        margin: 0 auto;
        position: unset;
        text-align: center;
        margin-bottom: 50px;
    }
    span.distributed-subtitle-main p{
        font-size: 16px;
    }
    .flex-svg-content {
        display: block;
        padding: 0 50px;
    }
    svg#Layer_2 {
        height: 80vh;
        margin-left: unset;
        width: 100%;
    }
}
@media(max-width: 520px){
    svg#Layer_2 {
        height: 45vh;
        margin-left: unset;
        width: 100%;
    }
    .flex-svg-content {
        display: block;
        padding: 0 20px;
    }
}
/*** Changes from xD ***/
.foundation-challenge .section-inner {
    background: transparent;
}
.main-hero-image {
    padding-bottom: 0;
}
section.foundation-challenge {
    padding-top: 50px;
    position: relative;
    overflow: hidden;
}
#particles-js {
    width: 44%;
    height: 380px;
    position: absolute;
    z-index: 0;
    bottom: unset;
    left: unset;
    transform: rotate(21deg);
    top: -123px;
    right: -62px;
}
p.challenge-subtitle-three {
    background: var(--color-primary);
    color: #000;
    padding: 25px 120px;
    font-size: 20px;
    width: 1030px;
    margin: 0 auto;
    font-family: 'Lato, Regular';
    letter-spacing: 0;
    margin-top: 80px;
    margin-bottom: -20px;
}
.module-satistics .section-title{
    width: 680px;
    padding: 0;
}
section#statistics-section {
    background: #333232;
    overflow: hidden;
}
p.circle-image-subtitle, p.circles-title.circles-title-second{
    font-size: 28px !important;
    width: 60%;
    margin: 0 auto 30px auto;
    background: transparent !important;
    font-family: 'Lato, Regular';
}
p.circles-title.circles-title-second.aos-init.aos-animate{
    margin-top: 30px;
}
#circle-section .hero-showcase, svg.svg-image-circle{
    background: transparent;
}
p.circle-image-subtitle {
    color: var(--color-primary) !important;
}
p.circles-title.circles-title-second {
    margin-top: 50px;
}
.col-1-left {
    width: 100%;
    height: 340px;
    color: var(--color-primary-dark);
    margin-left: 0;
    padding-top: 60px;
    text-align: center;
}
.col-1-left {
    padding-top: 90px;
}
.col-1-left p {
    width: 765px;
    margin: 0 auto;
}
.section-two-col .section-inner{
    width: 100%;
}
section.two-col.section-two-col {
    margin: 0;
    padding: 0;
}
.main-svg {
    padding: 0;
    margin-bottom: -100px;
    z-index: 1;
    position: relative;
}
.f-image img{
    display: none;
}
.foundation-image-flex div {
    flex-basis: unset;
}
.flex-content-row:last-child {
    margin-bottom: 0;
}
section-mb-10 {

    position: relative;
    overflow: hidden;
}
#circle-section{
    background: #333232 !important;
    margin-top: 0 !important;
}
section#research-section {
    padding-top: 120px;
}
#particles-js2 {
    width: 65%;
    height: 381px;
    position: absolute;
    z-index: 0;
    bottom: -110px;
    right: -265px;
    transform: rotate(-25deg);
}
.module-research .header-menu-button a {
    color: #fff !important;
    z-index: 1;
    position: relative;
}
/* Marko Start */

#model-section  {
    position: relative;
}

#model-section  .flex-model {
    text-align: center;
}

#icon-cols .flex-content-icons {
    text-align: center;
}

#icon-cols .flex-content-icons img {
    margin-bottom: 40px;
}

#icon-cols .flex-content-icons p strong{
    font-weight: 600;
}

.module-research p.bottom-text-research,
.module-research  .flex-content-icons b,
.module-research  .flex-content-icons p,
.module-research .section-title h2 {
    color: #000 !important;
}

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

.module-research .header-menu-button a {
    color: #fff !important;
}

.module-research .header-menu-button a:hover {
    color: var(--color-primary-dark) !important;
}

.module-research .section-subtitle p {
    color: var(--color-primary-dark) !important;
}

.module-research p.bottom-text-research {
    width: 60%;
    font-size: 22px;
}

#foundation-section {
    position: relative;
}

#foundation-section .foundation-image-flex {
    position: relative;
    z-index: 1;
}

.module-foundation-bg {
    top: 300px;
    position: absolute;
    width: 243px;
    height: 380px;
    background-image: url("/wp-content/themes/uspal_new-child/assets/images/foundation-bg.png") !important;
}

#members-section {
    position: relative;
    background-color: #333232;
}


section#research-section {
    background: var(--color-primary);
    padding-top: 120px;
    position: relative;
    overflow: hidden;
}


/*** TOP BANNER ***/
.top-banner-text {
    display: inline-block;
}

.top-banner-wrapper {
    display: block;
    text-align: center;
    background: #F2F5EB;
    padding: 14px;
    box-shadow: 0 0 3px #42335952;
}
.top-banner-wrapper a, .top-banner-text, .top-banner-wrapper {
    color: #000 !important;
    font-size: 22px !important;
    letter-spacing: 0;
    line-height: 1.2;
    font-family: 'Lato, Regular', sans-serif;
}
.top-banner-wrapper a {
    display: inline-block;
    padding: 0 0 0 5px !important;
    font-weight: bold;
    text-decoration: underline !important;
}
/* start metx popup */
.metx-popup-wrapper {
    max-width:758px;
    width: 100%;
    max-height:420px;
    height: 100%;
}
.metx-text {
    line-height: 1.2;
    font-family: 'Lato, Regular', sans-serif;
    font-size: 42px;
    text-align: center;
    padding: 30px 40px;
    font-weight: bold;
}
.metx-text, img.metx-img {
    float: left;
    width: 50%;
    height: 420px;
    object-fit: cover;
}
img.metx-img {
    padding:15px;
}
a.metx-popup-a {
    background: #423359;
    padding: 19px 49px;
    color: white;
    text-decoration: none;
    font-size: 22px;
    float: left;
    width: 100%;
    max-width: 220px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    margin-top: 20px;
    font-weight: 400;
}

.metx-text span {
    float: left;
    width: 100%;
    display: block;
    font-weight: 400;
    letter-spacing: 0;
}
#sgpb-popup-dialog-main-div{
    background-color: #F2F5EB !important;
}
.metx-popup-wrapper p {
    margin: 0;
}
@media (max-width: 690px) {
    .metx-text, img.metx-img {
        float: left;
        width: 100%;
        height: 320px;
    }
    img.metx-img {
        max-width: 100%;
        position: relative;
        left: 50%;
        transform: translate(-50%);
        object-fit: cover;
    }
    .sgpb-popup-dialog-main-div-theme-wrapper-3 {
        top: 50% !important;
        transform: translate(0, -50%);
    }
    .top-banner-wrapper a, .top-banner-text, .top-banner-wrapper {
        color: #000 !important;
        font-size: 16px !important;
    }
    .page-id-401 .nav-toggle{
        /*top: -64px;*/
    }
    .top-banner-wrapper{
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .metx-text {
        line-height: 1.2;
        font-family: 'Lato, Regular', sans-serif;
        font-size: 30px;
        text-align: center;
        padding: 30px 40px;
        font-weight: bold;
    }
}

@media (max-width: 360px) {
    a.metx-popup-a {
        background: #423359;
        padding: 19px 29px;
        color: white;
        text-decoration: none;
        font-size: 20px;
        float: left;
        width: 100%;
        max-width: 190px;
        position: relative;
        left: 50%;
        transform: translate(-50%);
        margin-top: 20px;
    }
}
/* end metx popup */



/***** BLOG PAGE *****/

.blog-page-content{
    background-color: #F2F5EB;
}
.blog-page-content p,
.blog-page-content li{
    letter-spacing: 0;
    line-height: 28px;
    font-size: 19px;
    color: #1C1919;
    font-weight: 300;
}
.blog-page-content a {
    color: #D66EFE;
}
.blog-page-content h1,
.blog-page-content h2,
.blog-page-content p,
.blog-page-content li,
.blog-page-content h3{
    font-family: 'Neue Haas Grotesk Display Pro, 55 Roman';
}
.blog-page-content h2{
    font-size: 34px;
    line-height: 48px;
    color: #1C1919;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 39px;
    margin-bottom: 45px;
}
.title-img-paragraph-row h3{
    font-size: 34px;
    line-height: 70px;
    color: #1C1919;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 55px;
}
#main-blog-container {
    max-width: 866px;
    margin: 0 auto;
}
.blog-page-content .blog-top-desc{
    font-size: 24px;
    color: #1C191976;
    line-height: 77px;
}
.main-title-row h1{
    font-size: 67px;
    color: #381A36;
    line-height: 77px;
    font-weight: 400;
    letter-spacing: 0;
}
.blog-page-content .blog-date{
    color: #381A36;
    font-size: 34px;
    line-height: 77px;
    font-weight: 300;
}
#main-title, #image-title, section#title-desc {
    padding: 35px 0;
}
.image-text-row img {
    margin-bottom: 77px;
}
.image-text-row p, .title-desc-row p {
    margin-bottom: 28px;
}
.title-desc-row h1 {
    text-align: center;
    font-family: 'Neue Haas Grotesk Display Pro, 45 Light';
    font-weight: 100;
    font-size: 65px;
    letter-spacing: 1.3px;
    line-height: 70px;
    color: #1C1919;
    margin: 65px 0;
}
.title-desc-row h1 {
    margin-top: 0;
    margin-bottom: 65px;
}
.title-desc-row em {
    font-weight: 800;
}
.title-desc-row p {
    margin-bottom: 40px;
}
.bottom-metx-section {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    position: relative;
}
.bottom-metx-flex{
    flex-basis: 33.33%;
    margin: 0 22px;
    z-index: 1;
}
.bottom-metx-flex img {
    margin: 0 auto;
    margin-bottom: 30px;
}
.bottom-metx-flex:first-child {
    margin-left: 0 !important;
}
.bottom-metx-flex:last-child {
    margin-right: 0;
}
.bottom-metx-flex .metx-paragraph {
    height: 85px;
}
.blog-page-content ul {
    margin-left: 0;
}
section#module-metx {
    padding-top: 65px;
}
.dotted-line {
    border-bottom: 2px dotted #8C688A;
    height: 2px;
    width: 70%;
    position: absolute;
    top: 100px;
    z-index: 0;
}
section#module-metx {
    border-bottom: 2px dotted #8C688A;
    padding-bottom: 54px;
}
section#title-img-paragraph {
    padding: 10px 0 0 0;
}
.title-img-paragraph-row img {
    margin-bottom: 30px;
}
section#module-about {
    padding-top: 0;
    border-bottom: 2px solid #8C688A;
}
.module-about-row p {
    margin-top: -15px;
}
.social-media-container {
    display: flex;
}
.social-media-row {
    width: 35px;
    height: 35px;
    margin: 0 10px;
}
.social-media-row:first-child{
    margin-left: 0;
}
section#module-social-media {
    padding-top: 40px;
    padding-bottom: 18rem;
}
p.blog-top-desc {
    font-weight: bold;
    margin-bottom: 0;
}
.main-title-row h1 {
    margin-top: 30px;
    margin-bottom: 65px;
}
section#title-desc {
    padding-top: 0;
}
section#title-desc {
    padding-bottom: 20px;
}
.title-desc-row img {
    margin-top: 65px;
}
.top-metx-section.title-desc-row p {
    margin-bottom: 65px;
}
.title-img-paragraph-row p {
    margin-bottom: 0;
}
.title-img-paragraph-row ul {
    margin-bottom: 65px;
}
.title-desc-row h1{
    font-size: 63px;
}
.main-title-row h1{
    font-size: 65px;
}
.blog-page-content .blog-top-desc {
    font-size: 22px;
}
.blog-page-content .blog-date {
    font-size: 34px;
}
.blog-page-content p, .blog-page-content li {
    font-size: 18px;
    line-height: 27px;
}
.title-img-paragraph-row h3 {
    font-size: 32px;
}
.blog-page-content h2 {
    font-size: 32px;
    line-height: 46px;
}
.quote-color {
    color: #423359;
}
.title-desc-row em {
    color: #423359;
}

@media(max-width: 1028px){
    .main-title-row h1{
        font-size: 47px;
        line-height: 55px;
        margin-top: 20px;
        margin-bottom: 55px;
    }
    .blog-page-content .blog-date{
        margin-bottom: 0;
    }
    .title-desc-row h1 {
        font-size: 50px;
        line-height: 45px;
    }
    #main-blog-container {
        padding: 0 30px;
    }
}
@media(max-width: 768px){
    .main-title-row h1{
        font-size: 38px;
        line-height: 1.2;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .blog-page-content .blog-date{
        margin-bottom: 0;
    }
    .title-desc-row h1 {
        font-size: 38px;
        line-height: 1.2;
        margin-bottom: 25px;
    }
    .title-img-paragraph-row ul li:last-child {
        margin-bottom: 35px;
    }
    #main-blog-container {
        padding: 0 20px;
    }
    #main-title, #image-title, section#title-desc {
        padding: 15px 0;
    }
    .blog-page-content p, .blog-page-content li {
        letter-spacing: 0;
        line-height: 25px;
        font-size: 16px;
        color: #1C1919;
        font-weight: 300;
    }
    .title-desc-row p {
        margin-bottom: 20px;
    }
    .image-text-row img {
        margin-bottom: 27px;
    }
    .title-img-paragraph-row h3 {
        line-height: 35px;
        margin-top: 25px;
    }
    .blog-page-content h2 {
        font-size: 24px;
        line-height: 30px;
        color: #1C1919;
        font-weight: 400;
        letter-spacing: 0;
        margin-top: 39px;
        margin-bottom: 35px;
    }
    section#module-social-media{
        padding-bottom: 10rem;
    }
    .bottom-metx-section {
        display: block;
    }
    .dotted-line{
        display: none;
    }
    .top-metx-section.title-desc-row p {
        margin-bottom: 30px;
    }
    .bottom-metx-flex .metx-paragraph {
        height: auto;
        max-width: 343px;
        margin: 0 auto;
    }
    .blog-page-content ul {
        width: 343px;
        margin: 0 auto;
    }
    .bottom-metx-flex img {
        margin: 0 auto;
        margin-bottom: 20px;
        max-width: 44%;
    }
    .bottom-metx-flex {
        margin: 0 0 40px 0;
    }
    section#module-metx {
        padding-bottom: 0;
    }
    .top-metx-section.title-desc-row p {
        text-align: center;
    }
    .top-metx-section.title-desc-row h1 {
        margin-bottom: 25px;
    }
    .title-desc-row h1 {
        margin-top: 0;
        margin-bottom: 35px;
    }
    #main-title, #image-title, section#title-desc {
        padding: 5px 0;
    }
    .blog-page-content .blog-date {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .blog-page-content .blog-top-desc {
        line-height: 1.2;
        margin-top: 30px;
        font-size: 20px;
    }
}
.site-description {
    display: none;
}
section#module-social-media-fixed {
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translate(0, -70%);
    width:40px;
}
section#module-social-media-fixed .social-media-container {
    display: block;
}
section#module-social-media-fixed .social-media-container .social-media-row {
    margin: 20px 0;
}
section#module-social-media-fixed .social-media-row {
    width: 40px;
    height: 40px;
}
.bottom-metx-flex:first-child {
    margin-left: 0;
}
@media(max-width: 1360px){
    section#module-social-media-fixed .social-media-row{
        width: 40px;
        height: 40px;
    }
}
@media(max-width: 1028px){
    section#module-social-media-fixed .social-media-row{
        display: none;
    }
}

#sgpb-popup-dialog-main-div{
    background-color: #F2F5EB !important;
}

@media (max-width: 690px) {
    .sgpb-popup-dialog-main-div-theme-wrapper-3 {
        /*top: 50% !important;
        transform: translate(0, -50%);*/
    }
}


.signup-label {
    color: #fff;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: 'Lato, Light';
    font-size: 18px;
    float: left;
    width:100%;
    margin-bottom: 25px;
}

.footer-signup {
    float:left;
    width:100%;
    display:flex;
}
.signup-button-popup {
    transition: .2s;
}
.signup-button-popup:hover {
    cursor:pointer;
    background-color: #fff;
}

.footer-social-icons li { list-style-type: none; }
.footer-social-icons {float:left;width:100%;margin-top:50px;}
.footer-social-icons li { margin-left: 0;float:left;  margin-right: 10px;}
.footer-social-icons ul { float: left;
    width: 100%;
    margin: 0;
}
.social-insta {
    width: 33px;
    height: 33px;
    color: white;
    background-color: #381a36;
    display: block;
    border-radius: 100%;
    align-content: center;
    font-weight:400;
}

.social-insta i {
    font-size: 20px;
    width: auto;
    display: inline-block;
    height: 21px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

@media (max-width:861px) {
    .footer-social-icons ul {
        float: left;
        width: 100%;
        margin: 0;
        display: flex;
        align-content: center;
        justify-content: center;
        margin-bottom: 50px;
    }
    .social-insta i {

        left: unset;
        transform: unset;
    }
}

.sgpb-main-html-content-wrapper h3 {
    margin-top: 0;
}

@media (min-width: 1000px) {
    .header-inner {
        padding: 19px 0;
    }
}

div#wpadminbar {
    display: none;
}

li.menu-item.login {
    border: 1px solid #1B3649;
    border-radius: 4px;
}

a.donate-link {
    border-radius: 4px;
    border: 1px solid #F9AEAA;
    background: #F9AEAA;
}

.flex-content-footer, .flex-content-footer a {
    font-size: 18px;
    color: #000;
    font-family: "Work Sans", sans-serif;
    letter-spacing: normal;
}

.flex-content-footer a {
    padding: 25px 0;
}

.main-hero-image {
    padding: 80px 160px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.np-button-first {
    color: #fff;
    padding: 16px;
    max-width: 186px;
    min-width: 186px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-family: 'Work Sans', sans-serif;
    text-decoration: none;
    font-size: 17px;
}

.main-hero-image .section-inner-wrap {
    width: auto;
    margin-right: 70px;
}

.image-wrapper-hero img {
    min-width: 300px !important;
    object-fit: contain;
}

#icon-cols .section-inner {
    max-width: 99rem;
}

.icon-cols-headline {
    font-size: 42px;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.84px;
    color: #1B3649;
    font-family: 'Spectral', sans-serif;
    font-weight: 300;
    max-width: 910px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.icon-cols-desc {
    font-family: 'Work Sans',sans-serif;
    text-align: center;
    margin-bottom: 50px;
    font-size: 19px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: normal;
}

#icon-cols.uspal .flex-content-icons img {
    max-width: 172px;
    margin: 0 auto;
}

section.uspal.two-col.section-two-col-p.uspal-third {
    padding: 0;
}

.uspal .section-inner.two-col-inner {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 0;
    max-width: 100%;
    justify-content: center;
}

img.uspal-third-sec-img {
    max-height: 417px;
    max-width: 718px;
    object-fit: cover;
    width: 100%;
    height: 100vh;
}

.uspal-headline-desc {
    padding: 40px;
    margin-right: 5%;
}

.uspal-headline {
    color: #1B3649;
    text-align: center;
    font-family: "Spectral", sans-serif;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.54px;
    margin-bottom: 20px;
    max-width: 540px;
}

.uspal-desc {
    color: #1B3649;
    font-family: "Work Sans", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    max-width: 540px;
}

#members-section {
    position: relative;
    background-color: #FFEEEB;
}

p.members-name {
    color: #000;
    text-align: center;
    font-family: 'Spectral', sans-serif;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.54px;
    margin-bottom: 15px;
}

span.members-paragraph p {
    color: #000;
    font-family: "Work Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.section-p-mem-uspal {
    color: #000;
    font-family: "Work Sans",sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0;
    max-width: 1096px;
    margin-bottom: 40px;
}

.np-button-first.members {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    max-width: 262px;
    max-height: 69px;
    padding: 17px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
}

.members-link-btn {
    margin: 0 auto;
    width: 262px;
}

.uspal .section-inner-child {
    padding: 30px 0;
}

#icon-cols-vertical.uspal-module-four {
    padding: 140px;
    margin-bottom: 0;
}

#icon-cols-vertical.uspal-module-four .section-inner.section-inner-wrap-main {
    padding: 0;
    display: flex;
    width: calc(100% - 8rem);
    margin: 0 auto;
    max-width: 1200px;
    justify-content: center;
    gap: 100px;
}

.uspal-module-four-title {
    color: #FCFAF7;
    font-family: 'Spectral', sans-serif;
    font-size: 42px;
    font-style: normal !important;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: -0.84px;
    text-align: left;
    margin: 50px auto 30px auto;
}

.uspal-module-four-desc {
    color: #FCFAF7;
    font-family: "Work Sans", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
    margin-bottom: 50px;
}

.module-four-left-section {
    max-width: 560px;
}

.uspal-module-four-ico.flex-wrap-icons-vertical {
    width: 425px;
    padding-left: 61px;
    border-left: 4px solid #70B78E;
}

#icon-cols-vertical.uspal-module-four .flex-content-icons {
    display: inline-block;
    align-items: center;
    max-width: 330px;
    margin: 0 auto;
    float: left;
    width: 100%;
    height: auto;
}

.flex-content-icons-img.uspal-mf {
    color: #DFF7CB;
    font-family: 'Spectral', sans-serif;
    font-size: 101px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    height: auto;
}

.flex-content-icons-text.uspal-mf {
    color: #FFF;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 50px;
    width: 100%;
    max-width: 100%;
}

.uspal-mf-footnote {
    color: #F5F5F5;
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    float: left;
    width: 100%;
}

.uspal-modf-button-left {
    border-radius: 4px;
    color: #FFF;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    width: 210px;
    height: 69px;
    padding: 12px 33px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.uspal-modf-button-right {
    display: flex;
    width: 210px;
    height: 69px;
    padding: 12px 33px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    color: #175053;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
}

.module-four-buttons-wrap {
    display: flex;
    gap: 20px;
}

h3.uspal-module-four-title.five {
    color: #1B3649;
    margin-top: 0;
}

p.uspal-module-four-desc.five {
    color: #000;
}

#icon-cols-vertical .flex-content-icons.uspalmf {
    max-width: 511px;
    border-radius: 20px;
    height: 100vh;
    max-height: 223px;
    margin-bottom: 29px;
    display: flex;
}

.uspal-module-four-title.five {
    padding-right: 38px;
}

#icon-cols-vertical .flex-content-icons.uspalmf {
    max-width: 510px;
    border-radius: 20px;
    height: 100vh;
    max-height: 223px;
    margin-bottom: 29px;
}

#icon-cols-vertical .flex-content-icons-img.uspalmf img {
    width: 100%;
    max-width: 292px;
    min-width: 292px;
}

.flex-content-icons-text.uspalmf {
    color: #FFF;
    text-align: center;
    font-family: 'Spectral', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.contactus .section-p-mem-uspal {
    margin: 0 auto 40px auto;
}

#members-section.contactus h1 {
    color: #FCFAF7;
    margin-bottom: 50px;
}

.contactus .section-p-mem-uspal {
    margin: 0 auto 20px auto;
    color: #fff;
    max-width: 687px;
}

@media (max-width: 1490px) {
    #icon-cols-vertical .flex-content-icons-img.uspalmf img {
        max-width: 250px;
        min-width: 250px;
    }
}
@media (max-width: 1410px) {
    #icon-cols-vertical .flex-content-icons-img.uspalmf img {
        max-width: 200px;
        min-width: 200px;
    }
}

@media (max-width: 1365px) {/*
    .uspal-module-five .section-inner.section-inner-wrap-main {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px !important;
    }
    .uspal-module-five.uspalmf.flex-wrap-icons-vertical {
        max-width: 560px;
    }*/
    #icon-cols-vertical.uspal-module-four {
        padding: 70px;
    }
    .main-hero-image {
        padding: 80px;
    }
    .header-navigation-wrapper {
        margin-right: 15px;
    }
}

@media (max-width: 1220px) {
    #icon-cols-vertical.uspal-module-four .section-inner.section-inner-wrap-main {
        flex-direction: column;
        gap: 30px;
    }
    .uspal-module-four-ico.flex-wrap-icons-vertical {
        padding-left: 0;
        border-left: 0;
        margin: 50px auto 0 auto;
        width: 100%;
        max-width: 580px;
    }
    #icon-cols-vertical .flex-content-icons.uspalmf {
        max-width: 100%;
        border-radius: 20px;
        height: 100vh;
        max-height: 223px;
        margin-bottom: 29px;
    }
    .uspal-module-four-desc {
        margin-bottom: 30px;
    }
    #icon-cols-vertical .flex-content-icons-img.uspalmf img {
        width: 100%;
        max-width: 292px;
        min-width: 292px;
    }
    .flex-content-icons-text.uspalmf {
        padding-right: 10px;
    }
    .uspal-module-five.uspalmf.flex-wrap-icons-vertical, .module-four-left-section {
        max-width: 580px;
        margin: 0 auto;
    }
}

@media (max-width: 1050px) {
    header#site-header a {
        padding: 12px 15px;
        font-size: 15px;
    }
    .main-hero-image {
        padding: 60px;
        flex-direction: column;
    }
    .main-hero-image .section-inner-wrap {
        width: 100%;
        margin: 0 auto 35px auto;
    }
    section.main-hero-image p {
        max-width: 100%;
    }
}

header#site-header {
    z-index: 9999999;
}

#site-content.foundation-page-content {
    position: relative;
    z-index: 9;
}

@media (max-width: 1000px) {
    header#site-header {
        z-index: 9999999;
        box-shadow: 0 5px 3px 0 #e7e7e7;
    }
    .bar1, .bar2, .bar3 {
        background-color: #000000;
    }

}

@media (max-width: 915px) {
    img.uspal-third-sec-img {
        max-height: 450px;
        max-width: 718px;
        object-fit: cover;
        width: 100%;
        height: 100vh;
    }

}

@media (max-width: 860px) {
    .uspal.module-icon-cols.uspal-second .flex-content-icons {
        margin-bottom: 25px;
    }
    .flex-content-footer .info {
        margin-bottom: 15px;
    }
    footer#site-footer {
        background: #F9AEAA;
        float: left;
        width: 100%;
    }
    .flex-content-footer .info {
        margin-bottom: 15px;
        text-align: center;
    }
    .flex-content-footer {
        display: block;
        height: auto;
        padding: 28px 0 13px 0;
        float: left;
        width: 100%;
    }
    #site-footer a {
        text-decoration: none;
        width: 100%;
        float: left;
        display: inline-block;
        padding: 0;
        margin-right: 20px;
        margin-bottom: 15px;
        text-decoration: none !important;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .main-hero-image {
        padding: 40px 20px;
        flex-direction: column;
    }
    section.main-hero-image h1 {
        line-height: normal;
        font-size: 18px;
    }
    section.main-hero-image p {
        font-size: 30px;
        line-height: normal;
    }
    section.uspal.module-icon-cols.uspal-second {
        padding: 40px 0;
    }
    .uspal .section-inner.two-col-inner {
        justify-content: center;
        flex-direction: column;
    }
    img.uspal-third-sec-img {
        max-height: 450px;
        max-width: 100%;
        object-fit: cover;
        width: 100%;
        height: 100vh;
    }
    .uspal-headline-desc {
        padding: 40px 20px;
        margin-right: 0;
    }
    .uspal-headline {
        font-size: 27px;
        font-weight: 400;
        line-height: normal;
    }
    .uspal-desc {
        font-size: 16px;
    }
    #icon-cols-vertical.uspal-module-four .flex-content-icons {
        display: inline-block;
        align-items: center;
        max-width: 100%;
        margin: 0 auto;
        float: left;
        width: 100%;
        height: auto;
        max-height: max-content;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .uspal-module-four-ico.flex-wrap-icons-vertical {
        margin: 30px auto 0 auto;
    }
    #icon-cols-vertical.uspal-module-four {
        padding: 40px 20px;
    }
    .uspal-module-four-title {
        font-size: 27px;
        margin: 30px auto 20px auto;
        line-height: normal;
        padding: 0;
        text-align: center;
    }
    .uspal-module-four-desc {
        font-size: 16px;
        text-align: center;
    }
    .main-hero-image .section-inner-wrap {
        width: 100%;
        margin: 0 auto 35px auto;
        text-align: center;
    }
    .module-four-buttons-wrap {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
    .uspal-modf-button-left, .uspal-modf-button-right {
        width: 100%;
    }
    .flex-content-icons-img.uspal-mf {
        font-size: 50px;
    }
    #icon-cols-vertical .uspal-module-four-ico.flex-wrap-icons-vertical .flex-content-icons-img.uspal-mf {
        margin-bottom: 15px;
    }
    #icon-cols-vertical .flex-content-icons-img.uspalmf img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        object-fit: contain;
        max-height: 370px;
    }
    .flex-content-icons-text.uspalmf {
        padding: 0 10px;
        font-size: 22px;
    }
    .flex-content-icons-text.uspal-mf {
        margin-bottom: 25px;
    }

    .uspal-module-four-title.five {
        padding-right: 0;
        text-align: center;
    }
    #members-section.contactus h1 {
        color: #FCFAF7;
        margin-bottom: 30px;
        font-size: 27px;
        line-height: normal;
        margin-top: 20px;
    }
    p.members-name {
        color: #000;
        text-align: center;
        font-family: 'Spectral', sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: -0.54px;
        margin-bottom: 15px;
    }
    span.members-paragraph p {
        color: #000;
        font-family: "Work Sans", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
    .module-members .section-title h1 {
        color: #662827;
        text-align: center;
        font-family: Spectral;
        font-size: 27px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.84px;
        margin-top: 20px;
    }
    .section-p-mem-uspal {
        color: #000;
        font-family: "Work Sans",sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        text-align: center;
        letter-spacing: 0;
        max-width: 1096px;
        margin-bottom: 40px;
    }
    p.uspal-module-four-desc.five {
        color: #000;
        text-align: center;
    }
}

@media (max-width: 480px) {
    #site-footer a {
        text-decoration: none;
        width: 100%;
        float: left;
        display: inline-block;
        padding: 0;
        margin-right: 0;
        margin-bottom: 15px;
        text-decoration: none !important;
    }
    .image-wrapper-hero img {
        min-width: 300px !important;
        object-fit: contain;
        padding: 10px;
    }
    section.main-hero-image p {
        font-size: 27px;
        line-height: normal;
        margin-bottom: 20px;
    }
    section.main-hero-image h1 {
        line-height: normal;
        font-size: 16px;
    }
    .icon-cols-headline {
        font-size: 27px;
        text-align: center;
        line-height: normal;
        letter-spacing: -0.84px;
        color: #1B3649;
        font-family: 'Spectral', sans-serif;
        font-weight: 300;
        max-width: 910px;
        margin: 0 auto;
        margin-bottom: 35px;
    }
    .icon-cols-desc {
        font-family: 'Work Sans',sans-serif;
        text-align: center;
        margin-bottom: 50px;
        font-size: 16px;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: normal;
    }


}

.menu-modal-inner {
    background: #fff;
}

.showing-menu-modal.showing-modal header#site-header {
    display: none;
}

.menu-modal nav * {
    color: #1B3649;
}

#icon-cols.uspal .flex-content-icons img {
    max-width: 172px;
    margin: 0 auto;
    min-width: 172px;
    max-height: 118px;
    margin-bottom: 35px;
    object-fit: contain;
}

.flex-wrap-icons {
    display: flex;
    flex-direction: column;
}

#icon-cols .flex-content-icons {
    flex-wrap: wrap;
    text-align: center;
    display: flex;
    margin-bottom: 0;
}

@media (max-width: 575px) {
    #icon-cols.uspal .flex-content-icons img {
        max-width: 172px;
        margin: 0 auto;
        min-width: 172px;
        max-height: 118px;
        object-fit: contain;
        margin-bottom: 35px;
    }
}

main#site-content {
    font-family: 'Inter', sans-serif;
}

.photo-and-title {
    position: relative;
    min-height: 850px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 60px 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    z-index: 1;
}

.photo-and-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.photo-and-title > * {
    position: relative;
    z-index: 1;
}

.photo-and-title .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    max-width: 650px;
    width: 100%;
}

.photo-and-title h1 {
    font-size: 48px;
    margin: 0;
	text-align: left;
}

@media (max-width: 768px) {
    .photo-and-title h1 {
        font-size: 36px;
    }
}

.photo-and-title p {
    font-size: 20px;
    margin: 0;
	text-align: left;

}

.photo-and-title .custom-button {
    color: white;
    padding: 12px 24px;
    border-radius: 8px !important;
    text-decoration: none;
    display: inline-block;
    background-size: cover;
    background-position: center;
}

.photo-and-title .custom-button:hover {
	background-color: #1f856b !important;
}

section.two-columns-text {
	background-color: #fff;
}

.two-columns-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15%;
    padding: 60px 20px;
    text-align: center;
}

.two-columns-text .column {
    flex: 1 1 400px; /* fleksibilna širina, minimum 400px */
    max-width: 600px;
}

.two-columns-text h4 {
    color: #27A879CC;
    margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}

.two-columns-text h2 {
    font-weight: bold;
    margin-bottom: 15px;
	font-size: 28px;
	color: #101828;
}

.two-columns-text .text {
    font-size: 16px;
    line-height: 1.6;
	color: #475467;
}


.photo-locations {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 20px;
    color: white;
    text-align: center;
    overflow: hidden;
	min-height: 500px;
}

.photo-locations .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
      linear-gradient(rgba(39, 168, 121, 0.8), rgba(39, 168, 121, 0.8)),
      rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply;
    z-index: 1;
}

.photo-locations-content {
    position: relative;
    z-index: 2;
}

.locations-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 100px;
    margin-top: 60px;
}

.location-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
    color: white;
}

.icon {
    margin-bottom: 20px;
}

.continent-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}


.text-photo-block {
  padding: 60px 20px;
  background-color: #f9f9f9; /* fallback ako nema inline background */
}

.text-photo-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1140px;
  margin: 0 auto;
  gap: 40px;
}

.text-photo-left,
.text-photo-right {
  flex: 1 1 48%;
}

.text-photo-left h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #101828;
}

.text-photo-left p {
  font-size: 16px;
  line-height: 1.6;
  color: #475467;
  max-width: 80%;
}

.text-photo-right img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  margin-top: 10%;
}



.cards-section {
  position: relative;
  overflow: hidden;
  padding: 60px 20px;
  z-index: 1;
}

.background-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}

.background-top {
  position: relative;
  height: 50%;
  background-size: cover;
  background-position: center;
}

.background-top::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.4)
  ),
  rgba(39, 168, 121, 0.8);
  pointer-events: none;
  z-index: 1;
}

.background-bottom {
  height: 50%;
}

.cards-content {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
}

.small-title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 500;
}

.main-title {
  font-size: 32px;
  margin-bottom: 5%;
  color: #fff;
}

  .cards-container {
    max-width: calc(3 * 350px + 2 * 100px); /* širina za 3 kartice + 2 gap */
    margin: 0 auto; /* centriraj container */
    overflow: hidden; /* sakrij scrollbare container-a */
  }

  .cards-wrapper {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    gap: 100px;
    padding: 0 20px; /* mala unutrašnja margina */
    justify-content: flex-start;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cards-wrapper::-webkit-scrollbar {
    display: none;
  }

  .card {
    flex: 0 0 350px;
    max-width: 350px;
    scroll-snap-align: start;
    background: white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    text-align: center;
    margin-bottom: 20px;
  }

  .card img {
    width: 100%;
    min-height: 280px;
    object-fit: cover;
  }

  .card h3 {
    font-size: 20px;
    color: #101828;
    margin: 10% 0 10% 0 !important;
	font-weight: 500;
  }

  .card p {
    font-size: 16px;
    color: #475467;
    margin-bottom: 10%;
    padding: 0 20px;
  }

  .card-separator {
    border: none;
    border-top: 1px solid #E4E7EC;
    margin: 0 auto 5%;
    max-width: 90%;
  }

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid black;
  background-color: transparent;
  color: black;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.slider-arrow:hover {
  opacity: 1;
}

.slider-arrow.prev {
  text-decoration: none;
  left: 5px;
}

.slider-arrow.next {
  text-decoration: none;
  right: 5px;
}




.vertical-collapse-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.collapse-section {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 0;
  margin-bottom: 0;
  border: 1px solid black;
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: background-color 0.3s ease, margin 0.3s ease, padding 0.3s ease;
}

.collapse-section:first-child {
  margin-top: 5%;
}

.collapse-section:last-child {
  margin-bottom: 5%;
}

.collapse-section.active {
  border: 1px solid black;
  border-radius: 8px;
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 10;
}

.collapse-title {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 20px 30px;
  font-size: 1.8rem;
  font-weight: 600;
  color: black;
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  gap: 10px;
  text-decoration: none !important;
}

.collapse-title::before {
  content: '+';
  font-size: 2rem;
  transition: transform 0.3s ease;
  order: 0;
}

.collapse-title::after {
  content: none;
}

@keyframes fadeInLine {
  to {
    opacity: 1;
  }
}

.collapse-section.active .collapse-title::before {
  content: '-';
}

.collapse-section.active.image-bg .collapse-title {
  color: white;
}

.collapse-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.9s ease, padding 0.9s ease;
  position: relative;
  z-index: 2;
  background: transparent;
}

.collapse-section.active .collapse-content {
  max-height: 800px;
  background: rgba(255, 255, 255, 0.85);
}

@media (max-width: 768px) {
  .collapse-content {
    overflow: auto;
  }
	.collapse-section.active .collapse-content {
		max-height: 5000px;
	}
}

.collapse-section.active.image-bg .collapse-content {
  background: transparent;
}

.collapse-inner {
  max-width: 900px;
  margin: 0;
  text-align: left;
  color: #101828;
  padding: 20px 30px;
}

.collapse-section.active.image-bg .collapse-inner {
  color: white;
}

.custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.4;
}

.custom-list li::before {
    content: "✔";
    position: absolute;
    left: 0px;
    color: rgb(39, 168, 121);
    font-weight: bold;
	font-size: 18px;
}

#site-header {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}

header#site-header {
  position: relative;
  background-color: #27A879;
  min-height: 200px;
}


.title-text-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin: 0 auto;
  padding: 20px 10%;
  box-sizing: border-box;
}

.title-text-left .column-left,
.title-text-left .column-right {
  flex: 1 1 50%;
  box-sizing: border-box;
}

.title-text-left .column-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  gap: 20px;
}

.title-text-left .column-left h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #000;
}

.title-text-left .column-left .text {
  font-size: 16px;
  line-height: 1.5;
  color: #475467;
}

.title-text-left .btn-custom {
  display: inline-block;
  padding: 12px 24px;
  background-color: #27A879;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.title-text-left .btn-custom:hover {
  background-color: #1f856b;
}

.title-text-left .column-right img {
  max-width: 100%;
  height: auto;
  display: block;
}






.title-text-right {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 0 auto;
  padding: 20px 10%;
  box-sizing: border-box;
}

.title-text-right .column-left {
  flex: 1 1 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.title-text-right .column-left img {
  max-width: 100%;
  height: auto;
  display: block;
}

.title-text-right .column-right {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  gap: 20px;
}

.title-text-right .column-right h2 {
  margin: 0;
  font-size: 28px;
  color: #000;
}

.title-text-right .column-right .text {
  font-size: 16px;
  line-height: 1.5;
  color: #475467;
}

.title-text-right .btn-custom {
  display: inline-block;
  padding: 12px 24px;
  background-color: #27A879;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  width: max-content;
}

.title-text-right .btn-custom:hover {
  background-color: #1f856b;
}

.title-text-list-gallery {
  display: flex;
  gap: 40px;
  margin: 0 auto;
  padding: 20px 10%;
  box-sizing: border-box;
  margin-bottom: 30px !important;
}

.gallery-left {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
}

.gallery-large-image img {
  width: 100%;
  height: auto;
  max-height: 550px;
  object-fit: cover;
  margin-bottom: 16px;
}

.gallery-thumbnails {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}

.gallery-thumb {
  flex: 1 1 calc(33.333% - 8px);
}

.gallery-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.text-right {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

.text-right h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #000;
  text-align: left;
  width: 100%;
}

.text-right .text {
  font-size: 16px;
  line-height: 1.5;
  color: #475467;
}

.text-right .text ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
	margin-top: 20px;
}

.text-right .text ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
	font-weight: 600;
}

.text-right .text ul li a {
    color: #101828;
	text-decoration: none;
}

.text-right .text ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #27A879;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
}

.title-text-list-photo {
  margin: 0 auto;
  padding: 40px 10%;
  box-sizing: border-box;
}

.title-text-list-photo .top-row {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.title-text-list-photo .column-left,
.title-text-list-photo .column-right {
  flex: 1 1 50%;
  box-sizing: border-box;
}

.title-text-list-photo .column-left h2 {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
}

.title-text-list-photo .column-left .text {
  font-size: 16px;
  line-height: 1.6;
  color: #475467;
  max-width: 80%;
}

.title-text-list-photo .column-right img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.title-text-list-photo .full-width-list {
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box;
  color: #475467;
}

.title-text-list-photo .full-width-list ul {
  list-style: none;
  padding-left: 20px;
  margin: 30px 0 30px 0;
}

.title-text-list-photo .full-width-list ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  color: #101828;
  font-weight: 600;
}

.title-text-list-photo .full-width-list ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #27A879;
  font-weight: bold;
}

.title-underline {
  width: 40px;
  height: 4px;
  background-color: #27A879;
  margin: 10px 0 20px;
}

@media (max-width: 768px) {
    #site-footer .footer-widgets-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        text-align: center;
        gap: 30px;
        padding: 20px 15px;
    }

    #site-footer .footer-column {
        width: 100% !important;
        max-width: 320px;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    #site-footer .footer-column h3 {
        margin-bottom: 15px;
        font-size: 22px;
    }

    #site-footer .footer-column ul {
        list-style: none;
        padding: 0;
        margin: 0 auto 20px auto;
		justify-content: flex-start;
        text-align: left !important;
        align-items: flex-start;
    }

    #site-footer .footer-column ul li {
        margin-bottom: 10px;
        font-size: 16px;
    }

    #site-footer .footer-column ul li a {
        text-decoration: none;
        color: inherit;
    }

    #site-footer .footer-contact-us .contact-item {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
    }

    #site-footer .footer-contact-us .contact-item img.contact-icon {
        width: 20px;
        height: auto;
    }

    #site-footer .footer-contact-us .contact-item span {
        font-size: 15px;
    }
	
  .cards-container {
    max-width: 350px; /* širina jedne kartice */
    margin: 0 auto;
    overflow: visible;
  }

  .cards-wrapper {
    gap: 20px;
    padding-left: 10px; /* malo prostora sa leve strane */
    padding-right: 10px;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    scroll-padding-left: 50%; /* da kartica može da se centrira na početku */
    /* ukloni justify-content: center; */
  }

  .card {
    flex: 0 0 350px;
    max-width: 350px;
    scroll-snap-align: start; /* kartica nalegne na početak */
    margin-bottom: 20px;
  }

  .slider-arrow {
    display: flex !important;
    opacity: 0.8;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 10;
    background: white;
    border: 2px solid black;
    border-radius: 50%;
    color: black;
    cursor: pointer;
    justify-content: center;
    align-items: center;
  }

  .slider-arrow.prev {
    left: 5px;
  }

  .slider-arrow.next {
    right: 5px;
  }

  .text-photo-left p {
		max-width: 100%;
	}
	
  .title-text-left,
  .title-text-right,
  .title-text-list-gallery,
  .title-text-list-photo {
    flex-direction: column !important;  /* stavi kolone jedna ispod druge */
    padding: 20px 5% !important;
    gap: 20px !important;
  }

  /* Za title-text-left */
  .title-text-left .column-left,
  .title-text-left .column-right,
  .title-text-right .column-left,
  .title-text-right .column-right,
  .gallery-left,
  .text-right,
  .title-text-list-photo .column-left,
  .title-text-list-photo .column-right {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Naslovi veći, ali ne preveliki */
  .title-text-left .column-left h2,
  .title-text-right .column-right h2,
  .text-right h2,
  .title-text-list-photo .column-left h2 {
    font-size: 24px !important;
  }

  /* Tekst malo veći radi čitljivosti */
  .title-text-left .column-left .text,
  .title-text-right .column-right .text,
  .text-right .text,
  .title-text-list-photo .column-left .text,
  .title-text-list-photo .full-width-list {
    font-size: 15px !important;
    line-height: 1.4 !important;
    max-width: 100% !important;
  }

  /* Button centriran i širi */
  .title-text-left .btn-custom,
  .title-text-right .btn-custom {
    width: 100%;
    text-align: center;
    padding: 14px 0;
    font-size: 16px;
  }

  /* Slike */
  .title-text-left .column-right img,
  .title-text-right .column-left img,
  .gallery-large-image img,
  .gallery-thumb img,
  .title-text-list-photo .column-right img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Gallery thumbnails — da budu veće i sa manjim gap-om */
  .gallery-thumbnails {
    gap: 8px !important;
  }

  .gallery-thumb {
    flex: 1 1 30% !important;
  }

  /* List styling */
  .text-right .text ul,
  .title-text-list-photo .full-width-list ul {
    padding-left: 15px !important;
  }

  .text-right .text ul li,
  .title-text-list-photo .full-width-list ul li {
    padding-left: 20px !important;
    font-size: 14px !important;
  }

  .text-right .text ul li::before,
  .title-text-list-photo .full-width-list ul li::before {
    font-size: 14px !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* Margin bottom za sekcije */
  .title-text-list-gallery,
  .title-text-list-photo {
    margin-bottom: 20px !important;
  }

  /* Underline manji i bliže naslovu */
  .title-underline {
    width: 30px !important;
    height: 3px !important;
    margin: 8px 0 16px !important;
  }
	
  .title-text-list-photo .top-row {
	 display: block;
  }
	
  .top-contact-bar {
    gap: 8px;
    padding: 6px 3%;
	flex-wrap: wrap;
	justify-content: flex-start !important;
	gap: 20px !important;
  }
	
  .header-inner {
    padding: 10px 3%;
  }
	
  .header-titles h1, .header-titles .site-logo {
    max-width: 150px;
  }
}


@media (max-width: 768px) {
    .primary-menu-wrapper {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        background: white;
        padding: 1rem;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .primary-menu-wrapper.active {
        display: block;
    }

    .primary-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .primary-menu > li {
        width: 100%;
    }

    .primary-menu > li > a {
        display: block;
        width: 100%;
        font-size: 1rem;
    }

    .container-header {
        display: block;
        cursor: pointer;
        z-index: 999;
    }

    .bar1, .bar2, .bar3 {
        width: 30px;
        height: 4px;
        background-color: white;
        margin: 5px 0;
        transition: 0.4s;
    }
	.header-inner .toggle{
		margin-top: 10px;
		align-items: baseline;
		height: 50px;
	}
	
  .menu-modal-inner.modal-inner {
    background-color: #fff;
   }
	
  .header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
    border-color: #27A879 !important;
  }
	
  body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a:where(:not(.wp-block-button__link)), #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #27A879 !important;
  }
	button.toggle.close-nav-toggle.fill-children-current-color {
		color: #000 !important;
	}
}

.gallery-3d .gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
	padding: 0 10%;
}

.gallery-3d .gallery-item {
    flex: 1 1 calc(33.333%);
    box-sizing: border-box;
}

.gallery-3d .gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.main-title-block .content-wrapper {
  text-align: center;
  justify-content: center;
}

.main-title {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
  color: #101828 !important;
}

.main-title-underline {
  width: 40px;
  height: 4px;
  background-color: #27A879;
  margin: 20px auto 0;
}

.design-engineering-block {
  padding: 0 10%;
  color: #101828;
}

.design-engineering-block .design-text {
  margin-bottom: 20px;
  font-size: 16px;
}

.design-engineering-block .design-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 30px 0;
}

.design-engineering-block .design-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.4;
}

.design-engineering-block .design-list li .checkmark {
  position: absolute;
  left: 0;
  top: 3px;
  color: #27A879;
  font-weight: bold;
  font-size: 18px;
  user-select: none;
  line-height: 1;
}

.design-engineering-block .design-list li .list-text br {
  content: "";
  display: block;
  margin-bottom: 0.2em;
  line-height: 1;
}

.design-engineering-block .gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

.second-gallery.gallery-wrapper {
    padding: 0px 10%;
}

.design-engineering-block .first-gallery .gallery-item {
  flex: 1 1 calc(25% - 12px);
  box-sizing: border-box;
}

.design-engineering-block .second-gallery .gallery-item {
  flex: 1 1 calc(33.333% - 12px);
  box-sizing: border-box;
}

.design-engineering-block .first-gallery .gallery-item,
.design-engineering-block .first-gallery .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 4px;
}

.design-engineering-block .second-gallery .gallery-item,
.design-engineering-block .second-gallery .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 4px;
}

.design-engineering-block .first-gallery .gallery-item img {
  height: 250px;
  object-fit: cover;
}

.design-engineering-block .second-gallery .gallery-item img {
  height: 250px;
  object-fit: cover;
}