main .about h1 { font-weight: 700; letter-spacing: -1px; } main .about p { color: #707070; } main .mission-section div:has(> img.mission), main .mission-section div:has(> img.vision) { background-color: #5C5C5C; border: 1px solid #EDEDED; border-radius: 16px; } main .mission-section img { width: 100%; margin-left: -40px; } /* Core values */ main .core-values-section { padding-top: 5em; padding-bottom: 5em; } main .core-values-section h1 { font-size: 44px; font-weight: 600; line-height: 50px; letter-spacing: -5px; } main .core-values-section h2 { font-size: 40px; line-height: 48px; letter-spacing: -3px; font-weight: 600; } main .core-values-section p { font-size: 18px; margin-top: 1em; } main .core-values-section .card { border: none !important; } main .core-values-section .customer-centricity { background-color: var(--light-blue); background-size: auto; background-image: url('../images/customer-centricity.webp'); background-repeat: no-repeat; background-position: top 20px right 0px; border-radius: 16px; padding: 3rem 3rem 0; } main .core-values-section .collaboration { background-color: #FFFBE7; background-size: auto; background-image: url('../images/collaboration.png'); background-repeat: no-repeat; background-position: top -20px right 0px; border-radius: 16px; padding: 2rem; } main .core-values-section .efficiency { justify-content: flex-end; background-color: #F7F0F8; background-size: auto; background-image: url('../images/efficiency.webp'); background-repeat: no-repeat; background-position: top -20px right 0px; border-radius: 16px; padding: 2rem; } main .core-values-section .innovation, main .core-values-section .integrity { background-color: var(--light-blue); border-radius: 16px; padding: 3rem 3rem 0; } main .core-values-section .innovation .card-content, main .core-values-section .integrity .card-content { max-width: 100%; } main .core-values-section .efficiency .card-content { max-width: 100%; } main .core-values-section .card-content { max-width: 50%; } /* --------------------------------------------------------------------------------------------- */ main .team-section { padding-top: 3rem; padding-bottom: 3rem; } /* --------------------------------------------------------------------------------------------- */ /* Responsive */ @media screen and (max-width:767px) { main .about img { width: 100%; } main .about .text-content { margin-top: 2em; } main .about h1 { font-size: 32px; text-align: left; } main .about p { font-size: 16px; text-align: left; } main .mission-section img { width: 80% !important; } main .core-values-section { padding-left: 1em; padding-right: 1em; } main .core-values-section h1 { font-size: 32px; letter-spacing: normal; } main .core-values-section p { font-size: 16px; line-height: 22px; } main .core-values-section .card { background-blend-mode: soft-light; padding: 1em; } main .core-values-section .card-content { max-width: 100%; } }