.mh-sf2.light h3 { color: #192D05; }
.mh-sf2.light h4 { color: #192D05; }
.mh-sf2.light p { color: #192D05; }
.mh-sf2.dark { background-color: #192D05; }
.mh-sf2.dark h3 { color: #FFFAF5; }
.mh-sf2.dark h4 { color: #E1F550; }
.mh-sf2.dark p { color: #FFFAF5; }
@media (min-width: 768px) { .mh-sf2 { padding-top: 100px; padding-bottom: 100px; } }
@media (max-width: 767.9px) { .mh-sf2 { padding-top: 87px; padding-bottom: 16px; } }
@media (min-width: 768px) { .mh-sf2 h3 { letter-spacing: 1.35px !important; max-width: 1000px; line-height: 1.19; font-size: 48px !important; } }
@media (max-width: 767.9px) { .mh-sf2 h3 { font-size: 32px !important; line-height: 119% !important; letter-spacing: -0.17px; margin-bottom: 0; } }
.mh-sf2 .mh-sf2-box-holder { max-width: 1121px; }
.mh-sf2 .mh-sf2-box-holder .sf2-img { background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; }
@media (min-width: 768px) { .mh-sf2 .mh-sf2-box-holder { margin-top: 124px; } }
@media (max-width: 766.9px) { .mh-sf2 .mh-sf2-box-holder { margin-top: 79px; } .mh-sf2 .mh-sf2-box-holder h4 { text-align: center; margin-top: 23px; margin-bottom: 10px; } .mh-sf2 .mh-sf2-box-holder p { max-width: 380px; text-align: center; font-size: 18px; margin-left: auto; margin-right: auto; line-height: 150%; max-width: 340px; } .mh-sf2 .mh-sf2-box-holder .sf-right-part { margin-bottom: 80px; } }
@media (min-width: 768px) { .mh-sf2 .mh-sf2-box-holder { display: grid; grid-template-columns: repeat(2, 50%); grid-auto-flow: row dense; place-items: center; align-items: start; row-gap: 80px; margin-left: auto; margin-right: auto; } .mh-sf2 .mh-sf2-box-holder :nth-child(4n - 1) { grid-column: 2; } .mh-sf2 .mh-sf2-box-holder h4 { font-size: 36px !important; margin-bottom: 0; } .mh-sf2 .mh-sf2-box-holder p { margin-top: 28px; font-size: 24px; line-height: 1.48; } .mh-sf2 .mh-sf2-box-holder .sf2-img { width: 280px; height: 280px; } .mh-sf2 .mh-sf2-box-holder .sf-left-part.odd { padding-right: 60px; } .mh-sf2 .mh-sf2-box-holder .sf-left-part.even { padding-left: 60px; } .mh-sf2 .mh-sf2-box-holder .sf-right-part.odd { padding-left: 60px; } .mh-sf2 .mh-sf2-box-holder .sf-right-part.even { padding-right: 60px; } .mh-sf2 .mh-sf2-box-holder .sf-left-part, .mh-sf2 .mh-sf2-box-holder .sf-right-part { display: block; } .mh-sf2 .mh-sf2-box-holder .sf-left-part .mobile-text, .mh-sf2 .mh-sf2-box-holder .sf-right-part .mobile-text { display: none; } }
@media (max-width: 767.9px) { .mh-sf2 .mh-sf2-box-holder .sf-left-part { display: none; } .mh-sf2 .mh-sf2-box-holder .mobile1-text { display: block; } .mh-sf2 .mh-sf2-box-holder .sf2-img { width: 150px !important; height: 150px; margin-left: auto; margin-right: auto; } }