﻿.mainPage section.categories-section { margin-bottom: 50px; }
.mainPage section.grid-rows { margin-bottom: 175px; }
.testimonials-headline { max-width: 1200px; margin: 0 auto 45px; }
.mainPage section.testimonials-section { margin-bottom: 165px; max-width: 100%; }
.mainPage section.career-row-section { margin-bottom: 80px; }
.mainPage section.career-gallery-section { margin-bottom: 100px; }
.mainPage section.equal-section { margin-bottom: 80px; }
@media(max-width: 767px) {
    .mainPage section:not(.testimonials-section):not(.cta-section):not(.career-gallery-section) { padding: 0 15px; }
    .mainPage section.categories-section { margin-bottom: 56px; }
    .mainPage section.grid-rows { margin-bottom: 76px; }
    .mainPage section.testimonials-section { margin-bottom: 20px; }
    .mainPage section.career-row-section { margin-bottom: 44px; }
    .mainPage section.career-gallery-section { margin-bottom: 48px; }
    .mainPage section.equal-section { margin-bottom: 40px; }
}


.grid-row { display: flex; align-items: center; }
.grid-row:nth-child(odd) { direction: ltr; background: #002d5b; color: #ffffff; position: relative; z-index: 1; }
.grid-row:nth-child(odd)::after, .grid-row:nth-child(even)::after { content: ''; position: absolute; background: #2dccd3; top: 0; left: 0; width: 17px; height: 100%; z-index: 0; }
.grid-row:nth-child(even) { direction: rtl; background: #2dccd3; color: #002d5b; position: relative; }
.grid-row:nth-child(even)::after { left: unset; right: 0; background: #002d5b; }
.grid-row-image { width: calc(100% - 576px); background-size: cover; background-repeat: no-repeat; min-height: 450px; }

.grid-row-text { width: calc(100% - 577px); text-align: left; padding: 30px 50px; }
.grid-row-text a { font-size: 1.8rem; text-align: center; padding: 8px 10px; }

.grid-row-text h3 { font-family: 'Inter-Black'; color: #2dccd3; margin-top: 0; font-size: 4rem; margin-bottom: 25px; line-height: 40px; max-width: 380px; }
.grid-row:nth-child(even) .grid-row-text h3 { color: #002d5b; }

.grid-row-text > * { max-width: 480px; }
.grid-row:nth-child(even) .grid-row-text > * { margin-left: 0; margin-right: auto; direction: ltr; }
.grid-row-content p { padding-bottom: 25px; }

@media(max-width:767px) {
    .grid-row { display: flex; flex-direction: column-reverse; margin: 0 0 45px; }
    .grid-row:last-child { margin-bottom: 0; }
    .grid-row-text h3 { font-size: 2.4rem; margin-bottom: 14px; line-height: 1.08; }
    .grid-row:nth-child(odd)::after, .grid-row:nth-child(even)::after { left: 0; right: auto; width: 10px; }
    .grid-row-content p { font-size: 1.4rem; padding-bottom: 18px; }    
    .grid-row-text, .grid-row-image { width: 100%; }
    .grid-row-image { min-height: 200px; z-index: 1; }
    .grid-row-text a { font-size: 1.5rem; }
}
