.aboutUs {
background-color: #1b1845;
color: white;
}
.aboutUs__relative {
position: relative;
z-index: 3;
padding-bottom: 12.8rem;
}
@media (max-width: 991px) {
.aboutUs__relative {
padding-bottom: 5.6rem;
}
}
@media (max-width: 650px) {
.aboutUs__relative {
padding-bottom: 3.2rem;
}
}
.aboutUs__textAboveTitle {
font-size: 2rem;
line-height: 2.8rem;
font-weight: 700;
color: #b6ff00;
}
.aboutUs__textAboveTitle--darker {
color: #91ca04;
}
@media (max-width: 991px) {
.aboutUs__textAboveTitle {
font-size: 1.8rem;
line-height: 2.6rem;
}
}
@media (max-width: 650px) {
.aboutUs__textAboveTitle {
font-size: 1.4rem;
line-height: 2rem;
}
}
@media (max-width: 991px) {
.aboutUs__title {
font-size: 5.6rem;
line-height: 6.4rem;
}
}
@media (max-width: 650px) {
.aboutUs__title {
font-size: 3.2rem;
line-height: 4rem;
}
}
.aboutUs__first {
padding: 11.2rem 0;
}
.aboutUs__first--flex, .aboutUs__first {
gap: 4rem;
}
@media (max-width: 991px) {
.aboutUs__first--flex, .aboutUs__first {
gap: 3.2rem;
}
}
@media (max-width: 650px) {
.aboutUs__first--flex {
gap: 1.2rem;
}
}
@media (max-width: 650px) {
.aboutUs__first--grid {
gap: 1.2rem !important;
}
}
@media (max-width: 650px) {
.aboutUs__first {
gap: 2.4rem;
}
}
@media (max-width: 991px) {
.aboutUs__first {
padding: 5.6rem 0 6.4rem;
}
}
@media (max-width: 650px) {
.aboutUs__first {
padding: 3.2rem 0 4rem;
}
}
@media (max-width: 991px) {
.aboutUs__first--leftText {
font-size: 2.2rem;
line-height: 3rem;
}
}
@media (max-width: 650px) {
.aboutUs__first--leftText {
font-size: 1.8rem;
line-height: 2.6rem;
}
}
@media (max-width: 650px) {
.aboutUs__first--rightText {
font-size: 1.4rem;
line-height: 2rem;
}
}
.aboutUs__photosGrid {
grid-template-columns: 488fr 384fr 280fr;
grid-template-areas: "a b c" "a b d";
gap: 3.2rem;
}
@media (max-width: 991px) {
.aboutUs__photosGrid {
gap: 2rem;
}
}
@media (max-width: 650px) {
.aboutUs__photosGrid {
gap: 0.8rem;
}
}
.aboutUs__photosGrid--a {
grid-area: a;
}
.aboutUs__photosGrid--b {
grid-area: b;
}
.aboutUs__photosGrid--c {
grid-area: c;
}
.aboutUs__photosGrid--d {
grid-area: d;
}
.aboutUs__photosGrid img {
border-radius: 2.4rem;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 991px) {
.aboutUs__photosGrid img {
border-radius: 1.6rem;
}
}
@media (max-width: 650px) {
.aboutUs__photosGrid img {
border-radius: 0.8rem;
}
}
.aboutUs__grid {
grid-template-columns: 488fr 664fr;
gap: 3.2rem;
}
.aboutUs__grid > *:first-child {
padding-right: 1.6rem;
}
.aboutUs__grid > *:last-child {
margin-left: -1.4rem;
}
@media (max-width: 991px) {
.aboutUs__grid {
grid-template-columns: 1fr;
gap: 2.4rem;
}
.aboutUs__grid > *:first-child {
padding-right: 0;
}
.aboutUs__grid > *:last-child {
margin-left: 0;
}
}
.aboutUs__second--left {
gap: 4rem;
}
@media (max-width: 991px) {
.aboutUs__second--left {
gap: 1.8rem;
}
}
.aboutUs__second--leftInner {
gap: 2.4rem;
}
@media (max-width: 991px) {
.aboutUs__second--leftInner {
gap: 1.8rem;
}
}
@media (max-width: 650px) {
.aboutUs__second--leftInner {
gap: 1.2rem;
}
}
.aboutUs__second--cta {
max-width: -moz-fit-content;
max-width: fit-content;
}
@media (max-width: 650px) {
.aboutUs__second--cta {
display: none;
}
}
@media (max-width: 991px) {
.aboutUs__second--text {
font-size: 1.8rem;
line-height: 2.6rem;
}
}
@media (max-width: 650px) {
.aboutUs__second--text {
font-size: 1.4rem;
line-height: 2rem;
}
}
.aboutUs__blocks {
gap: 2.4rem;
}
@media (max-width: 991px) {
.aboutUs__blocks {
gap: 1.8rem;
}
}
@media (max-width: 650px) {
.aboutUs__blocks {
gap: 1.2rem;
}
}
.aboutUs__block {
background-color: #211b50;
border-radius: 2.4rem;
border: 0.1rem solid #211b50;
transition: all 0.25s ease-out;
}
@media (min-width: 651px) {
.aboutUs__block:hover {
border-color: #b6ff00;
}
}
.aboutUs__block.active {
background-color: white;
}
.aboutUs__block.active .imageHover > img {
opacity: 0;
}
.aboutUs__block.active .imageHover > img.on-hover {
opacity: 1;
}
.aboutUs__block.active p {
color: #1b1845;
}
.aboutUs__block.active span {
color: #1b1845;
}
.aboutUs__block--toggle {
cursor: pointer;
padding: 2.2rem 3.8rem;
transition: padding 0.25s ease-in-out;
}
@media (max-width: 991px) {
.aboutUs__block--toggle {
padding: 2.2rem;
}
}
@media (max-width: 650px) {
.aboutUs__block--toggle {
padding: 1.4rem 1rem;
}
}
.aboutUs__block--toggle.active {
padding-bottom: 0 !important;
color: #1b1845;
}
.aboutUs__block--text {
display: none;
padding: 1.2rem 3.8rem 4rem;
}
.aboutUs__block--text.active {
color: #1b1845;
}
@media (max-width: 991px) {
.aboutUs__block--text {
padding: 1.2rem 2.2rem 2.8rem;
}
}
@media (max-width: 650px) {
.aboutUs__block--text {
padding: 1.2rem 1rem 2rem;
}
.aboutUs__block--text p {
font-size: 1.4rem;
line-height: 2rem;
}
}
.aboutUs__block .imageHover:hover > img {
opacity: 1;
}
.aboutUs__block .imageHover:hover > img.on-hover {
opacity: 0;
}
@media (max-width: 991px) {
.aboutUs__block {
border-radius: 1.6rem;
}
}
@media (max-width: 650px) {
.aboutUs__block {
border-radius: 0.8rem;
}
}
.aboutUs__block--title {
transition: color 0.25s ease-in-out;
gap: 1.6rem;
}
@media (max-width: 991px) {
.aboutUs__block--title {
font-size: 1.8rem;
line-height: 2.6rem;
gap: 1.2rem;
}
.touch-device .aboutUs__block:hover {
border-color: #211b50 !important; }
}
@media (max-width: 650px) {
.aboutUs__block--title {
font-size: 1.4rem;
line-height: 2rem;
gap: 0.8rem;
}
}
.aboutUs__block--icon {
max-height: 7.2rem;
width: auto;
}
@media (max-width: 991px) {
.aboutUs__block--icon {
max-height: 5.6rem;
}
}
@media (max-width: 650px) {
.aboutUs__block--icon {
max-height: 4rem;
}
}