/*
Theme Name: Geeks Theme
Author: Mecker
Author URI: https://www.linkedin.com/in/dmitriy-macherko-636bb2155/
Description: Geeks360 Agency Template
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom, theme, development
Text Domain: geeks-theme
*/

/* Design tokens. Added 2026-09-03: these values were repeated as literals
   throughout the file (the orange 150 times, #212121 117, the Futura stack 142).
   Every var() below expands to exactly the literal it replaced - no colour was
   merged into a neighbouring shade, which is why the two near-identical oranges
   #F89522 and #F59422 are kept as separate tokens.
   media.css still uses literals; it can reference these too, since :root here
   applies to the same document. */
:root {
    /* Brand */
    --color-orange: #F89522;
    --color-orange-alt: #F59422;
    --color-orange-dark: #D18429;

    /* Dark purples (hero and section backgrounds) */
    --color-purple: #180235;
    --color-purple-dark: #160235;
    --color-purple-deep: #240947;
    --color-purple-mid: #2E1353;

    /* Neutrals */
    --color-text: #212121;
    --color-white: #fff;
    --color-black: #000;
    --color-grey-100: #F4F4F4;
    --color-grey-200: #F5F5F5;

    /* Typography */
    --font-display: 'Futura', sans-serif;
    --font-body: 'Open Sans', sans-serif;
}

@font-face {
font-display:swap;
    font-family: 'Open Sans';
    src: url('/wp-content/themes/geeks/assets/fonts/OpenSans-Regular.woff');
    font-weight: 400;
}

@font-face {
font-display:swap;
    font-family: 'Open Sans';
    src: url('/wp-content/themes/geeks/assets/fonts/OpenSans-Bold.woff');
    font-weight: 700;
}
/*----------Bold-------------*/
@font-face {
font-display:swap;
    font-family: 'Futura';
    src: url('/wp-content/themes/geeks/assets/fonts/FuturaPT-Bold.woff');
    font-weight: 900;
}
/*----------Regular-------------*/
@font-face {
font-display:swap;
    font-family: 'Futura';
    src: url('/wp-content/themes/geeks/assets/fonts/FuturaPT-Book.woff');
    font-weight: 400;
}
/*----------Light-------------*/
@font-face {
font-display:swap;
    font-family: 'Futura';
    src: url('/wp-content/themes/geeks/assets/fonts/FuturaPT-Light.woff');
    font-weight: 200;
}

@font-face {
font-display:swap;
    font-family: Gilroy;
    src: url('/wp-content/themes/geeks/assets/fonts/Gilroy-UltraLight.woff');
    font-weight: 400;
}

body {
    font-family: var(--font-body);
    font-weight: 200;
    margin: 0;
    padding: 0;
    color: var(--color-white);
}
body.page-id-2{
    background: var(--color-grey-100);
}
body._lock {
    overflow: hidden;
}

* {
    box-sizing: border-box;
}
html, body {
    width: 100%;
    overflow-x: hidden;
}
html._lock{
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-white);
}

a {
    color: inherit;
    text-decoration: none;
}

.site-container {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 20px;
}


.header {
    width: 100%;
    display: flex;
    align-items: center;
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

header._lock{
    overflow: hidden;
}
.header__logo-link{
    display: flex;
    align-items: center;
    max-width: 50px;
    text-decoration: none;
}
.header__logo {
    display: block;
    width: 100%;
}

.header__logo img {
    width: 100%;
    height: 100%;
}

.header__left {
    display: flex;
}


.header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-bg {
    background: var(--color-orange);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 5;
    cursor: pointer;
}

.header__menu {
    width: 100%;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: space-between;
}

.header__socials {
    width: 100%;
    max-width: 375px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#menu-main-menu {
    display: flex;
    gap: 16px;
    padding: 0;
    margin-left: 55px;
}

.header__menu li>a {
    font-size: 16px;
    font-family: var(--font-body);
    /*line-height: 140%;*/
    color: var(--color-white);
}
.header__menu__black>a{
    color: var(--color-black);
}
.header__social-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: end;
}

.header__social-item {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.header__social-item img {
    display: block;
    width: 31px;
    height: 31px;
}

.header__phone-block {
    display: flex;
    flex-direction: column;
}

.header__text {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 140%;
    color: var(--color-white);
    transition: 0.2s;
}
.header__text-black{
    color: var(--color-text);
}

.header__phone-link {
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 140%;
    font-weight: 700;
    color: var(--color-white);

}
.header__phone-link-black{
    color: var(--color-text);
}
#menu-item-25 {
    position: relative;

}

.header__menu .menu-item-has-children span{
    color: var(--color-white);
}
.header__menu__black .menu-item-has-children span{
    color: var(--color-black);
}
.menu-main-menu-container a {
    cursor: pointer;
}

.menu-item-has-children.active::before {
    transform: rotate(180deg);
}
.menu-item-has-children{
    position: relative;
}
.sub-menu {
    display: block;
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    top: 100%;
    left: 0;
    padding: 0;
    width: 360px;
    opacity: 0;
    border-radius: 18px;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform  0.3s ease, visibility 0.3s ease;

}

.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    z-index: 1;
}
.header li.menu-item a{
    display: block;
    /*position: relative;*/
}
.header li.menu-item a::before{
    content: '';
    display: block;
    width: 100%;
    height: 13px;
    position: absolute;
    bottom: -10px;
    left: 0;
    opacity: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABiSURBVHgBzY2xDYAwDARNGtZIPB4NEwASFQPglMBoWQIFNw4OBUIgUecrv8/+ByhA0eP0x4wkiUy4viF7XIyyy+xkh+dRnN3G3vZ5ru4Pcp1a1E0CkFA3Yfx05qSDbAuF6QTypSQuHF9vXwAAAABJRU5ErkJggg==');
    background-repeat: repeat-x;
    background-position: 0 100%;
    animation: zigzagPlay 3s linear infinite;
    animation-play-state: paused;
}
@keyframes zigzagPlay{
    0%{
        background-position: 0;
    }
    100%{
        background-position: -100px;
    }
}
.header li.menu-item a:hover:before{
    opacity: 1;
    animation-play-state: running;
}

.sub-menu li a{
    display: block;
    text-decoration: none;
}
.header li.menu-item {
    display: block;
    list-style: none;
}
.footer li.menu-item{
    display: block;
    list-style: none;
}

.menu__icon {
    z-index: 5;
    position: relative;
    width: 16px;
    height: 12px;
    cursor: pointer;
    display: none;
}


.header__social-flex {
    display: flex;
    gap: 10px;

}

@media (max-width:991px) {

    .header__social-item {
        width: 61px;
        height: 61px;
    }

    .header__social-item svg {
        width: 21px;
        height: 21px;
    }

    .header__menu__black li#menu-item-25::before{
        color: var(--color-white) !important;
        font-size: 30px;
    }

    .header__social-item-orange{
        border-color: var(--color-white) !important;
    }

    .menu__icon {
        display: block;
    }

    .menu-bg {
        display: flex;
    }

    .menu>li>a {
        display: block;
        text-align: center;
        font-size: 23px;
    }
    .header__menu__black li a{
        color: var(--color-white) !important;
    }

    .menu ul {
        position: static;
        margin: 0 auto;
    }
    .menu ul li a{
        font-size: 20px;
        display: block;
        text-align: center;
    }

    .header__menu #menu-main-menu {
        margin: 0;
    }
    .header__phone-flex img{
        display: none !important;
    }

    .header__social-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

}


.menu__icon div,
.menu__icon::before,
.menu__icon::after {
    left: 0;
    position: absolute;
    height: 12%;
    width: 100%;
    transition: all 0.3s ease 0s;
    background-color: #222223;
}

.menu__icon::before,
.menu__icon::after {
    content: "";
}

.menu__icon::before {
    top: 0;
}

.menu__icon::after {
    bottom: 0;
}

.menu__icon div {
    top: 50%;
    transform: scale(1) translate(0px, -50%);
}

.menu__icon._active div {
    transform: scale(0) translate(0px, -50%);
}

.menu__icon._active::before {
    top: 50%;
    transform: rotate(-45deg) translate(0px, -50%);
}

.menu__icon._active::after {
    bottom: 50%;
    transform: rotate(45deg) translate(0px, 50%);
}

#menu-header-menu {
    display: flex;
    gap: 25px;
}

.menu-item {
    position: relative;
}

.menu-item.has-submenu::before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABcSURBVHgB3Y/BCcAgDEWTTtANOmJHKD21U+huTuBNb/F/8CAo4tnAN+HnmRCRTcLMTuif9D8yrA8+qhqREkw3gOnlynTNB/ItTK9ldPQJ6WIJBUx+ZeEmbrpl0yg3YDNJMWsEMQAAAABJRU5ErkJggg==');
}


/*hero section*/

.hero {
    width: 100%;
    /*height: 618px;*/
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
}
.hero-serv-bg{
    background-color: var(--color-purple);
}
.page-id-2912 .hero-serv-bg{
    background-color: var(--color-white);
}
.page-id-1716 .hero-serv-bg{
    padding-bottom: 40px;
}
.hero-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--color-grey-100);
    border-radius: 0 0 102px 102px;
}
.hero-serv-bg-cs{
    background-color: var(--color-white);
    padding-top: 50px;
}
.hero-bg-cs{
    /*background: var(--color-grey-200);*/
}

.hero-bg .hero-bg-element {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
}

@media (max-width:767px) {
    .hero-bg .hero-bg-element{
        min-height: 700px;
    }
}

.hero__wrapper {
    width: 100%;
    padding-top: 160px;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.hero__info {
    width: 100%;
    max-width: 550px;
}

.hero__title {
    text-transform: capitalize;
    font-size: 57px;
    font-family: var(--font-display);
    line-height: 110%;
    font-weight: 700;
    margin-bottom: 25px;
}

.hero__title span {
    color: var(--color-orange-alt);
}

.hero__wrapper-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.hero__wrapper-items2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 26px;
    margin-bottom: 30px;
}
.hero__image{
    height: 55px;
}
.hero__image img{
    display: block;
    height: 100%;
    width: auto;
}
.hero__item {
    width: fit-content;
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 140%;
    color: var(--color-white);
    border: 1px solid var(--color-orange);
    padding: 4px 10px;
    border-radius: 58px;
}

.hero__subtext {
    margin-bottom: 30px;
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 140%;
}

.hero__btn-wrapper {
    display: flex;

}

.hero__btn {
    display: inline-block;
    font-size: 18px;
    font-family: var(--font-display);
    line-height: 140%;
    font-weight: 700;
    text-align: center;
    background: var(--color-orange);
    color: var(--color-white);
    padding: 17px 34px;
    border-radius: 50px;
    min-width: 220px;
}


.hero__btn-icon {
    background-color: var(--color-orange-alt);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero__ratings {
    width: 100%;
    max-width: 350px;
    display: flex;
    justify-content: flex-end;
    column-gap: 13px;
    align-items: stretch;
    text-align: center;
    flex-wrap: wrap;
}

.hero__rating-item {
    background-color: var(--color-white);
    padding: 10px 16px;
    border-radius: 20px;
}
.hero__numbers {
    font-size: 33px;
    font-family: 'Gilroy', sans-serif;
    line-height: 140%;
    font-weight: 700;
    color: var(--color-black);
}

.hero__view {
    color: #6C6C6C;
    font-size: 9px;
    font-family: var(--font-body);
    line-height: 140%;
    font-weight: 700;
}
img.hri-icon{
    display: block;
    margin: 0 auto;
}
.hero__stars img{
    display: block;
    width: 100%;
}
.hero__rating-flex {
    display: flex;
    flex-direction: column;
}

@media (max-width:991px) {
    .hero-bg .hero-bg-element {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }

    .hero__numbers {
        font-size: 24px;
    }

    .hero__rating-image {
        display: flex;
        align-items: center;
        margin-right: 5px;
    }

    .hero__rating-flex {
        display: flex;
        flex-direction: row;

    }

    .hero__subtext {
        margin-bottom: 20px;
        width: 239px;
    }

    .hero__title {
        font-size: 41px;
        max-width: 100%;
        text-align: center;
    }

    .hero__ratings {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .hero__wrapper {
        display: flex;
        gap: 20px;
        justify-content: inherit;
        position: relative;
    }

    .hero__info {
        max-width: 100%;
    }

    .hero__wrapper {
        flex-direction: column;
    }
}


/* Award */
.award {
    padding: 120px 0;
}

.award__cta {
    padding: 20px 45px;
    background-color: var(--color-orange-alt);
    margin: 45px auto 0 auto;
    display: block;
    width: fit-content;
    border-radius: 50px;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.award__wrapper-items {
    display: flex;
    gap: 65px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.award__title {
    color: var(--color-text);
    font-size: 47px;
    text-align: center;
    font-family: var(--font-display);
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 50px;
}

.award__title span {
    color: var(--color-orange);
}


.award__wrapper-item {
    width: 20%; /* 5 элементов в строке */
    display: block;
}
.award__wrapper-items:not(.show-all) .award__wrapper-item:nth-child(n + 7) {
    display: none;
}
.award__wrapper-items.show-all .award__wrapper-item {
    display: block;
}


.award__wrapper-item img{
    display: block;
    width: 100%;
}

@media (max-width:991px) {
    .award {
        padding: 200px 0 60px 0;

    }

    .award__wrapper-items {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
    }

    .award__title {
        font-size: 29px;
    }
}

@media (max-width:767px) {
    .award {
        padding: 200px 0 60px 0;
    }

    .award__title {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 571px;
        margin: 0 auto 50px auto;
    }
}

@media (max-width:500px) {
    .award {
        padding: 80px 0 60px 0;
    }
}

/* Services */

.services {
    padding: 100px 0 200px 0;
    background-color: var(--color-purple);
}


.services__main-title {
    text-align: center;
    color: var(--color-orange);
    font-size: 47px;
    font-family: var(--font-display);
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 60px;
}

.services__btn-wrapper {
    display: flex;
}

.services__btn {
    font-size: 16px;
    font-family: var(--font-display);
    line-height: 140%;
    font-weight: 700;
    border-radius: 50px;
    transition: 0.3s;
}

.services__btn-icon {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-white);
    border-radius: 50%;
}

.services__title {
    font-size: 40px;
    font-family: var(--font-display);
    line-height: 140%;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.services__wrapper-reverse {
    display: flex;
    gap: 20px;
    border-radius: 27px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.services__wrapper-reverse:nth-child(2n) {
    flex-direction: row-reverse;
}

.services__info {
    width: 100%;
    max-width: 330px;
    /*min-height: 380px;*/
    padding: 34px 0 34px 34px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.services__wrapper-item {
    width: calc(50% - 10px);
    height: 282px;
    background-color: var(--color-orange);
    border-radius: 27px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}


@media (min-width:991px) {

    .services__wrapper-item:nth-child(4n + 2),
    .services__wrapper-item:nth-child(4n + 3) {
        background-color: var(--color-purple-mid);

    }

    .services__wrapper-item:nth-child(4n + 1) {
        background-color: var(--color-orange);
    }


}

@media (max-width:991px) {
    .services__wrapper-item:nth-child(2n) {
        background-color: var(--color-purple-mid);
    }
}


.services__image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.services__image img {
    display: block;
    height: 282px;
    width: auto;
}

.services .hero__btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

@media (max-width:1110px) {
    .services__image {
        max-width: 182px;
    }
}

@media (max-width:991px) {
    .services__main-title {
        font-size: 29px;
    }

    .services__wrapper-reverse {
        flex-direction: column;
    }

    .services__wrapper-item {
        width: 100%;
    }

    .services__main-title {
        margin-bottom: 25px;
    }

    .services {
        padding-top: 20px;
    }

    .services__info {
        max-width: 259px;
        padding: 25px 25px 25px;
    }


    .services__btn {
        padding: 13px 13px;
    }

    .services__wrapper-item {
        justify-content: space-between;
    }

}

@media (max-width:500px) {
    .services__image {
        max-width: 138px;
    }
}

/* Text */

.text {
    padding: 20px 0 100px 0;
}

.text__title {
    color: var(--color-text);
    font-size: 47px;
    text-align: center;
    font-family: var(--font-display);
    line-height: 140%;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 50px 0;

}

.text__title span {
    color: var(--color-orange);
}

.text__subtitle {
    color: var(--color-text);
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;

}

.text__content {
    color: var(--color-text);
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 160%;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width:991px) {
    .text__title {
        font-size: 29px;
        width: 100%;

    }

    .text {
        padding: 30px 0;
    }

}


/* Numbers */
.numbers {
    width: 100%;
    position: relative;
    height: 490px;
}

.numbers__title {
    font-size: 47px;
    font-family: var(--font-display);
    line-height: 110%;
    font-weight: 700;
    color: var(--color-orange);
    margin: 0 auto 20px auto;
}

.numbers__title span {
    color: var(--color-text);
}

.numbers__subtitle {
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 160%;
    font-weight: 400;
    color: var(--color-text);
}

.num-gradient-row{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, rgba(244, 244, 244, 1) 50%, rgba(24, 2, 53, 1) 51%);
    z-index: -1;
}
.num-left-bg{
    border-bottom-right-radius: 102px;
    width: 50%;
    height: 490px;
    background: var(--color-grey-100);
}
.num-right-bg{
    background: var(--color-purple);
    border-top-left-radius: 102px;
    width: 50%;
    height: 490px;
}


.numbers__info svg {
    position: absolute;
    bottom: -121px;
    right: -195px;
}

@media (max-width:1240px) {
    .numbers__info svg {
        position: absolute;
        bottom: -121px;
        right: -175px;
    }
}

@media (max-width:1140px) {
    .numbers__info svg {
        position: absolute;
        bottom: -121px;
        right: -125px;
    }
}

.numbers__wrapper {
    display: flex;
    padding: 60px 0 40px 0;
    justify-content: space-between;
}


@media (min-width:991px) {
    .number__info-flex {
        max-width: 425px;
    }

    .numbers__numbers-wrapper-flex {
        max-width: 100%;
    }
}

.numbers__numbers-wrapper {
    display: flex;
}


.numbers__numbers-item {
    width: calc(50% - 10px);
    background-color: var(--color-purple-mid);
    border-radius: 23px;
    padding: 15px 15px 15px;
    min-height: 180px;
}

.numbers__score, .numbers__measure {
    font-size: 51px;
    font-family: var(--font-display);
    line-height: 120%;
    font-weight: 700;
    color: #FD8C25;
    margin: 0 0 20px 0;
}
.num-content{
    display: flex;
    align-items: center;
}
.num-content span{
    display: block;
}
.numbers__numbers-wrapper-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    max-width: 480px;
}

.difference {
    padding: 80px 0 50px 0;
}

.difference__bg-row {
    background-color: var(--color-purple-mid);
    padding: 28px 42px;
    border-radius: 23px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width:1310px) {
    .difference {
        padding: 80px;
    }
}

.difference__title {
    font-size: 47px;
    font-family: var(--font-display);
    line-height: 110%;
    font-weight: 700;
    width: 100%;
    max-width: 543px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-transform: capitalize;
    color: var(--color-text);
    text-align: center;
}

.difference__title span {
    color: var(--color-orange);
}

.difference__list li {
    font-weight: 400;
    font-size: 16px;
}

.difference__items .difference__items-wrapper-reverse:nth-child(odd) .difference__image{
    margin-right: 24px;
}
.difference__items .difference__items-wrapper-reverse:nth-child(even) .difference__image{
    order: 2;
    margin-right: 0;
    margin-left: 24px;
}

.difference__items-wrapper-reverse {
    display: flex;
    /*gap: 24px;*/
    margin-bottom: 50px;
}


.difference__image {
    width: 100%;
    max-width: 349px;
}

.difference__image img {
    width: 100%;
    height: 100%;
}


.difference__content {
    padding: 26px 42px;
    background-color: var(--color-purple-mid);
    border-radius: 23px;
}

.difference__content-title {
    font-size: 50px;
    font-family: var(--font-display);
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-white);
}
a.dif-cont-link{
    text-decoration: none;
    display: block;
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: bold;
    transition: 0.3s;
    max-width: 100px;
}

.difference__items .difference__items-wrapper-reverse:nth-child(even) .difference__bg-row{
    background: var(--color-orange-alt);
}
.difference__items .difference__items-wrapper-reverse:nth-child(even) .difference__bg-row .difference__content-title{
    color: var(--color-purple-mid);
}
.difference__items .difference__items-wrapper-reverse:nth-child(odd) .difference__bg-row a.dif-cont-link:hover{
    color: var(--color-orange-alt);
}
.difference__items .difference__items-wrapper-reverse:nth-child(even ) .difference__bg-row a.dif-cont-link:hover{
    color: var(--color-purple-mid);
}
.difference__list {
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 160%;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-white);
    padding: 0 20px;
    list-style-type: square;
}

.difference__list li {
    margin-bottom: 15px;
}

.difference__list li::marker {
    color: orange;
    font-size: 20px;
}

.video-container{
    margin-bottom: 70px;
}
.video-block{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 23px;
    overflow: hidden;
}
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.play-button {
    transition: 0.3s;
    cursor: pointer;
}
.play-button:hover{
    transform: scale(1.1);
}

.diff-btn{
    display: block;
    text-decoration: none;
    font-size: 18px;
    font-family: var(--font-display);
    line-height: 140%;
    font-weight: 700;
    text-align: center;
    background: var(--color-orange);
    color: var(--color-white);
    padding: 17px 34px;
    border-radius: 50px;
    margin: 40px auto 0 auto;
    max-width: 230px;
}

.number__subtext {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    font-family: var(--font-body);
    margin: 0;
}

.number__info-flex {
    width: 100%;
}


@media (max-width:991px) {
    .numbers__numbers-wrapper svg {
        position: absolute;
        bottom: 0;
        left: -67px;
        display: none;
    }

    .cases__slider-item {
        padding: 0 !important;
        flex-direction: column;
    }

    .numbers__info svg {
        display: none;
    }

    .numbers__numbers-wrapper-flex {
        max-width: 100%;
    }

    .numbers__info {
        display: flex;
        justify-content: center;
        max-width: 100%;
    }


    .numbers__wrapper {
        flex-direction: column;
        padding-bottom: 0;
    }



    .numbers__numbers-wrapper {
        width: 100vw;
        position: static;
        padding: 35px 35px 20px 35px;
        transform: translateX(-37px);
        border-top-left-radius: 53px !important;
        border-top-right-radius: 53px !important;

    }


    .numbers {
        width: 100%;

    }

    .numbers__title {
        font-size: 29px;
        font-family: var(--font-display);
        line-height: 110%;
        font-weight: 700;
        color: var(--color-orange);
        display: flex;
        text-align: center;
        flex-direction: column;
        margin: 0 auto 20px auto;

    }

    .difference {
        margin-top: -20px;
    }

    .numbers__score {
        font-size: 37px;
    }

    .difference__content {
        padding: 20px 25px;
    }

    .difference {
        padding: 40px 0;
    }

    .difference__title {
        font-size: 29px;
        text-align: center;
    }
}

@media (max-width:767px) {
    .numbers__numbers-wrapper-flex {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .numbers__info {
        display: flex;
        justify-content: center;

    }

    .numbers__numbers-item {
        padding: 20px 15px;
    }

}

@media (max-width:500px) {
    .number__info-flex {
        max-width: 425px;
    }
}

/* Cases */

.cases {
    background-color: var(--color-purple);
    padding-bottom: 100px;
    position: relative;
    z-index: 2;
    margin-top: -1px;
}

.cases__wrapper-slider {
    position: relative;
    padding: 0 70px
}

@media (max-width:991px) {
    .cases__wrapper-slider {
        padding: 0 55px;
    }
}

.cases__slider-item {
    padding: 40px;
    background-color: var(--color-purple-mid);
    border-radius: 27px;
    display: flex;
    justify-content: space-between;
}

.cases__slider-info {
    width: 100%;
    max-width: 543px;
    text-align: left;
}

.cases__slider-flex {
    display: flex;
    margin-top: 34px;
}

.cases__slider-info h4 {
    font-size: 24px;
    font-family: var(--font-display);
    line-height: 120%;
    font-weight: 700;
    text-align: left;
    margin: 0 0 8px 0;
}

.cases__slider-info p {
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 160%;
    font-weight: 400;
    text-align: center;
    color: var(--color-white);
    margin: 0;
}
.cases__slider-info p.cst-sh-desc{
    text-align: left;
}
.cases__slider-info span {
    font-size: 23px;
    font-family: var(--font-display);
    line-height: 120%;
    font-weight: 700;
    color: var(--color-orange);
    text-align: center;
    margin-bottom: 2px;
}

.cases__left-btn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    transition: 0.5s;
    background: var(--color-orange);
    border-radius: 50%;
}

.cases__right-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    transition: 0.5s;
    background: var(--color-orange);
    border-radius: 50%;
}
.cases__right-btn:hover, .cases__left-btn:hover{
    background: var(--color-orange-dark);
}

.cases__slider-flex-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cases__slider-flex-item:not(:last-child) {
    border-right: 1px solid #4F2984;
    padding-right: 30px;

}

.cases__slider-flex-item:not(:first-child) {
    padding-left: 28px;
}

.cases__slider-flex-item img {
    width: 40px;
    height: 40px;
    margin-bottom: 13px;
}

.cases__slider-image {
    width: 100%;
    max-width: 376px;
    display: flex;
    align-items: center;
}

.cases__slider-image img {
    width: 100%;
}

.csi-flex{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    gap: 12px;
}
.csi-flex span{
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 4px 14px;
    border-radius: 20px;
    transition: 0.2s;
}
span.csi-dark-item{
    color: var(--color-white);
    border: 1px solid var(--color-orange);
}
span.csi-light-item{
    background: var(--color-white);
    border: 1px solid var(--color-white);
    color: var(--color-purple-mid);
}
.cases__slider-info a{
    display: inline-block;
    text-decoration: none;
    color: var(--color-white);
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid var(--color-white);
    margin: 8px auto 16px 0;
    transition: 0.5s;
}
.cases__slider-info a:hover{
    color: var(--color-orange);
    border-color: var(--color-orange);
}

@media (max-width:991px) {
    .cases__slider-image {
        max-width: 100%;
    }
}

.cases__left-decor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.cases__right-decor {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.cases__left-decor svg {
    width: 175px;
}

.cases__right-decor svg {
    width: 155px;
}

.cases__wrapper {
    text-align: center;
}

.form {
    margin-top: -1px;
}

.cases__title {
    font-size: 47px;
    font-family: var(--font-display);
    line-height: 110%;
    font-weight: 700;
    color: var(--color-white);
    width: 100%;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.cases__title span {
    color: var(--color-orange);
}
.cases__category {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 45px;
    flex-wrap: wrap;
}

.cases__category-item {
    text-decoration: none;
    display: block;
    font-size: 16px;
    color: #E3E3E3;
    font-family: var(--font-body);
    font-weight: 700;
    line-height: 140%;
    border: 1px solid var(--color-orange);
    padding: 7px;
    border-radius: 58px;
    transition: 0.2s;
}
.cci-active{
    background: var(--color-orange);
}
.cases__category-item:hover{
    background: var(--color-orange);
}
.cs-home-not-found{
    width: 100%;
    text-align: center;
    color: var(--color-white);
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
}
.cases__wrapper-items {
    display: flex;
    flex-wrap: wrap;

    gap: 24px;
    margin-bottom: 50px;
}

.cases__item {
    position: relative;
    width: 100%;
    max-width: 367px;
    height: 247px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
}

.cases__item img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
}


.cases__info {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    color: var(--color-white);
    padding-bottom: 20px;
    padding-left: 20px;
}

.cases__info span {
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
}

.cases__info a {
    text-decoration: underline;
}

.cases__btn {
    font-size: 16px;
    font-family: var(--font-display);
    background: var(--color-orange-alt);
    line-height: 110%;
    font-weight: 700;
    color: var(--color-white);
    padding: 12px 35px;
    margin: 0 auto;
    border-radius: 50px;
    display: block;
    max-width: 140px;
    margin-top: 40px;
    transition: 0.5s;
}
.cases__btn:hover{
    background: var(--color-orange-dark);
}

@media (max-width:991px) {

    .cases__slider-info {
        padding: 10px;
    }

    .cases__slider-flex {
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
    }

    .cases__slider-flex {
        margin-bottom: 20px;
    }

    .cases__slider-flex-item:not(:last-child) {
        padding-right: 0;
        border: none;
    }

    .cases__slider-flex-item:not(:first-child) {
        padding-left: 0;
    }

    .difference__image {
        max-width: 100%;
    }

    .cases__item {
        max-width: 100%;
    }

    .cases__category {
        margin-bottom: 30px;
    }

    .cases__title {
        font-size: 29px;
    }

}

@media (max-width:767px) {
    .cases__right-decor {
        top: -120px;
    }

    .cases__left-decor {
        top: -120px;
    }
}

/* Form */
.form {
    background-color: var(--color-purple);
    padding: 60px 0;
}

.form__wrapper {
    text-align: center;
}

.form__wrapper img {
    margin-bottom: 30px;
}

.form__title {
    color: var(--color-white);
    font-size: 47px;
    text-align: center;
    font-family: var(--font-display);
    line-height: 110%;
    font-weight: 700;
    width: 100%;
    max-width: 644px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.form__subtitle {
    color: var(--color-white);
    font-size: 20px;
    font-family: var(--font-body);
    line-height: 140%;
    font-weight: 400;
    width: 100%;
    margin: 0 auto;
    max-width: 900px;
    margin-bottom: 25px;
}

.form__subtitle span {
    color: var(--color-orange);
}

.frm_form_fields {
    width: 100%;
    max-width: 649px;
    margin: 0 auto;
    background-color: var(--color-purple-mid);
    padding: 34px 34px 0 34px;
    border-radius: 12px;
}

.with_frm_style .frm_submit.frm_flex {
    width: 100%;
}


@media (max-width:500px) {
    .frm_form_fields {
        max-width: 374px;
    }
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
    width: 100%;
    margin: 0;
    box-shadow: none;
    height: 60px;
    border-radius: 8px;
    background-color: var(--color-orange-alt);
    border: none;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--font-display);
    transition: 0.3s;
}


.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    background: var(--color-orange-dark);
}

.frm_checkbox label {
    color: var(--color-white) !important;
    font-size: 15px !important;
    font-family: var(--font-body) !important;
    line-height: 20px !important;
    font-weight: 400 !important;

}
.with_frm_style .vertical_radio .frm_checkbox{
    margin-bottom: 0 !important;
}
.frm_opt_container {
    width: 100% !important;

}


.with_frm_style .vertical_radio .frm_checkbox {
    /*margin-left: 50px;*/

}

.with_frm_style .frm_checkbox label input[type=checkbox],
.with_frm_style .frm_radio label input[type=radio] {
    /*margin-left: -22px;*/
}

.with_frm_style input[type=text] {
    width: 100%;
    max-width: 211px;
    height: 60px;
    /*font-size: 16px;*/
    font-family: var(--font-body) !important;
    line-height: 120% !important;
    font-weight: 400 !important;
}

.with_frm_style input[type=tel]{
    width: 100%;
    max-width: 211px;
    height: 60px;
    /*font-size: 16px;*/
    font-family: var(--font-body) !important;
    line-height: 120% !important;
    font-weight: 400 !important;
}
.with_frm_style select{
    width: 100%;
    max-width: 211px;
    height: 60px;
    /*font-size: 16px;*/
    font-family: var(--font-body) !important;
    line-height: 120% !important;
    font-weight: 400 !important;
}
.with_frm_style input[type=email] {
    width: 100%;
    max-width: 211px;
    height: 60px;
    font-size: 16px;
    font-family: var(--font-body) !important;
    line-height: 120% !important;
    font-weight: 400 !important;
}

.with_frm_style input[type=number] {
    width: 100%;
    max-width: 211px;
    height: 60px;
    font-size: 16px;
    font-family: var(--font-body) !important;
    line-height: 120% !important;
    font-weight: 400 !important;
}


#field_fb0ve-0 {
    width: 21px !important;
    height: 21px !important;
    cursor: pointer;
}

.with_frm_style .frm_radio input[type=radio],
.with_frm_style .frm_checkbox input[type=checkbox] {
    border: none !important;
    background-color: var(--color-white) !important;
}

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus {
    box-shadow: none !important;
}

.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
    border-radius: 5px;
    background-color: var(--color-white);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB/SURBVHgBjc7BDUBAEAVQf5zclDAHdzpAB0pw1o7gKCrZVtSAxMmOJSISK3ZOk/3vbwaewywNJz68GC4QQsqsIVwhkS5prqNs7Zj/YFCNAxG0Eg31LNjg8Q4TlCboARlBkm/a3GaBJ75+ugsiCG3wxs/Csdvga6aai7Xl9CvfAXLDRrH8CVwIAAAAAElFTkSuQmCC') !important;
}

@media (max-width:991px) {

    .with_frm_style .vertical_radio .frm_checkbox {
        margin-left: 30px;
    }

    #frm_field_8_container {
        width: 49%;
    }

    #frm_field_7_container {
        width: 49%;
    }

    .form__title {
        font-size: 29px;
    }

    #frm_field_11_container {
        width: 100%;
    }


    #frm_field_10_container {
        width: 100%;
    }

    #frm_field_6_container {
        width: 100%;
    }

    .frm_fields_container {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #frm_field_9_container {
        width: 49%;
    }

    #frm_field_12_container {
        width: 49%;
    }

    .form {
        padding: 30px 0 30px;
    }

    .form__wrapper img {
        margin-bottom: 10px;
    }

    .frm_style_formidable-style.with_frm_style .frm_submit button {
        width: 100%;
    }

    .with_frm_style input[type=text] {
        max-width: 100%;
    }

    .with_frm_style input[type=email] {
        max-width: 100%;
    }

    .with_frm_style input[type=number] {
        max-width: 100%;
    }

    .frm_opt_container {
        margin-left: 0;
        max-width: 100%;
    }
}

/* comment */
.comment {
    padding: 100px 0;
    background: var(--color-grey-100);
}

.comment__title {
    color: var(--color-text);
    font-size: 47px;
    font-family: var(--font-display);
    line-height: 120%;
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 990px;
    margin-bottom: 35px;
    text-transform: capitalize;
}

.comment__title span {
    color: var(--color-orange);
}

.comment__wrapper-items {
    position: relative;
    display: flex;
    column-gap: 24px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    transition: height 0.5s ease, overflow 0.5s ease;
}
.blur-block{
    display: block;
    position: absolute;
    width: 100%;
    height: 180px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, var(--color-grey-100), rgba(240, 240, 240, 0));
}
.blur-block-disabled{
    display: none;
}

.cwi-column{
    width: 270px;
}

.comment__wrapper-item {
    width: 100%;
    background-color: var(--color-white);
    border-radius: 20px;
    padding: 25px;
    height: fit-content;
    margin-bottom: 24px;
}


.comment__wrapper-item-text {
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 140%;
    color: var(--color-text);
    font-weight: 400;
}

.comment__wrapper-item-text span {
    font-weight: 700;
    background-color: rgba(248, 149, 34, 0.54);
    padding: 2px;

}

.comment__wrapper-item-inner {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.comment__wrapper-item-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.comment__wrapper-item-image img {
    width: 45px;
    height: 45px;
}

.comment__wrapper-item-info {
    display: flex;
    flex-direction: column;
}

.comment__wrapper-item-info p {
    font-size: 12px;
    font-family: var(--font-body);
    line-height: 140%;
    color: var(--color-text);
    font-weight: 400;
    margin: 0;
}

.comment__wrapper-item-name {
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 140%;
    color: var(--color-text);
    font-weight: 700;
    margin-bottom: 5px;
}

.comment__btn {
    background-color: var(--color-orange-alt);
    width: fit-content;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px auto 0 auto;
    padding: 20px 50px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--font-display);
}

@media (max-width:991px) {
    .comment__title {
        font-size: 29px;
    }
}

/* Slider */
.swiper {
    width: 100%;
    color: var(--color-black);
}


.slider {
    padding: 70px 0 70px 0;
    background: var(--color-grey-100);
}

.slider__wrapper {
    position: relative;
}

.slider__btn-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    z-index: 10;
    cursor: pointer;
}

.slider__btn-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    z-index: 10;
    cursor: pointer;
}

.slider {
    position: relative;
}

.slider__title {
    text-transform: capitalize;
    font-size: 47px;
    color: var(--color-text);
    font-family: var(--font-display);
    line-height: 110%;
    font-weight: 700;
    margin-bottom: 45px;
    text-align: center;
}

.slider__title span {
    color: var(--color-orange);
}

.slider__control {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);

}

.slider__item {
    display: flex;
    flex-direction: column;
    background-color: var(--color-white);
    border-radius: 20px;
    padding: 13px 13px 24px 13px;

}

.si__img__container{
    width: 100%;
    /*height: 260px;*/
}

.slider__item img {
    display: block;
    width: 100%;
    border-radius: 12px;
}
.slider__item h6{
    font-family: var(--font-display);
    color: var(--color-text);
    font-size: 18px;
    margin: 12px 0 0 0;
}

.slider__item p {
    font-size: 16px;
    font-family: var(--font-body);
    line-height: 140%;
    color: var(--color-text);
    height: 112px;
}

.slider__item a {
    text-align: center;
    font-size: 18px;
    font-family: var(--font-display);
    font-weight: 700;
    line-height: 120%;
    transition: 0.3s;
}
.slider__item a:hover{
    color: var(--color-orange);
}

.slider__item svg {
    width: 12px;
    height: 12px;
}

.slider__wrapper-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 70px;
    position: relative;
}
.swiper-wrapper-blog{
    padding: 10px 0;
}
.swiper1 .swiper-slide {
    display: flex;
    justify-content: center;
}
.swiper1 .slider__item:hover{
    transition: 0.3s;
    cursor: pointer;
    background: var(--color-grey-200);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
}
.swiper1 .slider__item{
    min-height: 550px;
    justify-content: space-between;
}
@media (max-width:767px) {
    .slider__btn-next {
        right: -15px;
    }

    .slider__btn-prev {
        left: -15px;
    }

    .slider__title {
        font-size: 29px;
        margin-bottom: 10px;
    }
}

@media (max-width:500px) {
    .slider__item {
        max-width: 294px;
        padding-bottom: 20px;
    }
}

/* Footer */

.footer {
    background-color: var(--color-purple);
    padding: 70px 0 30px 0;
}
.footer__bottom-text{
    margin-top: 70px;
}
.footer__bottom-text p{
    margin: 0;
    color: var(--color-white);
    font-size: 12px;
    text-align: center;
}
.footer__bottom-text p a:hover{
    color: var(--color-orange);
}
.footer__wrapper {
    display: flex;
    justify-content: space-between;
}


.footer__logo {
    display: block;
    text-decoration: none;
    width: 100%;
    max-width: 175px;
    margin-bottom: 20px;
}

.footer__logo img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.footer__text {
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    margin-bottom: 10px;

}

.footer h4 {
    color: var(--color-orange);
    font-size: 21px;
    font-family: var(--font-display);
    font-weight: 700;
    line-height: 120%;
    margin: 0;
    margin-bottom: 10px;
}

.footer__info2 {
    display: flex;
    justify-content: space-between;
    gap: 90px;

}


.footer__list {
    min-width: 164px;
}

.footer__list ul {
    padding: 0;
    margin: 0;

}

.footer__list li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 120%;
}

.footer__menu #menu-main-menu-1 {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

.footer__menu #menu-main-menu-1 li {
    margin-bottom: 15px;
}

.footer__list-flex {
    display: flex;
    width: 100%;

    justify-content: space-between;
    flex-direction: column;
}

.footer__list-item {
    margin-bottom: 15px;
}

.footer__list-flex li {
    list-style: none;

}

.footer__list-flex ul {
    padding: 0;
    margin: 0;
}

.footer__list-flex a {
    font-size: 16px;
}

@media (max-width:991px) {
    .footer__wrapper {
        flex-direction: column;
    }

    .footer__info {
        display: flex;
        justify-content: space-between;
    }

    .footer__menu #menu-main-menu-1 {
        display: block;
    }

    .footer__flex-text {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .footer__text-block-flex {
        display: flex;
        flex-direction: column;
    }

    .footer__info2 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .footer__list-flex {
        display: flex;
        max-width: 560px;

    }

}

@media (max-width:500px) {
    .footer__info {
        display: flex;
        justify-content: space-between;
        width: 100%;

        align-items: center;
    }

    .footer__logo img {
        margin-bottom: 0;
    }

    .footer__list-flex {
        max-width: 313px;
    }

    .footer__logo {
        max-width: 120px;
        margin-bottom: 0;
    }
}

.form.white-form {
    background-color: #F0F0F0;
}

.form.white-form.frm_form_fields {
    background-color: #9C9C9C;
}

.form-title-white {
    color: var(--color-text);
}

.form-title-white span {
    color: var(--color-orange);
}

.form-subtitle-white {
    color: var(--color-text);
}

.block-white .frm_form_fields {
    background-color: #9C9C9C;
}

#menu-header-menu-1 li {
    margin-bottom: 15px;
    list-style: none;
}

#menu-header-menu-1 {
    margin: 0;
    padding: 0;
}

.footer__menu .header__menu {
    display: block;
    position: static;
    transform: translateY(0px);
    padding: 0;
}

.footer__menu .header__menu a {
    font-size: 16px;
    text-align: left;
}

.footer .header__social-flex {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

/*-----------01.12.2024-------------NEW---------------------------------------------------------------------------------------*/
.swiper2 .swiper-wrapper{
    align-items: center;
}

.header__menu__black li a{
    color: var(--color-black);
}
.header__menu__black li#menu-item-25::before{
    color: var(--color-black);
}
.header__social-item-orange{
    /*border: 1px solid rgba(33, 33, 33, 0.17);*/
}
.header__phone-flex{
    display: flex;
    align-items: center;
    background-color: rgba(245, 148, 34, 0.27);
    padding: 3px 17px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.2s;
}
.header__phone-flex img{
    display: block;
    margin-right: 6px;
}
.hero-service__wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 140px;
    min-height: 550px; /* 670 */
    position: relative;
    z-index: 2;
}
body.page-id-352 .hero-service__wrapper, body.page-id-969 .hero-service__wrapper{
    padding-top: 102px;
}
.hero-serv__content{
    width: 100%;
    max-width: 630px;
    margin-top: 46px;
}
body.page-id-352 .hero-serv__content, body.page-id-969 .hero-serv__content{
    margin-top: 84px;
}
.hero-serv__img{
    max-width: 540px; /*530*/
    display: flex;
    align-items: flex-end;
    margin-top: 46px;
}
body.page-id-352 .hero-serv__img, body.page-id-969 .hero-serv__img{
    position: relative;
    overflow: hidden;
    max-width: unset;
    width: 434px;
    height: 432px;
    /*border-top-left-radius: 80px;*/
    /*border-top-right-radius: 80px;*/
}
.hero-serv__img img{
    display: block;
    width: 100%;
}

body.page-id-352 .hero-serv__img img, body.page-id-969 .hero-serv__img img{
    position: absolute;
    z-index: 5;
    width: 451px;
    height: auto;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.hero-serv__img video.sma-border-video{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    width: 304px;
    height: auto;
    z-index: 4;
}
.hero-serv__img video.web-dev-vid{
    width: 100%;
}
.hero-serv__content h1{
    font-size: 57px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-text);
    margin-bottom: 18px;
    margin-top: 0;
}
.hero-serv__content h1 span{
    color: var(--color-orange-alt);
}

span.hsc-text{
    display: block;
    font-size: 16px;
    color: var(--color-text);
    margin-bottom: 30px;
    font-family: var(--font-body);
    line-height: 140%;
}
.header-service__phone-link{
    font-size: 15px;
    font-family: var(--font-body);
    line-height: 140%;
    font-weight: 700;
    color: var(--color-text);
    background-color: rgb(245 148 34 / 27%);
    padding: 3px 17px;
    border-radius: 50px;
    cursor: pointer;
}
.header-service__text{
    text-align: center;
    margin-bottom: 10px;
    font-size: 10px;
    font-family: var(--font-body);
    line-height: 140%;
    color: var(--color-text);
}
.working-platforms{
    background: var(--color-purple);
    padding: 89px 0 32px 0;
}
.platform-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}
.platform-wrapper__item{
    display: flex;
    align-items: center;
}
/* GEO services page (#4283) only: the AI-platform logos in this block were uploaded
   at two different native sizes (143x72 and 300x150). They all share a 2:1 ratio, so
   one uniform width also normalises their height with no distortion. Scoped to
   .page-id-4283 so the same shared "platforms" block on every other page is untouched.
   Mobile (<=475px) is already normalised globally in media.css, so this targets >=476px. */
@media (min-width: 476px){
    .page-id-4283 .platform-wrapper__item img{
        display: block;
        width: 140px;
        height: auto;
    }
}
.resultative-marketing{
    padding: 32px 0;
    background: var(--color-purple);
}
.rm-content{
    margin-bottom: 76px;
}
.rm-content h2{
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    color: var(--color-white);
    margin-bottom: 20px;
}
.rm-content h2 span{
    color: var(--color-orange);
}
.rm-content p{
    color: var(--color-white);
    font-size: 16px;
    text-align: center;
    max-width: 812px;
    margin: 0 auto;
    line-height: 129%;
}
.rm-points-wrapper{
    display: flex;
    justify-content: center;
    gap: 22px;
    flex-wrap: wrap;
}
.rm-points-wrapper__item{
    width: 100%;
    max-width: 320px;
    padding: 40px 20px 0 20px;
    position: relative;
    background: #FEFEFE;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.point-title{
    font-size: 27px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-orange);
    text-align: center;
}
.rm-points-wrapper__item p{
    font-size: 16px;
    color: var(--color-text);
    text-align: center;
    line-height: 168%;
}
.rm-points-wrapper__item img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.point-number{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 109px;
    height: 37px;
    /*background: var(--color-purple);*/
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -19px;
    font-size: 27px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-orange-alt);
    background-size: cover;
    background-repeat: no-repeat;
    /*clip-path: ellipse(50% 12% at 50% 50%);*/
}

/*-----------------02.12.2024------------------------------NEW--------------------------------------------*/
.how-we-do-section{
    background: var(--color-purple);
    padding: 200px 0 70px 0;
    /*border-bottom-left-radius: 102px;*/
    /*border-bottom-right-radius: 102px;*/
}
.how-we-do-block h2{
    color: var(--color-white);
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
}
.how-we-do-block h2 span{
    color: var(--color-orange-alt);
}
.hwd-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 106px;
    row-gap: 20px;
}
.hwd-wrapper__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 400px;
    height: 196px;
    gap: 10px;
}
.hwd-wrapper__item-content h6{
    font-size: 23px;
    font-family: var(--font-display);
    color: var(--color-white);
    font-weight: bold;
    margin: 0 0 7px 0;
    width: 100%;
}
.hwd-wrapper__item-content p{
    font-size: 16px;
    color: var(--color-white);
    width: 100%;
}
.hwd-wrapper >.hwd-wrapper__item:nth-child(odd) h6{
    text-align: right;
}
.hwd-wrapper >.hwd-wrapper__item:nth-child(even) h6{
    text-align: left;
}
.hwd-wrapper >.hwd-wrapper__item:nth-child(odd) p{
    text-align: right;
}
.hwd-wrapper >.hwd-wrapper__item:nth-child(even) p{
    text-align: left;
}
.hwd-wrapper__item-number{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 70px;
    color: var(--color-orange);
    border-radius: 7px;
    width: 78px;
    height: 127px;
}
.hwd-wrapper >.hwd-wrapper__item:nth-child(odd) .hwd-wrapper__item-number{
    background: linear-gradient(0deg, #4E2D79 0%, #240948 52.85%, var(--color-purple) 121.65%);
}
.hwd-wrapper >.hwd-wrapper__item:nth-child(even) .hwd-wrapper__item-number{
    order: -1;
    background: linear-gradient(0deg, #4E2D79 0%, #240948 52.85%, var(--color-purple) 121.65%), linear-gradient(90deg, #4E2D79 0%, #240948 35.64%, #220646 82.05%);
}
.hwd-wrapper__item-content{
    width: 290px;
    height: 100%;
}
/*-----------------------------------------------*/
.option-for-business{
    background: var(--color-white);
    padding-bottom: 90px;
    padding-top: 40px;
}
.option-for-business h2{
    color: var(--color-text);
    text-align: center;
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    margin-bottom: 10px;
}
.option-for-business h2 span{
    color: var(--color-orange);
}
.ofb-sentence{
    display: block;
    font-size: 16px;
    color: var(--color-text);
    text-align: center;
    margin-bottom: 30px;
}
.ofb-cards{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}
.card-item{
    width: 430px;
    /*max-height: 468px;*/
    background: var(--color-purple-mid);
    border-radius: 23px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.title-flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.title-flex h6{
    font-size: 27px;
    font-family: var(--font-display);
    color: var(--color-white);
    margin: 0;
    font-weight: unset;
    max-width: 300px;
}
.title-flex h6 span{
    font-weight: bold;
    color: var(--color-orange-alt);
}
.title-char{
    width: 65px;
    height: 65px;
    background: var(--color-orange);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title-char img{
    display: block;
}

ul.ofb-card-list, ul.ofb-card-list li{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.ofb-card-list{
    min-height: 270px;
}
ul.ofb-card-list{
    margin-top: 40px;
    margin-bottom: 15px;
}
ul.ofb-card-list li{
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    line-height: 168%;
}
ul.ofb-card-list li::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: var(--color-orange);
    margin-right: 7px;
    margin-top: 9px;
}
ul.ofb-card-list li span{
    display: block;
}
.card-item a{
    text-decoration: none;
    display: block;
    background: var(--color-orange-alt);
    border-radius: 50px;
    padding: 17px 35px;
    font-size: 18px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-white);
    text-align: center;
    margin-bottom: 4px;
    cursor: pointer;
    max-width: 280px;
}
.full-service{
    background: var(--color-grey-100);
    border-top-left-radius: 102px;
    border-top-right-radius: 102px;
    padding-top: 96px;
    padding-bottom: 96px;
}
.full-service h2{
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    color: var(--color-text);
    margin: 0;
}
.full-service h2 span{
    color: var(--color-orange);
}
.service-socials-flex{
    display: flex;
    margin-top: 70px;
    justify-content: space-between;
    /*column-gap: 60px;*/
    flex-wrap: wrap;
}
.ssf-item{
    width: 20%;
}
.ssf-item a{
    display: block;
    text-decoration: none;
}
.ssfi-img{
    width: 44px;
    height: 44px;
    transition: 0.2s;
    margin: 0 auto 10px auto;
    border-radius: 10px;
}
.ssfi-img img{
    display: block;
    width: 100%;
}
.ssfi-img:hover{
    background: var(--color-orange-alt);
}
.ssf-item h6{
    font-size: 23px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-text);
    text-align: center;
    margin: 0 0 6px 0;
    transition: 0.2s;
}
.ssf-item h6:hover{
    color: var(--color-orange-alt);
}
.ssf-item p{
    font-size: 16px;
    color: var(--color-text);
    text-align: center;
    /*max-width: 210px;*/
    line-height: 168%;
}
/*service page slider start*/
.case-studies-slider{
    background: var(--color-grey-100);
    padding: 140px 0;
}
.case-studies-slider h2, .case-studies-slider-serv-page h2{
    text-align: center;
    font-size: 47px;
    font-family: var(--font-display);
    color: var(--color-text);
    font-weight: bold;
    margin: 0;
}
.case-studies-slider h2 span, .case-studies-slider-serv-page h2 span{
    position: relative;
}
.case-studies-slider h2 span:after, .case-studies-slider-serv-page h2 span:after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: var(--color-orange);
    position: absolute;
    bottom: 14px;
    right: -10px;
}
.case-studies-swiper{
    width: 100%;
    margin-top: 34px;
}
.cs-slider-container .cs-swiper-bp, .cs-slider-container .cs-swiper-bn{
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 9;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-orange);
    border-radius: 50%;
    cursor: pointer;
}
.swiper-button-prev:after, .swiper-button-next:after{
    content: none;
    display: none;
}
.case-studies-slider-swiper-wrapper .swiper-slide .flex-slide-container img{
    display: block;
    width: calc(33% - 20px);
}
.cs-slider-container{
    width: 100%;
    position: relative;
}
.cs-slider-container .cs-swiper-bp{
    left: -80px;
}
.cs-slider-container .cs-swiper-bn{
    right: -80px;
}
/*service page slider end*/

.all-about-text{
    background: var(--color-grey-100);
    padding-bottom: 140px;
}
.all-about-text span.sp-offer-form-text{
    color: var(--color-text);
    font-weight: bold;
}
.all-about-text-dark{
    background: var(--color-purple);
    border-bottom-left-radius: 102px;
    border-bottom-right-radius: 102px;
}
.all-about-text-cs{
    padding-top: 50px;
    border-top-left-radius: 102px;
    border-top-right-radius: 102px;
}
.aa-text-block img{
    display: block;
    margin: 0 auto 16px auto;
}
.aa-text-block h2{
    text-align: center;
    font-size: 47px;
    font-weight: bold;
    margin: 0;
    font-family: var(--font-display);
}
.all-about-text-light{
    padding-top: 70px;
}
.all-about-text-dark .aa-text-block h2{
    color: var(--color-white);
}
.all-about-text-light .aa-text-block h2{
    color: var(--color-text);
}
.aa-text-block h2 span{
    color: var(--color-orange);
}
.aa-text-block p{
    text-align: center;
    max-width: 900px;
    font-size: 16px;
    margin: 16px auto;
}
.all-about-text-dark .aa-text-block p{
    color: var(--color-white);
}
.all-about-text-light .aa-text-block p{
    color: var(--color-text);
}
.aa-text-block p span{
    color: var(--color-orange);
}
.service-form-block-light .frm_form_fields{
    background-color: #9c9c9c42;
}
.service-form-block-light .with_frm_style .vertical_radio .frm_checkbox label{
    color: #9C9C9C !important;
}
.service-faqs{
    background: var(--color-purple-deep);
    border-top-left-radius: 102px;
    border-top-right-radius: 102px;
    padding: 64px 0 84px 0;
    /*margin-top: -74px;*/
}
.single-post-block .service-faqs{
    background: unset;
    border-radius: unset;
    padding: 30px 0;
}
.single-post-block .service-faqs .site-container{
    padding: 0;
}
.service-faqs h2{
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-orange);
    text-align: center;
    margin: 0 0 50px 0;
}
.single-post-block .service-faqs h2{
    text-align: left;
    font-size: 30px;
    color: var(--color-text);
    margin-top: 14px;
    margin-bottom: 20px;
}
.service-faqs-list{
    max-width: 724px;
    margin: 0 auto;
}
.single-post-block .service-faqs-list{
    max-width: unset;
}
.sfl-question{
    border-bottom: 1px solid var(--color-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    cursor: pointer;
}
.single-post-block .sfl-question{
    border-color: var(--color-text);
}
.sfl-question span{
    display: block;
    font-size: 18px;
    color: var(--color-white);
    transition: 0.2s;
}
.single-post-block .sfl-question span{
    color: var(--color-text);
}
.sfl-question:hover span{
    transform: translateX(12px);
    color: var(--color-orange);
}
.sfl-question img{
    display: block;
    margin-left: 10px;
}
.sfl-answer{
    display: block;
    font-size: 18px;
    color: var(--color-white);
    max-height: 0;
    padding-top: 18px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.single-post-block .sfl-answer{
    color: var(--color-text);
}
.sfl-answer .expanded {
    max-height: 1000px;
}
/*-----------Case Studies----------------*/
.cs-portfolio{
    padding: 70px 0;
}
.cs-portfolio h2{
    color: var(--color-text);
    text-align: center;
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    margin: 0;
}
.cs-portfolio h2 span{
    color: var(--color-orange);
}
.tag-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 30px auto 60px auto;
}
.tag-flex a{
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-text);
    text-align: center;
    padding: 4px 14px;
    border: 1px solid var(--color-orange);
    border-radius: 20px;
    transition: 0.2s;
}
.tag-flex a:hover{
    background: var(--color-orange);
    color: var(--color-white);
}
.tag-flex a.active{
    background: var(--color-orange);
    color: var(--color-white);
}
.case-card{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 70px 80px;
    border-radius: 50px;
    margin-bottom: 50px;
}
.portfolio-list .case-card:nth-child(even) .cc-content{
    order: 2;
}
.portfolio-list .case-card:nth-child(odd){
    background: var(--color-purple);
}
.portfolio-list .case-card:nth-child(even){
    background: #F4F5F6;
}
.cc-content{
    max-width: 476px;
}
.tag-row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 14px;
    gap: 12px;
}
.tag-row span, .tag-row span.serv-tag-item{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-white);
    background: var(--color-orange);
    text-align: center;
    padding: 4px 14px;
    border-radius: 20px;
}
.portfolio-list .case-card:nth-child(odd) .tag-row span.serv-tag-item{
    background: var(--color-white);
    color: var(--color-purple);
}
.portfolio-list .case-card:nth-child(even) .tag-row span.serv-tag-item{
    background: var(--color-purple);
    color: var(--color-white);
}
.portfolio-list .case-card:nth-child(odd) .td-info{
    color: var(--color-white);
}
.portfolio-list .case-card:nth-child(even) .td-info{
    color: var(--color-text);
}
.td-info span{
    font-size: 32px;
    font-weight: bold;
    font-family: var(--font-display);
}
.td-info p{
    font-size: 16px;
    margin: 10px 0 14px 0;
    line-height: 24px;
}
.case-prop{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.property-item{
    width: 50%;
    margin-bottom: 16px;
}
.portfolio-list .case-card:nth-child(odd) .property-item{
    color: var(--color-white);
}
.portfolio-list .case-card:nth-child(even) .property-item{
    color: var(--color-text);
}
.property-item span{
    display: block;
    font-size: 16px;
}
.property-item span.pi-title{
    font-weight: bold;
    margin-bottom: 8px;
    font-family: var(--font-display);
}
.property-item span.pi-content:hover{
    color: var(--color-orange);
}
.portfolio-list .case-card:nth-child(odd) .service-row{
    color: var(--color-white);
}
.portfolio-list .case-card:nth-child(even) .service-row{
    color: var(--color-text);
}
.service-row span{
    display: block;
    font-size: 16px;
}
.service-row span.sr-title{
    font-weight: bold;
    margin-bottom: 8px;
}
.cc-image{
    max-width: 476px;
    position: relative;
    overflow: hidden;
    border-radius: 36px;
}
.cc-image img{
    display: block;
    width: 100%;
}
.link-background{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 24px 34px;
    display: flex;
    align-items: flex-end;
    background: #0000007a;
    top: 0;
    left: 0;
}
.lb-text span{
    display: block;
    font-weight: bold;
    font-size: 22px;
    color: var(--color-white);
    margin-bottom: 10px;
}
.lb-text a{
    text-decoration: none;
    color: var(--color-white);
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid var(--color-white);
}
.no-posts-container{
    width: 100%;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-white);
}
.no-posts-container p{
    font-size: 40px;
    text-align: center;
    color: var(--color-text);
    font-weight: bold;
}
/*-----------Case Studies End----------------*/

/*-------------Paid Ads Main section-------------*/
.paid-ads-title{
    margin: 70px 0 80px 0;
}
.paid-ads-title h2{
    margin: 0;
    text-align: center;
    color: var(--color-orange);
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
}
.paid-ads-title h2 span{
    color: var(--color-text);
}
.paid-ads-title p{
    color: var(--color-text);
    text-align: center;
    margin-top: 12px;
    font-size: 32px;
}

.paid-ads-content{
    padding: 60px 0;
    border-bottom-left-radius: 102px;
    border-bottom-right-radius: 102px;
    position: relative;
    overflow: hidden;
}
.advantage-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 90px;
}

.gradient-row{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(244, 244, 244, 1) 51%);
    z-index: -1;
}
.full-bg-block{
    position: absolute;
    top: 500px;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-grey-100);
    z-index: -2;
}
.left-bg{
    background: var(--color-white);
    border-bottom-right-radius: 102px;
    width: 50%;
    height: 510px;
}
.page-id-1716 .left-bg{
    height: 460px;
}
.right-bg{
    background: var(--color-grey-100);
    border-top-left-radius: 102px;
    width: 50%;
    height: 510px;
}
.pa-advantage-block .advantage-row:nth-child(even) .advantage-content{
    order: 2;
}
.advantage-content{
    max-width: 560px;
}
.step-row span{
    font-size: 25px;
    color: var(--color-orange);
    border-bottom: 1px solid var(--color-text);
    padding-bottom: 12px;
}
.advantage-content h6{
    color: var(--color-text);
    font-weight: bold;
    font-size: 36px;
    font-family: var(--font-display);
    margin: 20px 0 8px 0;
}
.advantage-content p{
    font-size: 16px;
    color: var(--color-text);
    margin-bottom: 22px;
}
.advantage-content p span{
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
}
.advantage-content ul, li{
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
.advantage-content li img{
    display: block;
    width: 20px;
    margin-right: 6px;
    margin-top: 2px;
}
.advantage-content li span{
    display: block;
    font-size: 16px;
    color: var(--color-text);
}
.advantage-content li{
    display: flex;
    margin-bottom: 16px;
    align-items: flex-start;
}
.advantage-content a{
    text-decoration: none;
    display: block;
    max-width: 276px;
    margin-top: 30px;
    color: var(--color-white);
    font-size: 18px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    padding: 18px 32px;
    background: var(--color-orange-alt);
    border-radius: 50px;
}
/*-------------Paid Ads Main section End-------------*/

/*----Case Studies Serv Page Slider-------case-studies-slider-serv-page---*/
.case-studies-slider-serv-page{
    padding: 100px 0 50px 0;
    overflow: hidden;
}
.case-studies-slider-serv-page h2{
    margin-bottom: 60px;
}
.case-studies-slider-swiper-wrapper-sp{
    align-items: center;
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide:nth-child(odd) .case-card{
    background: #F4F5F6;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide:nth-child(even) .case-card{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
    background: var(--color-purple);
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide:nth-child(odd) .case-card .cc-content{
    order: 2;
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide:nth-child(even) .case-card{
    color: var(--color-white);
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide{
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0.3;
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide-active{
    opacity: 1;
}
.case-studies-swiper-service-page, .case-studies-slider-swiper-wrapper-sp{
    overflow: visible !important;
}
.sp-cs-slider-container .cs-swiper-bn{
    right: -20px;
}
.sp-cs-slider-container .cs-swiper-bp{
    left: -20px;
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide:nth-child(odd) .tag-row span.serv-tag-item{
    background: var(--color-purple);
    color: var(--color-white);
}
.case-studies-slider-swiper-wrapper-sp .swiper-slide:nth-child(even) .tag-row span.serv-tag-item{
    background: var(--color-white);
    color: var(--color-purple);
}
/*----Case Studies Serv Page Slider End-------case-studies-slider-serv-page---*/
.text-section{
    padding: 100px 0;
}
.text-section h2{
    text-align: center;
    color: var(--color-text);
    margin: 0 0 30px 0;
    font-size: 47px;
    font-weight: bold;
    font-family: var(--font-display);
}
.text-section p{
    text-align: center;
    font-size: 16px;
    color: var(--color-text);
    max-width: 900px;
    margin: 0 auto;
}
.achieve-results{
    padding: 0 0 140px 0;
}
.achieve-results-block{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.arb-content{
    width: 50%;
    padding-right: 20px;
}
.arb-content h2{
    font-size: 36px;
    color: var(--color-text);
    font-weight: bold;
    margin: 0 0 8px 0;
    font-family: var(--font-display);
}
.arb-content p{
    font-size: 16px;
    margin: 0 0 28px 0;
    color: var(--color-text);
}
.arb-content a{
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 220px;
    background: var(--color-orange-alt);
    border-radius: 50px;
    color: var(--color-white);
    font-size: 18px;
    font-family: var(--font-display);
    font-weight: bold;
    padding: 20px 32px;
    cursor: pointer;
}
.arb-image{
    width: 50%;
}
.arb-image img{
    display: block;
    width: 100%;
}

.footer__menu #menu-main-menu-1 .sub-menu li{
    margin-bottom: 0;
}
.footer__menu .sub-menu li a{
    margin: 0;
    padding: 4px;
}

header.menu-fixed .header__menu__black li a{
    color: var(--color-white);
}
header.menu-fixed .header__phone-link-black{
    color: var(--color-white);
}
header.menu-fixed .header__social-item-orange{
    border-color: #D4D4D4;
}
.flex-slide-container{
    display: flex;
    width: 100%;
    justify-content: center;
    column-gap: 20px;
    align-items: center;
}
body.page-id-511 .resultative-marketing{
    padding-bottom: 70px;
}
ul.about-serv-tags{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0;
    padding: 0;
}
ul.about-serv-tags li{
    list-style: none;
    font-size: 16px;
    margin: 0;
    color: var(--color-white);
    padding: 4px 14px;
    background: var(--color-orange);
    border-radius: 20px;
}
body.page-id-888 .hero-serv-bg{
    background-color: var(--color-purple-deep);
    padding-bottom: 80px;
}
body.page-id-888 .hero-serv__content h1{
    color: var(--color-purple-dark);
}
body.page-id-888 span.hsc-text{
    margin-bottom: 20px;
}
body.page-id-3050 .hero-serv-bg{
    background-color: var(--color-white);
}
.who-is{
    background: var(--color-grey-200);
    padding: 45px 0 100px 0;
    border-bottom-left-radius: 72px;
    border-bottom-right-radius: 72px;
}
.who-is-title{
    font-size: 57px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-purple-dark);
    margin-bottom: 50px;
}
.who-is-text{
    font-size: 16px;
    color: var(--color-text);
    max-width: 1160px;
    margin-bottom: 30px;
}
.who-is-title span, .who-is-text span{
    color: var(--color-orange);
}
.metrics-flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    /*column-gap: 100px;*/
}
.value-row{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    font-family: var(--font-display);
}
.value-row span{
    display: block;
}
.mm-value, .mm-measurement{
    font-size: 48px;
    font-weight: bold;
}
.mm-value{
    color: var(--color-purple-dark);
}
.mm-measurement{
    color: #FD853A;
}
.label-row{
    font-size: 22px;
    text-transform: capitalize;
    color: var(--color-text);
}
.our-team{
    background: var(--color-purple-deep);
    padding: 100px 0;
}
.out-team-title{
    font-size: 57px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    color: var(--color-white);
    margin-bottom: 60px;
}
.out-team-title span{
    color: var(--color-orange);
}
.our-team-flex{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 32px;
}
.otf-card{
    width: calc(25% - 35px);
    min-width: 260px;
    border-radius: 25px;
    position: relative;
    margin-bottom: 32px;
    overflow: hidden;
}
.otf-card img{
    display: block;
    width: 100%;
}
.member-name{
    display: block;
    padding: 26px 20px 22px 20px;
    font-size: 20px;
    font-family: var(--font-display);
    color: var(--color-purple);
    background: var(--color-white);
}
.member-job-title{
    display: block;
    position: absolute;
    left: 0;
    bottom: 56px;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px;
    background: var(--color-orange);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.hero-bottom-content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.as-seen{
    padding: 100px 0;
}
.as-seen-title{
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    color: var(--color-text);
    margin-bottom: 50px;
}
.as-seen-title span{
    position: relative;
}
.as-seen-title span::before, .as-seen-title span::after{
    content: '';
    display: none;
    position: absolute;
    height: 1px;
    width: 200px;
    background: var(--color-text);
    top: 50%;
    transform: translateY(-50%);
}
.as-seen-title span::before{
    left: -90%;
}
.as-seen-title span::after{
    right: -90%;
}
.as-seen-img-flex{
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.aif-item svg{
    width: 100px;
    height: auto;
}

.popup-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background: #000000bd;
    display: none;
    align-items: center;
    justify-content: center;
}
.popup-overlay-active{
    display: flex;
}
.popup-block{
    width: 70%;
    padding: 60px 70px;
    background: var(--color-purple-mid);
    position: relative;
    border-radius: 20px;
}
.popup-block h6{
    font-size: 50px;
    font-weight: bold;
    font-family: var(--font-display);
    color: var(--color-white);
    margin-bottom: 16px;
    margin-top: 0;
}
.popup-block ul, .popup-block ul li{
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    color: var(--color-white);
    font-size: 16px;
}
.popup-block ul li{
    position: relative;
    margin-bottom: 16px;
}
.popup-block ul li span{
    font-weight: bold;
    color: var(--color-orange);
}
.popup-block ul li::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: var(--color-orange);
    position: absolute;
    top: 7px;
    left: -14px;
}
.popup-close-btn{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    background: var(--color-orange);
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}
.popup-close-btn:hover{
    background: var(--color-orange-dark);
}
.popup-close-btn::before, .popup-close-btn::after{
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 2px;
    background: #794406;
    top: 50%;
    transform: translateY(-50%);
}
.popup-close-btn::before{
    left: 10px;
    transform: rotate(45deg);
}
.popup-close-btn::after{
    right: 10px;
    transform: rotate(-45deg);
}

.advantage-image img{
    display: block;
    max-width: 500px;
}

.hero-about{
    padding-top: 150px;
    padding-bottom: 45px;
    background: var(--color-grey-200);
}
.hero-about-flex{
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.column-left, .column-right{
    width: calc(50% - 20px);
}
.column-left img, .column-right img{
    box-shadow: 0 24px 26px 2px rgba(103, 103, 103, 0.04);
}
.images-container-right, .images-container-left{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.column-right span.small-title{
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 12px;
    color: var(--color-orange);
    letter-spacing: 10px;
    margin-bottom: 16px;
}
.column-right h1{
    width: 100%;
    font-family: var(--font-display);
    font-size: 57px;
    font-weight: bold;
    color: var(--color-purple-dark);
    margin: 0 0 40px 0;
}
.column-right h1 span{
    color: var(--color-orange);
}
.img-left-block{
    width: calc(50% - 20px);
    margin-bottom: 50px;
}
.images-container-left .img-left-block:nth-child(4){
    margin-top: -100px;
}
.img-left-block img{
    display: block;
    width: 100%;
}
.images-container-right{
    /*margin-bottom: 50px;*/
}
.images-container-right .img-right-block:nth-child(odd){
    width: 298px;
}
.images-container-right .img-right-block:nth-child(even){
    width: 228px;
}
.images-container-right img{
    display: block;
    width: 100%;
}
/*--------------Case Study Single------------------------*/
.sase-study-hero{
    padding-top: 140px;
    padding-bottom: 90px;
    background: var(--color-grey-200);
    border-bottom-left-radius: 72px;
    border-bottom-right-radius: 72px;
}
.cs-hero-block{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.chb-image{
    margin-right: 50px;
    width: 400px;
}
.chb-image img{
    display: block;
    width: 100%;
}
.chb-content{
    max-width: 640px;
}
ul.chb-services-flex{
    list-style: none;
    display: flex;
    margin: 0 0 16px 0;
    padding: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 16px;
}
.chb-services-flex li{
    list-style: none;
    display: block;
    text-align: center;
    padding: 8px 28px;
    font-size: 20px;
    color: var(--color-text);
    background: #EEE;
    border-radius: 50px;
    margin-bottom: 16px;
}
.sase-study-hero h1{
    font-family: var(--font-display);
    font-size: 56px;
    font-weight: bold;
    color: var(--color-purple-dark);
    margin: 0 0 18px 0;
    line-height: 109%;
}
.sase-study-hero h1 span{
    color: var(--color-orange);
}
.sase-study-hero p{
    font-size: 16px;
    color: #84807B;
    line-height: 27px;
}
.main-prop-block{
    display: flex;
    margin-top: 96px;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
span.mbpi-title{
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
    color: #777777;
}
span.mbpi-content{
    display: block;
    text-align: center;
    font-family: var(--font-display);
    font-size: 33px;
    color: var(--color-purple-dark);
    font-weight: bold;
}
span.mbpi-content a{
    transition: 0.3s;
}
span.mbpi-content a:hover{
    color: var(--color-orange);
}
.project-goals{
    padding: 85px 0;
}
span.pg-small-title{
    display: block;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color-orange);
    margin-bottom: 16px;
    letter-spacing: 8px;
}
.project-goals h6{
    font-family: var(--font-display);
    font-size: 45px;
    color: var(--color-text);
    font-weight: bold;
    margin: 0 0 32px 0;
}
.pg-content p{
    margin: 0 0 52px 0;
    font-size: 16px;
    color: #333333;
    line-height: 29px;
}
.pg-goals{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pgg-item{
    height: 178px;
    width: 264px;
    border: 1px solid #D7D7D7;
    box-shadow: 0 24px 26px 2px rgba(103, 103, 103, 0.04);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pggi-number{
    text-align: center;
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 46px;
    color: var(--color-orange);
    margin-bottom: 12px;
}
.pggi-title{
    text-align: center;
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 20px;
    color: var(--color-purple);
}

.strategy-steps{
    background: #F9F9F9;
    border-top-left-radius: 72px;
    border-top-right-radius: 72px;
    padding: 90px 0 70px 0;
}
.strategy-steps-title{
    font-family: var(--font-display);
    font-size: 45px;
    color: var(--color-text);
    margin: 0 0 46px 0;
}
.strategy-steps-block{
    display: flex;
    align-items: flex-start;
}
ul.steps-list{
    list-style: none;
    display: block;
    padding: 0;
    margin: 0 50px 0 0;
}
ul.steps-list li{
    list-style: none;
    display: block;
    width: 300px;
    padding: 30px 0;
    margin: 0;
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 24px;
    color: #8A8A8A;
    border-bottom: 1px solid #8A8A8A;
    cursor: pointer;
    transition: 0.3s;
}
ul.steps-list li:first-child{
    padding-top: 0;
}
ul.steps-list li:hover{
    color: var(--color-orange);
    border-color: var(--color-orange);
}
ul.steps-list li.active{
    color: var(--color-orange);
    border-color: var(--color-orange);
}
.scli-title{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.scl-item{
    display: none;
}
.scl-item.active{
    display: block;
}
.scli-title img{
    display: block;
    width: 40px;
    margin-right: 12px;
}
.scli-title span{
    display: block;
    font-family: var(--font-display);
    font-size: 33px;
    font-weight: bold;
    color: var(--color-text);
}
.scl-item p{
    margin: 0;
    font-size: 16px;
    color: var(--color-text);
    line-height: 29px;
}
.assets-creation{
    padding: 70px 0;
    background: #F9F9F9;
}
h6.assets-creation-title{
    font-family: var(--font-display);
    font-size: 45px;
    color: var(--color-text);
    margin: 0 0 42px 0;
}
.assets-creation-slider-container{
    width: 100%;
    position: relative;
}
.assets-creation-swiper {
    width: 100%;
}
.assets-creation-swiper .swiper-slide img{
    display: block;
    width: 100%;
}
.as-btn-prev, .as-btn-next{
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-orange);
    cursor: pointer;
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.as-btn-prev:hover, .as-btn-next:hover{
    background: var(--color-orange-dark);
}
.as-btn-prev{
    left: -36px;
}
.as-btn-next{
    right: -36px;
}
.as-btn-prev img, .as-btn-next img{
    display: block;
    width: 16px;
}

.management-diagram{
    padding: 70px 0 140px 0;
    background: #F9F9F9;
    margin-bottom: -70px;
}
h6.mdb-title{
    font-family: var(--font-display);
    font-size: 45px;
    font-weight: bold;
    margin: 0 0 16px 0;
    color: var(--color-text);
}
.mdb-text{
    font-size: 16px;
    color: var(--color-text);
    margin: 0 0 30px 0;
}
img.mdb-image{
    display: block;
    width: 100%;
}

.results-data{
    padding: 80px 0 70px 0;
    background: #0D0235;
    border-top-left-radius: 72px;
    border-top-right-radius: 72px;
}
h6.results-data-title{
    font-family: var(--font-display);
    font-size: 45px;
    color: var(--color-white);
    font-weight: bold;
    text-align: center;
    margin: 0 0 60px 0;
}
ul.steps-data-block{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0 0 50px 0;
    justify-content: center;
}
ul.steps-data-block li{
    list-style: none;
    display: block;
    width: 300px;
    text-align: center;
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 24px;
    color: #8A8A8A;
    padding: 22px 16px;
    border-bottom: 1px solid #8A8A8A;
    cursor: pointer;
    margin-right: 40px;
    transition: 0.3s;
}
ul.steps-data-block li:last-child{
    margin-right: 0;
}
ul.steps-data-block li:hover, ul.steps-data-block li.active{
    color: var(--color-orange);
    border-color: var(--color-orange);
}

.numbers-data-block{
    display: none;
    align-items: center;
    justify-content: space-between;
}
.numbers-data-block.active{
    display: flex;
}
.ndi-value{
    font-family: var(--font-display);
    color: var(--color-orange);
    font-size: 73px;
    font-weight: bold;
    text-align: center;
}
.ndi-title{
    font-family: var(--font-display);
    font-weight: 200;
    color: var(--color-white);
    text-align: center;
    font-size: 22px;
}
.number-data-item{
    position: relative;
}
.number-data-item::after{
    content: '';
    display: block;
    position: absolute;
    height: 115px;
    width: 1px;
    background: #464646;
    transform: rotate(30deg);
    top: 12px;
    right: -60px;
}
.numbers-data-block .number-data-item:last-child::after{
    content: unset;
}

.res-text-image{
    padding: 90px 0 70px 0;
    background: #0D0235;
}
.content-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 90px;
}
.cr-content{
    width: 50%;
}
.content-row-block .content-row:nth-child(odd) .cr-content{
    padding-right: 60px;
}
.content-row-block .content-row:nth-child(even) .cr-content{
    padding-left: 60px;
}
h6.cr-content-title{
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 33px;
    color: var(--color-white);
    margin: 0 0 12px 0;
}
p.cr-content-text{
    font-size: 16px;
    line-height: 29px;
}
.cr-image{
    width: 50%;
}
.cr-image img{
    display: block;
    width: 100%;
}
.content-row-block .content-row:nth-child(even) .cr-image{
    order: -1;
}

.sm-transformation{
    padding: 70px 0;
    background: #0D0235;
}
h6.smt-title{
    font-family: var(--font-display);
    text-align: center;
    font-size: 45px;
    color: var(--color-white);
    font-weight: bold;
    margin: 0 0 36px 0;
}
h6.smt-title span{
    color: var(--color-orange);
}
.smt-block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.screenshot-container{
    width: 738px;
}
.screenshot-flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px;
}
.scr-item{
    width: 354px;
    margin-right: 30px;
    border-radius: 32px;
    overflow: hidden;
    position: relative;
}
.screenshot-flex .scr-item:last-child{
    margin-right: 0;
}
.scr-item img{
    display: block;
    width: 100%;
}
.violet-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, #1a0f4a 100%);*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
span.vb-title{
    display: block;
    text-align: center;
    background: var(--color-orange);
    padding: 12px 30px;
    font-family: var(--font-display);
    color: var(--color-white);
    font-weight: bold;
    font-size: 18px;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
}
.screenshot-flex span.vb-title{
    bottom: 70px;
}
.smt-title-bottom{
    font-size: 18px;
    text-align: center;
    color: var(--color-white);
}
.video-container-cs{
    width: 354px;
}
.video-block{
    width: 100%;
    position: relative;
    margin-bottom: 36px;
}
.violet-bg img{
    display: block;
    width: 80px;
    cursor: pointer;
    transition: 0.3s;
}
.violet-bg img:hover{
    transform: scale(1.1);
}

/*-----------------Darya's edits for case studies ul li ------------------*/

.steps-content-list .scl-item .case-study-div , .steps-content-list .scl-item .case-study-div h3{
    color: var(--color-text);
}

.steps-content-list .scl-item .case-study-div ul {
    list-style-type: square !important;
    padding-left: 20px !important;
}

.steps-content-list .scl-item .case-study-div ul li {
    list-style: none;
    color: var(--color-text);
}
.case-study-div li{
    position: relative;
}
.case-study-div ul li::before {
    content: '';
    display: block;
    position: absolute;
    background: var(--color-orange);
    width: 6px;
    height: 6px;
    top: 8px;
    left: -14px;
}
/*--------------Case Study Single End----------------------*/

/*---------------------Contact Page--------------*/

.contact-information{
    background: var(--color-grey-200);
    padding: 140px 0 82px 0;
}
.contact-form-block h1{
    font-family: var(--font-display);
    font-size: 56px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    color: var(--color-purple-dark);
}
.contact-form-block h1 span{
    color: var(--color-orange);
}
.contact-form-block p{
    font-size: 14px;
    color: #222222;
    margin: 0 0 24px 0;
    text-align: center;
}
.contact-form-block p b{
    font-weight: bold;
}
.contact-socials-block{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 18px;
    margin-bottom: 26px;
}
a.scb-soc-link{
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
}
a.scb-soc-link:hover{
    background: var(--color-purple-deep);
}
.contact-info-block{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
}
a.scb-info-item{
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-right: 38px;
}
.contact-info-block a.scb-info-item:last-child{
    margin-right: 0;
}
a.scb-info-item img{
    display: block;
    width: 14px;
    margin-right: 6px;
}
a.scb-info-item span{
    display: block;
    font-size: 18px;
    color: var(--color-text);
    font-weight: 700;
    transition: 0.3s;
}
a.scb-info-item span:hover{
    color: var(--color-orange-alt);
}

.contact-location{
    position: relative;
    background: var(--color-purple-deep);
    height: 670px;
}
.location-block{
    display: flex;
}
.location-content{
    width: 50%;
    padding-top: 100px;
    max-width: 270px;
}
.location-content h6{
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 30px;
    color: var(--color-white);
    margin: 0 0 20px 0;
}
.loc-item{
    margin-bottom: 34px;
}
span.loc-title{
    display: block;
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 21px;
    color: var(--color-orange);
    margin-bottom: 4px;
}
span.loc-address{
    display: block;
    font-size: 14px;
    color: var(--color-white);
}
.location-map{
    width: 50%;
}
.location-map iframe{
    display: block;
    position: absolute;
    width: 50vw;
    height: 670px;
    top: 0;
    right: 0;
}
/*---------------------Contact Page End--------------*/

/*--------------Business Automations-------------*/
.who-this-for{
    background: var(--color-white);
    padding: 100px 0;
}
.who-this-for h2{
    margin: 0 0 26px 0;
    text-align: center;
    color: var(--color-purple-dark);
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
}
.who-this-for h2 span{
    color: var(--color-orange);
}
.wt-card-flex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    height: 1447px;
    column-gap: 44px;
    row-gap: 56px;
}
.wtc-item {
    width: 464px;
}
.wtc-content{
    background: #3D2162;
    padding: 88px 50px 40px 50px;
    border-radius: 36px;
    height: 652px;
}
.wt-card-flex > .wtc-item:nth-child(2) .wtc-content {
    padding-top: 40px;
}
.wtc-content img{
    display: block;
    width: 100%;
    margin-bottom: 40px;
}
.wt-card-flex .wtc-item:nth-child(2) .wtc-content img{
    width: 60%;
}
.wtc-card-text p{
    color: var(--color-white);
    font-size: 24px;
    margin: 0;
}
.wtc-card-text p strong{
    font-weight: bold;
}
.wtc-last-card .wtc-content{
    background: var(--color-orange);
}
.wtc-last-card h6{
    text-align: left;
    font-size: 40px;
    margin: 0 0 10px 0;
    color: #3D2162;
    font-weight: bold;
}
.wtc-last-card p{
    font-size: 20px;
    margin: 0 0 40px 0;
    color: #3D2162;
}
.wtc-last-card a{
    background: #3D2162;
    color: var(--color-orange);
    text-decoration: none;
    display: block;
    max-width: 276px;
    font-size: 18px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    padding: 18px 32px;
    border-radius: 50px;
}
.wtc-last-card .wtc-content img{
    width: 106px;
    margin-bottom: 24px;
}
.wtc-card-text ul{
    list-style-type: disc;
    list-style-position: outside;
}
.wtc-card-text ul li{
    font-size: 16px;
    display: list-item;
    list-style: initial;
}
/*--------------Business Automations End-------------*/

/*--------------Special Offer-------------*/
.so-content-section{
    background: linear-gradient(to right, var(--color-white) 0%, var(--color-white) 50%, var(--color-purple-mid) 70%, var(--color-purple-mid) 100%);
}
.special-offer h2 {
    margin: 0 0 18px 0;
    text-align: center;
    color: var(--color-text);
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
}
.special-offer h2 span{
    color: var(--color-orange);
}
.special-offer p {
    font-size: 16px;
    color: var(--color-text);
}
.special-offer p.so-title-desc{
    text-align: center;
    margin: 0 0 40px 0;
}
.so-content-flex{
    display: flex;
}
.left-steps-list{
    list-style: none;
    width: 50%;
    padding: 34px 90px 0 0;
}
.left-steps-list li h6{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 27px;
    font-family: var(--font-display);
    color: var(--color-text);
    margin: 0 0 10px 0;
}
.left-steps-list li h6 span{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background: var(--color-purple-deep);
    width: 27px;
    height: 27px;
    margin-right: 10px;
    font-size: 13px;
    font-weight: bold;
    color: var(--color-white);
}
.left-steps-list li p{
    margin: 0 0 32px 0;
    color: var(--color-text);
}
.so-offer-block{
    width: 50%;
    background: var(--color-purple-mid);
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    padding: 68px 0 50px 84px;
}
.so-offer-block h6{
    font-weight: bold;
    font-size: 27px;
    margin: 0 0 14px 0;
    font-family: var(--font-display);
    color: var(--color-white);
}
.so-offer-block p{
    color: var(--color-white);
    margin: 0 0 66px 0;
}
.so-price{
    display: block;
    font-family: var(--font-display);
    font-size: 67px;
    color: var(--color-orange);
    font-weight: bold;
    margin-bottom: 8px;
}
.so-old-price{
    text-decoration: line-through;
}
.so-price-description{
    display: block;
    color: var(--color-white);
    font-size: 15px;
    margin-bottom: 14px;
}
.so-offer-block a{
    text-decoration: none;
    display: block;
    max-width: 276px;
    margin-top: 30px;
    color: var(--color-white);
    font-size: 18px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    padding: 18px 32px;
    background: var(--color-orange-alt);
    border-radius: 50px;
}
/*--------------Special Offer End-------------*/

/*---------------Blog----------------*/
.blog-section{
    padding: 60px 0 100px 0;
    background: var(--color-purple-deep);
}
ul.categories-list{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}
ul.categories-list li{
    list-style: none;
    display: block;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid var(--color-orange);
    border-radius: 20px;
    margin-right: 15px;
    color: var(--color-white);
    font-size: 14px;
    transition: 0.3s;
}
ul.categories-list li:last-child{
    margin-right: 0;
}
ul.categories-list li:hover{
    background: var(--color-orange);
}

.blog-posts-block{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.blog-post{
    width: 364px;
    height: 580px;
    margin-right: 32px;
    margin-bottom: 32px;
    padding: 13px;
    position: relative;
    background: var(--color-white);
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.blog-post:hover{
    transform: scale(1.03);
}
.blog-posts-block .blog-post:nth-child(3n) {
    margin-right: 0;
}

.tags-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: absolute;
    max-width: 318px;
    top: 23px;
    left: 23px;
}
.tags-wrap span{
    display: block;
    padding: 4px 14px;
    text-align: center;
    color: var(--color-white);
    font-size: 16px;
    font-weight: bold;
    background: var(--color-orange);
    border-radius: 7px;
    margin-right: 12px;
}
.blog-post-img-container{
    margin-bottom: 14px;
    height: 290px;
}
.blog-post-img-container img.post-preview{
    display: block;
    width: 100%;
    border-radius: 12px;
}
.post-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 10px 4px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 10px;
}
.post-meta p{
    margin: 0;
    font-size: 16px;
    color: var(--color-text);
}
.post-meta p span{
    color: var(--color-orange);
}
.post-meta a{
    transition: 0.2s;
}
.post-meta a:hover{
    color: var(--color-orange-dark);
}
.post-bottom-content{
    padding: 0 10px;
}
.post-bottom-content h2{
    font-family: var(--font-display);
    color: var(--color-text);
    font-size: 18px;
    margin-bottom: 6px;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    height: 70px;
}
.blog-excerpt p{
    font-size: 14px;
    color: var(--color-text);
    margin-bottom: 10px;
    width: 100%;
    height: 80px;
    overflow: hidden;
}
a.blog-read-more{
    text-decoration: none;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    width: 170px;
    color: var(--color-text);
    transition: 0.3s;
}
a.blog-read-more span{
    display: block;
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 18px;
}
a.blog-read-more:hover{
    color: var(--color-orange);
}
a.blog-read-more img{
    display: block;
    transition: 0.3s;
    margin-left: 6px;
}
a.blog-read-more:hover img{
    transform: translateX(4px);
}
.pagination-block{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* a.prev + a.next + a.page-numbers
a.page-numbers
span.page-numbers + span.current
 */

.pagination-block .page-numbers{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 8px;
    font-size: 20px;
    color: var(--color-white);
    border: 1px solid var(--color-orange);
    text-align: center;
    border-radius: 7px;
    transition: 0.3s;
    margin-right: 16px;
}
.pagination-block a.prev, .pagination-block a.next{
    width: unset;
}
.pagination-block .page-numbers:last-child{
    margin-right: 0;
}
.pagination-block .page-numbers:hover{
    background: var(--color-orange);
}
.pagination-block span.current{
    background: var(--color-orange);
}
.error-message{
    text-align: center;
}

.blog-hero{
    margin-top: 140px;
    width: 100%;
    position: relative;
    height: 460px;
}
.blog-hero .num-gradient-row{
    background: linear-gradient(180deg, rgb(244, 244, 244, 1) 50%, rgb(36, 9, 71, 1) 51%);
}
.blog-hero .num-gradient-row .num-left-bg{
    height: 460px;
}
.blog-hero .num-gradient-row .num-right-bg{
    background: var(--color-purple-deep);
    height: 460px;
}
.blog-hero-content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60px 0;
}
.bhc-text h1{
    font-family: var(--font-display);
    color: var(--color-purple);
    font-size: 47px;
    font-weight: bold;
    margin: 0 0 16px 0;
}
.bhc-text h1 span{
    color: var(--color-orange);
}
.bhc-text p{
    font-size: 16px;
    color: #84807B;
    margin: 0;
    max-width: 540px;
}
.bhc-image{
    max-width: 480px;
}
.bhc-image img{
    display: block;
    width: 70%;
    margin: 0 auto;
}
/*---------------Blog End----------------*/

/*------------Single Post---------------*/

.single-post-section{
    padding-top: 180px;
}

.single-post-block{
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

article.post-container{
    width: 768px;
    padding-bottom: 242px;
}
.pst-meta-flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.pmt-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 23px;
}
.pst-meta-flex .pmt-item:last-child{
    margin-right: 0;
}
.pmt-item img{
    display: block;
    margin-right: 5px;
}
.pmt-item p{
    margin: 0;
    font-size: 16px;
    color: #BBBBBB;
}
.pmt-item p span{
    font-weight: bold;
}
h1.single-post-title{
    font-family: var(--font-display);
    font-size: 40px;
    color: var(--color-text);
    font-weight: bold;
    margin: 0 0 26px 0;
}
h1.single-post-title span{
    color: var(--color-orange);
}
.main-image-container{
    margin-bottom: 30px;
}
.main-image-container img{
    display: block;
    width: 100%;
    border-radius: 30px;
}

.post-fixed-content{
    width: 267px;
    position: fixed;
    top: 180px;
    z-index: 999;
    /*transition: 0.3s;*/
}
.post-widgets-block{
    width: 100%;
    padding: 28px 30px;
    background: var(--color-grey-200);
    border-radius: 20px;
}
ul.sp-categories{
    list-style: none;
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
}
ul.sp-categories li{
    list-style: none;
    display: flex;
    margin: 0 0 10px 0;
    align-items: center;
    justify-content: flex-start;
}
ul.sp-categories li a{
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    color: var(--color-text);
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    background: var(--color-white);
    border: 1px solid var(--color-orange);
    border-radius: 20px;
    margin-right: 5px;
    transition: 0.3s;
}
ul.sp-categories li a:hover{
    background: var(--color-orange);
    color: var(--color-white);
}
span.sp-category-count{
    display: block;
    font-size: 13px;
    color: #84807B;
}

.post-text-content{
    width: 100%;
}
.post-text-content h2{
    font-family: var(--font-display);
    font-size: 30px;
    font-weight: bold;
    color: var(--color-text);
    margin-top: 14px;
    margin-bottom: 20px;
}
.post-text-content h3{
    font-family: var(--font-display);
    font-size: 21px;
    font-weight: bold;
    color: var(--color-text);
    margin-top: 6px;
    margin-bottom: 20px;
}
.post-text-content p{
    font-size: 16px;
    margin: 0 0 20px;
    color: var(--color-text);
    line-height: 146%;
}
.post-text-content p a{
    font-weight: bold;
    color: var(--color-orange);
}
.post-text-content p a:hover{
    transition: 0.2s;
    color: #914b00;
}
.quote-content-block{
    width: 100%;
    position: relative;
    padding: 42px;
    background: var(--color-orange);
    border-radius: 18px;
    margin: 30px 0;
}
.quote-text{
    font-family: var(--font-display);
    font-size: 32px;
    color: var(--color-white);
    line-height: 109%;
    margin: 0 0 42px 0;
    max-width: 90%;
}
.author-flex{
    display: flex;
    align-items: center;
}
.author-flex img{
    display: block;
    width: 49px;
    margin-right: 11px;
}
span.author-title{
    display: block;
    color: var(--color-white);
    font-size: 11px;
}
span.author-name{
    font-family: var(--font-display);
    font-size: 20px;
    color: var(--color-white);
}
img.mark{
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
}
img.quote-logo{
    display: block;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.post-text-content ul{
    padding: 0;
    list-style: none;
}
.post-text-content ul li{
    list-style: none;
    display: block;
    position: relative;
    font-size: 16px;
    color: #84807B;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 17px;
}
.post-text-content ul li:before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: var(--color-orange);
    position: absolute;
    top: 7px;
    left: -16px;
}

.download-post-file-block{
    margin: 30px 0;
    display: flex;
    justify-content: center;
    padding: 20px 20px 0 20px;
    background: var(--color-grey-100);
    border-radius: 18px;
}
img.dpf-image{
    display: block;
    max-width: 262px;
    margin-right: 36px;
}
.dpf-content p{
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: bold;
    color: var(--color-text);
    margin: 0 0 14px 0;
}
.dpf-content p span{
    color: var(--color-orange);
}
.dpf-content a{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-orange-alt);
    border-radius: 50px;
    padding: 16px 30px;
    color: var(--color-white);
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: bold;
    min-width: 210px;
    max-width: 260px;
}
.dpf-content a span{
    display: block;
}
.dpf-content a img{
    display: block;
    margin-right: 10px;
}

.quote-post-purple{
    margin: 30px 0;
    border-radius: 18px;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 258px;
}
.quote-post-purple-bg{
    padding: 42px;
    border-radius: 18px;
    width: 100%;
    min-height: 258px;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(46, 19, 83, 0) 0%, var(--color-purple-mid) 100%);
}
.quote-post-purple-bg p{
    margin: 0;
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: bold;
    color: var(--color-white);
    max-width: 432px;
}
.quote-post-purple img.quote-p-logo{
    display: block;
    position: absolute;
    bottom: 42px;
    right: 40px;
}
.post-cat-widget-error{
    width: 100%;
    margin: 0;
    color: var(--color-text);
    font-size: 22px;
}

.post-widget-media{
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    background: var(--color-grey-200);
    border-radius: 20px;
    color: var(--color-text);
    transition: 0.3s;
}
.post-widget-media video, .post-widget-media img{
    display: block;
    width: 100%;
    height: auto;
}
.post-widget-media a{
    display: block;
    width: 100%;
    text-decoration: none;
}
.post-widget-media:hover{
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px, rgba(0, 0, 0, 0.23) 0 3px 6px;
}

.post-socials-block{
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #D3D3D3;
}
.post-socials-block span{
    display: block;
    font-size: 16px;
    margin-right: 13px;
    color: #BBBBBB;
}
.post-socials-block a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    margin-right: 18px;
    transition: 0.3s;
}
.post-socials-block a:last-child{
    margin-right: 0;
}
.post-socials-block a:hover{
    background: var(--color-purple-deep);
}

.post-navigation-section{
    background: #9c9c9c42;
    padding: 50px 0;
}
.post-navigation-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.pnb-item{
    display: flex;
    text-decoration: none;
    align-items: center;
}
.post-navigation-block a.pnb-item:first-child{
    justify-content: flex-start;
}
.post-navigation-block a.pnb-item:last-child{
    justify-content: flex-end;
}
.post-nav-img{
    display: block;
    width: 88px;
}
.post-navigation-block a.pnb-item:first-child .post-nav-img{
    margin-right: 20px;
}
.post-navigation-block a.pnb-item:last-child .post-nav-img{
    margin-left: 20px;
}
.pnb-data p{
    font-size: 15px;
    color: var(--color-text);
    margin: 0;
    max-width: 260px;
    transition: 0.3s;
}
.pnb-data span{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    color: var(--color-orange);
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: bold;
}
.pnb-data span img{
    display: block;
}
.post-navigation-block a.pnb-item:first-child .pnb-data span img{
    margin-right: 5px;
}
.post-navigation-block a.pnb-item:last-child .pnb-data span img{
    margin-left: 5px;
}
.post-navigation-block a.pnb-item:last-child .pnb-data p{
    text-align: right;
}
.post-navigation-block a.pnb-item:last-child .pnb-data span{
    text-align: right;
    justify-content: flex-end;
}
.post-navigation-block a.pnb-item:last-child .pnb-data-last span{
    justify-content: flex-start;
}
.post-navigation-block a.pnb-item:last-child .pnb-data-last p{
    text-align: left;
}
.post-navigation-block a.pnb-item:last-child .pnb-data-last span img{
    margin-left: 0;
}
.post-navigation-block a.pnb-item:first-child .pnb-data-first span img{
    margin-right: 0;
}
a.pnb-item:hover p{
    color: var(--color-orange);
}
.post-navigation-section img{
    border-radius: 12px;
}

.download-popup{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    background: #000000bd;
}
.download-popup-active{
    display: flex;
}
.dp-form-container{
    width: 700px;
    position: relative;
}
.close-download-popup{
    position: absolute;
    top: -14px;
    right: -14px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: var(--color-orange);
    border-radius: 50%;
}
.close-download-popup::before, .close-download-popup::after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background: #794406;
    top: 50%;
}
.close-download-popup::before {
    left: 10px;
    transform: rotate(45deg);
}
.close-download-popup::after {
    right: 10px;
    transform: rotate(-45deg);
}

.post-text-content ol{
    color: #84807B;
    font-weight: bold;
}
.post-text-content ol li{
    display: list-item;
    list-style-type: decimal;
    margin-bottom: 14px;
}
.post-text-content ol li ul li{
    display: block;
}
.pmt-item a:hover{
    color: var(--color-orange);
}

.ai-sharing-links{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0;
}
.ai-sharing-links a{
    display: block;
    text-decoration: none;
    color: var(--color-white);
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-right: 8px;
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 20px;
}
.ai-sharing-links span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px;
    margin-top: 8px;
    color: var(--color-text);
}
.ai-sharing-links a:hover{
    transition: 0.3s;
    background: var(--color-orange) !important;
}
.single-post th, .single-post td {
    padding: 6px;
}
/*-------------Single Post End-------------*/

/*---------------- Enterprise Cards---------*/
.enterprise-cards{
    padding: 80px 0;
    background: var(--color-purple);
    border-bottom-left-radius: 102px;
    border-bottom-right-radius: 102px;
}
.enterprise-cards h2{
    text-align: center;
    font-size: 47px;
    font-weight: bold;
    margin: 0;
    font-family: var(--font-display);
    color: var(--color-white);
}
.enterprise-cards h2 span{
    color: var(--color-orange);
}
.ent-cards{
    display: flex;
    gap: 34px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
}
.ent-card{
    padding: 25px 35px;
    background: #200742;
    border-radius: 22px;
    flex: 0 0 calc(33.333% - (34px * 2) / 3);
}
.ent-card img{
    display: block;
    margin: 0 auto -26px auto;
}
.ent-card h6{
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 26px;
    color: var(--color-orange);
}
.ent-card p{
    margin: 0;
    text-align: center;
}
.how-we-do-section h2{
    color: var(--color-orange);
}
p.ent-points-desk{
    margin: 20px 0 60px 0;
    text-align: center;
    color: var(--color-white);
    font-size: 16px;
}
body.page-id-3904 .service-faqs{
    background: var(--color-white);
    border-radius: unset !important;
}
body.page-id-3904 .sfl-question span{
    color: var(--color-text);
}
body.page-id-3904 .sfl-answer{
    color: var(--color-text);
}
body.page-id-3904 .sfl-question{
    border-color: #D7D7D7;
}
/*---------------- Enterprise Cards End---------*/

/*----------------ThankYou Page-------------------*/
.thank-you-section{
    padding: 160px 0 70px 0;
}
.thank-you-content h1{
    font-size: 56px;
    text-align: center;
    font-family: var(--font-display);
    color: var(--color-text);
    margin: 0 0 40px 0;
}
.thank-you-content p{
    font-size: 22px;
    color: var(--color-text);
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}
.thank-you-content h1 span, .thank-you-content p span{
    color: var(--color-orange);
}
.tyc-calendar-container{
    max-width: 700px;
    margin: 0 auto;
}
.tyc-calendar-container iframe{
    width: 100%;
}
/*----------------ThankYou Page End-------------------*/

/*----------------------Author Page---------------*/
.author-hero{
    padding-top: 150px;
    background: var(--color-grey-200);
    border-bottom-left-radius: 72px;
    border-bottom-right-radius: 72px;
}
.author-hero-flex{
    display: flex;
    justify-content: space-between;
}
.author-hero-image{
    width: 400px;
}
.author-hero-image img{
    display: block;
    width: 100%;
}
.author-hero-title{
    width: 48%;
}
.author-hero-title span.small-title{
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 28px;
    color: var(--color-orange);
    letter-spacing: 10px;
}
.author-hero-title h1{
    width: 100%;
    font-family: var(--font-display);
    font-size: 57px;
    font-weight: bold;
    color: var(--color-purple-dark);
    margin: 0 0 12px 0;
}
.author-hero-title p{
    font-size: 20px;
    color: var(--color-purple-dark);
    margin: 0;
}
.author-main-info{
    background: var(--color-white);
    padding: 45px 0 100px 0;
}
.author-main-info-text h2{
    font-size: 57px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-purple-dark);
    margin-bottom: 50px;
}
.author-main-info-text h2 span{
    color: var(--color-orange);
}
.author-main-info-text p{
    font-size: 16px;
    color: var(--color-text);
    max-width: 1160px;
    margin-bottom: 30px;
}
h2.author-all-posts-title{
    font-size: 34px;
    font-family: var(--font-display);
    font-weight: bold;
    margin-bottom: 28px;
}
body.author .blog-section{
    padding-bottom: 50px;
}
/*----------------------Author Page End----------------*/
.page-text-section{
    padding: 140px 0;
}
.page-text-section h1{
    font-size: 56px;
    text-align: center;
    font-family: var(--font-display);
    color: var(--color-text);
    margin: 0 0 40px 0;
}
.pts-container{
    color: var(--color-text);
    line-height: 1.5;
    font-size: 18px;
}
.pts-container h2{
    color: var(--color-text);
}
.pts-container ul{
    list-style-type: disc;
}
.pts-container li{
    list-style: unset;
    display: list-item;
}
.pts-container li b{
    font-weight: bold;
}
.pts-container a{
    color: var(--color-orange);
    text-decoration: underline;
}
.pts-container a:hover{
    color: #d06a00;
}

.geo-nav-links{
    padding: 80px 0;
    background: var(--color-grey-200);
    border-radius: 102px 102px 0 0;
    margin-top: 60px;
}
.geo-nav-links h2{
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    color: var(--color-text);
    margin: 0 0 30px 0;
}
.geo-nav-links h1 span{
    color: var(--color-orange);
}
ul.geo-menu-ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}
ul.geo-menu-ul li{
    list-style: none;
    display: block;
}
ul.geo-menu-ul li a{
    color: var(--color-text);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid var(--color-orange);
    font-weight: bold;
    transition: 0.3s;
    font-size: 16px;
}
ul.geo-menu-ul li a:hover{
    background: var(--color-orange);
    color: var(--color-white);
}
.geo-nav-links-item{
    margin-bottom: 40px;
}
.geo-nav-links-block h6{
    font-size: 47px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    color: var(--color-text);
    margin: 0 0 30px 0;
}

.video-reviews-list{
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
}
.video-rev-item{
    width: calc(25% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
}
.video-reviews-list .video-rev-item:nth-child(4n){
    margin-right: 0;
}
.vri-frame{
    border-radius: 20px;
    overflow: hidden;
}
.vri-frame iframe{
    width: 100% !important;
    height: 400px;
}
.vri-title{
    font-family: var(--font-display);
    margin-top: 14px;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-text);
    text-align: center;
}
.page-404-section{
    min-height: 60vh;
    padding: 180px 0;
}
.title-404{
    font-family: var(--font-display);
    font-size: 200px;
    font-weight: bold;
    color: var(--color-orange);
    text-align: center;
    margin: 0;
}
.page-404-section p{
    font-size: 34px;
    color: var(--color-text);
    text-align: center;
    margin: 0 0 30px 0;
}
.page-404-section a{
    text-decoration: none;
    width: 270px;
    display: block;
    margin: 0 auto;
    color: var(--color-white);
    font-size: 20px;
    font-family: var(--font-display);
    font-weight: bold;
    text-align: center;
    padding: 18px 32px;
    background: var(--color-orange-alt);
    border-radius: 50px;
}
.video-gallery{
    padding: 80px 0;
}
.video-gallery h2{
        text-align: center;
        font-size: 47px;
        font-family: var(--font-display);
        color: var(--color-text);
        font-weight: bold;
        margin: 0;
}
.video-gallery-block{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.vgb-item{
    width: 25%;
    padding: 0 10px;
    margin-top: 20px;
}
.vgb-item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
}
/*---------------------Custom YT-LT-------------------------------*/
.youtube-wrapper {
    position: relative;
    width: 100%;
    height: 490px;
    cursor: pointer;
    background-color: var(--color-black);
}
.youtube-thumbnail {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.play-button-yt {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: url('/wp-content/uploads/2025/06/play-button.svg') no-repeat center;
    background-size: 64px;
    width: 80px;
    height: 80px;
    border: none;
    cursor: pointer;
}
/*------------------------Custom YT-LT End----------------------------*/

/*------------------Glossary styles----------------*/
.glossary-section{
    padding: 80px 0;
}
.glossary-list{
    max-width: 700px;
    margin: 0 auto;
}
.term-item{
    margin-bottom: 20px;
}
ul.term-tags-list{
    list-style: none;
    display: flex;
    margin: 0 0 14px 0;
    padding: 0;
}
li.tag-name{
    list-style: none;
    display: block;
    margin: 0 6px 0 0;
    padding: 4px 8px;
    font-size: 16px;
    color: var(--color-white);
    cursor: pointer;
}
li.tag-name:hover{
    transition: 0.2s;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
li.tag-name.ai-content{
    background: #E74C3C;
}
li.tag-name.branding{
    background: #E67E22;
}
li.tag-name.cro{
    background: #F1C40F;
}
li.tag-name.e-commerce{
    background: #2ECC71;
}
li.tag-name.paid-ads{
    background: #1ABC9C;
}
li.tag-name.pr{
    background: #3498DB;
}
li.tag-name.seo{
    background: #9B59B6;
}
li.tag-name.smm{
    background: #FF69B4;
}
li.tag-name.social-ads{
    background: #95A5A6;
}
li.tag-name.ugc-and-influencers{
    background: #2C3E50;
}
li.tag-name.web-dev{
    background: #34495E;
}

h6.term-title{
    font-size: 28px;
    font-family: var(--font-display);
    font-weight: bold;
    margin: 0 0 14px 0;
    color: var(--color-text);
}
.term-definition{
    color: var(--color-text);
    font-size: 16px;
    margin-bottom: 14px;
}
.link-to{
    display: flex;
    justify-content: flex-end;
}
a.term-link{
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: var(--color-text);
    font-weight: bold;
}
a.term-link:hover{
    transition: 0.2s;
    color: var(--color-orange-alt);
}
.glossary-navigation{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}
.tag-filters-select{
    width: 100%;
    margin: 0 auto 30px auto;
}
p.no-terms-found{
    color: var(--color-text);
    font-size: 16px;
}
.glossary-letter-anchor{
    font-size: 38px;
    font-family: var(--font-display);
    font-weight: bold;
    color: var(--color-orange-alt);
}
.glossary-alphabet{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 20px;
}

.glossary-alphabet-letter{
    display: block;
    color: var(--color-text);
}
.glossary-alphabet a:hover{
    transition: 0.2s;
    color: var(--color-orange-alt);
}
.glossary-alphabet-letter.disabled{
    color: #bbbbbb;
}
.glossary-alphabet-letter.active{
    color: var(--color-orange-alt);
}
/*----------------Glossary-2912 select2 custom styles--------*/
.tag-filters-select span.select2{
    display: block;
    width: 100% !important;
}
.page-id-2912 .select2-results__options{
    display: flex;
    flex-wrap: wrap;
}
.page-id-2912 .select2-results__options .select2-results__option{
    display: block;
    color: var(--color-text);
    margin: 2px;
}
.page-id-2912 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    top: 50%;
    transform: translate(0, -50%);
}
.page-id-2912 .select2-selection__choice__display{
    color: var(--color-text);
    font-weight: bold;
    font-size: 20px;
}
.page-id-2912 .select2-container .select2-selection--multiple{
    min-height: 36px;
}
.page-id-2912 .select2-container .select2-search--inline .select2-search__field{
    color: var(--color-text);
    margin-top: 8px;
    height: 20px;
}
/*----------------Glossary-2912 select2 custom styles end--------*/
/*------------------Glossary styles End----------------*/

/*------------------- Service Areas styles -------------------------*/
.service-areas {
    padding: 80px 0;
    /*background: #0a0f1c;*/
    background: var(--color-white);
}

.service-areas__card {
    position: relative;
    overflow: hidden;
    padding: 56px 64px;
    border-radius: 24px;
    /*background:*/
    /*        radial-gradient(circle at 90% 50%, rgba(60, 100, 180, 0.18), transparent 55%),*/
    /*        linear-gradient(135deg, #0f1a30, #14233f);*/
    background: var(--color-purple);
}

.service-areas__label {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--color-orange);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.service-areas__title {
    font-family: var(--font-display);
    margin: 0 0 24px;
    max-width: 720px;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--color-white);
}

.service-areas__description {
    margin: 0 0 36px;
    max-width: 880px;
    font-size: 17px;
    line-height: 1.7;
    color: #a8b3c7;
}

.service-areas__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
}

.service-areas__item {
    padding: 11px 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    /*background: rgba(255, 255, 255, 0.04);*/
    background: var(--color-orange);
    font-size: 15px;
    font-weight: 500;
    color: var(--color-purple);
    white-space: nowrap;
}

.service-areas__note {
    margin: 0;
    font-size: 16px;
    font-style: italic;
    color: #a8b3c7;
}

.service-areas__note em {
    font-style: italic;
}

.service-areas__link {
    font-style: normal;
    font-weight: 700;
    color: var(--color-orange);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.service-areas__link:hover {
    opacity: 0.85;
}

.service-areas__pin {
    position: absolute;
    right: 80px;
    bottom: 40px;
    width: 36px;
    height: 54px;
    color: rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

@media (max-width: 768px) {
    .service-areas {
        padding: 48px 0;
    }

    .service-areas__card {
        padding: 36px 24px;
        border-radius: 20px;
    }

    .service-areas__title {
        font-size: 30px;
    }

    .service-areas__description {
        font-size: 15px;
    }

    .service-areas__item {
        padding: 9px 18px;
        font-size: 14px;
    }

    .service-areas__pin {
        right: 24px;
        bottom: 24px;
        width: 28px;
        height: 42px;
    }
}
/*------------------- Service Areas styles End -------------------------*/

/*---------------------------Agencies Page------------------------*/
.top-agencies{
    padding: 80px 0;
}
.ta-content-flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.top-agencies-navigation{
    background: var(--color-grey-200);
    border-radius: 23px;
    padding: 32px;
    width: 22%;
}
span.tav-title{
    display: block;
    font-size: 24px;
    font-family: var(--font-display);
    margin-bottom: 20px;
    color: var(--color-orange);
    font-weight: bold;
}
ul.ta-nav-list{
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
ul.ta-nav-list li{
    list-style: none;
    display: block;
    padding: 0;
    margin: 0 0 14px 0;
    font-size: 19px;
    font-family: var(--font-display);
    color: #8A8A8A;
}
ul.ta-nav-list li span{
    margin-right: 3px;
}
ul.ta-nav-list li a{
    text-decoration: none;
}
ul.ta-nav-list li:hover{
    color: var(--color-orange);
    transition: 0.2s;
}

.top-agencies-list-container{
    width: calc(78% - 48px);
}
.talc-text{
    padding-bottom: 50px;
    border-bottom: 1px solid #C2C2C2;
    margin-bottom: 60px;
}
.talc-text h2 {
    color: var(--color-text);
    font-size: 46px;
    font-family: var(--font-display);
    font-weight: bold;
    margin: 0 0 16px 0;
}
.talc-text h2 span{
    color: var(--color-orange);
}
.talc-text h3{
    color: var(--color-text);
    font-size: 28px;
    font-family: var(--font-display);
    font-weight: bold;
    margin: 0 0 16px 0;
}
.talc-text p{
    color: var(--color-text);
    font-size: 16px;
    margin-bottom: 30px;
}

.agency-item{
    position: relative;
    margin-bottom: 50px;
    border-radius: 30px;
    padding: 50px 40px 60px 40px;
}
.agency-item h6{
    font-family: var(--font-display);
    font-size: 28px;
    margin: 0 0 22px 0;
}
.agency-item-dark{
    background: var(--color-purple-deep);
    color: var(--color-white);
}
.agency-item-dark h6{
    color: var(--color-white);
}
.agency-item-light{
    background: var(--color-grey-200);
    color: #1F1F1F;
}
.agency-item-light h4, .agency-item-light h6{
    color: #1F1F1F;
}
.agency-item-reviews{
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    align-items: flex-start;
}
.air-label-cont{
    width: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.air-label-cont img{
    display: block;
    width: 100%;
}
.ar-value-flex{
    display: flex;
    align-items: flex-end;
}
.agency-item-reviews span.air-score{
    display: block;
    margin-right: 6px;
    font-size: 17px;
    font-weight: bold;
}
.air-reviews img{
    display: block;
    width: 124px;
}
.air-reviews span{
    display: block;
    text-align: center;
    font-size: 12px;
}
.agency-item-title-flex{
    max-width: 70%;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.agency-item-title-flex span.aitf-number{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: var(--color-orange);
    margin-right: 10px;
    color: var(--color-white);
    font-size: 28px;
    font-weight: bold;
    font-family: var(--font-display);
}
.agency-item-title-flex h4{
    font-size: 46px;
    font-weight: bold;
    font-family: var(--font-display);
    margin: 0;
}
.agency-item-tags-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}
.agency-item-tags-flex span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-family: var(--font-display);
    padding: 4px 18px;
    margin-right: 10px;
    margin-bottom: 14px;
    background: #F5942245;
    border-radius: 50px;
}
img.agency-item-main-image{
    display: block;
    width: 100%;
    margin-bottom: 40px;
}
.agency-socials-flex{
    display: flex;
    margin: 22px 0;
    align-items: center;
}
.agency-socials-flex a{
    text-decoration: none;
    display: block;
    width: 40px;
    margin-right: 30px;
}
.agency-socials-flex a:hover{
    transition: 0.2s;
    transform: translateY(-4px);
}
.agency-socials-flex a:last-child{
    margin-right: 0;
}
.agency-socials-flex a img{
    display: block;
    width: 100%;
}
.agency-socials-flex a.asf-web-link{
    display: block;
    color: var(--color-white);
    width: unset;
    margin-right: 20px;
}
.agency-socials-flex a.asf-web-link:hover{
    transition: 0.2s;
    color: var(--color-orange);
    transform: unset;
}
.company-information-flex{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 22px;
}
.cif-item{
    width: 33.33%;
    padding: 0 7px;
    margin-bottom: 14px;
}
.ci-item-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    background: var(--color-orange);
    padding: 25px;
    height: 180px;
}
.cifi-text{
    padding-right: 4px;
    height: 100%;
}
span.cifi-title{
    display: block;
    font-family: var(--font-display);
    font-weight: bold;
    margin-bottom: 4px;
    color: #2D0F53;
    font-size: 18px;
}
span.cifi-text{
    display: block;
    font-family: var(--font-display);
    font-size: 15px;
    color: #2D0F53;
}
.ci-item-content img{
    display: block;
    width: 52px;
}
.certificated-image-flex{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.certificated-image-flex img{
    display: block;
    height: 40px;
    width: auto;
}
.cif-img-block{
    margin-right: 40px;
    margin-bottom: 20px;
}
.agency-item p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 22px;
}

.agency-item-long-desc{
    background: var(--color-white);
    border-radius: 29px;
    margin-top: 26px;
    padding: 28px 36px;
    max-height: 78px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.agency-item-long-desc.open{
    overflow: visible;
    max-height: 10000px;
}
.agency-item .agency-item-long-desc p{
    color: #1F1F1F;
}
.agency-item .agency-item-long-desc h3{
    color: var(--color-orange);
    margin: 0 0 10px 0;
    font-size: 28px;
    font-family: var(--font-display);
}
.agency-item .agency-item-long-desc ul{
    margin-bottom: 38px;
}
.agency-item .agency-item-long-desc ul li{
    display: list-item;
    list-style-type: disc;
    color: #1F1F1F;
    font-size: 16px;
    line-height: 1.8;
}
.aild-detail{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    max-width: 120px;
    cursor: pointer;
}
.aild-detail span{
    display: block;
    color: #1F1F1F;
    margin-right: 9px;
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 18px;
    transition: 0.2s;
}
.aild-detail span:hover{
    color: var(--color-orange);
}
.aild-detail img{
    display: block;
    width: 13px;
    transform: rotate(0deg);
    transition: transform 0.5s ease;
}
.aild-detail img.active{
    transform: rotate(90deg);
}
a.case-studies-link{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 290px;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: bold;
    background: var(--color-orange-alt);
    border-radius: 50px;
    padding: 20px 40px;
    color: var(--color-white);
}
/*---------------------------Agencies Page End------------------------*/

/*-----Video/Img Slider Style------------*/
/*.video-slider{*/
/*    padding: 80px 0;*/
/*}*/
/*.swiper-video-container{*/
/*    width: 100%;*/
/*}*/
/*.swiper-video-container h2{*/
/*    text-align: center;*/
/*    font-size: 47px;*/
/*    font-family: var(--font-display);*/
/*    color: var(--color-text);*/
/*    font-weight: bold;*/
/*    margin: 0;*/
/*}*/
/*.swiper-video {*/
/*    width: 80%;*/
/*    overflow: hidden;*/
/*    margin: 0 auto;*/
/*}*/
/*.swiper-slide-vid{*/
/*    border-radius: 23px;*/
/*    overflow: hidden;*/
/*    height: 530px !important;*/
/*}*/
/*.swiper-slide-vid video{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/
/*.swiper-vid-button-prev, .swiper-vid-button-next{*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    background: var(--color-orange-alt);*/
/*    border-radius: 20px;*/
/*    cursor: pointer;*/
/*    margin: 4px;*/
/*}*/
/*.swiper-vid-button-prev:hover, .swiper-vid-button-next:hover{*/
/*    transition: 0.2s;*/
/*    background: #ffc786;*/
/*}*/
/*.swiper-video-nav-flex{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    padding: 20px 0;*/
/*}*/
/*-----Video/Img Slider Style End------------*/
/*-----------------Special page styles-----------------*/
.all-about-text-dark{
    padding-top: 140px;
}

body.single-case_study .comment{
    background: var(--color-grey-100);
}
body.single-case_study .all-about-text-light, body.category .all-about-text-light{
    padding-top: 70px;
    background: var(--color-grey-100);
}
body.page-id-507 .hero-serv__img{
    align-items: flex-start;
}
body.page-id-1288 .all-about-text-light{
    padding-top: 70px;
}
body.page-id-1288{
    background: var(--color-grey-100);
}
body.category{
    background: var(--color-grey-100);
}
body.author .author-hero{
    overflow: hidden;
}
.trustanalytica-badge{
    width: 50px;
}
/*-----------------Special page styles End----------------*/

/*--------------Form Styles----------*/
.frm_message p{
    color: var(--color-black) !important;
    font-weight: bold;
    margin-top: 0;
}
.frm_error_style p{
    color: var(--color-black) !important;
}
#menu-main-menu li{
    margin: 8px;
    transition: 0.5s;
}
#menu-main-menu li .sub-menu li{
    margin: 0;
}
#menu-main-menu li .sub-menu li a{
    padding: 8px 24px;
    transition: 0.5s;
}
.header li a.has-children-link span{
    position: relative;
    color: var(--color-white);
}

.header li a.has-children-link span::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -18px;
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/themes/geeks/assets/images/menu-parent-arrow.svg');
}
.with_frm_style{
    --field-font-size: 16px;
}
.frm_error{
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    margin-top: 20px !important;
    font-weight: bold !important;
}
.iti__selected-dial-code{
    color: #444444;
}
.iti__flag-container, .iti__country-name{
    color: #444444;
}

#form_download-form input[type=text], #form_download-form input[type=email]{
    max-width: unset;
}
#form_download-form .frm_form_fields{
    max-width: unset;
}
#form_download-form .frm_fields_container{
    display: block !important;
}
#form_download-form .frm_error, #form_service-form .frm_error{
    color: #ff0000 !important;
    font-weight: unset !important;
    font-size: 14px !important;
}
#form_service-form .iti--show-flags, #form_service-form2 .iti--show-flags{
    width: 100%;
}
.with_frm_style .frm_message p{
    margin-bottom: 0 !important;
}
.download-post-message{
    text-align: center;
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: bold;
    color: var(--color-text);
}
.download-post-message span{
    color: var(--color-orange);
}
a.download-post-link{
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-orange-alt);
    border-radius: 50px;
    padding: 16px 30px;
    color: var(--color-white);
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: bold;
    min-width: 210px;
    max-width: 260px;
    margin: 20px auto 0 auto;
}
/*---------------Special styles for pages-----------------*/
.page-id-677 .all-about-text{
    background: unset;
}
.page-id-677 .all-about-text-dark{
    background: var(--color-purple);
}
body.page-id-888{
    background: var(--color-purple-deep);
}
.page-id-888 .all-about-text-light{
    padding-top: 100px;
}
body.single-post header{
    background: var(--color-grey-200);
}
body.page-id-1460 .text-section p{
    max-width: unset;
    width: 100%;
    text-align: left;
}
body.single-post .all-about-text{
    border-radius: 0;
    padding-top: 80px;
    padding-bottom: 80px;
}
body.page-id-2 .all-about-text{
    padding-bottom: 60px;
}
body.page-id-1422 .hero-serv__content{
    max-width: 520px;
}
body.page-id-1422 .hero-serv__img{
    max-width: 640px;
}
body.page-id-1474 .service-faqs{
    margin-top: 40px;
}
body.page-id-3270 .hero-service__wrapper{
    padding-bottom: 50px;
}
body.page-id-4100 .hero-serv-bg, body.page-id-4126 .hero-serv-bg{
    padding-bottom: 50px;
}
body.page-id-4126 .left-bg, body.page-id-4126 .right-bg{
    height: 600px;
}
body.page-id-4224 .hero-service__wrapper{
    padding-bottom: 50px;
}

body.page-id-4283 .hero-serv__content h1{
    font-size: 42px;
}
body.page-id-4283 .hero-serv__img{
    align-items: flex-start;
}

.hero{
    padding-bottom: 50px;
}
.page-id-511 .hero, .page-id-352 .hero, .page-id-969 .hero, .page-id-972 .hero{
    padding-bottom: 0;
}
/*---------------Special styles for pages End-----------------*/

.error-message{
    font-size: 30px;
    color: var(--color-orange);
    margin: 20px 0;
}
/*------------hovers---------------*/
.header__phone-flex:hover{
    background-color: var(--color-orange);
}
a.header__text:hover{
    color: var(--color-orange);
}
.header__social-item:hover{
    background: var(--color-orange);
}
.header__menu__black .header__social-item:hover{
    background: var(--color-purple-mid);
}
.footer__menu li.menu-item a:hover{
    color: var(--color-orange);
}
.footer__list-item a:hover{
    color: var(--color-orange);
}
.footer__flex-text a:hover{
    color: var(--color-orange);
}
.cs-slider-container .cs-swiper-bp:hover, .cs-slider-container .cs-swiper-bn:hover{
    background: #ffc786;
}
.lb-text a:hover{
    color: var(--color-orange);
    border-color: var(--color-orange);
}
header.menu-fixed .header__menu__black .header__social-item:hover{
    background: var(--color-orange);
}
/*--------------------------------------------------*/
.btn-orange-hover{
    transition: 0.3s;
}
.btn-orange-hover:hover{
    background: var(--color-orange-dark);
}

/*----------------------------------------------------*/
.services__wrapper-reverse .services__wrapper-item:nth-child(odd) .services__btn:hover{
    color: var(--color-purple-mid);
}
.services__wrapper-reverse .services__wrapper-item:nth-child(even) .services__btn:hover{
    color: var(--color-orange);
}
/* ===================== Awards & Partnerships (awards_partnerships block) ===================== */

.awards-partnerships {
    padding: 90px 0 50px;
    background: var(--color-white);
}

.awards-partnerships__title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 32px;
    line-height: 110%;
    color: #0F0F0F;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    text-align: center;
    margin: 0 0 55px;
}

.awards-partnerships__title::before,
.awards-partnerships__title::after {
    content: "";
    width: 170px;
    height: 1px;
    background: #E4D4AC;
    flex: none;
}

.awards-partnerships__badges {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    flex-wrap: wrap;
    margin-bottom: 64px;
}

.awards-partnerships__badge a {
    display: block;
}

.awards-partnerships__badge img {
    display: block;
    width: 100%;
    max-width: 152px;
    height: auto;
}

.awards-partnerships__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 56px;
    flex-wrap: wrap;
}

.awards-partnerships__logo a {
    display: block;
}

.awards-partnerships__logo img {
    display: block;
    height: 44px;
    width: auto;
    max-width: 190px;
    object-fit: contain;
}

/* Expertise laurel badges read correctly only at a larger size than text logos */
.awards-partnerships__logo img[alt*="Expertise"] {
    height: 78px;
}

/* ===================== Hero trust strip (new design, ratings_strip toggle) ===================== */

.hero__trust-strip {
    display: inline-flex;
    align-items: center;
    gap: 26px;
    padding: 14px 28px;
    border: 1px solid var(--color-orange);
    border-radius: 14px;
    background: rgba(20, 12, 4, 0.42);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    margin-top: 34px;
}

.hts-item {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.hts-brand {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 23px;
    color: var(--color-white);
    letter-spacing: 0.2px;
}

.hts-icon {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.hts-col {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.hts-score {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 19px;
    line-height: 1;
    color: var(--color-white);
}

.hts-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    line-height: 1;
    color: #F3F3F3;
}

.hts-meta img {
    display: block;
    height: 12px;
    width: auto;
}

.hts-divider {
    width: 1px;
    height: 38px;
    background: rgba(255, 255, 255, 0.35);
    flex: none;
}

.hts-item--clutch {
    min-width: 200px;
}

.hero__trust-strip .clutch-widget iframe {
    border: 0;
    background: transparent;
}

.hts-icon--clutch {
    border-radius: 7px;
}

.hts-row {
    display: flex;
    align-items: center;
    gap: 9px;
}

.hts-stars {
    display: block;
    height: 13px;
    width: auto;
}

.hts-count {
    font-size: 12px;
    line-height: 1;
    color: #F3F3F3;
}

.hts-icon--tp {
    width: 36px;
    height: 36px;
}

.hero__btn-wrapper--with-strip {
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.hero__btn-wrapper--with-strip .hero__trust-strip {
    margin-top: 0;
}


/* CTA row spans the full site container: button left, ratings strip flush right */
.hero__btn-wrapper--with-strip {
    width: min(1180px, calc(100vw - 40px));
    justify-content: space-between;
}

/* shorter hero on pages that use the CTA-row trust strip (page-agnostic) */
.hero__wrapper:has(.hero__btn-wrapper--with-strip) {
    padding-bottom: 36px;
}

/*-------- Contacts offices map: Maps JS API div mirrors legacy .location-map iframe --------*/
/* !important beats the inline width/height fallback kept in the ACF snippet for CSS-less safety */
.location-map #g360-offices-map{
    position: absolute;
    top: 0;
    right: 0;
    width: 50vw !important;
    height: 670px !important;
}

/*-------- Legal pages: minimal purple hero + text card (privacy/cookies/terms) --------*/
.hero-bg--purple{
    background-color: var(--color-purple-deep);
}
.hero + .page-text-section{
    background: var(--color-grey-200);
    border-radius: 102px 102px 0 0;
    margin-top: 60px;
    padding: 80px 0;
}
.hero + .page-text-section .pts-container{
    max-width: 900px;
    margin: 0 auto;
}

/*-------- Legal pages: typography inside the text card --------*/
.hero + .page-text-section .pts-container h2{
    font-family: var(--font-display);
    font-size: 28px;
    line-height: 1.25;
    color: var(--color-purple-deep);
    margin: 44px 0 14px 0;
}
.hero + .page-text-section .pts-container h2:first-child{
    margin-top: 0;
}
.hero + .page-text-section .pts-container p{
    margin: 0 0 16px 0;
}
.hero + .page-text-section .pts-container ul{
    margin: 4px 0 18px 0;
    padding-left: 24px;
}
.hero + .page-text-section .pts-container li{
    margin-bottom: 10px;
}
.hero + .page-text-section .pts-container li::marker{
    color: var(--color-orange);
}
.hero + .page-text-section .pts-container b,
.hero + .page-text-section .pts-container strong{
    font-weight: 700;
    color: var(--color-text);
}

/*-------- Sitemap page: shorter hero --------*/
.page-id-1786 .hero__wrapper{
    padding-top: 130px;
    padding-bottom: 40px;
}
.page-id-1786 .hero{
    padding-bottom: 0;
}

/*-------- Hero video: hide the iOS start-playback glyph (autoplay-blocked poster state) --------*/
.hero-bg-element::-webkit-media-controls-start-playback-button{
    display: none !important;
    -webkit-appearance: none;
}

/*-------- Homepage (page 2) reorder 2026-08-04 --------*/
/* The "Make the First Move" service_form block now sits directly after the services section
   (was previously followed by "Click to Start", now removed). It keeps the default
   ".all-about-text-light" light-gray (var(--color-grey-100)) background, which is too light for white
   text, so this rule gives THIS specific instance a dark background and makes the title
   lead-in words and subtitle white for contrast. Scoped via the services+all-about-text
   adjacency so it does NOT affect the other service_form on this page ("Feeling the Vibe...",
   which follows the slider section, not services) nor service_form blocks on other pages. */
body.page-id-2 section.services-grid + section.all-about-text{
    background: var(--color-purple);
    padding-top: 40px;
    padding-bottom: 160px;
}
body.page-id-2 section.services-grid + section.all-about-text .aa-text-block h2{
    color: var(--color-white);
}
body.page-id-2 section.services-grid + section.all-about-text .aa-text-block h2 span{
    color: var(--color-orange);
}
body.page-id-2 section.services-grid + section.all-about-text .aa-text-block p{
    color: var(--color-white);
}
#form_service-form{
    scroll-margin-top: 300px;
}

/* Homepage numbers section: pure white left background instead of gray (4 Aug 2026, Darya's ask) */
body.page-id-2 section.numbers .num-gradient-row {
    background: linear-gradient(180deg, var(--color-white) 50%, rgba(24, 2, 53, 1) 51%);
}
body.page-id-2 section.numbers .num-left-bg {
    background: var(--color-white);
}

/* ============================================================
   Services Grid block (new design). Replaces the old .services
   section that used to render at flexible content index 3.
   Every selector is scoped under .services-grid so nothing leaks
   onto other blocks or pages. Append this fragment to the
   sitewide style.css (LF line endings, matches the rest of the file).
   ============================================================ */

.services-grid {
    background: var(--color-purple);
    padding: 100px 0 60px 0;
}

.services-grid__title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 47px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: var(--color-white);
    margin-bottom: 40px;
    text-align: left;
}

.services-grid__dot {
    color: var(--color-orange);
}

.services-grid__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.services-grid__card {
    position: relative;
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    background: var(--color-purple-deep);
    border-radius: 24px;
    padding: 36px 38px;
    min-height: 220px;
    transition: background 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.services-grid__card:hover {
    background: #33115f;
}

.services-grid__card:hover .services-grid__arrow {
    background: var(--color-orange);
    color: var(--color-white);
}

.services-grid__icon {
    color: var(--color-orange);
    margin-bottom: 22px;
}

.services-grid__icon svg {
    display: block;
}

.services-grid__card-title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 26px;
    line-height: 1.15;
    color: var(--color-white);
    max-width: 300px;
}

.services-grid__arrow {
    position: absolute;
    right: 26px;
    bottom: 26px;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.78);
    transition: background 220ms cubic-bezier(0.22, 0.61, 0.36, 1), color 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.services-grid__arrow:hover {
    background: var(--color-orange);
    color: var(--color-white);
}

.services-grid__cta-card {
    background: var(--color-orange);
    border-radius: 24px;
    padding: 36px 38px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 20px;
}

.services-grid__cta-title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 26px;
    line-height: 1.15;
    color: var(--color-white);
}

.services-grid__cta-title span {
    color: var(--color-purple-deep);
}

.services-grid__cta-btn {
    font-family: var(--font-display);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    background: var(--color-white);
    color: var(--color-text);
    border-radius: 999px;
    padding: 14px 28px;
    font-size: 16px;
    text-decoration: none;
    transition: background 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.services-grid__cta-btn:hover {
    background: var(--color-grey-200);
}

/* ==========================================================================
   ORG-DESERVES  (flexible content layout: organization_deserves)
   ========================================================================== */
.org-deserves {
    padding: 80px 0 120px 0;
    background: var(--color-purple);
    border-bottom-left-radius: 102px;
    border-bottom-right-radius: 102px;
}

.org-deserves__top {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 95px;
}

.org-deserves__cost-flex {
    display: flex;
    align-items: center;
    gap: 22px;
    flex: 0 0 auto;
}

.org-deserves__cost {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    color: var(--color-white);
    white-space: nowrap;
}

.org-deserves__platform {
    display: block;
    width: auto;
    height: 68px;
}

.org-deserves__top-text {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 170%;
    color: var(--color-white);
}

.org-deserves__top-text p {
    margin: 0;
}

.org-deserves__top-text strong,
.org-deserves__top-text b {
    color: var(--color-orange);
    font-weight: 700;
}

.org-deserves__wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 60px;
    align-items: start;
}

.org-deserves__title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 47px;
    line-height: 115%;
    color: var(--color-white);
    margin: 0 0 28px 0;
}

.org-deserves__title span {
    display: block;
    color: var(--color-orange);
}

.org-deserves__text {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 175%;
    color: var(--color-white);
}

.org-deserves__text p {
    margin: 0 0 24px 0;
}

.org-deserves__text p:last-child {
    margin-bottom: 0;
}

.org-deserves__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.org-deserves__card {
    background: #2A1052;
    border-radius: 22px;
    padding: 30px 32px 34px 32px;
}

.org-deserves__card-value {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: var(--color-white);
    margin-bottom: 14px;
}

.org-deserves__card-text {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 155%;
    color: rgba(255, 255, 255, 0.78);
    margin: 0;
}

/* ==========================================================================
   SO10K  (flexible content layout: special_offer_10k)
   Prefixed so10k__ because the older "special_offer" layout owns .special-offer
   and .so-* above.
   ========================================================================== */
.so10k {
    padding: 80px 0;
    background: var(--color-white);
    overflow: hidden;
}

.so10k__title {
    margin: 0 0 55px 0;
    text-align: center;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 47px;
    line-height: 115%;
    color: var(--color-text);
}

.so10k__title span {
    display: block;
    font-size: 40px;
    color: var(--color-orange);
    text-transform: uppercase;
}

.so10k__content {
    display: flex;
    align-items: flex-start;
}

.so10k__left {
    width: 50%;
    padding-right: 60px;
}

.so10k__list-title {
    margin: 0 0 30px 0;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: var(--color-text);
}

.so10k__points {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 34px;
}

.so10k__point {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.so10k__point-num {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 40px;
    background: var(--color-purple-deep);
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 700;
    color: var(--color-white);
}

.so10k__point-text {
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 150%;
    color: var(--color-text);
}

.so10k__offer {
    position: relative;
    width: 50%;
    background: var(--color-purple-mid);
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    padding: 70px 60px 60px 75px;
}

/* Bleeds the purple panel to the right viewport edge. html/body already carry
   overflow-x: hidden, so the 100vw pseudo cannot introduce a scrollbar. */
.so10k__offer::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100vw;
    background: var(--color-purple-mid);
}

.so10k__value {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 54px;
    line-height: 110%;
    color: var(--color-orange);
    margin-bottom: 12px;
}

.so10k__value-desc {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: var(--color-white);
}

.so10k__btn {
    display: inline-block;
    margin-top: 42px;
    padding: 18px 40px;
    background: var(--color-orange);
    border-radius: 50px;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    text-decoration: none;
    color: var(--color-white);
}

.so10k__small-desc {
    margin-top: 34px;
    max-width: 400px;
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 165%;
    color: var(--color-white);
}

.so10k__small-desc p {
    margin: 0;
}

/*---------------block-hero_service: eyebrow above h1 (page 5028)-----------------*/
body.page-id-5028 .hero-serv__eyebrow{
    display: block;
    font-family: var(--font-display);
    font-weight: bold;
    font-size: 20px;
    line-height: 130%;
    color: var(--color-orange);
    margin-bottom: 16px;
}