@media (min-width: 768px){
     section.main div.intro .title ~ h3.light {
        font-size: 20px;
        line-height: 1.5;
    }
}

@media (max-width: 768px){
      section.main div.intro .title ~ h3.light {
        font-size: 18px;
    }
}

section.projects div.swiper div.swiper-slide a.project {
    position: relative;
    cursor: default;
    pointer-events: none;
}

section.projects div.swiper div.swiper-slide a.project .text {
    position: absolute;
    top: 15%;
    left: 10%;
    color: #fff;
}

@media (min-width: 768px){
    section.projects div.swiper div.swiper-slide a.project .text, section.projects div.swiper div.swiper-slide a.project .text p {
        font-size: 26px;
    }
}

.features .description span p {
    margin-top: 20px;
}

section.about div.swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

section.about div.swiper-slide h3 {
    position: relative;
    z-index: 1;
}

section.about div.swiper-slide span {
    position: relative;
    z-index: 1;
}

section.info {
    padding-top: var(--section-gap);
    padding-bottom: var(--section-gap);
}

section.info .container {
    display: grid;
    grid-gap: var(--big-gap);
    grid-column: breakout;
}

section.info div.info__img {
    position: relative;
    width: 100%;
    border-radius: 8px;
}

section.info div.info__img img {
    width: 100%;
    object-fit: cover;
}

section.info div.info__text {
    color: #242629;
    padding: 10px 15px;
}

@media (min-width: 768px){
    section.info div.info__text, section.info div.info__text p {
        font-size: 30px;
        line-height: 1.2em;
    }
}

@media (max-width: 640px) {
    .about-company section.features div.list div.item {
        height: auto;
        aspect-ratio: auto;
    }
    section.about div.swiper-slide {
        aspect-ratio: auto;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {   

section.features div.list div.item {
    aspect-ratio: 3/4.5;
    height: auto;
} }
 
section.features.f2 div.list div.item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(27 39 44) 20%, rgb(41 56 68) 35%, rgb(17 32 46 / 20%) 45%, rgb(32 42 49 / 0%) 66%, rgb(209 65 65 / 0%) 100%);
    z-index: 1;
}

section.features.f2 div.list div.item div.description {
  position: relative;
  background: none;
  display: grid;
  grid-gap: var(--small-gap);
  padding: var(--big-gap) var(--big-gap) calc(var(--big-gap) * 2) var(--big-gap);
  z-index: 2; /* чтобы контент был поверх градиента */
}


    section.info div.info__text, section.info div.info__text p {
            line-height: 1.8em;
    }
	
@media (max-width: 1280px) { 


section.features div.list div.item {
    aspect-ratio: 3/4 !important;
    height: 550px !important;
}

/* section.features.f2 div.list div.item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(27 39 44) 20%, rgb(41 56 68) 35%, rgb(17 32 46 / 0%) 45%, rgb(32 42 49 / 0%) 66%, rgb(202 208 215 / 19%) 100%);
    z-index: 1;
} */

section.features.f2 div.list div.item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(33 36 38) 0%, rgb(0 0 0 / 73%) 25%, rgb(3 4 4 / 67%) 45%, rgb(0 0 0 / 48%) 75%, rgb(202 208 215 / 19%) 100%);
    z-index: 1;
}

section.features {
    padding-top: 60px;
    padding-bottom: 20px;
}}


section.features.f2 {
    padding-top: 80px;
}

@media (max-width: 768px) {
section.projects div.swiper div.swiper-slide.swiper-slide-active a.project div.preview {
    aspect-ratio: 2/1;
}}

@media (max-width: 640px) {
section.projects div.swiper div.swiper-slide {
    -ms-flex-line-pack: center;
    align-content: flex-start;
    padding-bottom: 0;
    height: 300px;
}}


@media (max-width: 768px) {
.swiper-slide-active .short_description__projects__inner {
    -webkit-line-clamp: none;
}}
	


@media (min-width: 768px) {
section.projects div.swiper .swiper-slide {
    height: auto !important;
    min-height: 620px !important; /* чтобы контент не менял высоту */
}

section.projects div.swiper div.swiper-slide {
      padding-bottom: 0px !important;    
}

section.projects {
    padding-bottom: 80px;    
}
}


@media (max-width: 768px) {
div.swiper-control div.swiper-navigation {
    position: absolute;
    z-index: 99;
    right: 15px;
    top: 13px !important;
}

/* Убираем пагинацию на мобильных если мешает */
    div.swiper-control .swiper-pagination {
        display: none !important;
    }

section.projects {
    padding-bottom: 20px;
        padding-top: 40px;
}

 .swiper-wrapper {
        transition: none !important;
        animation: none !important;
    }
    
    .swiper-slide {
        transition: none !important;
    }

}