* {
    letter-spacing: 0;
}

.header-sticky .main-lang a {
    color: black !important;
}

.letter-spacing {
    letter-spacing: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.min-width-max-content {
    min-width: max-content;
}

.tp-hero-title .hero-title-item div,
.tp-hero-title div {
    display: inline-flex !important;
    gap: 10px;
}

.tp-hero-title .hero-title-item div {
    padding-bottom: 10px;
}

.tp-hero-title {
    line-height: 1;
}

.tp-hero-title-wrapper  {
    position: relative;
}

.hero-title-img {
    position: absolute;
    left: 0;
    top: calc(145px * 1);
    width: 260px;
    height: 130px;
    border-radius: 65px;
    -webkit-border-radius: 65px;
    -moz-border-radius: 65px;
    -ms-border-radius: 65px;
    -o-border-radius: 65px;
}

.hero-title-imgSide {
    padding-left: 290px;
}

/* scroll to top button */

#scroll_top {
    position: fixed;
    overflow: hidden;
    width: 44px;
    height: 44px;
    z-index: 100;
    bottom: 20px;
    right: 20px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: var(--tp-common-white);
    box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: none;
}

#scroll_top:hover {
    transform: translateY(-4px);
}

#scroll_top svg {
    width: 12px;
    height: 12px;
}

.hero-content-right {
    gap: 10px;
}

.tp--hover-img {
    max-height: 500px;
}

.start-project-btn {
    min-width: max-content;
}

h3.pp-service-details-title {
    line-height: normal !important;
}

.mt-11 {
    margin-top: 11px;
}

.tp-copyright-img {
    width: 100px;
    height: 100px;
}

@media only screen and (max-width: 1700px) {
    .hero-title-img {
        top: calc(125px * 1);
        width: 220px;
        height: 110px;
        border-radius: 55px;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        -ms-border-radius: 55px;
        -o-border-radius: 55px;
    }

    .hero-title-imgSide {
        padding-left: 250px;
    }
}

@media only screen and (max-width: 1600px) {
    .tp-funfact-big-img {
        width: 250px;
    }
    .tp-funfact-content-wrap .tp-text-bounce {
        font-size: 250px;
    }
    .tp-funfact-content-wrap .stats-3 {
        font-size: 250px;
    }

    .hero-title-img {
        top: calc(115px * 1);
        width: 200px;
        height: 100px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }

    .hero-title-imgSide {
        padding-left: 230px;
    }
}

@media only screen and (max-width: 1400px) {
    .tp-funfact-big-img {
        width: 200px;
    }
    .tp-funfact-content-wrap .tp-text-bounce {
        font-size: 200px;
    }
    .tp-funfact-content-wrap .stats-3 {
        font-size: 200px;
    }

    .hero-title-img {
        top: calc(78px * 1);
        width: 156px;
        height: 78px;
        border-radius: 39px;
        -webkit-border-radius: 39px;
        -moz-border-radius: 39px;
        -ms-border-radius: 39px;
        -o-border-radius: 39px;
    }

    .hero-title-imgSide {
        padding-left: 180px;
    }
}

@media only screen and (max-width: 1200px) {
    .tp-funfact-big-img {
        width: 150px;
    }
    .tp-funfact-content-wrap .tp-text-bounce {
        font-size: 150px;
    }
    .tp-funfact-content-wrap .stats-3 {
        font-size: 150px;
    }

    .hero-title-img {
        display: none;
    }
    .hero-title-imgSide {
        padding-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .tp-funfact-big-img {
        width: 150px;
    }
    .tp-funfact-content-wrap .tp-text-bounce {
        font-size: 150px;
    }
    .tp-funfact-content-wrap .stats-3 {
        font-size: 150px;
    }
}

@media only screen and (max-width: 500px) {
    .tp-funfact-big-img {
        width: 100px;
    }
    .tp-funfact-content-wrap .tp-text-bounce {
        font-size: 100px;
    }
    .tp-funfact-content-wrap .stats-3 {
        font-size: 100px;
    }
}

/* ограничим область перерисовки при скейле, меньше нагрузка на GPU */
.tp-video-thumb-wrap {
    contain: paint;
}
/* медиа внутри растягиваем красиво */
.tp-video-thumb img,
.tp-video-thumb video {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media screen and (min-width: 768px) {
    .footerLogoText {
        font-size: clamp(70px, 10vw, 90px);
        line-height: 1.4;
        letter-spacing: -5px;
    }
}