/* #Global
================================================== */
body {
    /* font-family: 'Rubik', sans-serif; */
    /*font-family: "all-round-gothic", sans-serif;*/
    font-family: "Assistant", sans-serif;
    font-optical-sizing: auto;
    scroll-behavior: smooth;
}

#moove_gdpr_cookie_info_bar {
    font-family: "Assistant", sans-serif !important;
}

html[lang="en"] .moove-gdpr-cookie-notice,
html[lang="en"] .moove-gdpr-cookie-notice *,
html[lang="en-US"] .moove-gdpr-cookie-notice,
html[lang="en-US"] .moove-gdpr-cookie-notice * {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: plaintext !important;
}

/*html[lang="he"] body {
    font-family: "Assistant", sans-serif;
}*/

html[lang="en"] body .header,
html[lang="en"] body .scroll-to-links,
html[lang="en"] body h1,
html[lang="en"] body h2,
html[lang="en"] body h3,
html[lang="en"] body h4,
html[lang="en"] body h5,
html[lang="en"] body h6 {
    font-family: "all-round-gothic", sans-serif;
}


body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease;
}

body.overlay {
    position: relative;
}

body.overlay::after {
    opacity: 1;
    visibility: visible;
}

/* #General
================================================== */
.text-blue {
    /* color: #03155F; */
    color: #020043;
}

.text-light-gray {
    color: #565769;
}

.text-green {
    /* color: #B6E000; */
    color: #53e8c8;
}

.text-red {
    /* color: #FF0163; */
    color: #9055ff;
}

.text-white {
    color: white;
}

/* #Buttons
================================================== */
.btn {
    font-size: 1.04vw;
    line-height: 1.2;
    border-radius: 500px;
    padding: .67vw 2.86vw;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid transparent;
}

.btn.btn-small {
    font-size: .83vw;
    padding: .5vw 2.35vw;
}

.btn-primary {
    color: #020043;
    /* background-color: #FF0063; */
    background: linear-gradient(90deg, #53E8C8 0%, #00B8F9 50%, #9055FF 100%);
    transition: all 300ms ease-in-out;
    border: 0;
}

.btn-primary:hover {
    color: #020043;
    /* background-color: #b6e100; */
    background: linear-gradient(270deg, #53E8C8 0%, #00B8F9 50%, #9055FF 100%);
}


.btn-secondary {
    /* color: #020043 !important; */
    color: #fff;
    /* background-color: #B6E000; */
    background-color: #9055FF;
}

.btn-secondary:hover {
    /* color: #020043 !important; */
    color: #020043 !important;
    /* background-color: #FF0063; */
    background-color: #53E8C8;
}


.btn-tertiary {
    color: white;
    background-color: #020043;
}

.btn-tertiary:hover {
    /* opacity: 0.8; */
    color: white;
    background-color: #9055ff;
}

@media (max-width: 1023.98px) {

    .btn,
    .btn.btn-small {
        font-size: 4vw;
        padding: 2.86vw 8vw;
    }
}

/* #Dropdown
================================================== */
.dropdown {
    position: relative;
}

.dropdown .dropdown-toggler {
    display: flex;
    align-items: center;
}

.dropdown .dropdown-toggler img {
    width: .65vw;
    margin-inline-start: .5vw;
    transform: none;
}

.dropdown.show .dropdown-toggler img {
    transform: rotate(180deg);
}

.dropdown .dropdown-menu {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    z-index: 100;
    width: auto;
    white-space: nowrap;
}

.dropdown.show .dropdown-menu {
    display: block;
}

.header .dropdown .dropdown-menu {
    color: white;
    /* background-color: #111c4e; */
    background-color: #020043;
    padding: 1vw;
    right: -1vw;
    line-height: 1.6;
}

@media (max-width: 1023.98px) {
    .dropdown .dropdown-toggler img {
        width: 4.26vw;
        margin-inline-start: 4vw;
    }

    .header .dropdown .dropdown-menu {
        padding: 0;
        right: 0;
        line-height: 1.6;
        position: static;
        transform: none;
        margin-top: 3vw;
    }
}

.btn-more {
    margin-top: 2vw;
    text-align: center;
}

.blog-post .body a {
    font-weight: 400;
    text-decoration: underline;
}


/* #Header
================================================== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    color: white;
    /* background-color: #111c4e; */
    /* background-color: #020043; */
    background-color: #000523;
    padding: 2vw 0;
}

.header .container {
    width: 87%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-logo img {
    width: 9.48vw;
    min-width: 180px;
}

.header-logo img.mobile_logo {
    display: none;
}

.header-menu {
    display: flex;
    align-items: center;
}

.header-hamburger {
    display: none;
}

.header-links>ul {
    display: flex;
    align-items: center;
}

.header-links>ul>li {
    margin-left: 1.8vw;
}

.header-links>ul>li.active {
    position: relative;
}

.header-links>ul>li.active::after {
    content: '';
    position: absolute;
    bottom: -.5vw;
    right: 50%;
    transform: translateX(50%);
    /* background-color: #FF0063; */
    background-color: #9055ff;
    width: .73vw;
    height: .31vw;
    border-radius: 500px;
}

/*
.tab-navigation.tabs-image > ul > li.active::after {
content: url('https://nogamy.elevate.co.il/wp-content/themes/nogamy-theme/img/icons/chevron-down-purple.svg');
position: absolute;
bottom: -.8vw;
right: 46%;
}
*/

.header-links .search img {
    width: 1.25vw;
}

@media (max-width: 1023.98px) {
    .header {
        padding: 2.66vw 0;
    }

    .header .container {
        width: 100%;
        padding: 0 8px;
    }

    .header-links {
        position: fixed;
        top: 16.368vw;
        left: 0;
        width: 100%;
        height: calc(100% - 16.368vw);
        background-color: #111c4e;
        padding: 6.66vw 7% 0 7%;
        transform: translateX(100%);
        transition: all .4s ease;
        overflow-y: auto;
    }

    .header.show .header-links {
        transform: translateX(0);
    }

    .header-links>ul {
        display: block;
    }

    .header-links>ul>li {
        margin-left: 0;
        margin-bottom: 3vw;
    }

    .header-links>ul>li.active::after {
        display: none;
    }

    .header-links .search img {
        width: 5.33vw;
    }

    .header-hamburger {
        display: block;
        margin-left: 5vw;
    }

    .header-hamburger img {
        width: 7.73vw;
    }

    .header-logo img {
        width: 25.6vw;
        min-width: 140px;
    }

    .header-logo img.mobile_logo {
        display: block;
    }

    .header-logo img.desktop_logo {
        display: none;
    }

    /*
  .tab-navigation.tabs-image > ul > li.active::after {
  content: url(https://nogamy.elevate.co.il/wp-content/themes/nogamy-theme/img/icons/chevron-down-purple.svg);
  position: absolute;
  bottom: -4vw;
  right: 43%;
}
*/
}

/* #Banner
================================================== */
.banner {
    position: relative;
}

body.archive.category .banner {
    height: 80vh;
}

body.page-template-tpl-projects .banner {
    height: 80vh;
}

body.page-template-tpl-blog .banner {
    height: 80vh;
}

body.page-template-tpl-jobs .banner {
    height: 80vh;
}

body.single-services .banner {
    height: 80vh;
}

body.page-template-tpl-about .banner {
    height: 80vh;
}

.single-post .banner {
    padding-top: 2vw;
    padding-bottom: 3vw;
}

.single-podcast .banner {
    padding-top: 2vw;
    padding-bottom: 3vw;
}

.banner .container {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #020043;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 87%;
    padding-right: 6.45vw;
}

.single-post .banner .container {
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
}

.single-podcast .banner .container {
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
}

.home .banner .container {
    align-items: flex-start;
}

.banner .img {
    position: relative;
    flex: 0 0 28.6vw;
    margin-inline-start: 9vw;
}

.home .banner .img {
    flex: 0 0 44.11vw;
    margin-left: 0;
}

.banner .img img,
.banner .img picture {
    width: 100%;
    height: auto;
}

.single-technologies .banner .img img {
    width: auto;
    margin: 0 auto;
}

.single-technologies .banner .sticker img {
    width: 8vw !important;
}

.single-technologies .banner .sticker_text {
    top: 3vw;
    left: 1.75vw;
    visibility: hidden;
}

.single-technologies .banner .sticker_text span {
    font-size: 1vw !important;
}

.banner .text {
    flex: 0 0 28.5vw;
}

.banner h1 {
    line-height: 1.1;
    margin-bottom: 1vw;
}

.banner p {
    margin-bottom: 2.35vw;
}

.banner p:first-child {
    margin-bottom: .5vw;
}

.banner .bg,
.banner .bg img,
.banner .bg picture {
    width: 100%;
    /* height: min-content; */
}

.single-post .banner .bg,
.single-post .banner .bg img,
.single-post .banner .bg picture {
    height: 100%;
}

.single-podcast .banner .bg,
.single-podcast .banner .bg img,
.single-podcast .banner .bg picture {
    height: 100%;
}

.banner .logo {
    width: 8.33vw;
    margin-bottom: 1.5vw;
}

.banner .logo img {
    width: 100%;
}

.single-post .banner .img {
    position: relative;
}

.single-podcast .banner .img {
    position: relative;
}

.single-post .banner .img .post-img {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 25vw;
    height: 25vw;
}

.single-podcast .banner .img .post-img {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.single-post .banner .img .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}


@media (min-width: 1024px) {

    .single-post .banner .bg {
        /*        margin-top: -10vw;*/
        position: absolute;
        top: 0;
        height: 100%;
        z-index: -1;
    }

    .single-podcast .banner .bg {
        /*        margin-top: -10vw;*/
        position: absolute;
        top: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-tpl-jobs .banner .img {
        flex: 0 0 44.11vw;
        margin-top: 7vw;
    }

    .page-template-tpl-techs .banner .img {
        flex: 0 0 44.11vw;
    }

    .page-template-tpl-blog .banner .img {
        flex: 0 0 35vw;
        margin-top: 0;
    }

    .single-post .banner .img {
        flex: 0 0 40vw;
        margin-top: 2vw;
    }

    .single-podcast .banner .img {
        flex: 0 0 40vw;
        margin-top: 2vw;
    }

    .page-template-tpl-specializations .banner .img {
        flex: 0 0 40vw;
        margin-top: 2vw;
    }

    .page-template-tpl-customers .banner .img {
        flex: 0 0 47.8vw;
        margin-top: 2vw;
        margin-left: 0;
    }

    .page-template-tpl-about .banner .img {
        flex: 0 0 29vw;
        /* margin-top: 2vw; */
        margin-top: 0;
        clip-path: circle(50% at 50% 50%);
    }

    .page-template-tpl-about .banner .img img {
        width: auto;
        height: 29vw;
        object-fit: cover;
    }
}

@media (max-width: 1023.98px) {
    .banner .container {
        top: 25vw;
        left: 50%;
        transform: translate(-50%, -10%);
        display: block;
        width: 86%;
        padding-right: 0;
    }

    .single-post .banner .bg {
        position: absolute;
        top: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-tpl-about .banner .img {
        clip-path: circle(50% at 50% 50%);
    }

    .page-template-tpl-about .banner .img img {
        width: auto;
        height: 86vw;
        object-fit: cover;
    }

    .page-template-tpl-blog .banner .container,
    .single-usecases .banner .container {
        top: 15vw;
    }

    .single-services .banner .container,
    .page-template-tpl-jobs .banner .container {
        top: 20vw;
    }

    .banner .img {
        flex: 0;
        border-radius: 3.33vw;
        margin-top: 12vw;
        margin-left: 0;
        margin-inline-start: 0;
    }

    .banner h1 {
        margin-bottom: 3.66vw;
    }

    .banner p {
        margin-bottom: 6vw;
    }

    .banner p:first-child {
        margin-bottom: 9vw;
    }

    .banner .logo {
        width: 26vw;
        margin-bottom: 3.33vw;
    }

    .page-template-tpl-jobs .banner .container {
        overflow: hidden;
    }

    .page-template-tpl-jobs .banner .img img,
    .page-template-tpl-blog .banner .img img {
        transform: scale(1.1);
    }

    .single-post .banner,
    .page-template-tpl-techs .banner {
        overflow: hidden;
    }

    .single-post .banner .img img {
        transform: scale(1.3);
    }

    .single-post .banner .img .post-img {
        top: 50%;
        left: 44%;
        width: 50vw;
        height: 50vw;
    }

    .single-post .banner .img {
        margin-top: 12vw;
    }

    .page-template-tpl-techs .banner .img img {
        transform: scale(1.4);
    }


}

/* #Home Banner
================================================== */
.home-banner {
    position: relative;
}

.home-banner .container {
    position: absolute;
    /*
  top: 48%;
  left: 50%;
  */
    top: 43%;
    left: 53%;
    transform: translate(-50%, -50%);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*  width: 87%;*/
    width: 77%;
    padding-right: 6.45vw;
}

.home-banner .video {
    position: relative;
    /*  flex: 0 0 44.11vw;*/
    flex: 0 0 38.11vw;
    border-radius: 1.3vw;
    overflow: hidden;
    box-shadow: 0 45px 73px rgba(0, 0, 0, .05);
}

.home-banner .video video {
    width: 100%;
}

.home-banner .video a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-banner .video a img {
    width: 8.22vw;
}

.home-banner .text {
    flex: 0 0 27vw;
}

.home-banner h1 {
    line-height: 1.1;
    margin-bottom: 1vw;
}

.home-banner p {
    margin-bottom: 2.35vw;
}

.home-banner .bg,
.home-banner .bg img,
.home-banner .bg picture {
    width: 100%;
}

@media (max-width: 1023.98px) {
    .home-banner .container {
        top: 57%;
        left: 50%;
        display: block;
        width: 86%;
        padding-right: 0;
    }

    .home-banner .video {
        flex: 0;
        border-radius: 3.33vw;
        margin-top: 12vw;
    }

    .home-banner .video a img {
        width: 18vw;
    }

    .home-banner h1 {
        margin-bottom: 6.66vw;
    }

    .home-banner p {
        margin-bottom: 6vw;
    }
}

@media (max-width: 890px) and (min-width: 570px) {
    .home-banner .container {
        top: 45%;
    }

    .home-banner h1,
    .home-banner p {
        margin-bottom: 5vw;
    }

    .home-banner .video {
        margin-top: 8vw;
    }

    .home-features .img .tab-btn {
        max-width: fit-content !important;
    }

    .home-features .text .tab-navigation span {
        line-height: 1;
    }
}

@media (max-width: 570px) {
    .home-features .text .tab-navigation span {
        line-height: 1;
    }

    .home-features .img .tab-btn {
        max-width: fit-content !important;
    }
}



/* #Customers Banner
================================================== */
.page-template-tpl-customers .banner .img {
    position: relative;
    height: 33.2vw;
}

.page-template-tpl-customers .banner .logo {
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5vw;
    overflow: hidden;
    position: absolute;
    backface-visibility: hidden;
}

.page-template-tpl-customers .banner .logo img {
    width: 80%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    transition: all 1s ease;
}

.page-template-tpl-customers .banner .logo .active img {
    opacity: 1;
    visibility: visible;
}

.page-template-tpl-customers .banner .logo-lg {
    width: 7.8vw;
    height: 7.8vw;
}

.page-template-tpl-customers .banner .logo-md {
    width: 6vw;
    height: 6vw;
}

.page-template-tpl-customers .banner .logo-sm {
    width: 4.16vw;
    height: 4.16vw;
}

.page-template-tpl-customers .banner .logo:nth-child(1) {
    left: 8vw;
    top: 58%;
}

.page-template-tpl-customers .banner .logo:nth-child(2) {
    left: 0vw;
    top: 40%;
}

.page-template-tpl-customers .banner .logo:nth-child(3) {
    left: 3.7vw;
    top: 11%;
}

.page-template-tpl-customers .banner .logo:nth-child(4) {
    left: 16.4vw;
    top: 18%;
}

.page-template-tpl-customers .banner .logo:nth-child(5) {
    left: 29vw;
    top: 26%;
}

.page-template-tpl-customers .banner .logo:nth-child(6) {
    left: 21.8vw;
    top: 55.6%;
}

.page-template-tpl-customers .banner .logo:nth-child(7) {
    right: 2.5vw;
    top: 34%;
}

.page-template-tpl-customers .banner .logo:nth-child(8) {
    right: 31.38vw;
    top: 11vw;
}

.page-template-tpl-customers .banner .logo:nth-child(9) {
    right: 5vw;
    top: 30vw;
}

.page-template-tpl-customers .banner .logo:nth-child(10) {
    right: 16.4vw;
    top: 26vw;
}

.page-template-tpl-customers .banner .logo:nth-child(11) {
    left: 16.4vw;
    top: 27.5vw;
}

.page-template-tpl-customers .banner .logo:nth-child(12) {
    left: 5.7vw;
    top: 29vw;
}


.page-template-tpl-customers .banner .logo:nth-child(13) {
    left: 39.5vw;
    top: 23vw;
}


.page-template-tpl-customers .banner .logo:nth-child(14) {
    left: 0vw;
    top: 23vw;
}

.page-template-tpl-customers .banner .logo:nth-child(15) {
    right: 11vw;
    top: 20vw;
}

@media (max-width: 1023.98px) {
    .page-template-tpl-customers .banner .img {
        height: auto;
        margin: 0 -8%;
    }

    .page-template-tpl-customers .banner .logo {
        padding: 1vw;
    }

    .page-template-tpl-customers .banner .logo-lg {
        width: 28.93vw;
        height: 28.93vw;
    }

    .page-template-tpl-customers .banner .logo-md {
        width: 24vw;
        height: 24vw;
    }

    .page-template-tpl-customers .banner .logo-sm {
        width: 14.66vw;
        height: 14.66vw;
    }

    .page-template-tpl-customers .banner .logo:nth-child(1) {
        left: 12vw;
        top: auto;
        bottom: 8vw;
    }

    .page-template-tpl-customers .banner .logo:nth-child(2) {
        left: 35.6vw;
        top: auto;
        bottom: 73vw;
    }

    .page-template-tpl-customers .banner .logo:nth-child(3) {
        left: auto;
        right: 7%;
        bottom: 69.33vw;
        top: auto;
    }

    .page-template-tpl-customers .banner .logo:nth-child(4) {
        left: 5.73vw;
        bottom: 40.3vw;
        top: auto;
    }

    .page-template-tpl-customers .banner .logo:nth-child(5) {
        left: 9.33vw;
        bottom: 65.4vw;
        top: auto;
    }

    .page-template-tpl-customers .banner .logo:nth-child(6) {
        left: auto;
        right: 6vw;
        bottom: 38.6vw;
        top: auto;
    }

    .page-template-tpl-customers .banner .logo:nth-child(7) {
        right: 28vw;
        bottom: -6.67vw;
        top: auto;
    }

    .page-template-tpl-customers .banner .logo:nth-child(8) {
        right: auto;
        left: 36vw;
        top: auto;
        bottom: 35vw;
    }

    .page-template-tpl-customers .banner .logo:nth-child(9) {
        right: 3vw;
        top: auto;
        bottom: 11vw;
    }

    .page-template-tpl-customers .banner .logo:nth-child(10) {
        display: none;
    }

    .page-template-tpl-customers .banner .logo:nth-child(11) {
        display: none;
    }

    .page-template-tpl-customers .banner .logo:nth-child(12) {
        display: none;
    }

    .page-template-tpl-customers .banner .logo:nth-child(13) {
        display: none;
    }

    .page-template-tpl-customers .banner .logo:nth-child(14) {
        display: none;
    }

    .page-template-tpl-customers .banner .logo:nth-child(15) {
        display: none;
    }
}



/* #Home Services
================================================== */
.home-services {
    position: relative;
}

.home-services .circle {
    position: absolute;
    top: 10vw;
    right: -18.75vw;
    z-index: -1;
    width: 50vw;
}

.home-services .circle img {
    width: 100%;
}

.home-services .container {
    width: 71%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.home-services .text {
    flex: 0 0 24.4vw;
    position: sticky;
    top: 12vw;
    margin-top: 50px;
}

.home-services .text h2 {
    margin-bottom: 1vw;
}

.home-services .text p {
    margin-bottom: 2.35vw;
}

.home-services .swiper-slide p.bold {
    margin-bottom: .5vw;
}

.home-services .swiper-slide p {
    margin-bottom: 1.3vw;
}

.home-services .img {
    margin-bottom: 1vw;
}

.home-services .img,
.home-services .img img {
    width: 100%;
}

.home-services .swiper-slide {
    padding: 2.2vw 1.25vw;
}

.home-services .swiper-slide>div {
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    height: 100%;
    border-radius: 1.3vw;
    padding: 1.8vw;
}

@media (min-width: 1024px) {
    .home-services .container {
        padding-bottom: 1vw;
    }

    .home-services .slider {
        flex: 0 0 38.1vw;
    }

    .home-services .swiper-container {
        padding-bottom: 8.6vw;
        margin-bottom: -4vw;
        margin-top: -2.2vw;
    }

    .home-services .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .home-services .swiper-slide {
        flex: 0 0 50%;
    }

    .home-services .swiper-arrows {
        display: none;
    }

    .home-services .swiper-slide:nth-child(1),
    .home-services .swiper-slide:nth-child(3) {
        transform: translateY(8.6vw);
    }
}

@media (max-width: 1023.98px) {
    .home-services {
        padding-top: 8vw;
        padding-bottom: 23.33vw;
        overflow: hidden;
    }

    .home-services .circle {
        display: none;
    }

    .home-services .container {
        width: 100%;
        display: block;
    }

    .home-services .text {
        position: static;
        margin: 0 auto;
        margin-bottom: 13.33vw;
        text-align: center;
        width: 86%;
    }

    .home-services .text h2 {
        margin-bottom: 2.66vw;
    }

    .home-services .text p {
        margin-bottom: 4.66vw;
    }

    .home-services .swiper-container {
        padding-right: 5%;
    }

    .home-services .swiper-arrows {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        margin-top: 10vw;
    }

    .home-services .swiper-arrows img {
        width: 8vw;
    }

    .home-services .swiper-arrows .left {
        margin-right: 5vw;
    }

    .home-services .swiper-slide p.bold {
        margin-bottom: 2vw;
    }

    /*
  .home-services .swiper-slide p {
  margin-bottom: 4.66vw;
}
*/

    p.f-d-17.f-m-30.light.text-light-gray {
        min-height: 55vw;
    }

    .home-services .img {
        margin-bottom: 10vw;
        max-height: 54vw;
    }

    .home-services .swiper-slide {
        padding: 0 2.66vw;
        height: auto;
    }

    .home-services .swiper-slide>div {
        border-radius: 3vw;
        padding: 8vw 8vw 13.3vw 8vw;
        height: 100%;
    }
}

/* #Text Banner
================================================== */
.text-banner {
    line-height: 1.87;
    position: relative;
    z-index: 10;
    margin-bottom: -15.6vw;
}

.text-banner .container {
    width: 69.5%;
    text-align: center;
    border-radius: 1.3vw;
    box-shadow: 0 0 30px rgba(0, 0, 0, .16);
    padding: 4.3vw;
    background-color: white;
}

@media (max-width: 1023.98px) {
    .text-banner {
        margin-bottom: 9vw;
    }

    .text-banner .container {
        width: 86%;
        border-radius: 3vw;
        padding: 13.33vw 10vw;
    }
}

/* #Home Services 2
================================================== */
.home-services-2 {
    position: relative;
    overflow: hidden;
}

.home-services-2 .container {
    position: absolute;
    bottom: 19vw;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.home-services-2 .text {
    flex: 0 0 28.3vw;
}

.home-services-2 .text h2 {
    margin-bottom: 1.3vw;
    line-height: 1;
}

.home-services-2 .text p {
    margin-bottom: 1.5vw;
}

.home-services-2 .img {
    flex: 0 0 28.6vw;
}

.home-services-2 .img img {
    width: 100%;
    height: auto;
}

.home-services-2 .bg,
.home-services-2 .bg img,
.home-services-2 .bg picture {
    width: 100%;
}

@media (max-width: 1023.98px) {
    .home-services-2 .container {
        bottom: auto;
        top: 30vw;
        width: 86%;
        flex-direction: column-reverse;
        text-align: center;
    }

    .home-services-2 .text {
        flex: 0 0 28.3vw;
    }

    .home-services-2 .text h2 {
        margin-bottom: 5.33vw;
    }

    .home-services-2 .text p {
        margin-bottom: 5.33vw;
    }

    .home-services-2 .img {
        flex: 0;
        margin: auto;
        margin-bottom: 11.73vw;
    }
}

/* #Home Features
================================================== */
.home-features .text {
    /*  width: 37%;*/
    width: 50%;
    text-align: center;
    margin: 0 auto;
}

.home-features h2 {
    line-height: 1.2;
    margin-bottom: 1.8vw;
}

.home-features .text:first-child p:first-of-type {
    margin-bottom: 2.2vw;
}

.home-features .text:first-child p:last-of-type {
    margin-bottom: 1.66vw;
}

.home-features .text:last-child {
    margin-top: -8vw;
}

.home-features .text .tab-navigation {
    margin-bottom: 2.2vw;
}

.home-features .text .tab-navigation ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-features .text .tab-navigation a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 .5vw;
}

.home-features .text .tab-navigation img {
    height: 3.25vw;
    margin-bottom: .75vw;
}

.home-features .text .tab-navigation span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 500px;
    height: 2.35vw;
    padding: 0 1vw;
    width: 100%;
    color: #020043;
    transition: all .3s ease;
}

.home-features .text .tab-navigation .active span {
    /* color: white; */
    color: #020043;
    /* background-color: #B6E000; */
    background-color: #53e8c8;
}

.home-features .img,
.home-features .img img,
.home-features .img picture {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.home-features .img {
    position: relative;
}

.home-features .img .tab-btn {
    text-align: center;
    position: absolute;
    bottom: 15vw;
}

.home-features .img .tab-btn:nth-child(1) {
    right: 9vw;
}

.home-features .img .tab-btn:nth-child(2) {
    right: 19vw;
}

.home-features .img .tab-btn:nth-child(3) {
    right: 31vw;
}

.home-features .img .tab-btn:nth-child(4) {
    right: 62vw;
}

.home-features .img .tab-btn:nth-child(5) {
    right: 73vw;
}

.home-features .img .tab-content {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 37%;
}

.tabs-image li.tab-btn.active {
    /* background-color: #b6e000; */
    background-color: #9055ff;
    color: #fff;
    text-align: right;
    border-radius: 500px;
    height: fit-content;
    padding: 0.1vw 0.5vw;

}

.tabs-image li.tab-btn.active .text-light-blue {
    color: inherit !important;
}

@media (max-width: 1023.98px) {
    .home-features {
        padding-top: 13.3vw;
    }

    .home-features .text {
        width: 70%;
    }

    .home-features h2 {
        margin-bottom: 4.66vw;
    }

    .home-features .text:first-child p:first-of-type {
        margin-bottom: 10.66vw;
    }

    .home-features .text:first-child p:last-of-type {
        margin-bottom: 6.93vw;
    }

    .home-features .text:last-child {
        margin-top: -36vw;
        width: 86%;
    }

    .home-features .text .tabs {
        margin-bottom: 10vw;
    }

    .home-features .text .tab-navigation {
        margin-bottom: 10vw;
    }

    .home-features .text .tab-navigation a {
        padding: 0 3vw;
    }

    .home-features .text .tab-navigation img {
        height: 13.33vw;
        margin-bottom: 3.33vw;
    }

    .home-features .text .tab-navigation span {
        height: 10vw;
        padding: 0 5vw;
    }

    .home-features .img .tab-btn {
        max-width: 25vw;
        text-align: right;
        line-height: 1.3;
    }

    .home-features .img .tab-btn:nth-child(1) {
        position: absolute;
        bottom: auto;
        top: 10vw;
        right: 2vw;
    }

    .home-features .img .tab-btn:nth-child(2) {
        position: absolute;
        bottom: auto;
        top: 30vw;
        right: 2vw;
    }

    .home-features .img .tab-btn:nth-child(3) {
        position: absolute;
        bottom: 130vw;
        right: 2vw;
    }

    .home-features .img .tab-btn:nth-child(4) {
        position: absolute;
        bottom: 75vw;
        right: 2vw;
    }

    .home-features .img .tab-btn:nth-child(5) {
        position: absolute;
        right: auto;
        bottom: auto;
        top: 139vw;
    }

    .home-features .img .tab-content {
        position: absolute;
        top: 71%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 90%;
    }

    .tabs-image li.tab-btn.active {
        background-color: #b6e000;
        color: #fff;
        text-align: center;
        border-radius: 15px;
        height: fit-content;
        padding: 0.1vw 0.5vw;
    }

    .tabs-image li.tab-btn.active span {
        font-size: 3vw !important;
    }

    .tabs-image li.tab-btn.active .text-light-blue {
        color: inherit !important;
    }
}

/* #Home Customers
================================================== */
.home-customers {
    position: relative;
    /* padding: 9.5vw 0 11.45vw 0; */
    padding: 1.5vw 0 1.45vw 0;
    margin-bottom: 13vw;
}

#home-customers p {
    white-space: pre-line;
}

.home-customers .container {
    width: 63.5vw;
    height: 41.66vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 18.625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-customers .text {
    background-color: white;
    margin: 0 auto;
    margin-bottom: 17.1vw;
    width: 40.1vw;
    text-align: center;
    border-radius: 1.3vw;
    padding: 1.3vw;
    box-shadow: 0 0 30px rgba(0, 0, 0, .06);
}

.home-customers .text h2 {
    margin-bottom: .5vw;
}

.home-customers .bg {
    width: 83%;
    margin-right: auto;
}

.home-customers .bg img,
.home-customers .bg picture {
    width: 100%;
}

.home-customers .logo {
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5vw;
    overflow: hidden;
    position: absolute;
    backface-visibility: hidden;
}

.home-customers .logo img {
    width: 80%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    transition: all 1s ease;
}

.home-customers .logo .active img {
    opacity: 1;
    visibility: visible;
}

.home-customers .logo-lg {
    width: 7.8vw;
    height: 7.8vw;
}

.home-customers .logo-md {
    width: 6vw;
    height: 6vw;
}

.home-customers .logo-sm {
    width: 4.16vw;
    height: 4.16vw;
}

.home-customers .logo:nth-child(1) {
    left: 0;
    top: 50%;
}

.home-customers .logo:nth-child(2) {
    left: 1vw;
    top: 27%;
}

.home-customers .logo:nth-child(3) {
    left: 11.7vw;
    top: 16%;
}

.home-customers .logo:nth-child(4) {
    left: 24.4vw;
    top: 22%;
}

.home-customers .logo:nth-child(5) {
    left: 37vw;
    top: 29%;
}

.home-customers .logo:nth-child(6) {
    left: 46.5vw;
    top: 16%;
}

.home-customers .logo:nth-child(7) {
    right: 0;
    top: 25%;
}

.home-customers .logo:nth-child(8) {
    right: 3.38vw;
    top: 25vw;
}

.home-customers .logo:nth-child(9) {
    right: 12vw;
    top: 34vw;
}

.home-customers .logo:nth-child(10) {
    right: 23.4vw;
    top: 29vw;
}

.home-customers .logo:nth-child(11) {
    left: 23.4vw;
    top: 29.5vw;
}

.home-customers .logo:nth-child(12) {
    left: 14vw;
    top: 32vw;
}

.home-customers .logo:nth-child(13) {
    left: 59vw;
    top: 19vw;
}

.home-customers .logo:nth-child(14) {
    left: 6vw;
    top: 32vw;
}

@media (max-width: 1023.98px) {
    .home-customers {
        padding: 8vw 0 18vw;
        position: relative;
    }

    .home-customers .container {
        width: 86%;
        height: auto;
        position: static;
        transform: none;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home-customers .text {
        margin-bottom: 0;
        width: 100%;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
    }

    .home-customers .text h2 {
        margin-bottom: 4.66vw;
    }

    .home-customers .text p {
        margin-bottom: 5vw;
    }

    .home-customers .bg {
        width: 100%;
    }

    .home-customers .logo {
        padding: 1vw;
    }

    .home-customers .logo-lg {
        width: 28.93vw;
        height: 28.93vw;
    }

    .home-customers .logo-md {
        width: 24vw;
        height: 24vw;
    }

    .home-customers .logo-sm {
        width: 14.66vw;
        height: 14.66vw;
    }

    .home-customers .logo:nth-child(1) {
        left: 12vw;
        top: auto;
        bottom: 17.6vw;
    }

    .home-customers .logo:nth-child(2) {
        left: 46.6vw;
        top: auto;
        bottom: 112vw;
    }

    .home-customers .logo:nth-child(3) {
        left: auto;
        right: 7%;
        bottom: 95.33vw;
        top: auto;
    }

    .home-customers .logo:nth-child(4) {
        left: 11.73vw;
        bottom: 53.3vw;
        top: auto;
    }

    .home-customers .logo:nth-child(5) {
        left: 9.33vw;
        bottom: 92.4vw;
        top: auto;
    }

    .home-customers .logo:nth-child(6) {
        left: auto;
        right: 14vw;
        bottom: 65.6vw;
        top: auto;
    }

    .home-customers .logo:nth-child(7) {
        right: 20vw;
        bottom: 11.33vw;
        top: auto;
    }

    .home-customers .logo:nth-child(8) {
        right: auto;
        left: 13.3vw;
        top: auto;
        bottom: 124vw;
    }

    .home-customers .logo:nth-child(9) {
        right: 6vw;
        top: auto;
        bottom: 38vw;
    }

    .home-customers .logo:nth-child(10) {
        display: none;
    }

    .home-customers .logo:nth-child(11) {
        display: none;
    }

    .home-customers .logo:nth-child(12) {
        display: none;
    }

    .home-customers .logo:nth-child(13) {
        display: none;
    }

    .home-customers .logo:nth-child(14) {
        display: none;
    }
}

/* #Home Technologies
================================================== */
.home-technologies {
    color: white;
    position: relative;
    overflow: hidden;
}

.home-technologies .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    direction: rtl !important;
}

.home-technologies h2 {
    margin-bottom: 2.6vw;
}

.home-technologies p {
    width: 36.77vw;
    margin: 0 auto 3.125vw auto;
}

.home-technologies .links {
    margin-bottom: 3.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-technologies .links a {
    border-bottom: 1px solid #888aa756;
}

.home-technologies .links a:not(:last-child) {
    margin-left: 2.6vw;
}

.home-technologies .bg,
.home-technologies .bg img,
.home-technologies .bg picture {
    width: 100%;
}

.home-technologies .swiper-container {
    direction: ltr;
}

@media (max-width: 1023.98px) {
    .home-technologies {
        overflow: hidden;
    }

    .home-technologies .container {
        width: 100%;
    }

    .home-technologies .text {
        margin: 0 auto;
        width: 86%;
    }

    .home-technologies h2 {
        margin-bottom: 3.6vw;
    }

    .home-technologies p {
        width: 100%;
        margin-bottom: 6.66vw;
    }

    .home-technologies .links {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 0 -2vw;
        margin-bottom: 20vw;
    }

    .home-technologies .links a {
        margin: 2vw;
    }

    .home-technologies .links a:not(:last-child) {
        margin-left: 2vw;
    }
}

/* #Reviews
================================================== */
.reviews {
    background-color: #F2F5FF;
    padding-top: 6vw;
    margin-top: -6vw;
    padding-bottom: 9.3vw;
    overflow: hidden;
}

.page-template-tpl-customers .reviews {
    padding-top: 0vw;
    margin-top: 0vw;
}

.single-services .reviews,
.page-template-tpl-projects .reviews,
.single-usecases .reviews {
    margin-top: 0;
    padding-top: 0;
}

.reviews .bg {
    background-color: white;
}

.reviews .bg img,
.reviews .bg picture {
    width: 100%;
}

.reviews .text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 72%;
    margin: 0 auto 5.2vw auto;
}

.reviews h2 {
    width: 22vw;
    line-height: 1.2;
}

.reviews .swiper-container {
    padding-right: 12.5%;
    margin: -1vw 0;
}

.reviews .swiper-slide {
    padding: 1vw 1.4vw;
}

.reviews .swiper-slide>div {
    border-radius: 1vw;
    background-color: white;
    padding: 2vw;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    height: 25vw;
    overflow: hidden;
}

.reviews .swiper-slide p {
    margin-bottom: 4.4vw;
}

.reviews .quotes {
    margin-bottom: 2vw;
}

.reviews .quotes img {
    width: 1.8vw;
}

.reviews .customer {
    display: flex;
    align-items: center;
    padding-top: 0.5vw;
}

.reviews .customer p {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    line-height: 1.3;
}

.reviews .customer .logo {
    /*  width: 3.4vw;*/
    width: 4vw;
    min-width: 4vw;
    /*  height: 3.4vw;*/
    height: auto;
    border-radius: 50%;
    margin-left: 1.3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;
    padding: .15vw;
}

.reviews .customer .logo img {
    width: 100%;
    mix-blend-mode: darken;
}

.reviews .story {
    height: 13vw;
    overflow: hidden;
}

@media (max-width: 1023.98px) {
    .reviews {
        padding-top: 13.3vw;
        margin-top: 0;
        padding-bottom: 23.3vw;
    }

    .reviews .bg {
        margin-bottom: 7vw;
    }

    .reviews .text {
        display: block;
        width: 86%;
        margin: 0 auto 15vw auto;
    }

    .reviews h2 {
        width: 100%;
        margin-bottom: 5vw;
    }

    .reviews .swiper-container {
        padding-right: 0;
        margin: -4vw 0;
    }

    .reviews .swiper-slide {
        padding: 4vw 4vw;
    }

    .reviews .swiper-slide>div {
        border-radius: 3vw;
        padding: 6vw;
        height: 102.6vw;
        overflow: hidden;
    }

    .reviews .story {
        height: 67vw;
        overflow: hidden;
    }

    .reviews .customer {
        padding-top: 1vw;
    }

    .reviews .swiper-slide p {
        margin-bottom: 4.66vw;
    }

    .reviews .quotes {
        margin-bottom: 6.26vw;
    }

    .reviews .quotes img {
        width: 5.33vw;
    }

    .reviews .customer p {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        line-height: 1.3;
    }

    .reviews .customer .logo {
        min-width: 10vw;
        height: 10vw;
        margin-left: 4.4vw;
        padding: 1vw;
    }
}

/* #Contact Bar
================================================== */
.contact-bar {
    position: relative;
}

.contact-bar.alt {
    background-color: #F2F5FF;
}

.contact-bar .container {
    width: 86%;
    margin-left: 0;
    background-color: #020043;
    color: white;
    border-top-right-radius: 5vw;
    border-bottom-right-radius: 1vw;
    padding: 7vw 7vw 7vw 6vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.contact-bar .container .form {
    width: 55%;
}

.contact-bar .container .text {
    width: 38%;
}

.contact-bar h2 {
    line-height: 1.2;
}

.contact-bar .form p {
    margin-bottom: 1vw;
}

.contact-bar input:not([type="checkbox"]) {
    border: none;
    border-bottom: 1px solid white;
    background-color: transparent;
    color: white;
    font-size: 1.04vw;
    margin-left: 1.5vw;
    height: 2.6vw;
    width: 15vw;
    border-radius: 0;
}

.contact-bar input::placeholder {
    color: white;
}

.contact-bar::after {
    content: '';
    width: 20.67vw;
    height: 28.7vw;
    background-image: url('../img/home/contact-bar-bg.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    top: -5vw;
    right: 0;
    z-index: 0;
}

.contact-bar.alt::after {
    background-image: url('../img/home/contact-bar-bg-alt.jpg');
}

#footerForm {
    flex-wrap: nowrap;
    flex-direction: column;
}

#footerForm>div {
    display: flex;
    flex-direction: row;
}

.input label.error {
    color: #ff2525;
}

.checkbox-input {
    margin-top: 1rem;
    text-align: justify;
}

.checkbox-input a {
    text-decoration: underline;
}

@media (min-width: 1023.98px) {
    .btn-sub {
        align-self: flex-end;
    }
}


@media (max-width: 1023.98px) {
    .contact-bar .container {
        width: 93%;
        border-top-right-radius: 15vw;
        border-bottom-right-radius: 5vw;
        padding: 18.66vw 9.33vw 18.66vw 6.66vw;
        display: block;
    }

    .contact-bar h2 {
        margin-bottom: 5.33vw;
    }

    .contact-bar .form p {
        margin-bottom: 3.33vw;
    }

    .contact-bar form,
    #footerForm>div {
        display: flex;
        flex-direction: column;
    }

    .contact-bar input:not([type="checkbox"]) {
        font-size: 4vw;
        height: 11.3vw;
        width: 100%;
        margin-left: 0;
        margin-bottom: 6.66vw;
    }

    .contact-bar button {
        margin-top: 6.66vw;
    }

    .input label.error {
        margin-top: -4vw;
    }
}

/* #Footer
================================================== */
.footer {
    padding: 4.4vw 0 10.1vw 0;
}

.footer.alt {
    background-color: #F2F5FF;
}

.footer .container {
    width: 62.5%;
}

.footer .top {
    padding-bottom: 4.68vw;
    display: flex;
    justify-content: space-between;
    /* color: #03155fb7; */
    color: #020043;
}

.footer .accordion {
    display: flex;
    line-height: 2.35;
}

.footer .collapsible:not(:last-child) {
    margin-left: 7.7vw;
}

.footer .bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 2.35vw;
    border-top: 1px solid #7070702a;
}

.footer-logo img {
    width: 9.48vw;
}

@media (min-width: 1024px) {
    .footer .collapse {
        height: auto !important;
    }

    .footer .collapse-toggler {
        cursor: default;
        font-weight: bold;
    }
}

@media (max-width: 1023.98px) {
    .footer {
        padding: 18.66vw 0 11.33vw 0;
    }

    .footer .container {
        width: 86%;
    }

    .footer .top {
        padding-bottom: 14.66vw;
        display: block;
    }

    .footer .accordion {
        display: block;
        line-height: 2.35;
        padding-bottom: 12.66vw;
        border-bottom: 1px solid #7070702a;
    }

    .footer .collapsible:not(:last-child) {
        margin-left: 0;
        border-bottom: 1px solid #7070702a;
    }

    .footer .collapse-toggler {
        height: 9.33vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-contact {
        text-align: center;
        padding-top: 4vw;
    }

    .footer .bottom {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 0;
        border-top: none;
    }

    .footer-logo img {
        width: 32vw;
        margin-bottom: 2vw;
    }
}

/* Footer Links */

.footer a:hover {
    /* color: #ff0062 !important; */
    color: #9055ff !important;
}


/* #Video Modal
================================================== */
.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999999;
    overflow-y: auto;

    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;

    transition: all .4s ease;
    backface-visibility: hidden;
    display: none;
}

.video-modal.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    display: flex;
}

.video-modal {
    padding: 0 16.5%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    display: none;
}

.video-modal .modal-close {
    margin-bottom: 1vw;
    border-radius: 50%;
}

.video-modal .modal-close img {
    width: 3.12vw;
}

@media (max-width: 1023.98px) {
    .video-modal {
        padding: 0 4%;
    }

    .video-modal .modal-close {
        margin-bottom: 2vw;
    }

    .video-modal .modal-close img {
        width: 7.34vw;
    }
}

/* #Logos
================================================== */
.page-template-tpl-techs .banner .img {
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
    margin-left: 0;
    direction: ltr;
}

.page-template-tpl-techs .banner .tech-logos {
    width: 100%;
    margin-bottom: 0;
}

.tech-logos {
    width: 100%;
    margin-bottom: 6.7vw;
    overflow: hidden;
    position: relative;
    width: 79%;
    height: 14.33vw;
    margin-left: auto;
    margin-right: auto;
}

.tech-logos::after,
.tech-logos::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 10;
}

.tech-logos::after {
    top: 0;
    left: -2px;
    /* background-image: linear-gradient(to right, #020043, transparent); */
    background-image: linear-gradient(to right, #020043, transparent);
}

.tech-logos::before {
    top: 0;
    right: -2px;
    /* background-image: linear-gradient(to left, #020043, transparent); */
    background-image: linear-gradient(to left, #020043, transparent);
}

.tech-logos ul {
    display: flex;
}

.tech-logos .group {
    backface-visibility: hidden;
}


.tech-logos .group {
    margin-right: .5vw;
}

.tech-logos .swiper-slide:nth-child(odd) {
    margin-top: 1.5vw;
}

.tech-logos .logo {
    width: 6.1vw;
    height: 6.1vw;
    background-color: white;
    border-radius: .78vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: .25vw;
}

.tech-logos .logo:first-child {
    margin-bottom: .5vw;
}

.tech-logos .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: .78vw;
}

.tech-logos .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    cursor: default;
    user-select: none;
}

/** Added - fix scrolling **/
/*
.home-technologies .swiper-container {
transform: rotate(180deg);
}

.home-technologies .logos .group {
transform: rotate(-180deg);
}
*/
/***************************/

@media (max-width: 1023.98px) {
    .tech-logos {
        margin-bottom: 25vw;
        width: 100%;
        height: 47vw;
    }

    .tech-logos .logo {
        width: 19.73vw;
        height: 19.73vw;
        border-radius: 2vw;
        padding: 1vw;
    }

    .tech-logos .logo:first-child {
        margin-bottom: 2.13vw;
    }

    .tech-logos .logo img {
        border-radius: 2vw;
    }

    .page-template-tpl-techs .banner .tech-logos .logo img {
        transform: none !important;
    }

    .tech-logos .group {
        margin-right: 2vw;
    }

    .tech-logos .swiper-slide:nth-child(odd) {
        margin-top: 4.66vw;
    }
}

/* #Customers
================================================== */
.customers {
    margin-bottom: 4.85vw;
}

.customers .container {
    width: 67%;
}

.customers .text {
    text-align: center;
    margin-bottom: 3.5vw;
}

.customers .img img {
    width: 67%;
    height: 7.3vw;
    object-fit: contain;
    object-position: center;

    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all .4s ease;
}

.customers .img li:hover img {
    -webkit-filter: grayscale(0);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}

.customers .img ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.customers .img ul li {
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4vw;
}

@media (max-width: 1023.98px) {
    .customers {
        margin-bottom: 14vw;
        margin-top: 9vw;
    }

    .customers .container {
        width: 90%;
    }

    .customers .text {
        margin-bottom: 8vw;
    }

    .customers .img ul li {
        flex: 0 0 33.33%;
        margin-bottom: 6vw;
    }

    .customers .img img {
        width: 67%;
        height: 18.66vw;
    }
}

/* #Blog Navigation
================================================== */
.blog-navigation {
    /*  padding: 4.7vw 0 9.37vw 0;*/
    padding: 1.3vw 0 6vw 0;
    position: relative;
}

.blog-navigation .container {
    width: 68%;
}

.blog-navigation ul {
    display: flex;
    flex-wrap: wrap;
}

.blog-navigation a {
    height: 2.6vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 1vw;
    border-radius: 500px;
    color: #888AA7;
    font-size: 1.04vw;
    text-decoration: underline;
}

.blog-navigation a.active {
    padding: 0 2vw;
    color: white;
    /* background-color: #FF0063; */
    background-color: #9055ff;
    text-decoration: none;
    margin: 0 1vw;
}

@media (min-width: 1024px) {
    .blog-navigation li:first-child a {
        margin-right: 0;
    }

    .blog-navigation li:first-child a:not(.active) {
        padding-right: 0;
    }
}

.page-template-tpl-blog .text a.btn {
    margin-top: 0.78vw;
}

@media (max-width: 1023.98px) {
    .blog-navigation {
        padding: 16vw 0 12vw 0;
    }

    .blog-navigation .container {
        width: 90%;
    }

    .blog-navigation ul {
        justify-content: center;
    }

    .blog-navigation a {
        height: 6.66vw;
        padding: 0 6vw;
        font-size: 4vw;
        margin: 1vw 0;
    }

    .blog-navigation a.active {
        padding: 0 6vw;
        color: white;
        background-color: #9055ff;
        text-decoration: none;
        margin: 0 2vw;
    }
}

/* #Blog Posts
================================================== */
.blog-posts {
    margin-bottom: 10vw;
}

.blog-posts .container {
    width: 68%;
}

.blog-posts .blog-post {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.blog-posts .blog-post:not(:last-child) {
    margin-bottom: 5.5vw;
}

.blog-posts .blog-post .img {
    flex: 0 0 34.16vw;
}

.blog-posts .blog-post .img img {
    border-radius: 1.3vw;
    height: 21.87vw;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.blog-posts .blog-post .text {
    flex: 0 0 25vw;
}

.blog-posts .blog-post .post-meta {
    /* border-right: 1px solid #FF0163; */
    border-right: 1px solid #9055ff;
    line-height: 1.4;
    padding-right: 1vw;
}

.blog-posts .blog-post .post-title {
    line-height: 1;
    margin: 2.5vw 0 1.3vw 0;
}

.blog-posts .blog-post .post-excerpt {
    margin-bottom: 2vw;
    line-height: 1.5;
}

.blog-posts .blog-post .post-link a {
    display: inline-flex;
    align-items: center;
}

.blog-posts .blog-post .post-link a img {
    width: .46vw;
    margin-right: .7vw;
}

@media (max-width: 1023.98px) {
    .blog-posts {
        margin-bottom: 20vw;
    }

    .blog-posts .container {
        width: 90%;
    }

    .blog-posts .blog-post {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column-reverse;
        box-shadow: 0 3px 23px rgba(0, 0, 0, .16);
        border-radius: 3.33vw;
        overflow: hidden;
    }

    .blog-posts .blog-post:not(:last-child) {
        margin-bottom: 10.66vw;
    }

    .blog-posts .blog-post .img {
        flex: 0 0 100%;
        width: 100%;
    }

    .blog-posts .blog-post .img img {
        border-radius: 0;
        height: 57.33vw;
        width: 100%;
    }

    .blog-posts .blog-post .text {
        flex: 0 0 100%;
        padding: 6.66vw;
        display: flex;
        flex-direction: column;
    }

    .blog-posts .blog-post .post-meta {
        border-right: none;
        padding-right: 0;
    }

    .blog-posts .blog-post .post-title {
        margin: 4vw 0 2vw 0;
    }

    .blog-posts .blog-post .post-excerpt {
        margin-bottom: 5vw;
    }

    .blog-posts .blog-post .post-link {
        margin-right: auto;
    }

    .blog-posts .blog-post .post-link a img {
        width: 1.46vw;
        margin-right: 1.46vw;
    }
}

/* #Blog Posts Slider
================================================== */
.blog-posts-slider {
    margin-bottom: 9.37vw;
}

.blog-posts-slider .container {
    width: 70%;
}

.blog-posts-slider h2 {
    text-align: center;
    margin-bottom: 4.16vw;
}

.blog-posts-slider .swiper-slide {
    padding: 0 1vw;
}

.blog-posts-slider .blog-post {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
    box-shadow: 0 3px 23px rgba(0, 0, 0, .16);
    border-radius: 1vw;
    overflow: hidden;
}

.blog-posts-slider .blog-post .img {
    flex: 0 0 100%;
    width: 100%;
}

.blog-posts-slider .blog-post .img img {
    height: 17.5vw;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.blog-posts-slider .blog-post .text {
    flex: 0 0 100%;
    padding: 2vw;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.blog-posts-slider .blog-post .post-meta {
    line-height: 1.4;
}

.blog-posts-slider .blog-post .post-title {
    line-height: 1;
    margin: .5vw 0 .75vw 0;
    width: 90%;
}

.blog-posts-slider .blog-post .post-excerpt {
    margin-bottom: 2vw;
    line-height: 1.5;
}

.blog-posts-slider .blog-post .post-link {
    margin-right: auto;
}

.blog-posts-slider .blog-post .post-link a {
    display: inline-flex;
    align-items: center;
}

.blog-posts-slider .blog-post .post-link a img {
    width: .46vw;
    margin-right: .7vw;
}

.blog-posts-slider .swiper-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.38vw;
}

.blog-posts-slider .swiper-arrows img {
    width: 2.4vw;
}

.blog-posts-slider .swiper-arrows .right {
    margin-right: .75vw;
}

@media (max-width: 1023.98px) {
    .blog-posts-slider {
        margin-bottom: 21vw;
    }

    .blog-posts-slider .container {
        width: 100%;
    }

    .blog-posts-slider h2 {
        margin-bottom: 6.66vw;
    }

    .blog-posts-slider .swiper-slide {
        padding: 0 5%;
    }

    .blog-posts-slider .blog-post {
        border-radius: 3.33vw;
        overflow: hidden;
    }

    .blog-posts-slider .blog-post .img {
        flex: 0 0 100%;
    }

    .blog-posts-slider .blog-post .img img {
        border-radius: 0;
        height: 57.33vw;
    }

    .blog-posts-slider .blog-post .text {
        flex: 0 0 100%;
        padding: 6.66vw;
        display: flex;
        flex-direction: column;
    }

    .blog-posts-slider .blog-post .post-meta {
        border-right: none;
        padding-right: 0;
    }

    .blog-posts-slider .blog-post .post-title {
        margin: 2vw 0 4vw 0;
    }

    .blog-posts-slider .blog-post .post-excerpt {
        margin-bottom: 5vw;
    }

    .blog-posts-slider .blog-post .post-link {
        margin-right: auto;
    }

    .blog-posts-slider .blog-post .post-link a img {
        width: 1.46vw;
        margin-right: 1.46vw;
    }

    .blog-posts-slider .swiper-arrows {
        margin-top: 10vw;
    }

    .blog-posts-slider .swiper-arrows img {
        width: 11.33vw;
    }

    .blog-posts-slider .swiper-arrows .right {
        margin-right: 3vw;
    }
}

/* #Blog Post
================================================== */
.single-post>.blog-post,
.single-podcast>.blog-post {
    margin: 4.16vw 0 13vw 0;
}

.single-post>.blog-post .container,
.single-podcast>.blog-post .container {
    width: 55%;
}

.single-post>.blog-post h1,
.single-post>.blog-post h2,
.single-post>.blog-post h3,
.single-podcast>.blog-post h1,
.single-podcast>.blog-post h2,
.single-podcast>.blog-post h3 {
    font-size: 1.56vw;
    margin-bottom: .5vw;
    font-weight: bold;
    color: #020043;
}

.single-post>.blog-post .body p,
.single-post>.blog-post .body ul,
.single-post>.blog-post .body ol,
.single-podcast>.blog-post .body p,
.single-podcast>.blog-post .body ul,
.single-podcast>.blog-post .body ol {
    /* font-weight: 100; */
    color: #888AA7;
    font-size: 16px;
}

.single-post>.blog-post p:not(:last-child),
.single-podcast>.blog-post p:not(:last-child) {
    margin-bottom: 2vw;
}

.single-post>.blog-post .service-qa p,
.single-podcast>.blog-post .service-qa p {
    margin-bottom: 0 !important;
    color: #03155F;
}

.single-post .social,
.single-podcast .social {
    margin-top: 4.7vw;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1023.98px) {
    .single-post>.blog-post,
    .single-podcast>.blog-post {
        margin: 6.66vw 0 22vw 0;
    }

    .single-post>.blog-post .container,
    .single-podcast>.blog-post .container {
        width: 90%;
    }

    .single-post>.blog-post h1,
    .single-post>.blog-post h2,
    .single-post>.blog-post h3,
    .single-podcast>.blog-post h1,
    .single-podcast>.blog-post h2,
    .single-podcast>.blog-post h3 {
        font-size: 5.33vw;
        margin-bottom: 2vw;
    }

    .single-post>.blog-post p,
    .single-post>.blog-post ul,
    .single-post>.blog-post ol,
    .single-podcast>.blog-post p,
    .single-podcast>.blog-post ul,
    .single-podcast>.blog-post ol {
        font-size: 4vw;
    }

    .single-post>.blog-post p:not(:last-child),
    .single-podcast>.blog-post p:not(:last-child) {
        margin-bottom: 6vw;
    }

    .single-post .social,
    .single-podcast .social {
        margin-top: 10vw;
    }
}

/* #Social
================================================== */
.social ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social img {
    width: 3.125vw;
}

@media (max-width: 1023.98px) {
    .social img {
        width: 13.3vw;
    }
}

.social.social-footer {
    margin-top: 1.7vw;
}

.social.social-footer ul {
    justify-content: flex-start;
}

.social.social-footer img {
    width: 2.7vw;
}

@media (max-width: 1023.98px) {
    .social.social-footer {
        width: 60vw;
        margin: auto;
        margin-top: 4vw;
    }

    .social.social-footer ul {
        justify-content: center;
    }

    .social.social-footer li img {
        width: 13vw;
    }


}

/* #Projects
================================================== */
.projects {
    padding: 3.125vw 0 1.8vw 0;
    position: relative;
}

.projects .container {
    width: 70%;
}

.projects h2 {
    margin-bottom: 3.125vw;
}

.project-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project {
    flex: 0 0 45%;
    margin-bottom: 3.125vw;
    position: relative;
}

.project .read-more-bubble {
    position: absolute;
    bottom: 62px;
    width: 8.125vw;
    height: 3.125vw;
    background-color: #9055ff;
    color: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8vw;
    opacity: 1;
    transition: all .5s ease;
}

body.rtl .project .read-more-bubble {
    left: 0;
    right: auto;
}

body:not(.rtl) .project .read-more-bubble {
    left: auto;
    right: 0;
}

.project:hover .read-more-bubble {
    box-shadow: 0 3px 1px #240167;
}

.project .customer {
    position: relative;
}

.project .customer:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 6px;
    background-color: #9055ff;
    transition: 500ms ease;
}

.project:hover .customer:after {
    width: 70%;
}

body.rtl .project .customer:after {
    left: auto;
    right: 0;
}

body:not(.rtl) .project .customer:after {
    left: 0;
    right: auto;
}

.project h3 {
    margin-bottom: .5vw;
}

.project .customer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1.2vw;
    min-height: 5vw;
}

.project .customer .logo {
    width: 3.33vw;
    height: 3.33vw;
    flex: 0 0 3.33vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2F2F2;
    overflow: hidden;
    margin-left: 1.3vw;
}

.project .customer .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: darken;
}

.project .img,
.project .img img {
    width: 100%;
}

.project .tech {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1vw;
}

.project .tech>p {
    margin-left: 1.5vw;
}

.project .tech ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.project .tech li:not(:last-child) {
    margin-left: 1vw;
}

.project .tech img {
    width: 4vw;
}

.projects .load-more {
    text-align: center;
    margin-top: 3.125vw;
}

@media (max-width: 1023.98px) {
    .projects {
        padding: 10vw 0;
    }

    .projects .container {
        width: 90%;
    }

    .projects h2 {
        margin-bottom: 5.33vw;
    }

    .project-list {
        display: block;
    }

    .project {
        margin-bottom: 0;
    }

    .project:not(:last-child) {
        margin-bottom: 13.33vw;
    }

    .project h3 {
        margin-bottom: 2.66vw;
    }

    .project .customer {
        margin-bottom: 8vw;
    }

    .project .customer .logo {
        width: 10vw;
        height: 10vw;
        flex: 0 0 10vw;
        margin-left: 4vw;
    }

    .project .tech {
        margin-top: 4vw;
    }

    .project .tech>p {
        margin-left: 2.66vw;
    }

    .project .tech li:not(:last-child) {
        margin-left: 4vw;
    }

    .project .tech img {
        width: 10vw;
    }

    .projects .load-more {
        margin-top: 13.33vw;
    }
}

/* #Technologies
================================================== */
.technologies {
    padding: 3vw 0 8.33vw 0;
}

.technologies .container {
    width: 83%;
}

.technologies .text {
    margin: 0 auto 4.95vw auto;
    width: 43.7vw;
    text-align: center;
}

.technologies .body {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.technologies .sidebar {
    flex: 0 0 14.32vw;
    position: sticky;
    top: 10.4vw;
}

.technologies .sidebar p,
.technologies .sidebar a {
    color: #888AA7;
    font-size: 1.04vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: auto;
    border-radius: 500px;
    font-size: 1.04vw;
    padding: .95vw 2vw;
    transition: all .4s ease;
    line-height: 1;
    text-align: center;
    min-width: 12vw;
}

.technologies .sidebar p,
.technologies .sidebar a.active,
.technologies .sidebar a:hover {
    color: white;
    background-color: #9055ff;
}

.technologies .sidebar p,
.technologies .sidebar li:not(:last-child) {
    margin-bottom: .75vw;
}

.technologies .sidebar ul {
    max-width: 85%;
}

.technologies .main {
    flex-grow: 1;
}

.technologies .technology-panel {
    box-shadow: 0 3px 23px rgba(0, 0, 0, .16);
    border-radius: 1vw;
    padding: 1.86vw 3.38vw 0vw 3.38vw;
}

.technologies .technology-panel:not(:last-child) {
    margin-bottom: 2.8vw;
}

.technologies .technology-panel h3 {
    text-align: center;
    margin-bottom: 2vw;
}

.technologies .technology-panel ul {
    display: flex;
    flex-wrap: wrap;
    /*  margin: -1.3vw -.5vw;*/
    /*  margin: 0.5vw -0.5vw;*/
}

.technologies .technology-panel li {
    /*
  flex: 0 0 20%;
  padding: 1.3vw .5vw;
  */

    flex: 0 0 15%;
    margin: 1.5vw;
    margin-bottom: 0vw;
    margin-top: 0vw;
}

.technologies .technology-panel li img {
    width: 100%;
    margin-bottom: 1.5vw;
}

.technologies .technology-panel li p {
    margin-bottom: .6vw;
}

@media (min-width: 1024px) {
    .technologies .tab-panel {
        overflow: visible;
    }
}

@media (max-width: 1023.98px) {
    .technologies {
        padding: 14.66vw 0 17.33vw 0;
    }

    .technologies .container {
        width: 90%;
    }

    .technologies .body {
        display: block;
    }

    .technologies .tab-navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: -2vw 0;
    }

    .technologies .tab-btn {
        height: 6.66vw;
        padding: 0 2vw;
        font-size: 4vw;
        margin: 0;
        border-radius: 500px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 2vw 0;
    }

    .technologies .tab-btn.active {
        padding: 0 1vw;
        color: white;
        background-color: #9055ff;
        text-decoration: none;
        margin: 2vw 1vw;
    }

    .technologies .tab-content {
        margin-top: 10vw;
    }

    .technologies .tab-panel.active {
        margin: -2.66vw;
        padding: 2.66vw;
    }

    .technologies .technology-panel {
        border-radius: 2.66vw;
        padding: 6vw;
        padding-bottom: 3vw;
        box-shadow: 0 3px 2.66vw rgba(0, 0, 0, .16);
    }

    .technologies .technology-panel:not(:last-child) {
        margin-bottom: 8vw;
    }

    .technologies .technology-panel h3 {
        margin-bottom: 5.33vw;
    }

    .technologies .technology-panel ul {
        margin: -1.3vw -.5vw;
    }

    .technologies .technology-panel li {
        flex: 0 0 46%;
        padding: 3.33vw 1.66vw;
    }

    /*
  .technologies .technology-panel li img {
  margin-bottom: 5.33vw;
}
*/

    .technologies .technology-panel li p {
        margin-bottom: 1vw;
    }
}

/* #Specializations
================================================== */
@media (min-width:1024px) {
    .page-template-tpl-specializations .banner .bg img {
        height: 40vw;
    }
}

.specializations {
    padding: 4.7vw 0 8.33vw 0;
}

.specializations .container {
    width: 83%;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.specializations .sidebar {
    flex: 0 0 14.32vw;
    position: sticky;
    top: 10.4vw;
}

.specializations .sidebar p,
.specializations .sidebar a {
    color: #888AA7;
    font-size: 1.04vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 2.6vw;
    border-radius: 500px;
    font-size: 1.04vw;
    /*  padding: 0 2vw;*/
    transition: all .4s ease;
    min-width: 10vw;
}

.specializations .sidebar p,
.specializations .sidebar a.active,
.specializations .sidebar a:hover {
    color: white;
    /* background-color: #FF0063; */
    background-color: #9055ff;
}

.specializations .sidebar p,
.specializations .sidebar li:not(:last-child) {
    margin-bottom: .75vw;
}

.specializations .sidebar ul {
    max-width: 75%;
}

.specializations .main {
    flex-grow: 1;
}

.specializations .accordion {
    box-shadow: 0 3px 23px rgba(0, 0, 0, .16);
    border-radius: 1vw;
    padding: 2.86vw 3.38vw;
}

.specializations .accordion:not(:last-child) {
    margin-bottom: 1.92vw;
}

.specializations .accordion h3 {
    margin-bottom: 1.3vw;
}

.specializations .accordion .collapse ul li::before {
    content: '•';
    color: #9055ff;
}

.specializations .accordion .collapse p {
    color: #03155F;
    font-weight: 200 !important;
    font-size: 0.88vw !important;
}

.specializations .text {
    width: 53vw;
    margin: auto;
    text-align: center;
    padding-bottom: 6vw;
}


@media (min-width: 1024px) {
    .specializations .collapsible {
        display: flex;
    }

    .specializations .collapse-toggler {
        flex: 0 0 14.3vw;
    }

    .specializations .collapse-toggler .name {
        width: 11vw;
        height: 11vw;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 50%;
    }

    .specializations .accordion:nth-child(1) .collapse-toggler .name {
        /* background-color: #CC295E; */
        background-color: #9055ff;
        color: white;
    }

    .specializations .accordion:nth-child(2) .collapse-toggler .name {
        /* background-color: #CC295E; */
        background-color: #9055ff;
        color: white;
    }

    .specializations .accordion:nth-child(3) .collapse-toggler .name {
        /* background-color: #CC295E; */
        background-color: #9055ff;
        color: white;
    }

    .specializations .accordion:nth-child(4) .collapse-toggler .name {
        /* background-color: #B6E000; */
        background-color: #53e8c8;
        color: black;
    }

    .specializations .accordion:nth-child(5) .collapse-toggler .name {
        /* background-color: #B6E000; */
        background-color: #53e8c8;
        color: black;
    }

    .specializations .accordion:nth-child(6) .collapse-toggler .name {
        /* background-color: #B6E000; */
        background-color: #53e8c8;
        color: black;
    }

    .specializations .accordion:nth-child(7) .collapse-toggler .name {
        /* background-color: #2C3662; */
        background-color: #020043;
        color: white;
    }

    .specializations .collapse {
        height: auto !important;
    }

    .collapse h3.h3-collapse {
        font-size: 1.1vw !important;
    }

}

@media (max-width: 1023.98px) {

    .page-template-tpl-specializations .banner .img {
        width: 110%;
        margin-right: -2%;
    }

    .page-template-tpl-specializations .banner .bg img {
        height: 166vw;
    }

    .specializations {
        padding: 14.66vw 0 17.33vw 0;
    }

    .specializations .container {
        width: 90%;
        display: block;
    }

    .specializations .accordion {
        border-radius: 2.66vw;
        padding: 6vw;
        box-shadow: 0 3px 2vw rgba(0, 0, 0, .16);
    }

    .specializations .accordion:not(:last-child) {
        margin-bottom: 1.6vw;
    }

    .specializations .collapse-toggler {
        display: flex;
        align-items: center;
    }

    .specializations .arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 7.5vw;
        height: 7.5vw;
        margin-left: 5vw;
    }

    .specializations .arrow img {
        width: 3vw;
        transform: rotate(0);
        transform-origin: 50% 50%;
        transition: all .4s ease;
    }

    .specializations .show .arrow img {
        transform: rotate(180deg);
    }

    .specializations .accordion:nth-child(1) .arrow {
        background-color: #9055ff;
    }

    .specializations .accordion:nth-child(2) .arrow {
        background-color: #FF3D88;
    }

    .specializations .accordion:nth-child(3) .arrow {
        background-color: #CC295E;
    }

    .specializations .accordion:nth-child(4) .arrow {
        background-color: #E5F4A6;
    }

    .specializations .accordion:nth-child(5) .arrow {
        background-color: #C9E842;
    }

    .specializations .accordion:nth-child(6) .arrow {
        background-color: #B6E000;
    }

    .specializations .accordion:nth-child(7) .arrow {
        background-color: #2C3662;
    }

    .specializations .name {
        color: #020043;
    }

    .specializations .collapse>div {
        padding-top: 3vw;
    }

    .specializations .accordion h3 {
        margin-bottom: 2vw;
    }

    .specializations .accordion .collapse p {
        font-weight: 200 !important;
        font-size: 4vw !important;
    }

    .specializations .text {
        width: 80vw;
        padding-bottom: 13vw;
    }

}

/* #About Text
================================================== */
.about-text {
    text-align: center;
    position: relative;
}

.about-text .container {
    width: 66%;
}

@media (max-width: 1023.98px) {
    .about-text {
        margin-top: 10vw;
    }

    .about-text .container {
        width: 90%;
    }
}

/* #About Team
================================================== */
.about-team {
    padding: 8vw 0;
    position: relative;
}

.about-team .container {
    width: 70%;
}

.about-team h2 {
    text-align: center;
    margin-bottom: 3.9vw;
}

.about-team .person-list {
    display: flex;
    flex-wrap: wrap;
    margin: -2.5vw 0;
}

.about-team .person {
    flex: 0 0 33.33%;
    text-align: center;
    position: relative;
    padding: 0 2.5vw;
    margin: 2.5vw 0;
    overflow: hidden;
}

.about-team .person .primary-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-team .person .img {
    width: 17.4vw;
    margin-bottom: 2.35vw;
}

.about-team .person .img img {
    width: 100%;
}

.about-team .person h3 {
    margin-bottom: .25vw;
}

.about-team .person p {
    margin: 1vw 0 1.3vw 0;
    max-height: 50%;
    overflow-y: auto;
}

.about-team .person p::-webkit-scrollbar {
    width: 5px;
    background-color: #eee;
}

.about-team .person p::-webkit-scrollbar-thumb {
    border-radius: 3px;
    /* background-color: #B6E000; */
    background-color: #53e8c8;
}

.about-team .person .open,
.about-team .person .close {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-team .person .open img,
.about-team .person .close img {
    width: 1.7vw;
}

.about-team .person .open img {
    margin-bottom: .5vw;
}

.about-team .person .close img {
    margin-top: 2.35vw;
}

.about-team .person .secondary-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(105%);
    width: calc(100% - 1.5vw);
    height: 100%;
    background-color: white;
    background-image: url('../img/about/secondary-info-bg.jpg');
    background-size: cover;
    background-position: bottom right;
    padding: 1.7vw 1.7vw 2.5vw 1.7vw;
    transition: all .8s ease;
    z-index: 1100;
}

.about-team .person.show .secondary-info {
    transform: translateX(-50%) translateY(0);
}

@media (max-width: 1023.98px) {
    .about-team {
        padding: 12vw 0 18.66vw 0;
    }

    .about-team .container {
        width: 90%;
    }

    .about-team h2 {
        text-align: center;
        margin-bottom: 12vw;
    }

    .about-team .person-list {
        margin: -4.8vw -4.33vw;
    }

    .about-team .person {
        flex: 0 0 50%;
        padding: 0 4.8vw;
        margin: 4.33vw 0;
    }

    .about-team .person .img {
        width: 100%;
        margin-bottom: 2.66vw;
    }

    .about-team .person p {
        margin: 0 0 6vw 0;
    }

    .about-team .person .open img,
    .about-team .person .close img {
        width: 8.8vw;
    }

    .about-team .person .open {
        margin-top: 3.6vw;
    }

    .about-team .person .open img {
        margin-bottom: .5vw;
    }

    .about-team .person .close img {
        margin-top: 6vw;
    }

    .about-team .person .secondary-info {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(200%);
        width: 90%;
        height: auto;
        padding: 12vw 7vw 10vw 7vw;
        transition: all .8s ease;
        z-index: 11000;
    }

    .about-team .person.show .secondary-info {
        transform: translateX(-50%) translateY(-50%);
    }
}

/* #Jobs Why
================================================== */
.jobs-why {
    margin-bottom: -5.2vw;

    position: relative;
}

.jobs-why .container {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jobs-why .img {
    flex: 0 0 22.34vw;
}

.jobs-why .text {
    flex: 0 0 24.5vw;
}

.jobs-why h2 {
    margin-bottom: 1.5vw;
    line-height: 1.2;
}

.job-number {
    margin-bottom: 1vw;
}

@media (max-width: 1023.98px) {
    .jobs-why {
        margin-bottom: -20vw;
        padding-top: 12.66vw;
        text-align: center;
    }

    .jobs-why .container {
        width: 90%;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
    }

    .jobs-why h2 {
        margin-bottom: 4vw;
    }

    .jobs-why .text {
        margin-bottom: 8.66vw;
    }
}

/* #Jobs Gallery
================================================== */
.jobs-gallery {
    height: 55.93vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2009.033' height='1074.246' viewBox='0 0 2009.033 1074.246'%3E%3Cpath id='Path_22433' data-name='Path 22433' d='M3.795-84.887s-43.7,131.656,633.044,14.751S2012.256-16.27,2012.256-16.27l-51.246,878.595s-356.388-44.923-951.388-9.609S3.795,963.195,3.795,963.195Z' transform='translate(-3.223 111.051)' fill='%23f8f9fe'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 6.68vw;
}

.jobs-gallery .text {
    margin: 0 auto 2.85vw auto;
    padding-top: 7.3vw;
    width: 39.68vw;
}

.jobs-gallery h2 {
    margin-bottom: 1.3vw;
    line-height: 1.2;
}

.jobs-gallery .swiper-slide {
    height: auto;
    cursor: grab;
}

.jobs-gallery .swiper-slide img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.jobs-gallery .swiper-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.38vw;
}

.jobs-gallery .swiper-arrows img {
    width: 2.4vw;
}

.jobs-gallery .swiper-arrows .right {
    margin-right: .75vw;
}

@media (max-width: 1023.98px) {
    .jobs-gallery {
        height: 180vw;
        background-position: 10% 50%;
        background-repeat: no-repeat;
    }

    .jobs-gallery .text {
        margin: 0 auto 12vw auto;
        padding-top: 26vw;
        width: 90%;
    }

    .jobs-gallery h2 {
        margin-bottom: 1.3vw;
        line-height: 1.2;
    }

    .jobs-gallery .swiper-arrows {
        margin-top: 10vw;
    }

    .jobs-gallery .swiper-arrows img {
        width: 11.33vw;
    }

    .jobs-gallery .swiper-arrows .right {
        margin-right: 3vw;
    }
}

/* #Jobs Accordion
================================================== */
.jobs-accordion {
    margin: 2vw 0 11.66vw 0;
}

.jobs-accordion .container {
    width: 80%;
}

.jobs-accordion .collapsible {
    box-shadow: 0 3px 16px rgba(0, 0, 0, .1);
    border-radius: 1vw;
    background-color: white;
    transition: background-color .4s ease;
    padding: 2vw;
}

.jobs-accordion .collapsible.show {
    background-color: #E9F6B2;
}

.jobs-accordion .collapsible:not(:last-child) {
    margin-bottom: 1.4vw;
}

.jobs-accordion .collapse-toggler {
    /*
  display: flex;
  align-items: center;
  justify-content: flex-end;
  */
    margin-bottom: 2vw;
}

.jobs-accordion .arr-flex img {
    width: 1vw;
    margin-right: 1vw;
    transition: all .4s ease;
    transform: rotate(0);
}

.jobs-accordion .show .arr-flex img {
    transform: rotate(180deg);
}

.jobs-accordion .block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.jobs-accordion .icons,
.jobs-accordion .icons p {
    display: flex;
    align-items: center;
}

.jobs-accordion .icons p:first-child {
    margin-left: 2vw;
}

.jobs-accordion .icons {
    flex: 0 0 29.6vw;
    justify-content: flex-end;
}

.jobs-accordion .icons img {
    height: 1.3vw;
    margin-left: .75vw;
}

.jobs-accordion .text,
.jobs-accordion .collapse>div {
    flex: 0 0 32.55vw;
    max-width: 32.55vw;
}

.jobs-accordion .collapse>div {
    padding-top: 1.5vw;
}

.jobs-accordion h3 {
    margin-bottom: .55vw;
}

.jobs-accordion .collapse p {
    margin-bottom: 2vw;
}

.jobs-accordion h2 {
    text-align: center;
    margin-bottom: 3.38vw;
}

.jobs-accordion .apply-btn {
    margin-top: 1vw;
}

.jobs-accordion .collapse ul {
    list-style: disc;
    padding: revert;
    list-style-position: outside;
}

@media (max-width: 1023.98px) {
    .jobs-accordion {
        margin: 30vw 0 20vw 0;
    }

    .jobs-accordion .container {
        width: 90%;
    }

    .jobs-accordion h2 {
        margin-bottom: 10vw;
    }

    .jobs-accordion .collapsible {
        box-shadow: 0 3px 16px rgba(0, 0, 0, .1);
        border-radius: 2.66vw;
        padding: 5.33vw;
    }

    .jobs-accordion .collapsible:not(:last-child) {
        margin-bottom: 6vw;
    }

    .jobs-accordion .collapse-toggler {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .jobs-accordion .collapse-toggler img {
        width: 2.93vw;
        margin-right: 3.33vw;
    }

    .jobs-accordion .block {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .jobs-accordion .icons p:not(:last-child) {
        margin-left: 3.33vw;
    }

    .jobs-accordion .icons {
        flex: 0;
        margin-bottom: 8.66vw;
    }

    .jobs-accordion .icons img {
        height: 5.6vw;
        margin-left: 2.93vw;
    }

    .jobs-accordion .text,
    .jobs-accordion .collapse>div {
        flex: 0;
        max-width: 100%;
    }

    .jobs-accordion .collapse>div {
        padding-top: 4.66vw;
    }

    .jobs-accordion .collapse p {
        margin-bottom: 7.33vw;
    }
}

/* #Services Slider
================================================== */
.services-slider {
    background-color: #F2F5FF;
    padding-bottom: 8vw;
    padding-top: 2vw;
}

.services-slider .container {
    width: 88%;
}

.services-slider h2 {
    text-align: center;
    margin-bottom: 1.8vw;
}

.services-slider .swiper-container {
    margin: -1vw;
}

.services-slider .swiper-slide {
    padding: 1vw;
    height: auto;
}

.services-slider .swiper-slide>div {
    background-color: white;
    border-radius: 1vw;
    height: 100%;
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    padding: 1.5vw;
    justify-content: center;
}

.services-slider .img {
    flex: 0 0 10.4vw;
    height: 10.4vw;
    width: 10.4vw;
}

.services-slider .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.services-slider .text {
    flex-grow: 1;
    padding-right: 2vw;
}

.services-slider .text p:first-child {
    margin-bottom: .5vw;
}

.services-slider .text a {
    margin-top: 1.5vw;
}

@media (min-width: 1024px) {
    .services-slider .swiper-arrows {
        display: none;
    }
}

@media (max-width: 1023.98px) {
    .services-slider {
        padding-bottom: 20vw;
    }

    .services-slider .container {
        width: 90%;
    }

    .services-slider h2 {
        margin-bottom: 8.66vw;
    }

    .services-slider .swiper-container {
        margin: 0;
    }

    .services-slider .swiper-slide {
        padding: 0;
    }

    .services-slider .swiper-slide>div {
        border-radius: 2.66vw;
        padding: 5.33vw;
    }

    .services-slider .img {
        flex: 0 0 32vw;
        height: 32vw;
        width: 32vw;
    }

    .services-slider .text {
        padding-right: 5.33vw;
    }

    .services-slider .text p:first-child {
        margin-bottom: 2vw;
    }

    .services-slider .text a {
        margin-top: 4vw;
    }

    .services-slider .swiper-arrows {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        margin-top: 8.66vw;
    }

    .services-slider .swiper-arrows img {
        width: 8vw;
    }

    .services-slider .swiper-arrows .left {
        margin-right: 5vw;
    }
}

/* #Projects Slider
================================================== */
.projects-slider {
    padding: 4.4vw 0;
}

.projects-slider .container {
    width: 83%;
}

.projects-slider h2 {
    text-align: center;
    margin-bottom: 3.9vw;
}

.projects-slider .swiper-container {
    margin: 0 -1.4vw;
}

.projects-slider .swiper-slide {
    padding: 0 1.4vw;
}

.projects-slider .swiper-slide img {
    width: 100%;
    margin-bottom: 1.75vw;
}

@media (min-width: 1024px) {
    .projects-slider .swiper-arrows {
        display: none;
    }
}

@media (max-width: 1023.98px) {
    .projects-slider {
        padding: 10vw 0;
    }

    .projects-slider .container {
        width: 90%;
    }

    .projects-slider h2 {
        margin-bottom: 8.66vw;
    }

    .projects-slider .swiper-slide img {
        margin-bottom: 4.66vw;
    }

    .projects-slider .swiper-arrows {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        margin-top: 12vw;
    }

    .projects-slider .swiper-arrows img {
        width: 8vw;
    }

    .projects-slider .swiper-arrows .left {
        margin-right: 5vw;
    }
}

/* #Case Study
================================================== */
.single-usecases .banner .img {
    flex: 0 0 34.6vw;
    margin-left: 4vw;
    margin-top: 4vw;
}


.case-study {
    padding: 4.4vw 0 6.25vw 0;
    position: relative;
    overflow: hidden;
}

.case-study::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9.6vw;
    background-image: url('../img/case-study/case-study-bg.svg');
    z-index: -1;
}

.case-study .container {
    width: 73%;
    display: flex;
    align-items: flex-start;
}

.case-study .sidebar {
    flex: 0 0 24vw;
    padding-left: 11vw;
}

.case-study .sidebar .collapse-toggler {
    margin-bottom: 1vw;
}

.case-study .sidebar .accordion:not(:last-child) {
    margin-bottom: 1.5vw;
}

.case-study .sidebar ul {
    margin-bottom: 1.5vw;
}

.case-study .sidebar li {
    display: flex;
    align-items: center;
    line-height: 1.8;
}

.case-study .sidebar img {
    width: 2.35vw;
    /*  height: 1.4vw;*/
    object-fit: contain;
    object-position: center;
    margin-left: 1vw;
}

.case-study .heading {
    display: flex;
    align-items: center;
    margin-bottom: 1vw;
}

.case-study .num {
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    border-radius: 50%;
    margin-left: 1.5vw;
}

.case-study .main-list>li:not(:last-child) {
    margin-bottom: 3.125vw;
}

.case-study .collapsible-panel {
    background-color: #E9F6B2;
    border-radius: 1vw;
    padding: 2vw;
}

.case-study .collapsible-panel .collapsible:not(:last-child) {
    margin-bottom: 1.3vw;
}

.case-study .collapsible-panel .collapse-toggler {
    display: flex;
    align-items: center;
}

.case-study .collapsible-panel .collapse-toggler img {
    width: 2vw;
    margin-left: 1vw;
    transform: rotate(0);
    transition: all .4s ease;
}

.case-study .collapsible-panel .show .collapse-toggler img {
    transform: rotate(180deg);
}

.case-study .collapsible-panel .collapse>div {
    padding-top: 1vw;
    padding-right: 3vw;
}

.case-study .bg {
    /*
  width: 43%;
  position: absolute;
  bottom: 6.25vw;
  right: -9.375vw;
  */
    width: 280%;
    margin-right: -20vw;
    margin-top: 3vw;
}

.case-study .bg img {
    width: 100%;
}

.case-study .main-list>li:nth-of-type(1) .num {
    /* background-color: #FF0063; */
    background-color: #9055ff;
}

.case-study .main-list>li:nth-of-type(2) .num {
    background-color: #020043;
}

.case-study .main-list>li:nth-of-type(3) .num {
    /* background-color: #B6E000; */
    background-color: #53e8c8;
    color: black;
}

/*
.case-study .body ul {
list-style-image:url('../img/global/bullet-pink.png');
list-style-image:url('../img/global/bullet-pink1.png');
}
*/

.single-usecases .case-study .body ul li {
    background: url(../img/global/bullet-pink.png) no-repeat right 4px;
    background-size: 0.9vw 1vw;
    margin: 0;
    list-style: none;
}

.single-usecases .case-study .body ul li span {
    position: relative;
    right: 1vw;
}

/*
.single-usecases .case-study .body ul li:before {
display: inline-block;
content: "";
width: 0.3vw;
height: 0.3vw;
background: #ff0063;
margin-left: 0.4vw;
border-radius: 7vw;
vertical-align: middle;
}
*/

@media (min-width: 1024px) {
    .case-study .sidebar .collapse {
        height: auto !important;
    }
}

@media (max-width: 1023.98px) {

    .case-study .main {
        max-width: 95%;
    }

    .single-usecases .banner .img {
        margin: auto;
        margin-top: 12vw;
    }

    .case-study {
        padding: 5.33vw 0 18vw 0;
    }

    .case-study::after {
        display: none;
        content: none;
    }

    .case-study .container {
        width: 90%;
        display: block;
    }

    .case-study .sidebar {
        padding-left: 0;
        margin-bottom: 11.33vw;
    }

    .case-study .sidebar .collapse-toggler {
        margin-bottom: 2.66vw;
        display: flex;
        align-items: center;
    }

    .case-study .sidebar .accordion:not(:last-child) {
        margin-bottom: 3vw;
    }

    .case-study .sidebar .collapse-toggler img {
        width: 3vw;
        margin-right: 6vw;
        transition: all .4s ease;
        transform: rotate(0);
    }

    .case-study .sidebar .show .collapse-toggler img {
        transform: rotate(180deg);
    }

    .case-study .sidebar ul {
        margin-bottom: 5vw;
    }

    .case-study .sidebar img {
        width: 12vw;
        height: 10vw;
        margin-left: 6vw;
    }

    .case-study .heading {
        margin-bottom: 5.33vw;
    }

    .case-study .num {
        width: 7.6vw;
        height: 7.6vw;
        margin-left: 4.6vw;
    }

    .case-study .main-list>li:not(:last-child) {
        margin-bottom: 12vw;
    }

    .case-study .collapsible-panel {
        border-radius: 2.66vw;
        padding: 5.33vw;
    }

    .case-study .collapsible-panel .collapsible:not(:last-child) {
        margin-bottom: 4.66vw;
    }

    .case-study .collapsible-panel .collapse-toggler {
        align-items: flex-start;
    }

    .case-study .collapsible-panel .collapse-toggler img {
        width: 7.6vw;
        margin-left: 5vw;
    }

    .case-study .collapsible-panel .collapse>div {
        padding-top: 2vw;
        padding-right: 12.6vw;
    }

    .case-study .bg {
        position: static;
        width: 110%;
        margin-bottom: 12vw;
        transform: translateX(15%);
    }

    .single-usecases .case-study .body ul li {
        background: url(../img/global/bullet-pink.png) no-repeat right 2px;
        background-size: 4.5vw 4.5vw;
    }

    .single-usecases .case-study .body ul li span {
        position: relative;
        right: 4.5vw;
    }
}

/* #Service Managed
================================================== */
.service-managed {
    /* margin-top: -4vw; */
    margin-top: 0;
    margin-bottom: 6.4vw;
    position: relative;
    z-index: 1;
}

.service-managed .container {
    width: 61%;
}

.service-managed .container .tabs {
    position: relative;
    margin-top: 8.4vw;
}

.service-managed h2 {
    text-align: center;
    margin-bottom: 3.125vw;
}

.service-managed .row {
    display: flex;
    justify-content: space-between;
}

.service-managed .row .img {
    flex: 0 0 21.77vw;
}

.postid-497 .service-managed .row .img {
    flex: 0 0 25.77vw;
    margin-top: 2.4vw;
}

.service-managed .row .img img {
    width: 100%;
}

.service-managed .row .text {
    flex: 0 0 29.16vw;
}

.service-managed .row .text p:first-child {
    margin-bottom: 1vw;
}

.service-managed .collapsible-panel {
    /* background-color: #E9F6B2; */
    background-color: #53e8c8;
    border-radius: 1vw;
    padding: 2vw;
}

/*
.service-managed .collapsible-panel .collapsible:not(:last-child) {
margin-bottom: 1.3vw;
}
*/

.service-managed .collapsible-panel .collapse-toggler {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-managed .collapsible-panel .collapse-toggler img {
    width: 2vw;
    margin-left: 1vw;
    transform: rotate(0);
    transition: all .4s ease;
}

.service-managed .collapsible-panel .show .collapse-toggler img {
    transform: rotate(180deg);
}

.service-managed .collapsible-panel .collapse>div {
    padding-top: 1vw;
    padding-right: 3vw;
}

.service-managed .tab-navigation {
    padding: 2vw 0 2.7vw 0;
}

.service-managed .tab-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.service-managed .tab-btn {
    height: 2.6vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 1vw;
    border-radius: 500px;
    color: #888AA7;
    font-size: 1.04vw;
    text-decoration: underline;
}

.service-managed .tab-btn.active {
    padding: 0 1vw;
    color: white;
    /* background-color: #FF0063; */
    background-color: #9055ff;
    text-decoration: none;
}

.service-managed .tab-btn.active:hover a,
.service-managed .tab-btn.active a:hover {
    color: white;
    text-decoration: none;
}

@media (max-width: 1023.98px) {
    .service-managed {
        margin-top: 20vw;
        margin-bottom: 11.33vw;
        position: relative;
        z-index: 1;
    }

    .service-managed .container {
        width: 90%;
    }

    .service-managed h2 {
        margin-bottom: 8vw;
    }

    .service-managed .row {
        /*    display: block;*/
        flex-direction: column-reverse;
    }

    .service-managed .row .img {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 7vw;
    }

    .service-managed .row .text {
        text-align: center;
        padding: 0vw 0 7vw 0;
    }

    .service-managed .row .text p:first-child {
        margin-bottom: 4vw;
    }

    .service-managed .tab-navigation {
        display: none;
    }

    .service-managed .collapsible-panel {
        padding: 0;
        border-radius: 0;
        background-color: white;
    }

    .service-managed .collapsible-panel .collapsible {
        background-color: white;
        box-shadow: 0 3px 16px rgba(0, 0, 0, .06);
        border-radius: 2.66vw;
        padding: 4vw 5.33vw;
        transition: background-color .4s ease;
    }

    .service-managed .collapsible-panel .collapsible.show {
        background-color: #E9F6B2;
    }

    .service-managed .collapsible-panel {
        margin-bottom: 3.33vw;
    }

    .service-managed .collapsible-panel .collapse-toggler img {
        width: 2.93vw;
        min-width: 2.93vw;
        margin-left: 0;
        margin-right: 5vw;
    }

    .service-managed .collapsible-panel .collapse>div {
        padding-top: 2vw;
        padding-right: 12.6vw;
    }

    .service-managed .tabs .tab-panel {
        height: auto;
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }
}

/* #Service Img
================================================== */
.service-img .container {
    width: 83%;
}

.service-img img,
.service-img picture {
    width: 100%;
}

@media (max-width: 1023.98px) {
    .service-img .container {
        width: 90%;
    }
}

/* #Service Img 2
================================================== */
.service-img-2 {
    text-align: center;
    padding: 4.16vw 0 3.125vw 0;
    box-shadow: 0 3px 23px rgba(0, 0, 0, .16);
}

.service-img-2 .container {
    width: 68%;
}

.service-img-2 img,
.service-img-2 picture {
    width: 100%;
}

.service-img-2 img {
    margin-top: 2.1vw;
}


@media (max-width: 1023.98px) {
    .service-img-2 {
        padding: 6vw 0;
    }

    .service-img-2 .container {
        width: 90%;
    }

    .service-img-2 h2 {
        margin-bottom: 3vw;
    }
}

/* #Service QA
================================================== */
.service-qa {
    padding: 8.33vw 0 4.16vw 0;
    margin-bottom: 2vw;
}

.service-qa .container {
    width: 73%;
}

.service-qa .row {
    display: flex;
    justify-content: space-between;
}

.service-qa .img {
    flex: 0 0 30.88vw;
}

.service-qa .img img {
    width: 100%;
}

.service-qa .text {
    flex: 0 0 37.91vw;
}

.service-qa .accordion {
    padding-top: 4.16vw;
}

.service-qa .collapsible {
    background-color: white;
    border-radius: 1vw;
    padding: 1vw 1.5vw;
    box-shadow: 0 3px 16px rgba(0, 0, 0, .06);
    transition: background-color .4s ease;
}

.service-qa .collapsible.show {
    /* background-color: #E9F6B2; */
    background-color: #53e8c8;
}

.service-qa .collapsible:not(:last-child) {
    margin-bottom: 1vw;
}

.service-qa .collapse-toggler {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-qa .collapse-toggler img {
    width: .76vw;
    transform: rotate(0);
    transition: all .4s ease;
    backface-visibility: hidden;
}

.service-qa .collapse-toggler .icon {
    width: 10px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cg clip-path='url(%23clip0_838_1217)'%3E%3Cpath d='M12.162 1.70815C12.1623 1.36699 12.0604 1.03357 11.8694 0.750885C11.6784 0.468203 11.4071 0.249238 11.0904 0.122238C10.7738 -0.00476195 10.4263 -0.0339692 10.0929 0.0383835C9.75953 0.110736 9.45552 0.281327 9.22 0.528152L6.07999 3.81116L2.93997 0.528152C2.62476 0.210206 2.19734 0.0287382 1.74967 0.0228119C1.30199 0.0168856 0.869875 0.186976 0.546358 0.496468C0.22284 0.805959 0.0337772 1.23011 0.0198684 1.6776C0.00595963 2.1251 0.168283 2.56017 0.471956 2.88915L4.84598 7.46215C5.00543 7.62877 5.19695 7.76138 5.40903 7.85197C5.62111 7.94256 5.84937 7.98926 6.07999 7.98926C6.31061 7.98926 6.5388 7.94256 6.75089 7.85197C6.96297 7.76138 7.15455 7.62877 7.314 7.46215L11.687 2.88915C11.9914 2.5722 12.1613 2.14965 12.161 1.71015L12.162 1.70815Z' fill='%239055FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_838_1217'%3E%3Crect width='12.163' height='7.988' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.service-qa .collapsible.show .collapse-toggler .icon {
    transform: rotate(180deg);
}

.service-qa .show .collapse-toggler img {
    transform: rotate(180deg);
}

.service-qa .collapse>div {
    padding-top: 1vw;
}

@media (max-width: 1023.98px) {
    .service-qa {
        /*padding: 10vw 0 18.66vw 0;*/
        margin-bottom: 6vw;
    }

    .service-qa .container {
        width: 90%;
    }

    .service-qa .row {
        display: block;
    }

    .service-qa .text {
        padding: 10.66vw 0;
    }

    .service-qa .accordion {
        padding-top: 0;
    }

    .service-qa .collapsible {
        border-radius: 2.66vw;
        padding: 5.33vw;
    }

    .service-qa .collapsible:not(:last-child) {
        margin-bottom: 3.33vw;
    }

    .service-qa .collapsible .collapse-toggler img {
        width: 2.93vw;
        min-width: 2.93vw;
        margin-right: 2vw;
    }

    .service-qa .collapsible .collapse>div {
        padding-top: 2vw;
    }
}

/* #Service Roles
================================================== */
.service-roles {
    height: 60.66vw;
    background-image: url('../img/service/service-roles-bg.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.service-roles .container {
    width: 83.33%;
}

.service-roles .img {
    margin-top: 2.5vw;
}

.service-roles .img,
.service-roles .img img {
    width: 100%;
}

.service-roles h2 {
    text-align: center;
    margin-bottom: 1.5vw;
}

.service-roles h3 {
    margin: 0 auto;
    width: 45.83vw;
    text-align: center;
}

.service-roles ul {
    display: flex;
    align-content: center;
    justify-content: center;
    text-align: center;
    margin-top: 2.6vw;
    flex-wrap: wrap;
}

.service-roles ul li {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-direction: column;
    flex: 0 0 5vw;
    margin: 0 1vw;
}

.service-roles ul img {
    height: 4.68vw;
    margin-bottom: 1vw;
}

@media (max-width: 1023.98px) {
    .service-roles {
        height: 273.33vw;
    }

    .service-roles .container {
        width: 90%;
    }

    .service-roles h2 {
        margin-bottom: 4vw;
    }

    .service-roles h3 {
        width: 100%;
    }

    .service-roles .img {
        margin-top: 8vw;
    }

    .service-roles ul {
        margin-top: 13.33vw;
        justify-content: space-between;
    }

    .service-roles ul li {
        flex: 0 0 30%;
        margin: 0 0 8vw 0;
    }

    .service-roles ul img {
        height: 20vw;
        margin-bottom: 3.33vw;
    }
}

/* #Thank you page
================================================== */
.page-template-tpl-tnx .banner .text {
    padding: 3vw;
}


@media (max-width: 1023.98px) {
    .page-template-tpl-tnx .banner .text {
        padding-top: 20vw;
        padding-bottom: 20vw;
    }
}

.single-post .blog-post .body h1,
.single-podcast .blog-post .body h1 {
    font-size: 2.25em;
    color: #020043;
}

.single-post .blog-post .body h2,
.single-podcast .blog-post .body h2 {
    font-size: 1.875em;
    color: #020043;
}

.single-post .blog-post .body h3,
.single-podcast .blog-post .body h3 {
    font-size: 1.5em;
    color: #020043;
}

.single-post .blog-post .body h4,
.single-podcast .blog-post .body h4 {
    font-size: 1.125em;
    color: #020043;
}

.single-post .blog-post .body h5,
.single-podcast .blog-post .body h5 {
    font-size: 0.875em;
    color: #020043;
}

.single-post .blog-post .body h6,
.single-podcast .blog-post .body h6 {
    font-size: 0.75em;
    color: #020043;
}

.reviews .swiper-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.38vw;
}

.reviews .swiper-arrows .swiper-button-disabled {
    opacity: .5;
}

.reviews .swiper-arrows img {
    width: 2.4vw;
}

.reviews .swiper-arrows .right {
    margin-right: 0.75vw;
}

[lang="en"] .reviews .swiper-arrows .right {
    margin-left: 0.75vw;
}

@media (max-width: 1023.98px) {
    .reviews .swiper-arrows {
        margin-top: 5vw;
    }

    .reviews .swiper-arrows img {
        width: 11.33vw;
    }

    .reviews .swiper-arrows .right {
        margin-right: 3vw;
    }

    [lang="en"] .reviews .swiper-arrows .right {
        margin-left: 3vw;
    }
}

.products_section .container {
    width: 87%;
}

.products_section .container .text {
    margin: auto;
    text-align: center;
}

.products_section .container .text h1 {
    color: #111c4e;
    margin-top: 2vw;
    margin-bottom: 1vw;
}

.product_item.video_item {
    width: 100%;
    grid-column-start: 1;
    background: #F2F5FF;
    min-height: 17vw;
    display: flex;
}

.product_item {
    padding: 2vw;
    margin-bottom: 2vw;
    border-radius: 1vw;
}

.product_item .text h3 {
    margin-bottom: 1vw;
}

.product_item .text a {
    margin-top: 2vw;
}

.products_list {
    display: grid;
    margin: 3vw;
}

.product_item.video_item .text {
    margin: unset !important;
    text-align: right !important;
    flex: 0 0 50%;
}

.product_item.video_item .video {
    flex: 0 0 50%;
}

@media (min-width: 1023.98px) {
    .page-template-tpl-stat .banner .container {
        top: 54%;
        width: 87%;
    }

    .page-template-tpl-stat .banner .container .text p {
        width: 95%;
    }

    .page-template-tpl-stat .banner .container .text img {
        margin-bottom: 1vw;
    }

    .page-template-tpl-stat #breadcrumbs {
        z-index: 1;
        position: absolute !important;
        top: 0;
        left: 0;
    }

    .page-template-tpl-stat .is_header {
        margin-top: 6vw;
    }

    .page-template-tpl-stat .banner .text {
        flex: 0 0 50%;
    }

    .page-template-tpl-stat .banner .img {
        flex: 0 0 50%;
    }
}

@media (max-width: 1023.98px) {
    .page-template-tpl-stat .banner .container .text p {
        width: 100%;
    }

    .page-template-tpl-stat .banner .text img {
        width: 45vw;
        height: auto;
        margin-bottom: 3vw;
    }

    .page-template-tpl-stat #breadcrumbs {
        z-index: 1;
        position: absolute !important;
        top: 0;
        right: 4vw;
    }

    .page-template-tpl-stat .banner .container {
        top: 17vw;
    }

    .page-template-tpl-stat .banner .img {
        margin-top: -10vw;
    }

    .page-template-tpl-stat .banner:not(.is_header) {
        margin-top: 15vw;
    }

    .page-template-tpl-stat .banner {
        margin-top: 3vw;
    }
}




#item-0 {
    /* background: #E9F6B2; */
    background: #53e8c8;
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-column-end: 4;
}

.products_section .container {
    width: 83%;
}

.products_section .container>.text {
    margin-bottom: 2vw;
}

#item-1 {
    /* background: #F8BED5; */
    background: #9055ff;
}

#item-2 {
    /* background: #F2F5FF; */
    background: #00b8f9;
}

#item-3 {
    /* background: #F8BED5; */
    background: #9055ff;
}

#item-4 {
    /* background: #E9F6B2; */
    background: #53e8c8;
}

.page-template-tpl-stat .angry-grid .text {
    margin: unset !important;
    text-align: right !important;
    padding: 2vw;
    color: #020043;
}

.angry_item {
    box-shadow: 0 3px 22px rgba(0, 0, 0, .07);
    border-radius: 1vw;
}

.angry_item span {
    margin-bottom: 2vw;
}

.angry_item .contact-btn {
    margin-top: 2vw;
}

/* #item-0 .text {
flex: 0 0 51%;
} */
.list_tt {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 2vw;
}

.angry_item p,
.angry_item span {
    direction: rtl !important;
}

.list_tt ul li {
    margin-right: 1vw;
}

.list_tt ul {
    list-style-type: disc;
    direction: rtl;
}

.list_tt ul li::marker {
    color: #9055ff;
}

.page-template-tpl-stat .video a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-tpl-stat .video a img {
    width: 8.22vw;
}

.page-template-tpl-stat .video {
    position: relative;
    padding: 2vw;
}

.page-template-tpl-stat .video video {
    border-radius: 1vw;
}






#item-0 {

    grid-row-start: 1;
    grid-column-start: 3;

    grid-row-end: 3;
    grid-column-end: 4;

}

#item-1 {


    grid-row-start: 1;
    grid-column-start: 1;

    grid-row-end: 2;
    grid-column-end: 3;

}

#item-2 {


    grid-row-start: 2;
    grid-column-start: 1;

    grid-row-end: 3;
    grid-column-end: 3;

}

#item-3 {


    grid-row-start: 3;
    grid-column-start: 2;

    grid-row-end: 4;
    grid-column-end: 4;

}

#item-4 {


    grid-row-start: 3;
    grid-column-start: 1;

    grid-row-end: 4;
    grid-column-end: 2;

}

.products_section {
    margin-bottom: 6vw;
}

@media (min-width: 1023.98px) {
    .products_section .container .text .p_tt {
        width: 57%;
        margin: auto;
    }

    .products_section {
        margin-top: 4vw;
    }

    .angry-grid {
        display: grid;

        /* grid-template-rows: 1fr 1fr 1fr 1fr; */
        grid-template-columns: 1fr 1fr 1fr;
        direction: ltr;
        gap: 2vw;
        height: 100%;

    }

    #item-4 {

        width: 163%;
    }

    div#item-3 {
        width: 70%;
        margin-left: auto;
    }
}

.products_section .text {
    color: #111c4e;
}

@media (max-width: 1023.98px) {
    .angry-grid {
        margin-top: 6vw;
        display: flex;
        flex-direction: column;
        grid-gap: 5vw;

    }

    #item-0 {
        display: flex;
        flex-direction: column;
    }

    .angry_item {
        box-shadow: 0 3px 22px rgba(0, 0, 0, .07);
        border-radius: 2vw;
        padding: 3vw;
    }

    .angry_item .contact-btn {
        margin-top: 6vw;
    }

    .products_section .container {
        width: 90%;
    }

    .page-template-tpl-stat .video a img {
        width: 18vw;
    }

    .page-template-tpl-stat .video video {
        border-radius: 2vw;
    }

}

.products_section .img_pos {
    position: absolute;
    top: -6vw;
    right: 0;
}

.products_section {
    position: relative;
}

.products_section .img_pos svg {
    width: 10vw;
    height: auto;
}

@media (max-width: 1023.98px) {
    .products_section {
        margin-top: 10vw;
    }

    .products_section .img_pos {
        position: absolute;
        top: -15vw;
        right: 0;
    }

    .products_section .img_pos svg {
        width: 15vw;
        height: auto;
    }
}


.help_section {
    margin: 5vw 0;
    position: relative;
}

.help_section .container {
    width: 83%;
}

.text_block {
    width: 80%;
    position: absolute;
    top: 50%;
    /* position the top  edge of the element at the middle of the parent */
    left: 50%;
    /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    /* This is a shorthand of
  translateX(-50%) and translateY(-50%) */
    color: #111c4e;

}

.text_block h2 {
    margin-bottom: 4vw;
}

.list_block {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw 3vw;
}

.list_item {
    flex: 0 0 29.3%;
}

.list_item ul {
    list-style-type: disc;
    margin-top: 1vw;
}

.list_item ul li::marker {
    color: #020043;
}

.list_item ul li {
    margin-right: 1vw;
}

.help_section .btn {
    margin-top: 2vw;
}

@media (max-width: 1023.98px) {
    .page-template-tpl-stat .banner.is_header {
        height: 109vh;
        margin-top: 14vw;
    }

    .page-template-tpl-stat .banne {
        height: 83vh;
        margin-top: 3vw;
    }

    .page-template-tpl-stat .btn_group {
        display: flex;
        gap: 0 5vw;
        margin-top: 2vw;
    }

    .page-template-tpl-stat .banner .text {
        margin-bottom: 11vw;
    }

    .help_section {
        margin: 13vw 0;
        position: relative;
    }

    .text_block {
        width: 90%;
        margin-top: 6vw;

    }

    .list_block {
        flex-direction: column;
        gap: 9vw 3vw;
    }

    .list_item ul li {
        margin-right: 4vw;
    }

    .list_item ul {
        list-style-type: disc;
        margin-top: 3vw;
    }

    .help_section .btn {
        width: 68%;
        margin: auto;
        margin-top: 2vw;
    }
}

.video-modal-section27,
.video-modal-section26 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    overflow-y: auto;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
    backface-visibility: hidden;
    display: none;
}

.video-modal-section27,
.video-modal-section26 {
    padding: 0 16.5%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    display: none;
}

.video-modal-section27 .modal-close,
.video-modal-section26 .modal-close {
    margin-bottom: 1vw;
    border-radius: 50%;
}

.video-modal-section27 .modal-close img,
.video-modal-section26 .modal-close img {
    width: 3.12vw;
}

.video-modal-section27.show,
.video-modal-section26.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    display: flex;
}

.page-template-tpl-stat .video.ratio-16-9 {
    position: relative;
    padding: 2vw;
    height: 71%;
}

@media (min-width: 1023.98px) {
    [lang="en"] .page-template-tpl-stat #breadcrumbs {
        z-index: 1;
        position: absolute !important;
        top: 0;
        right: 0;
        left: unset !important;
    }

    [lang="en"] .page-template-tpl-stat .banner .img {
        position: relative;
        flex: 0 0 38.6vw;
        margin-right: 9vw;
        margin-left: unset !important;
    }

    [lang="en"] .page-template-tpl-stat .banner .container {
        z-index: 10;
    }

    [lang="en"] .page-template-tpl-stat .bg img {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    [lang="en"] .page-template-tpl-stat .video {
        position: relative;
        padding: unset !important;
    }

    [lang="en"] .angry-grid {
        display: grid;

        grid-template-rows: 1fr 1fr 1fr !important;
        grid-template-columns: 1fr 1fr 1fr !important;

    }

    [lang="en"] #item-0 {

        grid-row-start: 1;
        grid-column-start: 1;

        grid-row-end: 3;
        grid-column-end: 2;

    }

    [lang="en"] #item-1 {

        grid-row-start: 1 !important;
        grid-column-start: 2 !important;

        grid-row-end: 2 !important;
        grid-column-end: 4 !important;

    }

    [lang="en"] #item-2 {

        grid-row-start: 2 !important;
        grid-column-start: 2 !important;

        grid-row-end: 3 !important;
        grid-column-end: 4 !important;

    }

    [lang="en"] #item-3 {

        grid-row-start: 3 !important;
        grid-column-start: 1 !important;

        grid-row-end: 4 !important;
        grid-column-end: 3 !important;

    }

    [lang="en"] #item-4 {

        grid-row-start: 3 !important;
        grid-column-start: 2 !important;

        grid-row-end: 4 !important;
        grid-column-end: 4 !important;

    }

    [lang="en"] div#item-3 {
        width: 70% !important;
        margin-right: auto !important;
        margin-left: unset !important;
    }

    [lang="en"] #item-4 {
        width: 79% !important;
        margin-left: auto !important;

    }


    [lang="en"] .help_section {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    [lang="en"] .help_section .container {
        z-index: 10;
    }

    [lang="en"] .help_section img.d-desktop {
        transform: scaleX(-1);
    }

    [lang="en"] .help_section .list_block {
        gap: 2vw 3vw !important;

    }
}

[lang="en"] .angry_item p,
.angry_item span {
    direction: ltr !important;
}

[lang="en"] .page-template-tpl-stat .angry-grid .text {
    text-align: left !important;
}

[lang="en"] .list_tt ul {
    list-style-type: disc;
    direction: ltr !important;
}

[lang="en"] .products_section .img_pos {
    position: absolute;
    left: 0;
    right: unset !important;
    transform: scaleX(-1);
}

@media (max-width: 1023.98px) {
    [lang="en"] .page-template-tpl-stat .banner {
        margin-top: 16vw;
    }

    [lang="en"] .angry_item p,
    .angry_item span {
        direction: ltr !important;
    }

    [lang="en"] .page-template-tpl-stat .angry-grid .text {
        text-align: left !important;
    }

    [lang="en"] .list_tt ul li {
        margin-left: 1vw;
        margin-right: unset !important;
    }

    [lang="en"] .list_tt ul {
        list-style-type: disc;
        direction: ltr;
    }
}



.page-template-tpl-inn .content-service {
    min-height: 2.5vw !important;
}

.page-template-tpl-inn .services-slider {
    background-color: unset !important;
    padding-bottom: 8vw;
    padding-top: 8vw;
}


.images_section {
    width: 76%;
    margin: 2vw auto;
}

.images_section h2.f-d-35.f-m-50.regular {
    text-align: center;
}

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

.image_item .text {
    flex: 0 0 40%;
    /* width: 55%; */
    display: flex;
    flex-direction: column;
}

.single-technologies .image_item .text {
    direction: ltr;
}

.image_item .img {
    flex: 0 0 55%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.image_item .img img {
    width: 100%;
    height: auto;
}

.image_item.is_right .text {
    margin-right: 1.7vw;
}

.video-yt-inner {
    flex: 0 0 100%;
}

@media (min-width: 1023.98px) {
    .page-template-tpl-stat .video {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page-template-tpl-stat .video video {
        width: 29vw;
        height: auto;
    }

    .page-template-tpl-inn #breadcrumbs {
        z-index: 1;
        position: absolute !important;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .image_item:not(.is_right) {
        flex-direction: row-reverse;
    }

    .video-yt-inner {
        flex: 0 0 55%;
    }
}

.image_item:not(.is_right) .img {
    flex: 0 0 55%;
    display: flex;
    justify-content: unset !important;
    align-items: unset !important;
}

.images_list {
    display: flex;
    flex-direction: column;
    gap: 2vw 0;
}

.center_button {
    display: flex;
    margin: 3vw 0;
}

@media (max-width: 1023.98px) {
    .sticker_text {
        position: absolute;
        top: 2.2vw;
        left: 0.9vw;
        transform: rotate(-26deg);
    }

    .services-slider .img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .sticker_text span {
        font-size: 1.6vw !important;
        color: white !important;
        font-weight: 700 !important;
        z-index: 10;
    }

    .center_button {
        display: flex;

        margin: 5vw 0;
    }

    .angry_item p,
    .angry_item span {
        text-align: right;
    }

    .btn-mob {
        margin-top: 4vw;
    }

    .images_section {
        width: 85%;
        margin: 9vw auto;
        text-align: center;
    }

    .images_list {
        display: flex;
        flex-direction: column;
        gap: 5vw 0;
        margin-top: 11vw;
    }

    .image_item .img img {
        width: 100%;
        height: auto;
    }

    .image_item .img {
        flex: 0 0 53%;
        display: flex;
        justify-content: end;
        align-items: center;
        margin-top: 5vw;
    }

    .image_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .image_item .text .f-d-30.f-m-35.medium {
        margin-bottom: 2vw;
    }
}

.images_section h2 {
    text-align: center;
    margin-bottom: 4vw;
}

.sticker {
    position: absolute;
    left: -1vw;
    top: -1vw;
}

.sticker img {
    width: 4vw !important;
    height: auto;
}

.technologies .technology-panel li {
    flex: 0 0 15%;
    margin: 1.5vw;
    margin-bottom: 0vw;
    margin-top: 0vw;
    position: relative;
}

.sticker_text span {
    font-size: 0.6vw !important;
    color: white !important;
    font-weight: 700 !important;
    z-index: 10;
}

.sticker_text {
    position: absolute;
    top: 1.2vw;
    left: 0.5vw;
    transform: rotate(-26deg);
    visibility: hidden;
}

.page-template-tpl-inn .services-slider .swiper-slide .btn {
    display: none !important
}

.services-slider .img {
    position: relative;
}

.btn_dda {
    display: flex;
    justify-content: center;
    margin: 3vw 0 0 0;
}

.images_list .icon img {
    width: 4vw !important;
    height: auto;
    margin: 0 0 1vw 0;
    border-radius: 2vw;
}

.btn_group {
    display: flex;
    gap: 0 2vw;
}

.page-template-tpl-inn .banner {
    position: relative;
    padding-top: 7vw;
}

[lang="en"] #item-0 {
    padding: 1vw;
}

@media (max-width: 1023.98px) {
    .page-template-tpl-stat .bg picture {
        position: absolute;
        bottom: 0;
        z-index: -1;
    }

    .page-template-tpl-stat #breadcrumbs {
        z-index: 1;
        position: relative !important;
        top: unset !important;
        right: unset !important;
        margin: 0 !important;
        padding: 5.66vw 0 0 0 !important;
    }

    .page-template-tpl-stat .banner .container {
        top: unset !important;
        left: unset !important;
        transform: unset !important;
        display: block;
        position: relative !important;
        width: 86%;
        padding-right: 0;
    }

    .is_header .bg {
        position: absolute;
        bottom: 0;
        z-index: -1;
    }

    .page-template-tpl-stat .banner.is_header {
        height: unset !important;
    }

    [lang="en"] #item-0 {
        padding: 3vw;
    }

    [lang="en"] .list_tt ul li {
        margin-left: 4vw !important;
        margin-right: unset !important;
    }

    [lang="en"] .angry_item p,
    .angry_item span {
        text-align: left !important;
    }

    [lang="en"] .list_item ul li {
        margin-left: 4vw !important;
        margin-right: unset !important;
    }

    .technologies .technology-panel li {
        flex: 0 0 46% !important;

    }

    .page-template-tpl-inn .banner {
        position: relative;
        padding-top: 15vw;
    }

    .btn_group {
        display: flex;
        gap: 0 5vw;
    }

    .icon {
        display: flex;
        justify-content: center;
        margin: 0 0 3vw 0;
    }

    img.attachment-full.ddd.size-full {
        width: 11vw !important;
        height: auto;
        margin: 0 0 1vw 0;
        border-radius: 50%;
        display: flex;
        justify-content: center;
    }

    .page-template-tpl-inn .banner .container {
        top: 6vw !important;
        left: 50%;
        transform: translate(-50%, 0);
        display: block;
        width: 86%;
        padding-right: 0;
    }

    .images_list .icon img {
        width: 14vw !important;
        height: auto;
        margin: 0 0 1vw 0;
        border-radius: 2vw;
    }

    .btn_dda {
        display: flex;
        justify-content: center;
        margin: 11vw 0 0 0;
    }

    .sticker_text {
        top: 2.2vw !important;
        left: 0.9vw !important;
    }

    .services-slider .img .attachment-full.size-full {

        width: 11vw !important;
    }

    .sticker img {
        width: 11vw !important;
        height: auto;
    }

    .sticker_text span {
        font-size: 1.6vw !important;
        color: white !important;
        font-weight: 700 !important;
        z-index: 10;
    }

    .single-technologies .banner .sticker img {
        width: 16vw !important;
    }

    .single-technologies .banner .sticker_text {
        top: 6vw !important;
        left: 3vw !important;
    }

    .single-technologies .banner .sticker_text span {
        font-size: 2vw !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

@media (max-width: 767.98px) {
    .single-technologies .banner .sticker img {
        width: 25vw !important;
    }

    .single-technologies .banner .sticker_text {
        top: 9vw !important;
        left: 5vw !important;
    }

    .single-technologies .banner .sticker_text span {
        font-size: 3vw !important;
    }
}

/* #Accessibility
================================================== */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.position-relative {
    position: relative;
}