.section {
padding: var(--section-holder-padding) 0;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.section.section--white + .section.section--white { 
padding-top: 0;
}
.component + .component { 
margin-top: 30px;
}
.section__head {
text-align: center;
max-width: 850px;
margin: 0 auto;
padding-bottom: 30px;
}
.section__head.section-holder-title h2 {
margin-bottom: 20px;
}
.section-holder-title {
max-width: 850px;
margin: 0 auto;
padding-bottom: 30px;
text-align: center;
}
.section-holder-title p {
margin: 0 0 20px;
font-weight: 500;
}
.section-holder-title .description {
max-width: 600px;
margin: 0 auto;
}
.section__body {
margin: 0;
}
.section__body>*:last-child,
.section__body .section__row .section__col *:last-child {
margin-bottom: 0;
}
.section__body>*:first-child,
.section__body .section__row .section__col *:first-child {
margin-top: 0;
}
.section__row {
display: grid;
grid-template-columns: 50% 50%;
margin: 0 -15px 0px;
grid-auto-rows: auto;
}
.section__row.section__row--4-8 {
grid-template-columns: 33.33333333% 66.66666667%;
}
.section__row.section__row--3-9 {
grid-template-columns: 25% 75%;
}
.image-position-left .section__col--first {
order: 2;
}
.image-position-left .section__col--last {
order: 1;
}
.section__col {
width: 100%;
padding: 0 15px;
position: relative;
}
.section__col-inner>*:last-child {
margin-bottom: 0;
} .section--primary {
background: var(--primary-color);
color: var(--primary-section-color);
}
.section--primary a,
.section--primary h2,
.section--primary h3,
.section--primary h4,
.section--primary h5 {
color: var(--primary-section-color);
}
.section--background,
.section--background h3,
.section--background h4,
.section--background h2,
.section--background .list-icon-subtitle-component .item .title, 
.section--primary .list-icon-subtitle-component .item .title { 
color: #fff;
}
.section--secondary {
background: var(--secondary-color);
}
main .section:last-of-type:is(.section--background) {
margin-bottom: -60px;
} @media (min-width: 1199px) {
.section__col .wp-block-group__inner-container {
width: 100%;
height: 100%;
}
}
@media (min-width: 767px) {
.section--background > .container {
position: relative;
}
.section--background > .container > .section__body {
position: relative;
z-index: 8;
}
.section--background .section__col.section__col--first {
padding: 50px 10px 50px 100px;
position: relative;
}
.section--background .section__col.section__col--first:after {
content: '';
top: 0;
left: 60px;
position: absolute;
background: var(--primary-color);
height: 100%;
width: 115px;
z-index: 2;
}
.section--background .section__col.section__col--first > * {
position: relative;
z-index: 5;
}
}
@media (max-width: 1199px) {
.section--primary {
background: var(--primary-color);
}
}
@media (max-width: 991.98px) {
.section__row {
grid-template-columns: 100%;
}
.section__col--last {
margin-top: 30px;
}
.section__row.section__row--3-9 {
grid-template-columns: 100%;
}
} @media (max-width: 767px) {
.section__row.section__row--4-8 {
grid-template-columns: 100%;
}
.section {
padding: 40px 0;
}
.section.section--white + .section.section--white { 
padding-top: 0;
}
.section__row--reverse .section__col--first {
grid-column-start: 1;
grid-row-start: 1;
}
.section__row {
margin-right: -12px;
margin-left: -12px;
}
.section__head {
text-align: left;
}
.section__head.section-holder-title {
max-width: initial;
}
.section-holder-title {
max-width: 335px;
padding-bottom: 10px;
}
.section--primary > .container:before {
top: -50px;
left: -60px;
}
.section--primary > .container:after {
top: 140px;
right: -70px;
}
.section--background {
background-position: top;
}
.section--background:after {
content: '';
display: block;
width: 100%;
height: calc(100% + var(--section-holder-padding) *2);
background-color: rgba(0, 3, 44, 0.65);
position: absolute;
top: calc(var(--section-holder-padding) - (var(--section-holder-padding) *2));
right: 0;
z-index: 5;
}
.section--background .section__body {
position: relative;
z-index: 6;
}
}