html {
    scroll-behavior: smooth;
}

body {
  margin: 0;
}
#modal-1 {
  display: none;
}
#modal-1.is-open {
  display: block;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__container {
  position: relative;
  background-color: #fff;
  max-height: 100%;
  overflow-y: auto;
  padding: 30px;
  margin-right: 20px;
  margin-left: 20px;
  width: 500px;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}
.modal__close {
  width: 200px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  margin: 16px auto 0;
  background: #4caf50;
  color: white;
}
.modal__btn {
  width: 200px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  margin: 16px auto 0;
  background: #4caf50;
  color: white;
}
.wrapper {
  width: 100%;
  height: 1300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.mainBlock__subtitle {
    max-width: 900px;
    margin-bottom: 48px;
}

.hiden, .hiden_video{
  display:none;
}


.kuula-btn {
    text-align: center;
    margin-bottom: 60px;
}
.kuula-btn a {
   max-width: 1330px;
   width: 100%;
}

@media(max-width:1400px) {
    .kuula-btn a {
       max-width: 1110px;
    }
}

@media(max-width:1200px) {
    .kuula-btn a {
       max-width: 930px;
    }
}

@media(max-width:992px) {
    .kuula-btn a {
       max-width: 690px;
    }
}

@media(max-width:767px) {
    .kuula-btn a {
       max-width: 510px;
    }
}

@media(max-width:575px) {
    .kuula-btn {
        margin-left: 15px;
        margin-right:15px;
    }
    
}

.projectCard {
    overflow: hidden;
}

.projectCard.photo_fix1 .projectCard__img img{
    transform:translateY(-60px) scale(1.25);
}
.projectCard.photo_fix2 .projectCard__img img{
    transform:translateY(-50px) scale(1.2);
}
.projectCard.photo_fix3 .projectCard__img img{
    transform:translateY(-50px) scale(1.2);
}
.projectCard.photo_fix7 .projectCard__img img{
    transform:translate(-20px,-60px) scale(1.25);
}
.projectCard.photo_fix8 .projectCard__img img{
    transform:translateY(-60px) scale(1.25);
}
.projectCard.photo_fix9 .projectCard__img img{
    transform:translateY(-60px) scale(1.25);
}
.projectCard.photo_fix10 .projectCard__img img{
    transform:translateY(-80px) scale(1.3);
}
.projectCard.photo_fix11 .projectCard__img img{
    transform:translateY(-80px) scale(1.3);
}
.projectCard.photo_fix12 .projectCard__img img{
    transform:translateY(-40px) scale(1.15);
}
.projectCard.photo_fix13 .projectCard__img img{
    transform:translateY(-100px) scale(1.35);
}
.projectCard.photo_fix14 .projectCard__img img{
    transform:translateY(-80px) scale(1.3);
}
.projectCard.photo_fix15 .projectCard__img img{
    transform:translateY(-80px) scale(1.3);
}
.projectCard.photo_fix16 .projectCard__img img{
    transform:translateY(-80px) scale(1.3);
}
.projectCard.photo_fix17 .projectCard__img img{
    transform:translateY(-90px) scale(1.33);
}
.projectCard.photo_fix18 .projectCard__img img{
    transform:translateY(-80px) scale(1.3);
}

@media (max-width: 1200px) {
    .projectCard__img {
        height: 462px;
    }
    .projectCard__title {
        margin-bottom: 0;
    }
}

@media (max-width: 992px) {
    .projectCard__title {
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .projectCard__img {
        height: 320px;
    }
}

.mobNav__container {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    overflow-y: auto;
}

.mobNav__label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: rgb(255 255 255 / 0.75);
}

.mobNav__item:has(.mobNav__label) {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.mobNav__icon {
    vertical-align: baseline;
    stroke: #fff;
}

.mainBlock__title {
    font-size: 42px;
}

.mainBlock__subtitle {
    font-size: 24px;
}

.mainBlock__textExtra {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 20px;
    color: #aaaaa9;
    text-transform: uppercase;
}

.mainBlock__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
    margin-top: 320px;
}

.mainBlock__listItem {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.mainBlock__listItem p {
    font-size: 16px;
    line-height: 1.2;
    color: var(--grey);
}

.mainBlock__listItem p b,
.mainBlock__listItem p strong {
    font-size: 18px;
    color: #000;
}



.cta {
    background-color: var(--154e3b);
    color: #fff;
    text-align: center;
}

.cta p {
    color: rgb(255 255 255 / 0.75);
}

@media (min-width: 992px) {
    .mainBlock__listItem br {
        display: none;
    }

    .mainBlock__image {
        bottom: 50%;
        transform: translateY(40%) scale(0.8);
    }
}


@media (max-width: 1919px) {
    .mainBlock__title {
        font-size: 32px;
    }

    .mainBlock__subtitle {
        font-size: 20px;
    }

    .mainBlock__textExtra {
        font-size: 16px;
    }

    .mainBlock__list {
        margin-top: 140px;
    }
}

@media (max-width: 1200px) {
    .heading-2 {
        font-size: 24px;
    }

    .subTitle {
        font-size: 16px;
    }

    .cta p br {
        display: none;
    }
}

@media (max-width: 991px) {
    .mainBlock__container {
        padding: 120px 15px 0;
    }

    .mainBlock__title {
        font-size: 24px;
    }

    .mainBlock__subtitle {
        font-size: 16px;
    }

    .mainBlock__textExtra {
        font-size: 14px;
    }

    .mainBlock__list {
        grid-template-columns: 1fr;
        margin-top: 40px;
    }

    .cta .heading-2 {
        font-size: 24px;
    }
}

@media (max-width: 600px) {
    .mainBlock__title {
        font-size: 20px;
    }

    .heading-2 {
        font-size: 18px;
    }

    .subTitle,
    .mainBlock__subtitle {
        font-size: 14px;
    }

    .mainBlock__title br,
    .mainBlock__subtitle br {
        display: none;
    }

    .cta p {
        font-size: 16px;
    }
}

.videoFeedback {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.videoFeedback__preview {
    position: static;
}

#modal-1 .modal__container {
    background-color: var(--154e3b);
}

.contacts {
    line-height: 1.2;
}

.contacts .heading-2 {
    text-align: left;
}

.contacts a {
    font-weight: 700;
    font-size: 18px;
    color: #154e3b;
}

.contacts .footerContacts__link {
    font-weight: 400;
    font-size: 16px;
}

.contacts__formWrapper {
    background-color: var(--154e3b);
    padding: 48px;
}

.projectCard {
    border-radius: 8px;
}

.servicesCard__img,
.teamBlock__img,
.philosophyBlock__img {
    border-radius: 8px;
    overflow: hidden;
}

.modal__button-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.modal__button-close-icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgb(255 255 255 / 0.5);
}

.modal__button-close:hover .modal__button-close-icon {
    fill: #fff;
}

.modal__container .sectionForm__form {
    height: auto;
}

.mainBlock__play {
    position: relative;
    left: 120px;
    transform: none;
    width: 60px;
    height: 60px;
}

.mainBlock__play svg {
    width: 32px;
    height: 32px;
}

@media (max-width: 990px) {
    .mainBlock__play {
        display: none;
    }

    .mainBlock {
        background-size: 990px;
        background-position: bottom center;
    }
}

@media (max-width: 575px) {
    .mainBlock {
        background-size: 200% auto;
    }
}

.tabs {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.tabs__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tabs__head-button {
    padding: 10px 20px;
    border: none;
    background: none;
    font-size: 20px;
    line-height: 1.2;
    color: #828282;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.15s ease;
}

.tabs__head-button:hover {
    color: #154e3b;
}

.tabs__head-button--active {
    color: #000;
}

.tabs__body {
    
}

.tabs__body-item {
    display: none;
}

.tabs__body-item--active {
    display: block;
}

.contacts__formWrapper .checkbox__label {
    max-width: 100%;
}

.heading--projects {
    max-width: 800px;
    margin-inline: auto;
}

.image-slider {
    position: relative;
}

.image-slider__item {

}

.image-slider__image {
    width: 100%;
    border-radius: 8px;
}

.image-slider__arrow-prev {
    left: 16px;
}

.image-slider__arrow-next {
    right: 16px;
}

.image-slider__arrow-prev,
.image-slider__arrow-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: block;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #f3f3f3;
    transition: background 0.15s ease;
    cursor: pointer;
}

.image-slider__arrow-prev:hover,
.image-slider__arrow-next:hover {
    background: #d0dcd8;
}

.image-slider__arrow-icon,
.image-slider__arrow-icon {
    width: 16px;
    height: 16px;
    fill: 
}

.project-detail__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.4;
    color: #000000;
}

.project-detail__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    color: #828282;
}

.project-detail__primary-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #000000;
}

.project-detail__secondary-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #000000;
}

@media (max-width: 1400px) {
    .project-detail__subtitle {
        font-size: 20px;
    }

    .project-detail__title {
        font-size: 28px;
    }

    .project-detail__secondary-text {
        font-size: 14px;
    }

    .project-detail__primary-text {
        font-size: 16px;
    }
}

@media (max-width: 990px) {
    .image-slider__arrow-prev,
    .image-slider__arrow-next {
        width: 36px;
        height: 36px;
    }
}

.checkbox__label {
    max-width: 100%;
}

.checkbox__label {
    font-size: 12px;
}

.checkbox__label a {
    display: inline;
    font-size: 12px;
    color: var(--white-50);
    text-decoration: underline;
}

.checkbox__label a:hover {
    color: #fff;
}

.project-detail__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
}

.heading-2 {
    max-width: 850px;
    margin-inline: auto;
}

@media (max-width: 990px) {
    .heading-2 {
        max-width: 100%;
    }
}

.subTitle {
    max-width: 1000px;
}

.image-rounded {
    border-radius: 8px;
}

.section-xxl {
    max-width: 1320px;
    margin-inline: auto;
}

.row:has(.heading--projects) {
    flex-direction: column;
}

.imageTextBlock__content ul {
    padding-left: 0;
}

.imageTextBlock__content li {
    position: relative;
    padding-left: 24px;
    z-index: 0;
    list-style: none;
}

.imageTextBlock__content li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 4px;
    transform: rotate(45deg);
    z-index: 0;
    width: 8px;
    height: 12px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #404041;
}