.company {
    padding-top: 145px;
    padding-bottom: 40px;
}


.company__container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.company__title {
font-family: var(--font-sans);
font-weight: 600;
font-size: 24px;
line-height: 1.1;
text-transform: uppercase;
color: var(--color-primary);
margin: 0 0 40px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
-webkit-text-stroke: 0px black;
text-shadow: none;
}

.company__two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: start;
margin-bottom: 30px;
}

.company__text-block {
display: flex;
flex-direction: column;
gap: 12px;
}

.company__building-img {
width: 100%;
height: auto;
display: block;
}

.company__subtitle {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 113%;
text-transform: uppercase;
color: #226984;
}

.company__list {
margin: 0 0 25px;
padding-left: 18px;
}

.text-left {
text-align: left;
}

.criteria-top-text {
padding: 20px 0;
}

/* ============================================
ВИДЕО + ТЕКСТ СЕКЦИЯ
============================================ */
.media-section {
    display: flex;
    gap: 60px;
    padding: 0px;
    flex-direction: column;
}

.media-section__container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.media-section__two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: start;
}

.media-section__text-col {
display: flex;
flex-direction: column;
gap: 12px;
}

.media-section__video-card {
overflow: hidden;
}

.media-section__video-preview {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #1a1a2e;
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}

.media-section__video-logo {
position: absolute;
top: 12px;
left: 12px;
display: flex;
align-items: center;
gap: 8px;
}

.media-section__video-logo-icon {
width: 36px;
height: 36px;
background: var(--color-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
font-size: 10px;
}

.media-section__video-logo-text {
color: #fff;
font-size: 12px;
font-weight: 600;
}

.media-section__video-title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 36px;
font-weight: 700;
text-align: center;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
line-height: 1.1;
letter-spacing: 0.05em;
}

.media-section__play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 42px;
background: rgba(255, 0, 0, 0.9);
border: none;
border-radius: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
margin-top: 30px;
}

.media-section__play-icon {
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent #fff;
margin-left: 3px;
}

.media-section__video-label {
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 14px 20px;
text-align: center;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.03em;
cursor: pointer;
transition: background 0.2s;
}

.media-section__video-label:hover {
background: rgba(0, 0, 0, 0.9);
}

/* ============================================
ГАЛЕРЕЯ
============================================ */
.gallery {
padding: 30px 0;
}

.gallery__container {
margin: 0 auto;
}

.gallery__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}

.gallery__item {
overflow: hidden;
border-radius: 2px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.gallery__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* ============================================
НИЖНИЙ ТЕКСТ + КРИТЕРИИ
============================================ */
.bottom-text {
padding: 20px 0;
}

.bottom-text__container {
margin: 0 auto;
}

.bottom-text__two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 25px;
}

.criteria {
text-align: center;
padding: 10px 0 50px;
margin: 0 auto;
}

.criteria__text {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
text-align: center;
letter-spacing: 0.01em;
color: #226984;
}

/* ============================================
СВИДЕТЕЛЬСТВА И ДИПЛОМЫ
============================================ */
.certificates {
padding: 50px 0;
}

.certificates__container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.certificates__title {
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
color: #8E1F86;
}

.certificates__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}

.certificates__item {
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 2px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.certificates__img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

/* ============================================
АДАПТИВ
============================================ */
@media (max-width: 1024px) {
.certificates__grid {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 1020px) {
.company {
padding-top: 80px;
}
}

@media (max-width: 768px) {
.company__two-col {
grid-template-columns: 1fr;
}

.media-section {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.gallery__grid,
.certificates__grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 500px) {
.company__title,
.certificates__title {
font-size: 20px;
}

.certificates__title {
text-align: center;
}

.bottom-text__two-col {
grid-template-columns: repeat(1, 1fr);
}

.media-section {
grid-template-columns: repeat(1, 1fr);
}

.gallery__grid,
.certificates__grid {
grid-template-columns: 1fr;
}

.gallery__img {
height: auto;
}

.certificates__img {
height: auto;
}
}

@media (max-width: 544px) {
      .company {
		padding-top: 60px;
    }
}