/* menu */

.header__menu .menu__body{
    background: url('../img/menu_bg.png') center / cover no-repeat;
}

@media (max-width: 61.99875em){
    .menu-open .header .header__content{
        margin: 0 -16px;
        padding: 1.125rem 16px;
    }
}

.modal-lang{
    background: url('../img/menu_bg.png') center / cover no-repeat;
}

/*   home   */

.our-projects__slider .slide__image img{
    aspect-ratio: 1.64/1;
}


.about-us{
    position: relative;
    z-index: 3;
}
    .about-us__right .video{
        position: relative;
    }

    .video_placeholder{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
        .video_placeholder img{
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }
        .video_placeholder svg{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .video_placeholder .button-play{
            cursor: pointer;
            position: absolute;
            left: 50%;
            bottom: 40px;
            transform: translateX(-50%);
            z-index: 1;
        }



@media (max-width: 47.99875em) {

    .video_placeholder svg{
        width: 150px;
        top: 30%;
    }
    .video_placeholder .button-play{
        bottom: 10px;
    }

    .our-projects__slider .slide__image img{
        aspect-ratio: .98/1;
    }
    .our-projects__slider .slide__body a{
        bottom: 30px;
        left: 30px;
    }

}

/*   END  home   */



/*   SERVICES   */


.services-page__sidebar ul li.current-menu-item a {
    background-color: var(--base-2);
    color: #fff;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(33, 42, 46, 0.23), 0px 15px 15px 0px rgba(33, 42, 46, 0.2), 0px 34px 21px 0px rgba(33, 42, 46, 0.12), 0px 61px 24px 0px rgba(33, 42, 46, 0.03), 0px 96px 27px 0px rgba(33, 42, 46, 0);
    box-shadow: 0px 4px 8px 0px rgba(33, 42, 46, 0.23), 0px 15px 15px 0px rgba(33, 42, 46, 0.2), 0px 34px 21px 0px rgba(33, 42, 46, 0.12), 0px 61px 24px 0px rgba(33, 42, 46, 0.03), 0px 96px 27px 0px rgba(33, 42, 46, 0);
}

    .services-page__sidebar ul li.current-menu-item a::after {
        background-color: var(--base);
    }


    .services-page__info h2,
    .services-page__info h3,
    .services-page__info h4,
    .services-page__info h5,
    .services-page__info h6{
        color: #534D4D;
        margin: 1.5rem 0;
    }

    .services-page__info h2 {
        font-size: 2rem;
    }
    .services-page__info h3 {
        font-size: 1.8rem;
    }
    .services-page__info h4 {
        font-size: 1.5rem;
    }
    .services-page__info h5,
    .services-page__info h6 {
        font-size: 1.2rem;
    }


    .services-page__info ul, 
    .services-page__info ol {
        color: #534D4D;
        font-family: "Raleway";
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding-left: 1.5rem;
        margin-bottom: 1rem;
    }
        .services-page__info li:not(:last-child) {
            margin-bottom: 0.5rem;
        }
        .services-page__info ul li{
            list-style: disc;
        }


@media (min-width: 82.25em) {
    .services-page__info li {
        font-size: 1.25rem;
    }
}

@media (min-width: 20em) and (max-width: 82.25em) {
    @supports (font-size: clamp( 1rem , 0.9196787149rem + 0.4016064257vw , 1.25rem )) {
        .services-page__info li {
            font-size: clamp( 1rem , 0.9196787149rem + 0.4016064257vw , 1.25rem );
        }
    }
}

@media (max-width: 47.99875em) {
    .services-page__info h2 {
        font-size: 24px;
    }
    .services-page__info h3 {
        font-size: 22px;
    }
    .services-page__info h4 {
        font-size: 20px;
    }
    .services-page__info h5,
    .services-page__info h6 {
        font-size: 18px;
    }

}

/*   END  SERVICES   */



/*   pagination   */


.pagging .screen-reader-text{
    display: none;
}

.pagging .nav-links{
    display: flex;
    gap: 1.875rem;
}
    .pagging .nav-links .page-numbers{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        color: #534d4d;
        background-color: #fff;
        font-family: Raleway;
        font-style: normal;
        font-weight: 400;
        line-height: 137.4%;
        transition: all .3s;
    }
        .pagging .nav-links .page-numbers svg{
            transition: all .3s;
        }
        .pagging .nav-links .page-numbers.prev,
        .pagging .nav-links .page-numbers.next{
            background-color: transparent;
            border-color: transparent;
        }
        .pagging .nav-links .page-numbers.current{
            background: transparent;
            border-color: #534d4d;
        }


@media ( hover:hover ) {

    .pagging .nav-links a.page-numbers:not(.prev, .next):hover{
        border-color: #534d4d;
    }
    .pagging .nav-links .page-numbers.prev:hover svg {
        transform: translateX(-5px);
    }
    .pagging .nav-links .page-numbers.next:hover svg {
        transform: translateX(5px);
    }

}

@media (min-width: 82.25em){
    .pagging .nav-links .page-numbers {
        font-size: 1.25rem;
        width: 4.625rem;
        height: 4.625rem;
    }
}

@media (min-width: 20em) and (max-width: 82.25em) {

    .pagging .nav-links {
        gap: clamp(1.25rem ,1.0491967871rem + 1.0040160643vw ,1.875rem);
    }
    
    .pagging .nav-links .page-numbers {
        font-size: clamp(.8125rem ,.671937751rem + .702811245vw ,1.25rem);
        width: clamp(3rem ,2.4779116466rem + 2.6104417671vw ,4.625rem);
        height: clamp(3rem ,2.4779116466rem + 2.6104417671vw ,4.625rem);
    }

}



/*   END pagination   */



/*   projects  */

.project-page__info .info-project__line p{
    margin-bottom: 1rem;
}

/*   END projects  */




/*  gform  */

.gfield input::placeholder{
    transition: opacity 0.3s;
}
.gfield input:focus::placeholder{
    opacity: 0;
}

.gfield .charleft,
.gfield .gfield_label{
    display: none;
}

.gfield input,
.gfield textarea {
  border-radius: 0 !important;
  width: 100%;
  display: block;
  padding: 0.625rem 0.9375rem;
  color: #534D4D;
  font-family: "Exo 2";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  border-bottom: 1px solid #534D4D;
  line-height: normal;
  transition: border 0.3s;
  outline: none;
}

    .gfield input:focus,
    .gfield textarea:focus {
        outline: none;
        border-bottom-color: var(--base);
    }

    .gfield textarea {
        resize: vertical;
        min-height: 9.375rem;
    }

    .gfield.gfield_error input,
    .gfield.gfield_error textarea,
    .gfield.gfield_error .captcha-image {
        border-color: red;
    }

    .gfield .captcha-image{
        display: block;
        margin: 0 auto;
        width: max-content;
        max-width: 100%;
    }

    /* .gform_footer [type="submit"] {
        cursor: pointer;
        color: #202020;
        font-family: "Exo 2";
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: block;
        padding: 0.75rem 1.5rem;
        transition: all .3s;
        margin: 0 auto;
        text-align: center;
        background-color: transparent;
    }
        .gform_footer [type="submit"]:hover {
            background-color: #f3f3f3;
        } */

    .gform_footer {
        position: relative;
        
        color: #202020;
        font-family: "Exo 2";
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: block;
        padding: .75rem calc(1.5rem + 38px) .75rem 1.5rem;
        transition: all .3s;
        margin: 0 auto;
        text-align: center;
        background-color: transparent;
        width: max-content;
    }
        .gform_footer [type="submit"]{
            cursor: pointer;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            background: transparent;
        }
        .gform_footer::before{
            content: '';
            position: absolute;
            top: calc(50% - 14px);
            right: 1.5rem;
            width: 28px;
            height: 28px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><path d="M6.75 6.75L6.72891 9.13359L16.1789 9.13359L5.90625 19.4062L7.59375 21.0937L17.8664 10.8211L17.8664 20.2711L20.25 20.25V6.75H6.75Z" fill="%235ACBFC"/></svg>');
            transition: all .3s;
        }

            .gform_footer:hover {
                background-color: #f3f3f3;
            }
                .gform_footer:hover::before{
                    transform: translate(5px,-5px);
                }


    .gform_confirmation_message{
        text-align: center;
    }


@media (min-width: 82.25em) {

    .gform_footer [type="submit"]{
        font-size: 1.5rem;
    }

}
       
@media (min-width: 47.99875em) {

    li.gfield  {
      margin-bottom: 2.5rem;
    }

}

@media (min-width: 20em) and (max-width: 82.25em) {

    .gform_footer [type="submit"]{
        font-size: clamp(1.25rem ,1.1696787149rem + .4016064257vw ,1.5rem);
    }

}

@media (max-width: 47.99875em) {

    li.gfield  {
      margin-bottom: 1.25rem;
    }
    .gfield .captcha-image{
        width: 100%;
    }

}


.gform_wrapper .validation_error,
.gform_wrapper .validation_message{
    display: none;
}

/*  END gform  */

/*   contacts page  */


.contacts-page__form .form-contact__form{
    color: #fff;
}
    .contacts-page__form .gfield input,
    .contacts-page__form .gfield textarea {
        color: #fff;
        background-color: transparent;
    }
    .contacts-page__form .gform_footer [type="submit"] {
        color: #fff;
    }
        .contacts-page__form .gform_footer:hover{
            background: transparent;
            color: var(--base);
        }
    .contacts-page__form .gfield input::placeholder,
    .contacts-page__form .gfield textarea::placeholder {
        color: #f7f7f7;
    }

.contacts_page_map  {
    position: relative;
}
    .contacts_page_map::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 160px;
        background: linear-gradient(180deg, #F7F7F7 0%, rgba(255, 255, 255, 0.00) 100%);
        z-index: 1;
    }
    .contacts_page_map .map{
        height: 680px;
    }

@media screen and (max-width: 600px){

    .contacts_page_map::before{
        height: 84px;
        background: linear-gradient(180deg, #212A2F 0%, rgba(255, 255, 255, 0.00) 100%);
    }

}

/*   END contacts page  */



/*   BLOG  */

.blog_home .blog__item .blog-item__image{
    aspect-ratio: 1.5/1;
}

@media screen and (min-width: 992px){
    .blog_home .blog__item:nth-child(1) .blog-item__image{
        aspect-ratio: .65/1;
    }
    .blog_home .blog__item:nth-child(2) .blog-item__image{
        aspect-ratio: 1.12/1;
    }
    .blog_home .blog__item:nth-child(3) .blog-item__image{
        aspect-ratio: 1/.9;
    }
}

.post__inner h2,
.post__inner h3,
.post__inner h4,
.post__inner h5,
.post__inner h6{
    color: #534D4D;
    margin: 1.5rem 0;
}

.post__inner h2 {
    font-size: 2rem;
}
.post__inner h3 {
    font-size: 1.8rem;
}
.post__inner h4 {
    font-size: 1.5rem;
}
.post__inner h5,
.post__inner h6 {
    font-size: 1.2rem;
}

@media (max-width: 47.99875em) {
    .post__inner h2 {
        font-size: 24px;
    }
    .post__inner h3 {
        font-size: 22px;
    }
    .post__inner h4 {
        font-size: 20px;
    }
    .post__inner h5,
    .post__inner h6 {
        font-size: 18px;
    }

}

/* END BLOG */


/*  popup  */


.popup__form .popup__content{
    color: #fff;
    background: #212A2F;
    border-radius: 0;
    width: 640px;
    max-width: 100%;
}
    .popup__form .gform_title{
        font-size: 36px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 24px;
    }
    .popup__form .form-contact__form{
        color: #fff;
    }
        .popup__form .gfield input,
        .popup__form .gfield textarea {
            color: #fff;
            background-color: transparent;
        }
        .popup__form .gform_footer [type="submit"] {
            color: #fff;
        }
            .popup__form .gform_footer:hover{
                background: transparent;
                color: var(--base);
            }
        .popup__form .gfield input::placeholder,
        .popup__form .gfield textarea::placeholder {
            color: #f7f7f7;
        }

@media screen and (min-width:600px){

    .popup__form .popup__form_wrap{
        padding: 0 48px 36px;
    }
}

.popup__close{
    margin-left:auto; 
    display:block;
}
    .popup__video iframe{
        width: 100%;
        display: block;
        aspect-ratio: 16/9;
        height: auto;
    }

/*  END popup  */


/*  seo-section   */

.seo-section{
    position: relative;
    padding: 0!important;
    margin: 7rem 0;
}
    .seo-section .__container{
        overflow: hidden;
        height: 100%;
    }
        .seo-section.post-page .post__inner{
            max-width: 100%;
        }


@media screen and (max-width:600px){
    .seo-section{
        margin: 4rem 0 7rem;
    }
}

/*  END seo-section   */



/*   clients page  */

@media (min-width: 82.25em){
    .clients-page__header,
    .template-two__bg-container{
        height: 580px;
    }
    .clients-page__header.template-two__header .template-two__icon{
        top: 55%;
    }
}

/*   END clients page  */