.about { margin-bottom: 168px; } @media (min-width: 1720px) { .about { margin-bottom: 188px; } } @media (max-width: 1304.98px) { .about { margin-bottom: 138px; } } @media (max-width: 991.98px) { .about { margin-bottom: 110px; } } .about .title { margin-bottom: 60px; } @media (min-width: 1720px) { .about .title { margin-bottom: 49px; } } @media (max-width: 1304.98px) { .about .title { margin-bottom: 39px; } } @media (max-width: 991.98px) { .about .title { margin-bottom: 48px; } } @media (max-width: 479.98px) { .about .title { margin-bottom: 37px; } } .about__grid { display: grid; grid-template-columns: repeat(2, 1fr); } @media (max-width: 991.98px) { .about__grid { display: block; } } .about__img { box-shadow: inset 18.19px 1.21px 18.19px 0 #FFFFFFCC, inset -18.19px -1.21px 18.19px 0 #4052801A, 48.5px 36.38px 36.38px 0 #6B7F9933; border-radius: 31px; margin-left: -20px; margin-top: 8px; } @media (min-width: 1720px) { .about__img { margin-top: 19px; } } @media (max-width: 1304.98px) { .about__img { margin-left: -10px; } } @media (max-width: 991.98px) { .about__img { margin-left: 0; margin-bottom: 49px; display: block; } } @media (max-width: 479.98px) { .about__img { margin-bottom: 38px; } } .about__right { text-align: left; padding-top: 43px; padding-left: 50px; } @media (min-width: 1720px) { .about__right { padding-top: 90px; padding-left: 21px; } } @media (max-width: 1304.98px) { .about__right { padding-left: 11px; padding-top: 19px; } } @media (max-width: 991.98px) { .about__right { padding: 0 8px; text-align: center; } } @media (max-width: 479.98px) { .about__right { padding: 0; } } .about__right::after { content: ''; display: block; clear: both; } .about__half { max-width: 50%; float: left; } @media (max-width: 991.98px) { .about__half { max-width: initial; } } .about__half:last-child { padding-left: 16px; max-width: 47%; } @media (max-width: 991.98px) { .about__half:last-child { max-width: initial; padding-left: 0; } } .about b { letter-spacing: 0.4px; } @media (min-width: 1720px) { .about b { font-weight: 700; letter-spacing: 0; } } @media (max-width: 479.98px) { .about b { letter-spacing: 0.9px; } } @media (min-width: 1720px) { .about p { margin-bottom: 39px; } }