/*
Common
*/
:root {
    --app-height: 100%;
}
a {
    transition: all 300ms ease;
}
a:hover {
    transition: all 300ms ease;
}

/*
Header
*/
header.white {
    color: white;
}

header.white .header-inside .header-right-content .btn {
    background-color: white;
    color: black;
}
header.white .header-inside .header-right-content .btn:hover {
    background-color: #FF2626;
    color: white;
}

/*
Mobile menu link
*/
.header .container .header-inside .header-right-content .mobile-menu {
    width: 30px;
    height: 21px;
}
.header .container .header-inside .header-right-content .mobile-menu a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.header .container .header-inside .header-right-content .mobile-menu a svg {
    width: 100%;
    height: 100%;
}

/*
/Mobile menu link
*/

/*
Products in Service
*/
.products-in-service-swiper-js {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.products-in-service-swiper-js .project-product-list {
    width: calc(100% + 20px);
    margin: 0;
    /*margin-left: 0;*/
    /*margin-bottom: -10px;*/
}
.products-in-service-swiper-js .project-product-list .project-product-item {
    box-sizing: border-box;
    padding: 0;
}

/*Tablet Size */
@media (max-width: 1025px) {
    /*
    Universal
    */
    .info-service-container{
        width: 100%;
    }
    .mg-top {
        margin-top: 24px;
    }
    .img-picture{
        height: auto;
    }
    .mg-half-top {
        margin-top: 10px;
    }
    .title-container {
        width: 100%;
    }
    .flat-content-left{
        width: 100%;
        margin-bottom: 24px;
    }
    .flat-info-container .flat-content-right{
        height: auto;
    }
    .table-card{
        /*margin-bottom: 24px;*/
    }
    /*
    Header
    */
    .header .container .header-inside .header-right-content {
        align-items: center;
    }
    /*
    Typography
    */
    h1, div.h1 {
        font-size: 48px;
        line-height: 48px;
    }

    h2 {
        font-size: 32px;
        line-height: 32px;
    }
    h3 {
        font-size: 24px;
        line-height: 24px;
    }

    p {
        font-size: 16px;
        line-height: 22px;
    }
    .main-filter-inside ul.ul-filter li.ul-filter-item.close-button.xs-view{
        display: block;
    }
    p.big-size {
        font-size: 24px;
        line-height: 28px;
    }

    .block-inside {
        padding: 20px 20px;
    }

    /*
    /Typography
    */
    /*
    Main SLider Block
    */
    .swiper-main-element {
        padding-top: 500px;
    }

    .swiper-main-element .content-left {
        width: 100%;
        min-height: auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 20px;
    }

    .swiper-main-element .content-left .content-main{
        position: absolute;
        left: 0;
        bottom: calc(100% + 0px);
        color: white;
        padding: 20px 20px;
        max-width: 66%;
    }

    .swiper-main-element .content-left .item-title {
        font-size: 24px;
        line-height: 24px;
    }

    .swiper-main-element .content-right {
        width: 100%;
        height: 520px;
        
    }

    .swiper-main-element .content-right .picture {
        position: relative;
    }
    .swiper-main-element .content-right .picture:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.92%, rgba(0, 0, 0, 0.8) 79.44%), linear-gradient(360deg, rgba(0, 0, 0, 0) 77.01%, rgba(0, 0, 0, 0) 88.58%);
    }

    .swiper-main-element .content-left h1 {
        position: absolute;
        left: 0;
        bottom: 100%;
        color: white;
        padding: 36px 24px;
    }
    
    /*
    /Main SLider Block
    */

    /*
    our-project
    */
    .our-project a .name-block {
        padding: 20px;
    }

    .our-project a .name-block span.text {
        font-size: 24px;
        line-height: 24px;
    }
    /*
    /our-project
    */

    /*
    expertise 
    */
    .expertise-block-container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .expertise-block-container .expertise-block {
        width: 100%;
    }

    .expertise-block-container .expertise-block .block-inside {
        padding: 20px 20px;
    }
    /*
    /expertise 
    */

    /*
    service-inside
    */
    .service-inside {
        width: 100%;
    }
    .service-inside h2 {
        margin: 0 0 20px;
        width: 100%;
    }
    /*
    /service-inside
    */

    /*
    accordion-container
    */
    .accordion-container {
        max-width: none;
        margin-top: -7.5px;
    }

    .accordion-container .accordion-inside-container {
        margin-top: -7.5px;
    }

    .accordion-container .accordion-inside-container .accordion {

    }

    .accordion-container .accordion-inside-container .accordion .accordion-inside {
        margin-left: -10px;
        padding: 0 10px 0;
        width: calc(100% + 20px);
        box-sizing: border-box;
    }

    .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-header {
        font-size: 24px;
        line-height: 24px;
        padding: 7.5px 0;
    }
    .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-header:hover {
        color: white;
    }

    .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-body {
        margin-bottom: 10px;
        padding-bottom: 15px;
    }

    .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-body .detaly-text {
        width: 100%;
    }

    .accordion-container .accordion-inside-container .accordion .accordion-inside p {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }
    .accordion-container .accordion-inside-container .accordion .accordion-inside p:not(:last-of-type) {
        margin: 0 0 10px;
    }

    /*
    /accordion-container
    */

    /*
    detaly-work-items
    */

    .detaly-work-items {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
    }

    .detaly-work-items .detaly-work-item-left {
        width: 100%;
        height: 350px;
        padding: 0;
        margin: 0 0 -1px;
        border-radius: 0;
    }

    .detaly-work-items .detaly-work-item-left img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .detaly-work-items .detaly-work-item-right {
        width: 100%;
        padding: 0;
        margin-top: -10px;
    }

    .detaly-work-items .detaly-work-item-right .block-inside {
        /*border-top-left-radius: 0;*/
        /*border-top-right-radius: 0;*/
    }

    .detaly-work-items .detaly-work-item-right .detaly-work-item-right-inside h2 {
        min-height: auto;
    }

    .detaly-work-items  .detaly-work-item-right .flex-elements .flex-element {
        padding: 4px 3px;
    }

    .detaly-work-items  .detaly-work-item-right .flex-elements .flex-element .flex-element-inside {
        font-size: 21px;
        line-height: 24px;
        padding: 8px 8px 6px;
    }

    /*
    /detaly-work-items
    */

    /*
    step-insights-container
    */

    .step-insights-container {
        width: 100%;
    }

    .step-insights-container.margin-top {
        margin-top: 32px;
    }

    .step-insights-container .step-insights-item-left {
        width: 268px;
    }

    .step-insights-item .step-insights-item-right {
        width: calc(100% - 268px);
    }

    /*
    /step-insights-container
    */

    /*
    Footer
    */
    .footer .subscribe-link {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 10px 0 0;
    }

    .footer .logo-footer {
        width: 90px;
        max-width: none;
    }

    .footer .footer-top {
        margin: 0 0 10px;
    }
    .footer .footer-top .footer-top-holder {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .footer .footer-top .footer-top-holder .company {
        width: 100%;
        justify-content: space-between;
    }
    .footer .footer-top .footer-top-holder .company .address-content {
        margin-left: 0;
        width: 301px;
    }

    .footer .footer-bottom .footer-bottom-holder .links {
        margin-left: 93px;
    }
    /*
    /Footer
    */


    /*
    Projects
    */
    .project-product-item {
        width: 50%;
        height: 401px;
    }

    /*
    Main-filter
    */
    .main-filter-container{
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .main-filter-container .container {
        width: 100%;
    }

    .main-filter-container .main-filter-block {
        display: inline-block;
        width: calc(100% + 48px);
        margin-left: -24px;
        box-sizing: border-box;
        padding: 0 24px;
        overflow-x: auto;
    }

    .main-filter-container .main-filter-block .main-filter-block-mobile-background {
        position: fixed;
        z-index: 1050;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        height: var(--app-height);
        background-color: black;
        opacity: 0;
        pointer-events: none;
        touch-action: none;
    }
    .main-filter-container .main-filter-block .main-filter-block-mobile-background.active {
        opacity: 0.21;
        pointer-events: all;
        touch-action: auto;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .main-filter-container .main-filter-block::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .main-filter-container .main-filter-block {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .main-filter-container .main-filter-block .main-filter-inside {
        justify-content: start;
        width: 900px;
        margin-top: 15px;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter {
        
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item {
        display: block;
        background-color: transparent;
        padding: 0;
        margin-right: 8px;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .ul-filter-a {
        display: flex;
        width: 100%;
        height: 100%;
        background-color: #D8DBDE;
        color: #002970;
        border-radius: 8px;
        align-items: center;
        justify-content: center;
        padding: 10px 15px;
        box-sizing: border-box;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .ul-filter-a .text {
        color: #002970;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .ul-filter-a.active{
        background-color: #51555C;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .ul-filter-a.active .text{
        color: #FFFFFF;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .ul-filter-a.active .icon{
        transform: rotate(90deg);
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .ul-filter-a .icon {
        transform: none
    }

    /*
    Main-filter search
    */
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search {
        padding: 60px 30px 30px;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #51555C;
        color: white;
        width: 100%;
        height: 150px;
        z-index: 1051;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        touch-action: none;
        transform: translateY(150px);
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search.active {
        opacity: 1;
        pointer-events: all;
        touch-action: auto;
        transform: translateY(0px);
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search .search-input-wrapper {
        position: relative;
        display: inline-block;
        width: calc(100% - 60px);
        float: left;
        margin: 0;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search .search-input-wrapper input {
        opacity: 1;
        width: 100%;
        height: 50px;
        padding: 0 10px 0 20px;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search .ul-filter-a {
        float: left;
        width: 50px;
        height: 50px;
        margin-left: 10px;
        padding: 0;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search .mobile-close {
        position: absolute;
        right: 25px;
        top: 25px;
    } 

    /*
    Main-filter header-dropdown-menu
    */
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu {
        width: 100%;
        max-height: 50vh;
        position: fixed;
        z-index: 1051;
        bottom: 0;
        top: auto;
        left: 0;
        opacity: 0;
        visibility: visible;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        pointer-events: none;
        touch-action: none;
        transform: translateY(100%);
        padding: 32px 24px 20px;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu.active {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
        touch-action: auto;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container {
        position: relative;
    } 

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container .mobile-close {
        position: absolute;
        right: 15px;
        top: 15px;
    } 

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container .heading {
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: -0.01em;
        text-align: left;
        color: #B7C0CE;
        margin: 0 0 32px;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container a:before {
        display: none;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container ul {
        margin: -10px 0;
        max-height: 50vh;
        overflow-y: auto;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container ul li {
        padding: 10px 0;
    }

    /*
    All projects
    */
    .all-project-inside {
        width: 98%;
    }

    /*
    Banner for project detail
    */
    .banner-wrapper.project-detail .banner-container .dark-before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.71%, rgba(0, 0, 0, 0.8) 93.37%);
    }
    .banner-wrapper.project-detail .banner-container .background-image img {
        height: 500px;
        object-fit: cover;
    }

    .banner-container .title-block .block-inside .flex-content-gap {
        gap: 40px;
    }

    /*
    Info Block
    */
    .info-block {
        
    }

    .info-block .info-block-inside {
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .info-block .info-block-inside .info-flat-text {
        width: 100%;
        margin: 0 0 30px;
    }

    .info-block .info-block-inside .content-left-inside {
        padding: 0;
        width: 100%;
    }

    .table-card .table-tr{
        padding: 2px 0 14px;
    }

    .table-card .td-left{
        line-height: 24px;
    }
    .table-card .td-right{
        width: 57%;
        padding-left: 30px;
        box-sizing: border-box;
    }

    /*
    Flat Container
    */
    .flat-container {
        padding: 0;
    }
    .flat-container .flat-block {
        width: 69%;
        padding-left: 30px;
        box-sizing: border-box;
    }

    .flat-info-container .flat-content-right {
        width: 100%;
        margin: 0;
    }

    .flat-info-container .flat-content-right p {
        margin: 0 0 24px;
    }

    .flat-info-container .flat-content-right .picture .flat-content-left {
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        width: 100%;
        margin: 24px 0 0;
    }

    /*
    Card swiper
    */
    .card-swiper {

    }
    .card-swiper .card-image {
        
    }
    .card-swiper .card-image img {
        height: 377px;
        min-height: auto;
        object-fit: cover;
    }
    .card-swiper .card-image .card-image-inside .card-bottom-info p {
        padding: 0;
    }

    /*
    Author Container
    */
    .author-container {
        width: 100%;
    }

    /*
    Service Detaly
    */
    .flat-service-top {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .service-main-container .service-inside {
        width: 100%;
    }

    .service-main-container .accordion-container {
        max-width: none;
    }

    .service-main-container .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-header {
        color: #002970;
    }
    .service-main-container .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-header:hover {
        color: #002970;
    }

    /*
    Section about service
    */
    .section-about .info-block-inside.mg-top-2 {
        margin-top: 20px;
    }
    .section-about .info-flat-text.w-58 {
        width: 55%;
    }
    .section-about .info-block-inside .quote-text {
        width: 33.5%;
        padding-right: 0;
    }
    .section-about .container {
        overflow: hidden;
    }

    /*
    Dop service
    */
    .dop-service-container .dop-service-item {
        width: 50%;
    }

    /*
    Adress link
    */
    .address-link h2 {
        padding-right: 30%;
    }

    .address-link .btn-3 {
        margin-top: 0;
    }

    /*
    Projects
    */
    .project-product-list.swiper-wrapper {
        flex-wrap: nowrap;
    }

        /*
    About Company
    */
    .about-company-container .about-company-left-container {
        width: 55%;
    }

    .about-company-container .about-company-left-container .about-company-left p.big-size {
        padding-right: 0;
    }

    .about-company-container .about-company-right-container {
        width: 45%;
    }

    /*
    History
    */
    .history-company-container {
        flex-direction: column;
    }

    .history-company-container .history-company-left-container {
        width: 100%;
    }

    .history-company-container .history-company-right-container {
        width: 100%;
    }

    .history-company-container .history-company-right-container .history-company-right .quote-text {
        margin-top: 27px;
        margin-left: 160px;
        padding-right: 56px;
    }

    /*
    Method
    */
    .method-info-top p {
        padding: 0;
    }

    .method-section-container {
        flex-direction: column;
    }
    .method-section-container .method-section {
        padding: 20px 0;
        border: none;
        width: 100%;
        border-top: 1px solid #DADBDD;
        display: flex;
    }

    .method-section-container .method-section .method-number {
        width: 100px;
    }

    .method-section-container .method-section p {
        width: calc(100% - 100px);
    }

    /*
    Team
    */
    .team-about-container {
        flex-direction: column;   
    }

    .team-about-container .team-about-content-left {
        width: 100%;
    }

    .team-about-container .team-about-content-left .img-picture {
        position: relative;
        width: 100%;
        height: 350px;
    }

    .team-about-container .team-about-content-right {
        width: 100%;
    }

    /*
    Team List Page
    */
    .team-info-top {
        justify-content: start;
        flex-direction: column;
    }

    .team-info-top .team-info-top-right {
        justify-content: start;
        flex-direction: column;
        margin: 20px 0 0;
        width: 100%;
    }

    .team-info-top .team-info-top-right p {
        max-width: none;
    }

    .search-input-team {
        padding-right: 0;
        margin: 20px 0 0;
        width: 350px;
    }

    .search-input-team input {
        width: 100%;
        box-sizing: border-box;
    }

    /*
    Team list
    */

    .team-flex-container .team-flex-list .team-item-container .team-item{
        width: 50%;
    }


    /*
    Team Card Page
    */
    .card-team-container {
        width: 100%;
    }

    .card-team-container .card-team {
        flex-direction: column;
        justify-content: start;
    }

    .card-team-container .card-team .card-team-img {
        max-width: none;
        padding-right: 0;
        text-align: center;
        margin: 0 0 30px;
    }

    .card-team-container .card-team .card-team-img img{
        width: auto;
    }

    .card-team-container .card-team .card-team-info {
        width: 100%;
    }

    .card-team-container .card-team .card-team-info .card-name h1 {
        text-align: center;
    }

    .card-team-container .card-team .card-team-info .card-name .post {
        text-align: center;
    }

    .quote-card .quotation-marks {
        position: static;
        display: inline;
    }

    .card-team-container .card-info-bottom {
        flex-direction: column;
        margin-top: 30px;
    }

    .card-team-container .card-info-bottom .card-info-right {
        width: 100%;
    }

    .card-team-container .card-info-bottom .card-info-left {
        width: 100%;
        margin: 0 0 30px;
    }

    /*
    Media Page
    */
    .contact-container {
        margin: 0;
        flex-direction: column;
    }

    .contact-container .contact-left {
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        margin: 0 0 12px;
    }

    .contact-container .contact-left .contact-left-inside {
        padding: 20px;
        display: flex;
        align-items: center;
    }

    .contact-left-inside .icon {
        margin: 0;
        margin-right: 20px;
    }

    .contact-container .contact-right {
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        margin: 0 0 12px;
    }

    .contact-container .contact-right .contact-right-inside {
        padding: 20px;
    }

    /*
    News
    */
    .news-company-section {
        flex-direction: column;
    }

    .news-company-section .news-section-items-container {
        width: 100%;
    }

    .news-company-section .news-section-items-wrapper {
        margin-left: -10px;
        width: calc(100% + 20px);
        flex-wrap: wrap;
    }

    .news-company-section .news-section-items-wrapper .news-section-item {
        width: 50%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    
    .news-items-container .news-item .news {
        width: 82.5%;
    }

    /*
    News List
    */
    .news-container {
        justify-content: start;
        flex-direction: column;
        width: 100%;
    }

    .news-container .title-container {
        width: 100%;
    }

    .news-container .news-items-container {
        max-width: none;
    }

    /*
    News Detail
    */
    .news-page-container .news-page-inside {
        width: 100%;
        flex-direction: column;
        margin-top: 20px;
    }

    .news-page-container .news-page-inside .news-data {
        margin: 0 0 10px;
    }

    .news-page-container .news-page-inside .news-detali-text-container {
        width: 100%;
    }

    .news-page-container .news-page-text-container {
        padding: 0;
        padding-top: 20px;
    }

    .news-page-container .news-page-text-container .news-text-section {
        max-width: none;
    }

    .news-page-container .news-page-text-container .paragraph {
        margin-bottom: 20px;
    }

    .news-page-container .news-media-content {
        height: 370px;
        margin-bottom: 20px;
    }

    .news-page-container .news-media-content img {
        object-fit: cover;
    }

    .news-page-container .news-page-text-container .text-with-background {
        padding: 20px;
    }

    .share {
        margin-top: 20px;
    }

    .dop-news {
        margin-top: 20px;
        padding-top: 20px;
    }

    /*
    Careers List
    */
    .career-main-container {
        padding-right: 0;
    }

    .career-main-container .career-inside .flat-service-top {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .vacancy-container {
        margin-bottom: 20px;
    }

    .vacancy-container .vacancy-block .link-items a {
        padding: 15px 0;
    }

    /*
    Career Detail
    */
    .career-detali-container {
        margin-top: 20px;
        padding: 0;
    }

    .career-detali-container .career-detali-left {
        padding-top: 0;
        position: relative;
        height: auto;
        top: auto;
    }

    .career-detali-container .career-detali-right {
        width: 100%;
        max-width: none;
    }

    .career-detali-container .career-detali-right ul {
        padding-right: 0;
    }

    .career-detali-container .career-detali-right ul:not(:last-child) {
        margin-bottom: 20px;
    }

    .career-detali-container .career-detali-right .text-with-background {
        margin: 0;
    }

    /*
    Politics
    */
    .politics-container {
        margin-top: 20px;
    }

    .politics-container .politics-inside {
        max-width: none;
        padding: 0;
        margin-bottom: -20px;
    }

    .politics-container .politics-inside .paragraph {
        margin-bottom: 20px;
    }

    /*
    404
    */
    .error-container {
        justify-content: start;
        position: relative;
    }

    .error-container .icon {
        position: absolute;
        bottom: -213px;
    }

    .error-container h1 {
        margin-top: 32px;
        margin-bottom: 31px;
    }

    .error-container .menu  {
        
    }

    .error-container .menu  nav {

    }

    .error-container .menu  nav ul {
        padding: 0;
        list-style: none;
        margin-bottom: -16px;
    }

    .error-container .menu  nav ul li {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 16px;
    }

    .error-container .menu  nav ul li a {
        color: white;
    }

    /*
    sitemap page
    */
    .map-site-wrapper {
        width: calc(100% + 20px);
        margin: 0;
        margin-left: -10px;
        margin-top: 20px;
    }

    .map-site-wrapper .map-site-left {
        width: 34%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .map-site-wrapper .map-site-right {
        width: 66%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .map-site-wrapper h2.very-small-size {
        margin: 0;
    }

    .map-site-wrapper h2.very-small-size + a {
        margin-top: 20px;
    }

    .map-site-block:not(:last-child) {
        margin-bottom: 20px;
    }

}

/*Mobile Size */
@media (max-width: 766px) {
    /*
    Universal
    */
    .teleg-container{
        justify-content: flex-start;
        margin-bottom: 2px;
    }
    .mg-top {
        margin-top: 38px;
    }
    .mg-top-half {
        margin-top: 6px;
    }

    .main {
        padding-top: 77px;
    }
    .main.xs-no-header-gap {
        padding-top: 0;
    }
    .xs-full-width {
        width: calc(100% + 50px);
        margin-left: -25px;
    }
    .block-inside {
        padding: 29px 24px;
    }
    .link-with-arrow span.text {
        font-size: 18px;
        line-height: 24px;
    }
    /*
    Typography
    */
    h1, div.h1 {
        font-size: 50px;
        line-height: 46px;
    }
    h1.middle-size {
        font-size: 36px;
        line-height: 36px;
    }
    h1.small-size {
        font-size: 36px;
        line-height: 36px;
    }
    /*
    h1.smaller-size{
        font-size: 24px;
        line-height: 26px;
    }
    */
    h1.xs-big-size {
        font-size: 50px;
        line-height: 46px;
    }
    h1.xs-small-size {
        font-size: 36px;
        line-height: 36px;
    }
    h1.very-small-size {
        font-size: 18px;
        line-height: 24px;
    }

    h2 {
        font-size: 36px;
        line-height: 41px;
    }
    h2.small-size {
        font-size: 22px;
        line-height: 26px;
    }
    h2.small-medium-size {
        font-size: 22px;
        line-height: 26px;
    }

    h3 {
        font-size: 24px;
        line-height: 24px;
    }

    p {
        font-size: 18px;
        line-height: 24px;
    }
    p.big-size {
        font-size: 24px;
        line-height: 27px;
    }
    p.middle-size {
        font-size: 24px;
        line-height: 27px;
    }

    .btn-2 {
        margin-top: 8px;
        padding-top: 15px;
        font-size: 22px;
        line-height: 24px;
    }

    .btn-3 {
        padding: 12px 20px;
    }

    .btn-6 {
        padding: 10px 0;
    }

    /*
    Header
    */
    .header.xs-white .logo a {
        color: white;
    }
    .header.xs-white .mobile-menu a {
        color: white;
    }

    .header.xs-white.active .logo a {
        color: black;
    }
    .header.xs-white.active .mobile-menu a {
        color: black;
    }

    .header .mobile-menu {
        margin: 0 -3px 0 0;
    }

    .header .logo {
        width: auto;
        margin: 0 0 0 -3px;
    }
    .header .logo a svg {
        width: 182px;
        height: auto;
    }

    /*
    .main-pagination
    */
    .main-pagination {
        margin: 0 -2px;
    }
    .main-pagination.swiper-pagination {
        bottom: 12px;
        left: 24px;
        right: auto;
    }
    .main-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 3px;
    }

    .main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 3px;
    }

    .main-pagination.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;
    }

    /*
    Main SLider Block
    */
    .swiper-main-element {
        padding-top: 100vh;
        padding-top: var(--app-height);
    }

    .swiper-main-element .content-right {
        height: 100vh;
        height: var(--app-height);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .swiper-main-element .content-right .picture {
        height: 100vh;
        height: var(--app-height);
    }

    .swiper-main-element .content-right .picture:before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.92%, rgba(0, 0, 0, 0.8) 79.44%), linear-gradient(360deg, rgba(0, 0, 0, 0) 77.01%, rgba(0, 0, 0, 0.9) 105%);
    }

    .swiper-main-element .content-left {
        padding: 37px 24px 28px;
    }

    .swiper-main-element .content-left .item-title {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 15px;
    }
    
    .swiper-main-element .content-left .content-main{
        padding: 44px 22px;
        max-width: 100%;
        touch-action: none;
        pointer-events: none;
        height: 100vh;
        height: var(--app-height);
    }

    .swiper-main-element .content-left .content-main{
        height: 100vh;
        height: var(--app-height);
        display: flex;
        align-items: end;
    }

    /*
    our-project 
    */
    .swipper-element-inside {
        width: 83.59vw;
        height: 530px;
    }

    .our-project a .name-block {
        padding: 20px 24px 17px;
    }

    .our-project a .name-block span.text {
        font-size: 32px;
        line-height: 28px;
    }

     /*
    expertise
    */
    .expertise-block-container .expertise-block {
        padding: 0;
    }
    .expertise-block-container .expertise-block:not(:last-child) {
        margin-bottom: 1px;
    }
    .expertise-block-container .expertise-block .block-inside {
        padding: 30px 24px;
    }
    .expertise-block-container .expertise-block p {
        margin-top: 1px;
    }

    /*
    services-block
    */
    .block-inside.services-block {
        padding-bottom: 24px;
    }
    .service-inside h2 {
        margin: 0 0 25px;
    }
    .accordion-container .accordion-inside-container {
        margin-top: -11px;
    }
    .accordion-container .accordion-inside-container .accordion .accordion-inside {
        margin-left: -16px;
        padding: 0 16px 0;
        width: calc(100% + 32px);
    }
    .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-header {
        padding: 11px 0;
    }
    .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-header {
        font-size: 24px;
        line-height: 28px;
    }
    .accordion-container .accordion-inside-container .accordion .accordion-inside .accordion-body {
        margin-bottom: 10px;
        padding-bottom: 15px;
        margin-top: 5px;
    }

    /*
    detaly-work-items
    */
    .detaly-work-items .detaly-work-item-left {
        height: 281px;
    }

    .detaly-work-items .detaly-work-item-right .detaly-work-item-right-inside h2 {
        margin: 0 0 21px;
    }

    .detaly-work-items .detaly-work-item-right .flex-elements .flex-element {
        padding: 6px 4px;
    }

    .detaly-work-items .detaly-work-item-right .flex-elements .flex-element .flex-element-inside {
        font-size: 24px;
        line-height: 28px;
        padding: 8px 18px 8px;
    }

    /*
    insights
    */
    .block-inside.insights .service-inside h2 {
        margin: 0 0 16px;
    }

    .step-insight-items-list {
        margin: 0 0 -19px;
    }

    .step-insight-item-block {
            margin-bottom: 32px;
    }

    .step-insights-item {
        flex-direction: column;
    }

    .step-insights-container.margin-top {
        margin-top: 19px;
    }

    .step-insights-container .step-insights-item-left {
        width: 100%;
        margin: 0 0 13px;
    }

    .step-insights-item .step-insights-item-right {
        width: 100%;
        padding: 0;
    }

    .step-insights-item .step-insights-item-right .detaly-text {
        width: 100%;
    }

    .step-insights-item .step-insights-item-right .detaly-text h3 {
        line-height: 28px;
    }

    .step-insights-item .step-insights-item-right .detaly-text p {
        margin-top: 4px;
    }

    /* Footer */
    .footer {
        background-color: #D3D5DA;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .footer .footer-inside {
        padding: 33px 0 70px;
        position: relative;
    }

    .footer .footer-top .footer-top-holder .company {
        flex-direction: column;
    }
    .footer .footer-top .footer-top-holder .company .logo {
        width: 132px;
        margin: 0 0 27px;
    }

    .footer .footer-top .footer-top-holder .company .address-content {
        width: 100%;
    }

    .footer .subscribe-link {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
        justify-content: start;
        flex-direction: column-reverse;
    }

    .footer .footer-bottom .footer-bottom-holder {
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .footer .footer-bottom .footer-bottom-holder .left {
        justify-content: start;
        align-items: start;
    }

    .footer .footer-bottom .footer-bottom-holder .links {
        margin: 22px 0 0;
    }
    .footer .footer-bottom .footer-bottom-holder .links .link {
        width: 100%;
    }
    .footer .footer-bottom .footer-bottom-holder .links .link:not(:last-of-type) {
        margin: 0 0 4px;
    }

    .footer .footer-bottom .footer-bottom-holder .copyright {
        margin: 5px 0 0;
    }

   /*
    Projects
    */
    .project-product-list {
        margin: -6px 0 -12px;
    }

    .project-product-list .project-product-item {
        width: 100%;
        height: 425px;
        box-sizing: border-box;
        padding: 6px 0;
        margin: 0px;
    }

    .project-product-list .project-product-item .name-block {
        padding: 24px 24px;
        width: 100%;
        box-sizing: border-box;
    }

    .project-product-list .project-product-item .name-block span.text {
        font-size: 36px;
        line-height: 30px;
    }

    .project-product-list .project-product-item .name-block span.icon {
        margin-left: 15px;
    }

    /*
    Main-filter
    */
    .main-filter-container{
        margin-bottom: 28px;
        margin-top: 11px;
    }

    .main-filter-container .main-filter-block .main-filter-inside {
        margin-top: 18px;
    }

    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .ul-filter-a {
        padding: 2px 9px;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search-alt .ul-filter-a {
        padding: 2px 9px;
    }

    /*
    Main-filter search
    */
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item.search .mobile-close {
        right: 15px;
        top: 20px;
    }

    /*
    Main-filter header-dropdown-menu
    */
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu {
        max-height: 66vh;
        border-radius: 24px, 24px, 0px, 0px;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container .mobile-close {
        right: 0;
        top: -5px;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container .heading {
        margin: 0 0 23px;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container a {
        font-size: 24px;
        line-height: 28px;       
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container ul {
        max-height: 52vh;
        margin: -9px 0;
    }
    .main-filter-container .main-filter-block .main-filter-inside .ul-filter .ul-filter-item .header-dropdown-menu .header-dropdown-menu-container ul li {
        padding: 12px 0;
    }
    
    /*
    All projects
    */
    .all-project-inside {
        width: 100%;
    }

    .all-project-inside .project-content .link-with-arrow span.icon {
        display: inline;
        margin-left: 5px;
    }

    .all-project-inside .project-content .link-with-arrow span.icon svg {
        width: 8px;
        height: 12px;
    }

    /*
    Banner for project detail
    */
    .banner-wrapper.project-detail .banner-container .background-image img {
        height: 557px;
    }

    .banner-wrapper.project-detail .banner-container .title-block .content-inside {
        padding: 28px 24px;
    }

    .banner-wrapper.project-detail .banner-container .title-block .h1-flat-top {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 3px;
    }

    .banner-container a {
        max-height: none;
    }

    .banner-container a .background-image img {
        height: 250px;
        object-fit: cover;
    }

    .banner-container .title-block .block-inside {
        padding: 32px 24px;
    }

    .banner-container .title-block .flat-title {
        font-size: 24px;
        line-height: 27px;
    }

    .container .heading {
        display: inline-block;
        width: 100%;
    }
    .container .heading.next-project {
        margin: 35px 0 10px;
    }
    .container .heading.next-project h2 {
        margin: 0;
    }

    /*
    Info Block
    */
    .info-block .info-block-inside {
        margin: 0;
    }

    .info-block .info-block-inside .content-left-inside {
        width: 100%;
    }


    /*
    Table card
    */
    .table-card .td-right {
        font-size: 18px;
        line-height: 24px;
    }

    /*
    Flat Container
    */ 
    .flat-container {
        flex-direction: column;
    }

    .flat-container .flat-block {
        padding: 0;
        width: 100%;
    }

    .flat-info-container .flat-content-right .picture img {
        max-width: none;
    }
    .flat-info-container .flat-content-right .picture .table-card  {
        width: 100%;
    }
    .flat-info-container .flat-content-right .picture .table-card .td-right {
        font-size: 20px;
    }

    /*
    Ul Arrow
    */

    .ul-arrow {
        padding-left: 35px;
    }

    .ul-arrow li .icon {
        left: -34px;
        top: 3.5px;
    }


    /*
    Card swiper
    */
    .card-swiper {
        margin-bottom: 0px;
    }
    .card-image.swiper-slide {
        width: auto;
        padding: 0 2.5px;
    }
    .card-swiper .card-image-inside {
        width: 100%px;
        height: auto;
    }
    .card-swiper .card-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .card-swiper .card-bottom-info {
        width: 100%;
    }

    .card-swiper .card-bottom-info .block-inside {
        padding: 29px 26px 18px;
    }

    /*
    Author Container
    */
    .author-container {
        flex-direction: column;
        justify-content: start;
    }

    .author-container .author-items {
        width: 100%;
        margin: -2px 0 0;
    }

    .author-container .author-items .author-item:not(:last-child) {
        margin-bottom: 19px;
    }

    .author-container .author-items .author-item .author-names {
        padding-right: 0;
        padding-top: 2px;
        width: 49%;
    }

    .author-container .author-items .author-item .author-names .author-name {
        font-size: 18px;
        line-height: 24px;

    }

    /*
    Service Detaly
    */
    .service-main-container .service-inside h1.middle-size {
        font-size: 50px;
        line-height: 46px;
        width: 100%;
    }

    .flat-service-top {
        margin-bottom: 31px;
        margin-top: 23px;
    }

    /*
    breadcrumbs
    */
    .breadcrumbs {
        margin-bottom: 8px;
    }
    
    .breadcrumbs ul li {
        font-size: 18px;
        line-height: 24px;
    }

    .breadcrumbs ul li:not(:last-child) {
        margin-right: 7px;
    }

    /*
    Section About
    */
    .section-about h1.middle-size {
        font-size: 36px;
        line-height: 34px;
    }
    .section-about h1.middle-size.xs-small-size {
        font-size: 36px;
        line-height: 36px;
    }

    .section-about .info-block-inside {
        flex-direction: column;
    }
    .section-about .info-block-inside.mg-top-2 {
        margin-top: 15px;
    }

    .section-about .info-flat-text.w-58 {
        width: 100%;
        padding: 0;
        margin-bottom: 38px;
    }

    .section-about .info-flat-text.w-58 .big-size {
        margin-bottom: 29px;
    }

    .section-about .ul-arrow.static {
        padding: 0;
        margin-top: 12px;
    }

    .section-about .ul-arrow.static li  {
        align-items: start;
    }

    .section-about .ul-arrow.static li .icon {
        margin-right: 8.55px;
    }

    .section-about .info-block-inside .quote-text {
        width: 100%;
        box-sizing: border-box;
        padding-left: 46px;
        padding-right: 6px;
    }

    .section-about .info-block-inside .quote-text .quote-author {
        margin-top: 12px;
    }

    /*
    Info Serivce
    */
    .info-serivce {
        gap: 0;
        flex-direction: column;
    }

    /*
    Products in Service
    */
    .products-in-service-swiper-js {
        display: inline-block;
        width: 100%;
        margin-top: 6px;
    }

    .products-in-service-swiper-js .project-product-list {
        margin-bottom: 0;
    }

    .products-in-service-swiper-js .project-product-list .project-product-item {
        width: 326px;
        height: 530px;
    }

    .products-in-service-swiper-js .project-product-list .project-product-item .name-block {
        width: 103%;
        padding: 19px 24px;
    }

    .products-in-service-swiper-js .project-product-list .project-product-item .name-block span.text {
        display: inline;
        font-size: 32px;
        line-height: 28px;
    }

    .products-in-service-swiper-js .project-product-list .project-product-item .name-block span.icon {
        display: inline;
        margin-left: 4px;
    }

    /*
    Dop service
    */
    .dop-service-container {
        margin-top: -11px;
    }
    .dop-service-container .dop-service-item {
        width: 100%;
        padding: 10px 9px;
    }

    .dop-service-container .dop-service-item a {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 4px;
    }

    /*
    Service step insights
    */
    .service-step-insights .service-inside h2 {
        margin: 0 0 16px;
    }

    .service-step-insights .step-insight-items-list {
        margin-bottom: -39px;
    }

    /*
    Address link
    */
    .project-discuss .block-inside {
        padding: 26px 28px 31px;
    }

    .address-link h2 {
        font-size: 36px;
        line-height: 36px;
        padding-right: 20%;
        margin-bottom: 19px;
    }

    /*
    About Company
    */
    .about-company-container {
        flex-direction: column;
        margin: 0;
        margin-left: -24px;
    }

    .about-company-container .about-company-left-container {
        width: 100%;
        padding: 0;
        position: relative;
        z-index: 2;
    }

    .about-company-container .about-company-right-container {
        width: 100%;
        padding: 0;
        transform: translateY(-32px);
        position: relative;
        z-index: 1;
        margin-bottom: -32px;
    }

    .section-about h1.middle-size {
        margin: 0 0 15px;
    }

    .about-company-container .about-company-right {
        padding: 32px 0 0;
    }

    .about-company-container .about-company-right .figure-block {
        margin: 0;
    }
    .about-company-container .about-company-right .figure-block:not(:last-of-type) {
        margin: 0 0 20px;
    }

    .about-company-container .about-company-right .figure-block .figure {
        font-size: 46px;
        line-height: 44px;
        width: 100%;
    }

    .about-company-container .about-company-right .figure-block p {
        width: 100%;
    }

    /*
    History
    */
    .section-history .img-picture {
        margin-top: 12px;
    }

    .section-history .img-picture img {
        height: 260px;
        object-fit: cover;
    }

    .history-company-container .history-company-left-container {
        padding: 0;
    }

    .history-company-container .history-company-left-container .block-inside {
        padding: 24px 24px;
    }

    .history-company-container .history-company-left .detaly-text-block {
        margin-top: 13px;
        padding-right: 0;
    }

    .history-company-container .history-company-right-container .history-company-right .quote-text {
        margin-top: 13px;
        margin-left: 34px;
        padding-right: 45px;
    }

    .history-company-container .history-company-right-container .history-company-right .quote-author {
        margin-top: 14px;
        margin-left: 2px;
    }

    .history-company-container .history-company-right-container .block-inside {
        padding: 29px 24px 14px;
    }
    
    /*
    Method
    */
    .section.method .block-inside {
        padding-bottom: 10px;
    }

    .method-container .method-info-top {
        justify-content: start;
        flex-direction: column;
    }

    .method-container .method-info-top p {
        width: 100%;
    }

    .method-container .method-info-bottom {
        margin-top: 34px;
    }

    .method-section-container .method-section {
        padding: 8px 0 23px;
    }

    .method-section-container .method-section .method-number {
        font-size: 46px;
        line-height: 50px;    
        width: 88px;
    }

    .method-section-container .method-section p {
        width: calc(100% - 88px);
    }

    /*
    Team
    */
    .team-about-container {
        margin: 0;
        margin-left: -24px;    
    }

    .team-about-container .team-about-content-left {
        padding: 0;
        position: relative;
        z-index: 2;
    }

    .team-about-container .team-about-content-left .img-picture {
        height: 296px;
    }

    .team-about-container .team-about-content-right {
        padding: 0;
        transform: translateY(-18px);
        margin: 0 0 -18px;
        position: relative;
        z-index: 3;
    }

    .team-about-container .team-about-content-right .detaly-text-block {
        padding-right: 0;
        margin-top: 11px;
        margin-left: 2px;
    }

    .team-about-container .team-about-content-right .detaly-text-block p {
        font-size: 20px;
        line-height: 26px;
    }
    .team-about-container .team-about-content-right .detaly-text-block p:not(:last-child) {

    }

    .team-about-container .btn-container {
        flex-direction: column;
        padding-top: 16px;
        padding-left: 5px;
        padding-right: 5px;
        gap: 14px;
    }

    .team-about-container .btn-container .btn-4 {
        width: 100%;
        justify-content: start;
        font-size: 24px;
        line-height: 27px;
        padding: 18px 24px;
    }

    /*
    Team List Page
    */
    .team-info-top .team-info-top-right {
        margin: 0;
    }

    .search-input-team {
        width: 100%;
    }

    .search-input-team input {
        padding: 0;
        font-size: 21px;
    }

    .search-input-team .icon {
        bottom: 2px;
        right: 4px;
    }

    /*
    Team List
    */
    .team-flex-container {
        margin-top: 31px;
    }

    .team-flex-container .team-flex-list {
        margin: 0;
    }

    .team-flex-container .team-flex-list .team-item-container {
        margin: 0 -6px
    }

    .team-flex-container .team-flex-list .team-item-container .team-item {
        padding: 6px;
    }

    .team-flex-container .team-flex-list .team-item-container .team-item-img img {
        height: 261px;
        object-fit: cover;
    }

    .team-flex-container .team-flex-list .team-item-container .team-item .team-info {
        padding: 12px;
        padding-right: 20px;
    }

    .team-flex-container .team-flex-list .team-item-container .team-item .link-with-arrow.middle-size {
        display: inline;
    }
    .team-flex-container .team-flex-list .team-item-container .team-item .link-with-arrow.middle-size span.text {
        font-size: 22px;
        line-height: 22px;
    }
    .team-flex-container .team-flex-list .team-item-container .team-item .link-with-arrow.middle-size .link-with-arrow span.icon {
        margin-left: 4px;
        bottom: 7px;
    }

    .team-flex-container .team-flex-list .team-item-container .team-item .team-info .post {
        font-size: 15px;
        line-height: 17px;
        margin-top: 0px;
    }

    /*
    Team Card Page
    */
    .team-detail-section .block-inside {
        padding: 29px 24px 36px;
    }

    .card-team-container {
        margin-top: 5px;
    }

    .card-team-container .card-team .card-team-img {
        margin-left: -24px;
        box-sizing: border-box;
        padding: 0 4px;
        margin-top: 20px;
        margin-bottom: 33px;
    }
    .card-team-container .card-team .card-team-img img {
        object-position: top;
        width: 100%;
        height: 431px;
    }

    .card-team-container .card-team .card-team-info .card-name h1 {
        text-align: left;
        margin: 0 0 6px;
    }
    .card-team-container .card-team .card-team-info .card-name .post {
        text-align: left;
        font-size: 22px;
        line-height: 26px;
    }

    .quote-card .quotation-marks {
        position: absolute;
    }

    .quote-card .quotation-marks.first {
        left: -6px;
        top: -27px;
    }

    .quote-card p {
        box-sizing: border-box;
        padding-left: 27px;
    }

    .card-team-container .card-info-bottom {
        margin-top: 35px;
    }

    .card-team-container .card-info-bottom .card-info-left {
        margin: 0 0 37px;
    }

    .card-team-container .card-info-bottom .card-info-left .card-info-title {
        font-size: 22px;
        line-height: 26pxs;
    }

    .card-team-container .card-info-bottom .card-info-left .links-container  {
        margin-top: 7px;
    }

    .card-team-container .card-info-bottom .card-info-left .links-container .link .btn-5 span.text {
        font-size: 18px;
        line-height: 24px;
    }   

    .card-team-container .card-info-bottom .card-info-right .card-info-detali-text .bg-text {
        box-sizing: border-box;
        padding: 25px 24px 25px;
        width: calc(100% + 36px);
        margin-left: -18px;
    }

    .card-team-container .card-info-bottom .card-info-right .card-info-detali-text li {
        font-size: 18px;
        line-height: 24px;
    }

    .card-team-container .card-info-bottom .card-info-right .card-info-detali-text ul.ol {
        margin: -10px 0 0;
    }

    .card-team-container .card-info-bottom .card-info-right .card-info-detali-text ul.ol li {
        margin: 0 0 -1px;
    }

    /*
    Media Page
    */
    .contact-container .contact-left .contact-left-inside {
        padding: 26px 24px;
    }

    .contact-left-inside .icon {
        margin-right: 25px;
    }

    .contact-container .contact-right {
        margin: 0;
    }

    .contact-container .contact-right .contact-right-inside {
        padding: 27px 24px;
    }

    /*
    News
    */
    .news-section-items-container {
        margin-top: 16px;
    }

    .news-section-items-container .link-with-arrow span.text{
        font-size: 18px;
        line-height: 24px;
    }

    .news-section-items-container hr {
        margin: 21px 0 14px;
    }

    .news-company-section .news-section-items-wrapper {
        margin-bottom: -25px;
    }

    .news-company-section .news-section-items-wrapper .news-section-item {
        width: 100%;
        margin: 0 0 25px;
    }

    .news-company-section .news-section-items-wrapper .news-section-item .news-link span.text {
        font-size: 18px;
        line-height: 24px;
    }

    .news-company-section .news-section-items-wrapper .news-section-item .news-data {
        margin-bottom: 1px;
    }


    .news-items-container {
        margin-top: 15px;
    }

    .news-items-container .news-item {
        flex-direction: column;
    }

    .news-items-container .news-item .news-data {
        width: 100%;
        margin: 0 0 3px;
    }

    .news-items-container .news-item .news {
        width: 100%;
    }

    .news-items-container .news-item .news .news-link span.text {
        font-size: 18px;
        line-height: 24px;
    }

    .news-items-container .news-item .news .news-link span.icon {
        margin-left: 6px;
    }

    .news-items-container .news-item .news p {
        font-size: 15px;
        line-height: 17px;
        margin: 1px 0 0;
    }

    /*
    Plain news lsit
    */
    .news-plain-list-section .news-container .title-container h1.small-size {
        font-size: 50px;
        line-height: 46px;
    }

    .news-plain-list-section .news-items-container {
        margin-top: 27px;
    }

    .news-plain-list-section .block-inside {
        padding: 29px 24px 7px;
    }

    .news-company-container .btn-6 {
        margin-top: 32px;
    }

    /*
    News detail
    */
    .news-page-container .news-page-inside {
        margin-top: 7px;
    }

    .news-page-container .news-page-inside .news-data {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 23px;
    }

    .share {
        margin-top: 29px;
    }

    .share h2 {
        margin-right: 24px;
    }

    .share .icon {
        margin: 0 15px;
        padding: 0;
    }

    .share .icon svg {
        height: 18px;
        width: auto;
    }

    .dop-news {
        margin-top: 34px;
        padding-top: 35px;
    }

    .dop-news h2.small-size {
        font-size: 24px;
        line-height: 28px;
    }

    .news-page-container .news-page-inside .dop-news .news-data {
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 9px;
    }

    .news-page-container .news-media-content {
        margin: auto;
        margin-left: -24px;
        margin-bottom: 20px;
    }

    .news-page-container .news-page-text-container {
        padding-top: 10px;
    }

    .news-page-container .news-page-text-container .text-with-background {
        padding: 20px 24px;
    }

    /*
    Careers list
    */

    .vacancy-container .vacancy-block .link-items a {
        font-size: 24px;
        padding: 8px 0;
    }

    .vacancy-container .vacancy-block:not(:last-child) {
        margin-bottom: 20px;
    }

    /*
    Career Detail
    */
    .career-detail .block-inside {
        padding: 29px 24px 0;
    }

    .career-detali-container .career-detali-right ul li {
        font-size: 18px;
        line-height: 22px;
    }

    .career-detali-container .career-detali-right .text-with-background {
        margin-left: -24px;
    }

    .form-vacancy-section {
        padding: 5px 0;
    }

    .form-vacancy-section.w-62 {
        width: 100%;
    }

    .form-vacancy .form-btn {
        margin-top: 10px;
    }

    .form-vacancy-section input, 
    .form-vacancy-section textarea {
        font-size: 15px;
        line-height: 17px;
    }

    .data-checkmark span.text {
        font-size: 15px;
        line-height: 17px;
    }

    /*
    Politics
    */
    .politics-inside .paragraph h2.small-size {
        font-size: 22px;
        line-height: 26px;
    }

    /*
    404
    */
    .error-container .icon {
        bottom: -213px;
    }

    .error-container .icon svg {
        width: 228px;
        height: auto;
    }

    .error-container h1 {
        text-align: left;
        width: 230px;
        margin-top: 9px;
        margin-bottom: 36px;
    }

    .error-container .menu {
        width: 230px;
    }

    /*
    sitemap page
    */
    .map-site-wrapper {
        width: 100%;
        margin: 0;
        margin-top: 20px;
        flex-direction: column;
    }

    .map-site-wrapper .map-site-left {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }

    .map-site-wrapper .map-site-right {
        width: 100%;
        padding: 0;
    }

    /*
    Contact Form
    */
    .form-container {
        padding: 14px;
    }

    .form-container .form-inside h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .form-container .form-inside form {
        margin-top: 20px;
    }

    .form-container .form-inside input {
        font-size: 15px;
        line-height: 17px;
        padding: 14px 14px;
    }

    .form-container .form-inside textarea {
        font-size: 15px;
        line-height: 17px;
        padding: 14px 14px;
        min-height: 180px;
    }

    .fancybox-slide--html .fancybox-close-small {
        right: 4px;
        top: 8px;
    }

    /*
    Cookies container
    */
    .cookie-container {
        width: calc(100% - 48px);
        bottom: 24px;
        right: 50%;
        transform: translateX(50%);
        box-sizing: border-box;
    }

    .cookie-container .icon {
        display: none;
    }

    .cookie-container p {
        margin: 0 0 10px;
    }

    /*
    Mail form
    */
    .mail-form-container {
        bottom: 0;
        right: 50%;
        box-sizing: border-box;
        padding: 14px;
    }

    .mail-form-container.active {
        transform: translateX(50%);
    }

    .mail-form-container .title {
        font-size: 26px;
        line-height: 32px;
    }

    .mail-form-container .mail-header {
        margin: 0;
    }
    .video-item-link{
        height: 100% !important;
        box-sizing: border-box !important;
    }
    .mail-form-container .data-checkmark {
        margin: 3px 0 10px;
    }

    .mail-form-container .bottom-text-mail p {
        font-size: 12px;
        line-height: 16px;
    }




    .flat-container h2{
        max-width: 100%;
    }

    .main-flat-container .flat-info-container:not(:last-child) {
        margin-bottom: 24px;
    }

    .author-items .author-item .author-post{
        line-height: 20px;
        padding-top: 4px;
    }





}