/*
Theme Name: Outsoft
*/

/*
=================================== Table of contents ================================ 

1. Fonts
2. General css Reset code
3. General Classes
4. Header
5. Home page
6. Footer


*/

/* ================================ Fonts ============================================ */

@font-face {
    font-family: 'Poppins-Light';
    font-style: normal;
    font-weight: 300;
    src: url('../outsoft/assets/fonts/Poppins-Light.woff2') format('woff2'), url('../outsoft/assets/fonts/Poppins-Light.woff') format('woff');
}

@font-face {
    font-family: 'Poppins-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../outsoft/assets/fonts/Poppins-Regular.woff2') format('woff2'), url('../outsoft/assets/fonts/Poppins-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Poppins-Medium';
    font-style: normal;
    font-weight: 500;
    src: url('../outsoft/assets/fonts/Poppins-Medium.woff2') format('woff2'), url('../outsoft/assets/fonts/Poppins-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('../outsoft/assets/fonts/Poppins-SemiBold.woff2') format('woff2'), url('../outsoft/assets/fonts/Poppins-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'DMSans-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../outsoft/assets/fonts/DMSans-Bold.woff2') format('woff2'), url('../outsoft/assets/fonts/DMSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 600;
    src: url('./assets/fonts/MontserratAlternates-SemiBold.ttf') format('truetype');
}

/* ================================ General css Reset code =========================== */

:root {
    --header-height: 0px;
    --accent-color: #8582E3;
    --Grey-Light: #C7C7C7;
    --Grey-Lighter: #E0E0E0;
	
	--title: #070707;
	--description: #7F7F7F;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    margin: 0
}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    font-family: 'Poppins-Regular', sans-serif;
    background: #fff;
}
body.overlay {
    position: relative;
    overflow: hidden;
}
body.lock {
    overflow: hidden;
}
body.overlay:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.40);
    z-index: 101;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    margin: 0;
    padding: 0;
}
ul, ol {
    list-style: none;
}
a {
    text-decoration: none;
    color: inherit;
}
input, textarea, select, button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    border: none;
}
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}
img, svg {
    max-width: 100%;
    height: auto;
    display: block;
}
.container {
    max-width: 1232px;
    margin: 0 auto;
    padding: 0 16px;
}

/* ========================================= General Classes Start ============================= */

.section-el {
    padding: 100px 0;
}
.h1-title {
    color: #000;
    font-family: 'Poppins-Medium';
    font-size: 46px;
    line-height: 126.087%;
	font-weight:500;
}
.h2-title {
    color: #000;
    font-family: 'Poppins-Medium';
    font-size: 40px;
    line-height: 125%;
	font-weight:500;
}
.section-content {
    position: relative;
    z-index: 2;
}
.btn {
    border-radius: 16px;
    background: #191A23;
    padding: 20px;
    text-align: center;
    color: #FFF;
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    line-height: normal;
    display: inline-block;
    transition: .5s ease;
}
.btn:hover {
    box-shadow: 0px 4px 14px 0px rgba(145, 255, 14, 0.34);
    color: #E8FFCC;
}
.section-padding-sm {
    padding: 60px 0;
}
.section-padding-lg {
    padding: 120px 0;
}
.h-100 {
    height: 100%;
}
.rings-word {
    display: inline-block;
    position: relative;
    z-index: -1;
    margin-left: 5px;
}
.rings-word:before,
.rings-word:after {
    content: '';
    position: absolute;
    background-color: transparent;
    border: 3px solid #B9FF66;
    border-radius: 50%;
    z-index: -1;
}
.rings-word::before {
    width: calc(100% + 20px);
    height: calc(100% - 20px);
    left: -10px;
    top: 10px;
}
.rings-word:after {
    width: calc(100% + 20px);
    height: calc(100% - 20px);
    left: -12px;
    top: 10px;
    transform: rotate(6deg);
}
.gray-bg {
    background: #F7F9F6;
}

/* ========================================= General Classes End =============================== */



/* ========================================= Header Start ====================================== */

.header__content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
}
.header__mob-social-wrap,
.header__mob-clutch-link-wrap {
    display: none;
}
.header__nav-contacts-info {
    display: none;
}

.header__nav-list {
    display: flex;
    align-items: center;
    gap: 32px;
}
.header__nav-link {
    color: #191A23;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: normal;
    display: block;
    position: relative;
    z-index: 1;
}
.header__btn {
    padding: 14px 39px;
}
.header__burger {
    display: none;
}

/* ========================================== Header End ========================================================= */

/* ========================================== Home Page Start ==================================================== */

/* ========================================== Section Hero Screen Start ========================================== */

.hero {
    height: calc(100vh - var(--header-height));
    min-height: 600px;
    overflow: hidden;
}
.hero__content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 2; 
}
.hero__info-wrap {
    flex-basis: 48%;
}
.hero__visual-wrap {
    flex-basis: 49%;
    justify-content: space-around;
    display: flex;
    gap: 20px;
    transition-delay: .5s !important;
}
.thin {
    font-weight: 300;
    font-style: italic;
    font-family: 'Poppins-Light';
}
.hero__info-top-images-wrap,
.hero__info-bottom-images-wrap {
    display: none;
}
.hero__title {
    margin-bottom: 24px;
}
.hero__text {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    margin-bottom: 24px;
    max-width: 369px;
}
.hero__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 20px 72px;
}

.hero__visual-item {
    position: relative;
}
.hero__visual-item-name {
    position: absolute;
    padding: 10px 26px;
    border: 1px solid #474747;
    background: #FFF;
    white-space: nowrap;
    width: max-content;
    color: #222;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.hero__visual-item img {
    border-radius: 14px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero__visual-row-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    transform: translateY(-40px);
}
.hero__visual-item-devops {
    width: 144px;
    height: 144px;
}
.hero__visual-item-devops .hero__visual-item-name {
    border-radius: 48px 70px 0px 48px;
    top: 9px;
    right: calc(100% - 16px);
    transition-delay: 1s !important;
}
.hero__visual-item-websites {
    width: 186px;
    height: 231px;
}
.hero__visual-item-websites .hero__visual-item-name {
    border-radius: 48px 0px 70px 48px;
    bottom: 38px;
    right: 99%;
    transition-delay: 1.8s !important;
}
.hero__visual-row-2 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hero__visual-item-ai {
    width: 178px;
    height: 178px;
}
.hero__visual-item-ai .hero__visual-item-name {
    border-radius: 70px 48px 48px 0px;
    top: -23px;
    left: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    transition-delay: 1.2s !important;
}
.hero__visual-item-ai .hero__visual-item-name svg {
    margin-top: -5px;
}
.hero__visual-item-appdev {
    width: 178px;
    height: 220px;
}
.hero__visual-item-appdev .hero__visual-item-name {
    border-radius: 48px 0px 70px 48px;
    bottom: -25px;
    right: 70%;
    transition-delay: 1.6s !important;
}
.hero__visual-row-3 {
    transform: translateY(118px);
}
.hero__visual-item-crm {
    width: 144px;
    height: 200px;
}
.hero__visual-item-crm .hero__visual-item-name {
    border-radius: 0px 48px 48px 70px;
    top: calc(100% + 20px);
    left: 0;
    transition-delay: 1.4s !important;
}
.hero__gradient {
    position: absolute;
    z-index: -1;
}
.hero__gradient.hero__gradient-1 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: 0;
    left: 0;
}
.hero__gradient.hero__gradient-2 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
}
.hero__gradient.hero__gradient-3 {
    width: 323px;
    height: 324px;
    border-radius: 324px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0;
    left: 20%;
}
.hero__gradient.hero__gradient-4 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.15) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    right: -100px;
    top: 0;
    opacity: .7;
}
.hero__gradient.hero__gradient-5 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.30) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: 0;
    right: 0;
}

/* ========================================== Section Hero Screen End ============================================ */


.first-screen {
    padding: 160px 0 48px;
    position: relative;
    overflow: hidden;
}
.fs__cta-btn-wrap {
    display: none;
}
.fs__content-wrap {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    position: relative;
}
.fs__title-wrap {
    max-width: 562px;
    flex-basis: 562px;
    margin-left: 50px;
}
.fs__image-wrap {
    flex-basis: calc(100% - 562px - 50px - 32px);
}
.fs__image-wrap svg {
    margin: auto;
    transform: translate(0, 50px);
}
.fs__h1-title {
    margin-bottom: 24px;
    max-width: 497px;
}
.fs__subtitle {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 28px; /* 175% */
    margin-bottom: 24px;
}
.fs__dsktp-cta-btn {
    padding: 20px 39px;
}
.fs__clutch-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 12px 12px 8px;
    border-radius: 12px;
    background: #F3F3F3;
}
.fs__clutch-link-wrap {
    margin-top: 90px;
}
.fs__clr-stars {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}
.fs__clr-text {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    line-height: 28px; /* 233.333% */
    letter-spacing: -0.5px;
}
.fs__dsktp-stars {
    position: absolute;
    right: 0;
    top: -100px;
}
.fs__gradient {
    position: absolute;
    z-index: -1;
}
.fs__gradient.fs__gradient-1 {
    width: 323px;
    height: 324px;
    border-radius: 324px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -20%;
    left: 22%;
}
.fs__gradient.fs__gradient-2 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 17%;
    left: -7%;
}
.fs__gradient.fs__gradient-3 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -12%;
    left: 0;
}
.fs__gradient.fs__gradient-4 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -30%;
    right: -10%;
}
.fs__gradient.fs__gradient-5 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -7%;
    right: 5%;
}


/* ========================================== Services Start ============================================== */

.services {
    overflow: hidden;
}
.services__section-stars {
    position: absolute;
    top: -50px;
    right: 0;
}
.services__title {
    max-width: 427px;
    margin-bottom: 36px;
}
.services__descr-wrap {
    margin-bottom: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 60px;
    gap: 24px;
}
.services__descr {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    max-width: 560px;
}
.services-swiper-wrapper {
    align-items: stretch;
}
.services-swiper {
    overflow: visible;
}
.services__item {
    border-radius: 18px;
    background: #EBFBE4;
    width: 285px;
    padding: 20px 14px 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: auto;
    position: relative;
    overflow: hidden;
}
.services__item:nth-child(4n+2) {
    background: #F2F2F2;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.services__item:nth-child(4n+3) {
    background: #EDE5FE;
    padding: 20px 14px 80px;
}
.services__item:nth-child(4n+4) {
    background: #F2F2F2;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.services__item-descr {
    position: relative;
}
.services__item-stars {
    position: absolute;
    top: 3px;
    right: 0;
}
.services__item-icon-arrow {
    position: absolute;
    top: 3px;
    right: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    transition: .5s ease;
}
.services__item-title {
    color: #070707;
    font-family: 'Poppins-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
    max-width: calc(100% - 38px);
}
.services__item-list li {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    position: relative;
    padding-left: 20px;
}
.services__item-list li:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #7F7F7F;
    top: 10px;
    left: 10px;
}
.service__audit-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 8px;
    color: #070707;
    font-family: 'Poppins-Medium';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}
.service__audit-link svg {
    transition: .5s ease;
}
.services__item-image-wrap {
    width: 100%;
    height: 257px;
    border-radius: 16px;
    overflow: hidden;
}
.services__item:nth-child(4n+2) .services__item-image-wrap {
    height: 300px;
}
.services__item:nth-child(4n+3) .services__item-image-wrap {
    height: 190px;
    width: 190px;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 16px;
    overflow: hidden;
}
.services__item:nth-child(4n+4) .services__item-image-wrap {
    height: 320px;
}
.services__item-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    overflow: hidden;
    transition: .5s ease;
}
.services__item:nth-child(4n+3) .services__item-image-wrap img {
    width: 190px;
}

@keyframes audits-marquee {
    to {
        transform: translateX(calc(-100% - 10px));
    }
}

/* ========================================== Services End ================================================ */

/* about */
.about {
    padding: 100px 0;
    background: #F7F9F6;
    overflow: hidden;
}
.acw__title-wrap {
    max-width: 793px;
    margin-bottom: 48px;
}
.acw__title {
    margin-bottom: 24px;
    max-width: 427px;
}
.acw__subtitle {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 28px; /* 200% */
    margin-bottom: 12px;
}
.acw__subtitle:nth-last-child(1) {
    margin-bottom: 0;
}
.acw__items-wrap {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 2fr 1fr;
    gap: 16px 20px;
    height: 100%;
    position: relative;
}
.acw__item {
    border-radius: 32px;
    border: 1px solid #000;
    background: #F3F3F3;
    overflow: hidden;
}
.acw__item:nth-child(1) {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 2;
}
.acw__item:nth-child(2) {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
}
.acw__item:nth-child(3) {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 2;

}
.acw__item-content {
    padding: 36px 18px 36px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.acw__item:nth-child(3) .acw__item-content {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.acw__item:nth-child(1) .acw__item-content::before,
.acw__item:nth-child(2) .acw__item-content::before,
.acw__item:nth-child(3) .acw__item-content::before {
    content: '';
    position: absolute;
    top: 46px;
    right: 48px;
    width: 182.794px;
    height: 183.36px;
    border-radius: 50%;
    z-index: -1;
}
.acw__item:nth-child(1) .acw__item-content::before {
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}
.acw__item:nth-child(2) .acw__item-content::before {
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}
.acw__item:nth-child(3) .acw__item-content::before {
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: auto;
    bottom: 40px;
}

.acw__item-info {
    flex-basis: calc(100% - 199px - 24px);
}
.acw__item-img {
    flex-basis: 199px;
}
.acw__item-img img {
    margin: 0 auto;
}
.acw__item:nth-child(3) {
    flex-basis: auto;
}
.acw__item-title {
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    line-height: normal;
    margin-bottom: 8px;
}
.acw__item-img-mob {
    display: none;
}
.acw__item-text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: normal;
}
.acw__item-text-mobile {
    display: none;
}
.acw__stars-2 {
    position: absolute;
    top: 0;
    right: 0;
}
.acw__gradient {
    position: absolute;
    z-index: -1;
}
.acw__gradient.acw__gradient-1 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    opacity: 0.7;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -150px;
    right: -70px;
}
.acw__gradient.acw__gradient-2 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 374.534px;
    opacity: 0.2;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -100px;
    right: -200px;
}
.acw__gradient.acw__gradient-3 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -100px;
    right: 20%;
}


/* technologies */
.technologies {
    padding: 100px 0;
    overflow: hidden;
	position:relative;
}
.technologies__content {
    position: relative;
    z-index: 2;
}
.technologies__title-wrap {
    margin-bottom: 24px;
}

.technologies__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}
.technologies__wrapper::before,
.technologies__wrapper::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 100%;
    z-index: 2;
}
.technologies__wrapper::before {
    background: linear-gradient(90deg, #FFF 5.58%, rgba(255, 255, 255, 0.00) 93.75%);
    top: 0;
    left: 0;
}
.technologies__wrapper::after {
    background: linear-gradient(-90deg, #FFF 5.58%, rgba(255, 255, 255, 0.00) 93.75%);
    top: 0;
    right: 0;
}
.technologies__items-wrap {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 20px;
}
.technologies__items {
    flex-shrink: 0;
    display: flex;
    gap: 20px;
    counter-reset: item;
    justify-content: space-around;
    min-width: 100%;
}
.technologies__item {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s ease-in-out;
    border-radius: 19px;
    background: var(--Gray-6, #F2F2F2);
    width: 142px;
    height: 66px;
}
.technologies__item img {
    max-height: 57%;
}
.marquee {
    animation: scroll 30s linear infinite;
}
.reverce {
    animation-direction: reverse;
}
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 20px));
    }
}

.technologies__cta-banner-wrap {
    margin-top: 83px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.cta-banner {
    border-radius: 32px;
    background: linear-gradient(89deg, #FFF 6.01%, #F2F2F2 88.2%);
    max-width: 875px;
    width: 875px;
    padding: 32px 40px;
    display: flex;
    align-items: center;
    gap: 32px;
}
.cta-banner__btn {
    flex-basis: 260px;
    width: 260px;
    cursor: pointer;
}
.cta-banner__info {
    flex-basis: calc(100% - 260px - 32px);
}
.cta-banner__title {
    color: #000;
    font-family: 'Poppins-Medium';
    font-size: 26px;
    line-height: normal;
    margin-bottom: 12px;
}
.cta-banner__text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: normal;
}
.cta-banner__mob-stars {
    display: none;
}

.technologies__stars-1 {
    position: absolute;
    top: 0;
    right: 0;
}
.technologies__stars-2 {
    position: absolute;
    left: 46px;
    bottom: 16px;
}
.technologies__gradient {
    position: absolute;
    z-index: -1;
}
.technologies__gradient.technologies__gradient-1 {
    width: 272px;
    height: 273px;
    border-radius: 273px;
    opacity: 0.1;
    background: radial-gradient(84.92% 79.24% at 50% 50%, #6FE239 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -89px;
    right: -93px;
}
.technologies__gradient.technologies__gradient-2 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 27%;
    right: 20px;
    opacity: .3;
}
.technologies__gradient.technologies__gradient-3 {
    width: 272px;
    height: 272px;
    border-radius: 272px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.42) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -77px;
    left: -86px;
    opacity: 0.3;
}
.technologies__gradient.technologies__gradient-4 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    left: 15%;
    bottom: -32%;
    opacity: .5;
}



.cases {
    padding: 100px 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.cases__title-wrap {
    margin-bottom: 32px;
}
.cases__items-categories-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    min-height: 60px;
}
.cases__items-categories-links-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.cases__items-category {
    border-radius: 40px;
    background: #F3F3F3;
    padding: 12px 20px;
    color: var(--Gray-1, #333);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    transition: .3s ease;
    display: block;
    cursor: pointer;
}
.cases__items-category.active {
    background: #B9FF66;
}

.swiper.cases__swiper {
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: all 1s ease;
}
.swiper.cases__swiper.active {
    opacity: 1;
    height: auto;
    visibility: visible;
}


.swiper-slide.cips__swiper-slide {
    margin-bottom: 8px;
    border-radius: 20px;
    overflow: hidden;
}
.swiper-slide.cips__swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination.cips__swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px 0;
    border-radius: 12px;
    background: #191A23;
    padding: 2px 4px;
    width: min-content;
    left: calc(50%);
    transform: translateX(-50%);
}
.swiper-pagination.cips__swiper-pagination .swiper-pagination-bullet,
.swiper-pagination.parent-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F3F3F3;
    opacity: 1;
}
.swiper-pagination.cips__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.parent-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: #B9FF66;
    opacity: 1;
}
.parent-swiper-pagination-wrap {
    width: 100%;
    display: none;
}
.swiper-pagination.parent-swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    position: initial;
    border-radius: 12px;
    background: #191A23;
    padding: 2px 4px;
    width: min-content;
    margin: 15px auto 0;
}
.swiper-pagination.parent-swiper-pagination.swiper-pagination-lock {
    display: none;
}

.cases__swiper-slide-tags-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.cases__swiper-slide-tag-item {
    border-radius: 40px;
    background: #F3F3F3;
    padding: 0 12px;
    height: 30px;
    min-width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--Gray-1, #333);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}
.cases__swiper-slide-tag-item.cases__swiper-slide-tag-item-technology {
    border: 1px solid #474747;
}
.cases__swiper-slide-tag-item:nth-child(3),
.cases__swiper-slide-tag-item:nth-child(4) {
    margin-left: -16px;
}
.cases__swiper-slide-title {
    color: var(--BG-2, #1A1A1A);
    font-family: 'Poppins-Medium';
    font-size: 18px;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.18px;
    margin-bottom: 8px;
    padding: 0 8px;
}
.cases__swiper-slide-descr {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: normal;
    padding: 0 8px;
}

.cases__gradient {
    position: absolute;
    z-index: -1;
}
.cases__gradient.cases__gradient-1 {
    width: 377px;
    height: 379px;
    border-radius: 379px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -20%;
    left: 20%;
    opacity: .5;
}
.cases__gradient.cases__gradient-2 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 18%;
    left: -5%;
}
.cases__gradient.cases__gradient-3 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 10%;
    right: 2%;
    opacity: .5;
}
.cases__gradient.cases__gradient-4 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -2%;
    right: -15%;
    opacity: 0.5;
}

.swiper__navi-wrap {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.swiper__navi-wrap.active {
    display: flex;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display: none;
    content: none;
}
.swiper-button-prev.web-prod__swiper-button-prev,
.swiper-button-next.web-prod__swiper-button-next,
.swiper-button-prev.app-dev__swiper-button-prev,
.swiper-button-next.app-dev__swiper-button-next,
.swiper-button-prev.all-cases__swiper-button-prev,
.swiper-button-next.all-cases__swiper-button-next,
.swiper-button-prev.team-swiper-button-prev,
.swiper-button-next.team-swiper-button-next,
.swiper-button-prev.testimonials-swiper-button-prev,
.swiper-button-next.testimonials-swiper-button-next,
.swiper-button-prev.our-cases-swiper-button-prev,
.swiper-button-next.our-cases-swiper-button-next,
.swiper-button-prev.services-swiper-button-prev,
.swiper-button-next.services-swiper-button-next,
.swiper-button-prev.case-gallery-swiper-button-prev,
.swiper-button-next.case-gallery-swiper-button-next,
.swiper-button-prev.more-articles-swiper-button-prev,
.swiper-button-next.more-articles-swiper-button-next {
    position: initial;
    height: auto;
    width: auto;
    margin: 0;
    padding: 14px;
    border-radius: 50%;
    transition: all .5s ease;
    width: 60px;
    height: 60px;
}
.swiper-button-prev.web-prod__swiper-button-prev:hover,
.swiper-button-next.web-prod__swiper-button-next:hover,
.swiper-button-prev.app-dev__swiper-button-prev:hover,
.swiper-button-next.app-dev__swiper-button-next:hover,
.swiper-button-prev.all-cases__swiper-button-prev:hover,
.swiper-button-next.all-cases__swiper-button-next:hover,
.swiper-button-prev.team-swiper-button-prev:hover,
.swiper-button-next.team-swiper-button-next:hover,
.swiper-button-prev.testimonials-swiper-button-prev:hover,
.swiper-button-next.testimonials-swiper-button-next:hover,
.swiper-button-prev.our-cases-swiper-button-prev:hover,
.swiper-button-next.our-cases-swiper-button-next:hover,
.swiper-button-prev.services-swiper-button-prev:hover,
.swiper-button-next.services-swiper-button-next:hover,
.swiper-button-prev.more-articles-swiper-button-prev:hover,
.swiper-button-next.more-articles-swiper-button-next:hover,
.swiper-button-prev.case-gallery-swiper-button-prev,
.swiper-button-next.case-gallery-swiper-button-next {
    background-color: #B9FF66;
}
.swiper-button-prev.web-prod__swiper-button-prev svg,
.swiper-button-next.web-prod__swiper-button-next svg,
.swiper-button-prev.app-dev__swiper-button-prev svg,
.swiper-button-next.app-dev__swiper-button-next svg,
.swiper-button-prev.all-cases__swiper-button-prev svg,
.swiper-button-next.all-cases__swiper-button-next svg,
.swiper-button-prev.team-swiper-button-prev:hover svg,
.swiper-button-next.team-swiper-button-next:hover svg,
.swiper-button-prev.testimonials-swiper-button-prev svg,
.swiper-button-next.testimonials-swiper-button-next svg,
.swiper-button-prev.our-cases-swiper-button-prev svg,
.swiper-button-next.our-cases-swiper-button-next svg,
.swiper-button-prev.services-swiper-button-prev svg,
.swiper-button-next.services-swiper-button-next svg,
.swiper-button-prev.more-articles-swiper-button-prev svg,
.swiper-button-next.more-articles-swiper-button-next svg,
.swiper-button-prev.case-gallery-swiper-button-prev svg,
.swiper-button-next.case-gallery-swiper-button-next svg {
    width: 32px;
    height: 32px;
}


/* ========================================== Our Cases Start ============================================= */

.our-cases {
    padding: 100px 0;
    overflow: hidden;
}
.our-cases-swiper {
    width: 100%;
    overflow: visible;
}
.our-cases__title-wrap {
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.our-cases__tags-wrap {
    margin-bottom: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    min-height: 60px;
}
.our-cases__tags {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.our-cases__tag-item {
    border-radius: 40px;
    background: #F7F9F6;
    padding: 12px 20px;
    color: var(--Gray-1, #333);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    transition: .5s ease;
    white-space: nowrap;
}
.our-cases__tag-item.active {
    background: #191A23;
    color: var(--White, #FFF);
}
.our-cases-swiper-navi-wrap,
.services-swiper-navi-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.our-cases-swiper-slide {
    width: 456px;
}
.our-cases__case-item-img-wrap {
    margin-bottom: 24px;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 32px;
}
.our-cases__case-item-img {
    height: 350px;
    width: 100%;
    border-radius: 32px;
    overflow: hidden;
    object-fit: cover;
    transition: .5s ease;
}
.our-cases__case-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    border-radius: 50%;
    transform: translate(calc(100% + 30px), calc(-100% - 30px));
    transition: .5s ease;
}
.our-cases__case-item-text-wrap {
    padding: 0 8px;
}
.our-cases__case-item-title {
    color: var(--BG-2, #1A1A1A);
    font-family: 'Poppins-Medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.18px;
    margin-bottom: 8px;
}
.our-cases__case-item-type {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
}

.our-cases-swiper-scrollbar,
.services-swiper-scrollbar, 
.our-cases-swiper-scrollbar-dev,
.more-articles-swiper-scrollbar {
    position: initial !important;
    margin: 32px 0 0 0;
}
.our-cases-swiper-scrollbar .swiper-scrollbar-drag,
.services-swiper-scrollbar .swiper-scrollbar-drag,
.more-articles-swiper-scrollbar .swiper-scrollbar-drag {
    background: #B3B3B3;
}





/* ========================================== Our Cases End =============================================== */



/* team start */
.team {
    padding: 115px 0;
    background: #F7F9F6;
    overflow: hidden;
}
.team__content.section-content {
    margin-left: 0;
}
.team__title-wrap {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.team-swiper-navi-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.team-swiper {
    overflow: visible;
    width: 100%;
    z-index: 2;
}
.team-swiper-wrapper {
    align-items: stretch;
}
.team-card {
    border-radius: 32px;
    background: #FFF;
    padding: 24px;
    text-align: center;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 300px;
}
.team-card__person {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: aliceblue;
}
.team-card__position {
    color: #565656;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 13px;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.14px;
    padding: 8px 16px;
    border-radius: 48px;
    background: #F2F2F2;
    display: inline-block;
    margin-bottom: 12px;
}
.team-card__name {
    color: #2E2E2E;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: 0.2px;
    margin-bottom: 12px;
}
.team-card__descr {
    color: #7F7F7F;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    margin-bottom: 12px;
}
.team-card__link {
    display: inline-flex;
    gap: 4px;
    color: #0288D1;
    text-align: center;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.16px;
    align-items: center;
}
.team__gradient {
    position: absolute;
    z-index: -1;
}
.team__gradient.team__gradient-1 {
    width: 323px;
    height: 324px;
    border-radius: 324px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -88px;
    left: 19%;
    opacity: .5;
}
.team__gradient.team__gradient-2 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -120px;
    right: -14%;
    opacity: .8;
}
.team__gradient.team__gradient-3 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 17%;
    left: -10%;
    opacity: .5;
}
.team__gradient.team__gradient-4 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 24%;
    left: -1%;
    opacity: .5;
}

/* team end */

/* ========================================== Section Testimonials Start ========================================= */

.testimonials {
    padding: 115px 0;
    overflow: hidden;
}
.testimonials__title-wrap {
    display: flex;
    gap: 56px;
    flex-wrap: wrap;
    margin-bottom: 105px;
	justify-content: space-between;
}
.testimonials__text {
    color: #191A23;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px; /* 200% */
    max-width: 590px;
	text-align:start;
}

.testimonials-swiper-container {
    max-width: calc(100% - ((100% - 1232px) / 2));
    width: 100%;
    padding: 0px 16px 0px 16px;
    margin-left: auto;
    z-index: 2;
    position: relative;
}
.testimonials-swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 2px 4px;
    width: min-content !important;
    position: initial;
}
.testimonials-swiper {
    overflow: visible;
}
.testimonials-slide__main-info {
    background: #F7F9F6;
    padding: 40px;
    border-radius: 40px;
    position: relative;
    margin-bottom: 38px;
    height: 100%;
	min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonials-slide__main-info::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 51px;
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 28px solid #F7F9F6;
}
.testimonials-slide__text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    margin-bottom: 16px;
}
.testimonials-slide__service-wrap {
    display: flex;
    flex-wrap: wrap;
    /*gap: 8px;*/
    align-items: center;
}
.testimonials-slide__service {
    color: #1B1B1C;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    margin-right: 4px;
}
.testimonials-slide__button-review {
    margin-top: 13px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    line-height: 1.2;
	display: flex;
    align-items: center;
    gap: 10px;
    color: var(--blue);
    text-decoration: none;
}
.testimonials-slide__button-review:after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url(/wp-content/uploads/2024/10/arrow-right.svg) 50% 50% no-repeat;
    transition: transform 0.5s ease-in-out;
}
.testimonials-slide__button-review:hover::after {
    transform: translateX(8px);
}
.testimonials-slide__service-name {
    color: #1B1B1C;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}
.testimonials-slide__person-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 55px;
    gap: 24px;
}
.testimonials-slide__person-name {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    line-height: 150%; /* 30px */
    letter-spacing: 0.2px;
}
.testimonials-slide__person-position {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}
.swiper-button-prev.testimonials-swiper-button-prev, .swiper-button-next.testimonials-swiper-button-next {
    position: initial;
    height: auto;
    width: auto;
    margin: 0;
    padding: 14px;
    border-radius: 50%;
    transition: all .5s ease;
    width: 60px;
    height: 60px;
}
.container.testimonials-slider-nav-container {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 150px;
}
.testimonials-swiper-pagination .swiper-pagination-bullet {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path d="M7.63501 2.06006L14.625 0L12.585 7.00977L14.625 14L7.63501 11.96L0.625 14L2.68402 7.00977L0.625 0L7.63501 2.06006Z" fill="black" fill-opacity="0.2"/></svg>');
    width: 15px;
    height: 14px;
    padding: 0;
    background-size: contain;
    border-radius: 0;
    background-repeat: no-repeat;
    opacity: 1;
}

.testimonials-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path d="M7.63501 2.06006L14.625 0L12.585 7.00977L14.625 14L7.63501 11.96L0.625 14L2.68402 7.00977L0.625 0L7.63501 2.06006Z" fill="black"/></svg>');
}

/* ========================================== Section Testimonials End =========================================== */

/* ========================================== Section Banner Audit Start ========================================= */

.banner-audit {
    overflow: hidden;
}
.banner-audit__container {
    position: relative;
}
.banner-audit__item {
    border-radius: 24px;
    background: #F3F3F3;
    max-width: 1116px;
    margin: auto;
    padding: 66px;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.banner-audit__item-content {
    max-width: 495px;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 3;
}
.banner-audit__title {
    margin-bottom: 24px;
    z-index: 2;
    position: relative;
}
.banner-audit__text {
    color: var(--Black, #000);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    margin-bottom: 12px;
}
.banner-audit__btn {
    padding: 20px 49px;
    position: relative;
}
.banner-audit__svg-arrow {
    position: absolute;
    right: -35px;
    bottom: -40px;
}
.banner-audit__star {
    position: absolute;
    bottom: 14%;
    left: 14%;
}
.banner-audit__stars {
    position: absolute;
    top: 20px;
    right: 25px;
}
.banner-audit__marquee-wrap {
    overflow: hidden;
    user-select: none;
    display: flex;
    gap: 10px;
    transform: rotate(-35deg);
    position: absolute;
    top: 0px;
    left: -550px;
    padding: 8px 20px;
    background: #B9FF66;
    z-index: 1;
} 
.banner-audit__marquee-wrap  ul {
    list-style: none;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    animation: audits-marquee 8s linear infinite;
}
.banner-audit__marquee-text {
    color: #070707;
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.banner-audit__tag {
    position: absolute;
    padding: 16px 26px;
    border: 1px solid #727272;
    color: #1B1B1C;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.16px;
}
.banner-audit__tag-web {
    left: -36%;
    top: 60px;
    z-index: 2;
    border-radius: 40px 40px 0px 40px;
}
.banner-audit__tag-sub {
    right: -40%;
    top: 10%;
    border-radius: 40px 40px 40px 0;
}
.banner-audit__tag-sec {
    right: -30%;
    border-radius: 0 40px 40px 40px;
    bottom: 20px;
}
.banner-audit__gradient {
    position: absolute;
    z-index: -1;
}
.banner-audit__gradient-1 {
    border-radius: 374.534px;
    opacity: .6;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 374.534px;
    height: 359.212px;
    top: 50%;
    left: -200px;
    transform: translateY(-50%);
}
.banner-audit__gradient-2 {
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    bottom: -100px;
    right: 0;
}
.banner-audit__gradient-3 {
    border-radius: 531.153px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    width: 461.698px;
    bottom: -100px;
    right: -200px;
}
.banner-audit__gradient-4 {
    border-radius: 531.153px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    right: 0;
    bottom: -100px;
    z-index: 2;
}

/* ========================================== Section Banner Audit End =========================================== */

/* ========================================== Section Form Popup Start =========================================== */

.form-popup-wrap, .form-popup-wrap-black-box, .form-popup-wrap-white-box {
    padding: 28px 32px;
    border-radius: 24px;
    background: #FFF;
    max-width: calc(100% - 32px);
    width: 480px;
    max-height: calc(100% - 80px);
    overflow-y: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: scale(.5) translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: .5s ease;
    z-index: 102;

    border: 1px solid #E5E5E5;

}
.form-popup-wrap.active ,.form-popup-wrap-black-box.active,.form-popup-wrap-white-box.active {
    transform: scale(1) translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}
.form-popup__content {
    position: relative;
}
.form-popup__title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 116.667% */
    margin-bottom: 24px;
}
.form-popup__interest-btns-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: 24px;
}
.page-template-page-service-website-audit .form-popup__interest-btns-wrap,
.page-template-page-service-website-audit .form-popup__interested,
.page-template-page-service-security-audit .form-popup__interest-btns-wrap,
.page-template-page-service-security-audit .form-popup__interested {
    display: none;
}
.form-popup__interest-btn {
    border-radius: 40px;
    background: #F2F2F2;
    padding: 8px 20px;
    color: var(--Black, #000);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.16px;
    transition: .5s ease;
}
.form-popup__interest-btn.active {
    background: #191A23;
    color: var(--White, #FFF);
}
.form-popup__inputs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 12px;
    margin-bottom: 32px;
}
.form-popup__input-item {
    flex-basis: calc(50% - 6px);
    width: calc(50% - 6px);
}
.form-popup__input-item-lg {
    flex-basis: 100%;
    width: 100%;
}
.form-popup__input {
    width: 100%;
    border-bottom: 1px solid #BBB;
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    padding-bottom: 8px;
    border-radius: 0;
}
.form-popup__button-wrap {
    margin-top: 24px;
    text-align: end;
}
.audit__button {
    font-family: 'Poppins-Regular';
}
#sendMailPopup {
    padding: 14px 37px;
}
.form-popup__close {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.articles-section{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 16px;
}
.articles-section .team__schedule{
    max-width: 1200px;
    width: 100%;
}
.articles-section .team__schedule .schedule__message{
    padding: 12px 16px;
}
.articles-section .team__schedule .schedule__message.--message1 {
    border-bottom-right-radius: 0;
    top: 5px;
    left: 15%;
    border-radius: 24px;
}
.articles-section .team__schedule .schedule__message.--message1::before{
    content: "";
    background-image: url(/wp-content/uploads/2024/11/Vector.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 22px;
    position: absolute;
    top: -22px;
    left: -20px;
    background-color: white;
    border-radius: 30px;
    padding: 6px 13px;
    justify-content: center;
    align-items: center;
}
.articles-section .team__schedule .schedule__message.--message2 {
    border-top-right-radius: 0;
    top: 17%;
    left: 58%;
    border-radius: 24px;
}
.articles-section .team__schedule .schedule__message.--message2::before{
    content: "";
    background-image: url(/wp-content/uploads/2024/11/Vector.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 22px;
    position: absolute;
    top: -22px;
    right: -20px;
    background-color: white;
    border-radius: 30px;
    padding: 6px 13px;
    justify-content: center;
    align-items: center;
}
.articles-section .team__schedule .schedule__message.--message3 {
    border-bottom-right-radius: 0;
    top: 125px;
    left: 25%;
    border-radius: 24px;
}
.articles-section .team__schedule .schedule__message.--message3::before{
    content: "";
    background-image: url(/wp-content/uploads/2024/11/Vector.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 22px;
    position: absolute;
    top: -22px;
    left: -20px;
    background-color: white;
    border-radius: 30px;
    padding: 6px 13px;
    justify-content: center;
    align-items: center;
}

.articles-section .article__btn{
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;

    grid-column: 1;
    grid-row: 2;
    width: fit-content;
    position: relative;
    margin-top: 32px;
}

.articles-section .schedule__persons {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.articles-section .schedule__person{
    display: flex;
    gap: 11px;
}
.articles-section .team__schedule .schedule__col2 {
    flex-direction: column;
}
.articles-section .team__schedule .schedule__person .person__image{
    flex-shrink: 0;
    width: 56px;
    height: 56px;
}
.articles-section .team__schedule .schedule__person {
    width: 50%;
    max-width: fit-content;
    transform: none;
}
.articles-section .schedule__person .person__image::after{
    display: none;
}
.articles-section .team__schedule .schedule__person .person__name {
    font-weight: 600;
    text-align: start;
    line-height: 25px;
}
.articles-section .team__schedule .schedule__person .person__position {
    border: none;
    padding: 0;
    color: #656565;
    line-height: 25px;
    font-size: clamp(16px,4vw,16px);
    margin-top: 2px;
}


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

    .articles-section .team__schedule{
        display: flex;
        flex-direction: column;
        max-width: 720px;
    }
    .articles-section .team__schedule .schedule__message{
        display: block;
        position: sticky;
        left: 0px;
        top: 0px;
    }
    .articles-section .team__schedule .schedule__col2 {
        flex-direction: column;
        align-items: start;
        justify-content: none;
        margin-top: 40px;
    }
    .articles-section .team__schedule .schedule__message.--message1 {
        left: 0px;
        top: 0px;
        margin: 0px 0px;
    }
    .articles-section .team__schedule .schedule__message.--message2 {
        left: 100%;
        top: 0px;
        margin: 20px 0px;
    }
    .articles-section .team__schedule .schedule__message.--message3 {
        left: 0px;
        top: 0px;
        margin: 20px 0px;
    }
    .articles-section .article__btn{
        width: 100%;
    }



    
}
@media screen and (max-width: 900px) {
    .articles-section .team__schedule .schedule__message {
        font-size: 18px;
        padding: 20px;
    }
}
@media screen and (max-width: 768px) {
    .articles-section .team__schedule .schedule__message.--message2 {
        display: block;
    }
    .articles-section .team__schedule .schedule__person {
        margin: 0;
    }
    .articles-section .team__schedule .schedule__message.--message1::before{
        top: -22px;
    }
    .testimonials__text{
        text-align: start;
    }
    .articles-section{
        padding: 60px 16px !important;
    }
}
/* ========================================== Section Form Popup End ============================================= */

/* ========================================== Section Our Clients Start ========================================== */

.clients {
    padding: 100px 0;
    overflow: hidden;
    background: #F7F9F6;
}
.clients__title-wrap {
    margin-bottom: 90px;
}
.clients__title {
    margin-bottom: 14px;
}
.clients__text {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 28px; /* 200% */
    max-width: 560px;
}
.clients__items-wrap {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 0;
    width: 100%;
}
.clients__items {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0;
    counter-reset: item;
    justify-content: space-around;
    min-width: 100%;
}
.clients__item {
    width: 213px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.marquee2 {
    animation: clients 80s linear infinite;
}
@keyframes clients {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100%));
    }
}
.clients__stars {
    position: absolute;
    top: 0;
    right: 0;
}
.clients__gradient.clients__gradient-1 {
    position: absolute;
    z-index: -1;
    width: 323px;
    height: 324px;
    border-radius: 324px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -150px;
    left: -10%;
    opacity: .7;
}

/* ========================================== Section Our Clients End ============================================ */


/* contacts */
.contacts {
    padding: 150px 0;
    overflow: hidden;
}
.contacts__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.contacts__title {
    max-width: 460px;
    margin-bottom: 24px;
}
/*.contacts:not(.service-ecommerce-contacts):not(.service-pitch-deck-contacts) .contacts__title .rings-word::before {
    transform: rotate(-5deg);
}
.contacts:not(.service-ecommerce-contacts):not(.service-pitch-deck-contacts) .contacts__title .rings-word:after {
    transform: rotate(15deg);
}*/
.contacts__subtitle {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: 28px; /* 175% */
    max-width: 315px;
}
.contacts__info {
    flex-basis: 37%;
}
.contacts__form-wrap {
    flex-basis: 55%;
    position: relative;
}
form.form {
    position: relative;
    z-index: 2;
}
form.form legend {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: 0.2px;
    margin-bottom: 24px;
}
.form__error-msg {
    display: none;
    align-items: center;
    color: var(--Red, #EB5757);
    font-size: 12px;
    line-height: 160%;
    margin: 10px 0;
}
.form__error-msg.active {
    display: flex;
    gap: 6px;
}
.form__interest-btns-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 48px;
}
.form__interest-btn {
    border-radius: 40px;
    background: #F2F2F2;
    padding: 10px 18px;
    color: #1B1B1C;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    transition: .5s ease;
}
.form__interest-btn.active {
    background: #191A23;
    color: var(--White, #FFF);
}
.form__inputs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 32px;
    margin-bottom: 32px;
}
.form__error-message-block {
    flex-basis: 100%;
}
.form__input-item {
    flex-basis: calc(50% - 20px);
    width: calc(50% - 20px);
}
.form__input {
    width: 100%;
    padding: 0 6px 6px 0;
    background: transparent;
    color: #1B1B1C;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: 0.14px;
    border-bottom: 1px solid #BBB;
    border-radius: 0;
}
.required.invalid {
    border-bottom: 1px solid #EB5757;
}
textarea#formMessage,
textarea#formMessageSimple {
    resize: none;
    height: 35px;
}
.form__privacy-block {
    margin-bottom: 32px;
}
input#formAgreement,
input#formAgreementSimple,
input#formPopupAgreement {
    display: none;
}
label.form___checkbox-label {
    display: inline-flex;
    width: 100%;
    align-items: center;
}
label.form___checkbox-label:before {
    content: '';
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    top: 0px;
    background-color: transparent;
    border: 1px solid #191A23;
    border-radius: 5px;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
.form__checkbox-input:checked+.form___checkbox-label::before {
    background-image: url('/wp-content/themes/outsoft/assets/img/checkbox.svg');
    border: none;
}
.form__agree-text {
    color: rgba(26, 26, 26, 0.60);
    font-family: 'Poppins-Regular';
    font-size: 12px;
    line-height: 160%; /* 19.2px */
    letter-spacing: 0.12px;
}
.form__button-wrap {
    text-align: end;
}
.form__button {
    padding: 10px 21px;
    border-radius: 32px;
    background: #B9FF66;
    color: #1B1B1C;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.16px;
    transition: .5s ease;
}
.form__button-dark {
    border-radius: 16px;
    background: #191A23;
    color: #FFF;
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    font-weight: 600;
    padding: 20px 85px;
}
.form__button.inactive {
    cursor: default;
    background: #a1a1a1;
}

.contacts__gradient {
    position: absolute;
    z-index: -1;
}
.contacts__gradient.contacts__gradient-1 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    opacity: 0.6;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0;
    left: -150px;
}
.contacts__gradient.contacts__gradient-2 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -210px;
    right: 10px;
    opacity: .2;
}
.contacts__gradient.contacts__gradient-3 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -120px;
    right: -120px;
    opacity: .4;
}
.contacts__stars {
    position: absolute;
    top: -90px;
    right: 0;
}

/* ==================================== Footer Start ======================================= */
footer.footer {
    padding: 60px 0 12px;
    border-radius: 24px 24px 0px 0px;
    background: #191A23;
}
.footer__top-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.footer__social-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer__social-icon-wrap svg {
    transition: .5s ease;
}
.footer__social-icon-wrap-bg {
    fill: #CECECE;
    transition: .5s ease;
}
.footer__social-icon-wrap svg:hover .footer__social-icon-wrap-bg {
    fill: #fff;
}
.footer__main-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.form-subscribe {
    width: 100%;
    max-width: 300px;
}
.footer__form-wrap,
.footer__address-wrap {
    flex-basis: 21.5%;
}
.footer__address-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.form-subscribe legend {
    color: #CECECE;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}
.form-subscribe__input-item {
    position: relative;
}
.form-subscribe__input {
    width: 100%;
    padding: 20px 60px 20px 20px;
    border-radius: 16px;
    background: #242633;
    color: #B0B0B0;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.form-subscribe__button {
    position: absolute;
    right: 8px;
    top: 50%;
    border-radius: 12px;
    background: #6FE239;
    padding: 10px;
    transform: translateY(-50%);
}
.footer__main-info-cntcts-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer__main-info-cntcts-link {
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    background: #1E1F2A;
    color: #EAEAEA;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: normal;
    transition: all .5s ease;
    width: 100%;
    max-width: 300px;
}
.footer__main-info-cntcts-link:hover {
    background: #242633;
}
.footer__main-info-nav-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.footer__main-info-nav-list-item-link,
.footer__main-info-nav-list li
{
    color: #EAEAEA;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: normal;
    transition: .5s ease;
    cursor: pointer;
}
.footer__main-info-nav-list-item-link:hover,
.footer__main-info-nav-list li:hover
 {
    color: #6FE239;
}
.footer__main-info-address-wrap {
    color: #EAEAEA;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: normal;
    font-style: normal;
}
.footer__bottom-info {
    padding: 12px 83px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer__bottom-info-copyrights {
    color: #9B9B9B;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: normal;
}
.footer__bottom-info-privacy {
    color: #9B9B9B;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: normal;
}
.footer__bottom-info-privacy:hover {
    text-decoration: underline;
}
.footer__mob-social-wrap {
    display: none;
}
.footer__bottom-clutch-link {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 7px 12px;
}
.mob-footer__bottom-clutch-link {
    display: none;
}
.footer__bottom-clr-stars {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}
.footer__bottom-clr-text {
    color: #F3F3F3;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    line-height: 28px; /* 233.333% */
    letter-spacing: -0.5px;
}

/* ==================================== Footer End ======================================= */

/* ==================================== Privacy Policy ============================== */

.privacy {
    padding: 80px 0 120px;
    position: relative;
    overflow: hidden;
}
.privacy__content {
    max-width: 793px;
    position: relative;
    z-index: 2;
}
.privacy__content h1,
.privacy__content h2,
.privacy__content h3,
.privacy__content h4,
.privacy__content h5,
.privacy__content h6 {
    margin-bottom: 24px;
}
.privacy__content h1 {
    color: #191A23;
    font-family: 'Poppins-SemiBold';
    font-size: 54px;
    line-height: 120%; /* 64.8px */
}
.privacy__h1-sm {
    font-size: 32px;
}
.privacy__content h2 {
    color: #191A23;
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    line-height: 120%; /* 38.4px */
}
.privacy__content p {
    color: #383838;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 27px; /* 192.857% */
    margin-bottom: 16px;
}
.privacy__content ol,
.privacy__content ul {
    color: #383838;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 27px; /* 192.857% */
    margin-bottom: 16px;
    padding-left: 24px;
}
.privacy__content ol {
    list-style: decimal;
}
.privacy__content ul {
    list-style: disc;
}
.privacy__content .mb-48 {
    margin-bottom: 48px;
}
.privacy__gradients-wrapper {
    position: relative;
}
.privacy__gradient {
    position: absolute;
    z-index: -1;
}
.privacy__gradient.privacy__gradient-1 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -90px;
    right: -58px;
    opacity: .7;
}
.privacy__gradient.privacy__gradient-2 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 90px;
    right: -70px;
}
.privacy__stars {
    position: absolute;
    top: 0;
    right: 0;
}


/* ==================================== Cookies popup =============================== */

.cookies__wrapper {
    position: fixed;
    bottom: -100%;
    right: 0;
    z-index: 99;
    width: 100%;
    pointer-events: none;
    transition: all .7s ease;
}
.cookies__wrapper.show {
    bottom: 10px;
}
.cookies__wrapper .container {
    display: flex;
    justify-content: flex-start;
}
.cookies__popup {
    border-radius: 32px;
    background: #F2F2F2;
    padding: 24px 24px 32px;
    overflow: hidden;
    max-width: 655px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    pointer-events: all;
}
.cookies-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.cookies-info svg .cookie-svg__path {
    fill: #333333;
}
.cookies__title {
    color: #1C1C1E;
    font-family: 'Poppins-Medium';
    font-size: 18px;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.18px;
    margin-bottom: 4px;
}
.cookies-text {
    color: #1C1C1E;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}
.cookies-text a {
    color: #1B1C25;
    font-family: 'Poppins-SemiBold';
    text-decoration: underline;
}
.cookies__btns-block {
    display: flex;
    gap: 12px;
    align-items: center;
}
.btn-cookie {
    padding: 10px 28px;
    border-radius: 32px;
    color: #1B1B1C;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    min-width: 119px;
}
.btn-cookie.cookies__btn-accept {
    background: #B9FF66;
}
.btn-cookie.cookies__btn-decline{
    border: 1px solid #212121;
}


/* ========================================== Animations =============================== */
svg {
    overflow: visible;
}
.star-anim-1 {
    animation: star-anim-1 4s ease-out infinite alternate;
    transform-origin: center;
}
@keyframes star-anim-1 {
    from {
        transform: scale(.9) rotate(-10deg);
    }
    to {
        transform: scale(1) rotate(10deg);
    }
}

.star-anim-2 {
    animation: star-anim-2 3s ease-in-out infinite alternate;
    transform-origin: center;
}
@keyframes star-anim-2 {
    from {
        transform: scale(.85);
    }
    to {
        transform: scale(1);
    }
}

.ring-1 {
    animation: ring-1 12s linear infinite alternate;
}
@keyframes ring-1 {
    from {
        transform: translate(30px, -30px);
    }
    to {
        transform: translate(0px, 0px);
    }
}
.ring-2 {
    animation: ring-2 12s linear infinite alternate;
}
@keyframes ring-2 {
    from {
        transform: translate(15px, -15px);
    }
    to {
        transform: translate(0px, 0px);
    }
}

.ball {
    animation: ring-2 12s linear infinite alternate;
}

.cursor {
    animation: cursor 4s cubic-bezier(0.47, 0, 0.75, 0.72) infinite alternate;
    transform-origin: center;
}

@keyframes cursor {
    from {
        transform: translate(-13px, -19px) scale(.8);
    }
    to {
        transform: translate(20px, 20px);
    }
}

.cursor-ball {
    animation: cursor-ball 40s infinite steps(1);
    transform-origin: 40% 30%;
}
@keyframes cursor-ball {
    0% {
        fill: rgb(245, 105, 24);
    }
    20% {
        fill: rgb(102, 102, 250);
    }
    40% {
        fill: rgb(55, 194, 55);
    }
    60% {
        fill: rgb(231, 81, 81);
    }
    80% {
        fill: rgb(226, 85, 191);
    }
    100% {
        fill: rgb(1, 172, 252);
    }
}

.filled-star {
    animation: filled-star 5s infinite alternate;
    transform-origin: 81% 31%;
}
@keyframes filled-star {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(.5);
    }
}


.rocket {
    animation: rocketAnimation 8s linear infinite alternate;
    transform-origin: 13%;
}
@keyframes rocketAnimation {
    0% {
        transform: translate(-40px, -35px) rotate(5deg);
    }
    100% {
        transform: translate(32px, 22px) rotate(-2deg);
    }
}

.share {
    animation: share 3s ease-in infinite alternate;
    transform-origin: 30% 100%;
}
@keyframes share {
    from {
        transform: scale(.8);
    }
    to {
        transform: scale(1);
    }
}

.star-anim-3 {
    animation: star-anim-3 3s ease-out infinite alternate;
    transform-origin: center;
}
@keyframes star-anim-3 {
    from {
        transform: scale(.8) rotate(-10deg);
    }
    to {
        transform: scale(1) rotate(10deg);
    }
}

.star-anim-4 {
    animation: star-anim-4 3s ease-in-out infinite alternate;
    transform-origin: center;
}
@keyframes star-anim-4 {
    from {
        transform: scale(.8) rotate(5deg);
    }
    to {
        transform: scale(1) rotate(-5deg);
    }
}

.disk-star {
    animation: disk-star 3s linear infinite alternate;
}
@keyframes disk-star {
    from { 
        transform: rotate(-15deg);
    }
    to {
        transform: rotate(15deg);
    }
}

.disk-round {
    animation: disk-round 4s linear infinite alternate;
    transform-origin: 65% 63%;
}
@keyframes disk-round {
    from { 
        transform: scale(.8);
    }
    to {
        transform: scale(1);
    }
}

.react1 {
    animation: react1 15s linear infinite;
    transform-origin: 50%;
}
.react2 {
    animation: react1 15s linear infinite;
    transform-origin: 50%;
}
@keyframes react1 {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}


.fade-in {
    opacity: 0;
    transform: translate(0px, 40px);
    transition: all 1s ease;
}
.fade-in.start-animation {
    opacity: 1;
    transform: translate(0, 0);
}

/* ==================================== Animations end ================================ */


/* ==================================== About Us Presentation ========================= */

/* presentation header */
.presentation-header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
}

.presentation-tpl .container,
.presentation-art .container {
    max-width: 1472px;
}
.about-us-slide {
    overflow: hidden;
}
.aus__content-wrap {
    position: relative;
    z-index: 2;
}
.aus__gradient,
.prsnttn__gradient {
    position: absolute;
    content: '';
    z-index: -1;
}
.aus__content-wrap {
    padding: 100px 0;
}

/* slide 1 */
.aus1__content-wrap {
    /* min-height: 100vh; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aus1__main-svg {
    max-width: 700px;
    height: 100%;
    position: absolute;
    top: -5%;
    right: -5%;
}
.aus1__title-wrap {
    position: relative;
    width: fit-content;
}
.aus1__title-svg {
    position: absolute;
    right: -120px;
    bottom: -60px;
}
.aus1__title {
    color: #000;
    font-family: "DMSans-Bold";
    font-size: 200px;
    line-height: 100%; /* 200px */
}
.aus1__subtitle {
    color: #4D4D4D;
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    line-height: 50px; /* 156.25% */
    margin-bottom: 8px;
}
.aus1__gradient1,
.aus1__gradient2,
.aus1__gradient3 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);  
}
.aus1__gradient1 {
    opacity: 0.2;
    bottom: 0;
    left: 43%;
}
.aus1__gradient2 {
    opacity: 0.2;
    top: 0%;
    right: 1%;
}
.aus1__gradient3 {
    opacity: .2;
    top: 0%;
    right: -1%;
}
.aus1__gradient4 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    opacity: .8;
    top: 0%;
    right: -10%;
}

/* slide 2 */
.aus2__title-wrap {
    margin-bottom: 130px;
}
.aus2__subtitle {
    color: #4D4D4D;
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    line-height: normal;
    margin-bottom: 12px;
}
.aus2__title {
    color: #000;
    font-family: "DMSans-Bold";
    font-size: 98px;
    line-height: 100%; /* 98px */
}
.aus2__title .rings-word::before {
    width: calc(100% + 40px);
    left: -20px;
}
.aus2__title .rings-word:after {
    width: calc(100% + 40px);
    left: -22px;
    transform: rotate(15deg);
}
.aus2__items-wrap {
    display: flex;
    gap: 80px;
    width: 83%;
    margin: 0 auto;
    justify-content: space-between;
}
.aus2__item {
    padding: 40px 48px;
    width: calc(50% - 40px);
    position: relative;
}
.aus2__item-text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: 31px;
}
.aus2__item-text span {
    color: #212121;
    font-family: 'Poppins-SemiBold';
}
.aus2__item-border1,
.aus2__item-border2,
.aus2__item-border3,
.aus2__item-border4 {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
}
.aus2__item-border1 {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
}
.aus2__item-border2 {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
}
.aus2__item-border3 {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
}
.aus2__item-border4 {
    bottom: 0;
    left: 0;
    border-right: none;
    border-top: none;
}
.aus2__gradient1 {
    width: 586.766px;
    height: 675.035px;
    border-radius: 675.035px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    left: -25%;
    bottom: -3%;
    opacity: .8;
}
.aus2__gradient2 {
    width: 589.978px;
    height: 565.843px;
    transform: rotate(151.544deg);
    border-radius: 589.978px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 20%;
    right: -22%;
}
.aus2__rings-svg {
    position: absolute;
    top: 0;
    z-index: -1;
    right: -4%;
}

/* slide 3 */
.aus3__title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 60px;
    line-height: 100%; /* 60px */
}
.aus3__title-wrap {
    margin-bottom: 50px;
}
.aus3__technologies-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.aus3-tw__item {
    flex-basis: calc(33.333% - 80px/3);
}
.aus3-tw__item-title {
    margin-bottom: 24px;
}
.aus3-tw__item-technologies-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.aus3-tw__item-technology {
    border-radius: 19.095px;
    background: #F2F2F2;
    padding: 12px;
    flex-basis: calc(33.333% - 24px/3);
    max-width: 120px;
    position: relative;
}
.aus3-tw__item-technology::before {
    position: absolute;
    content: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/subtract.svg');
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 21px;
    height: 12px;
}
.aus3-tw__item-technology::after {
    position: absolute;
    content: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/subtract-right.svg');
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 21px;
}
.aus3-tw__item-technology:last-child::before,
.aus3-tw__item-technology:nth-last-child(2)::before,
.aus3-tw__item-technology:nth-last-child(3)::before,
.aus3-tw__item-technology:nth-child(3n)::after,
.aus3-tw__item-technology:last-child::after {
    display: none;
}
.aus3-tw__item-technology-name {
    color: #000;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 29px; /* 207.143% */
    margin-top: 4px;
}
.aus3-tw__item-technology-img {
    margin: auto;
    width: 54px;
}
.rings-word.rings-word-backend::before,
.rings-word.rings-word-frontend::before {
    height: calc(100% - 15px);
    top: 8px;
}
.rings-word.rings-word-backend:after,
.rings-word.rings-word-frontend:after {
    height: calc(100% - 15px);
    top: 7px;
    transform: rotate(8deg);
}
.rings-word.rings-word-mob-dev::before {
    height: calc(100% - 12px);
    top: 7px;
    transform: rotate(-1deg);
}
.rings-word.rings-word-mob-dev:after {
    height: calc(100% - 12px);
    top: 7px;
    transform: rotate(3deg);
}
.aus3__domains-wrapper {
    display: flex;
    gap: 32px;
}
.aus3-dw__title {
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    line-height: normal;
}
.aus3-dw__items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.aus3-dw__item {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    background: #EBFBE4;
    padding: 12px 16px;
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    line-height: normal;
}
.aus3__gradient1 {
    width: 589.978px;
    height: 565.843px;
    border-radius: 589.978px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -4%;
    left: -27%;
}
.aus3__gradient2 {
    width: 586.766px;
    height: 675.035px;
    border-radius: 675.035px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.15) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -4%;
    right: -27%;
    opacity: .8;
}

/* slide 4 */
.aus4__title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 85px;
    line-height: 100%; /* 85px */
}
.aus4__title span {
    color: #4D4D4D;
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    line-height: 50px; /* 156.25% */
    margin-bottom: 12px;
    display: block;
}
.aus4__title-mob-svg1,
.aus4__title-mob-svg2 {
    display: none;
}
.aus4__title-wrap {
    margin-bottom: 230px;
}
.aus4__description-wrapper {
    max-width: 588px;
}
.aus4__description-subtitle {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 20px;
    line-height: 100%; /* 20px */
    margin-bottom: 17px;
}
.aus4__description-subtitle .rings-word::before {
    height: 100%;
    top: 3px;
}
.aus4__description-subtitle .rings-word:after {
    height: 100%;
    top: 1px;
}
.aus4__description-title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 58px;
    line-height: 100%; /* 58px */
    margin-bottom: 40px;
}
.aus4__description-text-title {
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    line-height: normal;
    margin-bottom: 8px;
}
.aus4__description-text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 29px; /* 207.143% */
}
.aus4__img-wrap {
    position: absolute;
    bottom: 8%;
    right: -72%;
    z-index: -1;
}
.aus4__img {
    width: 100%;
    max-width: none;
}
.aus4__gradient1 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -3%;
    left: -25%;
}

/* slide 5 */
.aus5__items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}
.aus5__item {
    counter-increment: num;
    position: relative;
    flex-basis: calc(33.333% - 40px/3);
}
.aus5__item:before {
    position: absolute;
    content: "0" counter(num);
    color: #A1A1A1;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    line-height: normal;
}
.aus5__item-title {
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    line-height: normal;
    padding-left: 26px;
    margin-bottom: 8px;
}
.aus5__item-img-wrap {
    overflow: hidden;
    display: block;
}
.aus5__item-img {
    box-shadow: 4px 4px 20px 0px rgba(51, 64, 84, 0.05);
    transition: .5s ease;
}
.aus5__item-img-wrap:hover .aus5__item-img {
    transform: scale(1.05);
}
.aus5__gradient1 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -4%;
    left: -25%;
}
.aus5__gradient2 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.15) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -4%;
    right: -25%;
    opacity: .8;
}

/* slide 6 || slide case type 1 */
.aus__case-tag-wrap {
    position: absolute;
    right: 0;
}
.aus__case-tag {
    color: #000;
    text-align: right;
    font-family: 'DMSans-Bold';
    font-size: 20px;
    line-height: 100%; /* 20px */
}
.aus__case-tag .rings-word:after,
.aus__case-tag .rings-word:before {
    height: 100%;
    top: 0px;
}
.ausct1__descr-item {
    max-width: 710px;
    margin-bottom: 55px;
}
.ausct1__descr-title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 68px;
    line-height: 100%; /* 68px */
    margin-bottom: 40px;
}
.ausct1__descr {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 29px; /* 207.143% */
}
.ausct1__descr span {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    line-height: normal;
}
.ausct1__images-wrap {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    justify-content: space-between;
}
.ausct1__image-item {
    transition: .5s ease;
    max-height: 431px;
}
.aus6__gradient1 {
    width: 374.566px;
    height: 430.913px;
    border-radius: 430.913px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -4%;
    left: -12%;
}
.aus6__gradient2 {
    width: 433.138px;
    height: 415.419px;
    border-radius: 433.138px;
    opacity: 0.43;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 12%;
    right: -16%;
}


/* slide 7 || slide case type 2 */
.ausct2__items-wrap {
    display: flex;
    gap: 20px;
    align-items: flex-end;
}
.ausct2__item-info, .ausct2__item-big-img-wrap {
    flex-basis: calc(50% - 10px);
}
.ausct2__item-title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 68px;
    line-height: 100%; /* 68px */
    margin-bottom: 40px;
}
.ausct2__item-descr {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 29px; /* 207.143% */
    margin-bottom: 22px;
}
.ausct2__item-descr span {
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    line-height: normal;
    margin-bottom: 8px;
    display: block;
}
.ausct2__item-img-wrap {
    border-radius: 28px;
    overflow: hidden;
}
.ausct2__item-img {
    width: 100%;
}
.ausct2__item-big-img {
    border-radius: 28px;
    overflow: hidden;
}

/* slide 8 */
.aus8__gradient1 {
    width: 374.566px;
    height: 430.913px;
    border-radius: 430.913px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -1%;
    left: -10%;
}
.aus8__gradient2 {
    width: 433.138px;
    height: 415.419px;
    border-radius: 433.138px;
    opacity: 0.43;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -1%;
    left: 0;
}

/* slide 9 */
.aus9__gradient1 {
    width: 374.566px;
    height: 430.913px;
    border-radius: 430.913px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -1%;
    left: -10%;
}

/* slide 10 */
.aus10__gradient1 {
    width: 374.566px;
    height: 430.913px;
    border-radius: 430.913px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0;
    left: -10%;
}
.aus10__gradient2 {
    width: 433.138px;
    height: 415.419px;
    border-radius: 433.138px;
    opacity: 0.43;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 10%;
    right: -12%;
}

/* slide 11 */
.aus11__gradient1 {
    width: 374.566px;
    height: 430.913px;
    border-radius: 430.913px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0;
    left: -10%;
}
.aus11__gradient2 {
    width: 433.138px;
    height: 415.419px;
    border-radius: 433.138px;
    opacity: 0.43;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 10%;
    right: -12%;
}

/* slide 12 */
.aus12__gradient1 {
    width: 374.566px;
    height: 430.913px;
    border-radius: 430.913px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0;
    left: -10%;
}
.aus12__gradient2 {
    width: 433.138px;
    height: 415.419px;
    border-radius: 433.138px;
    opacity: 0.43;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 10%;
    right: -12%;
}

/* slide 13 */
.ausct3__descr-item {
    max-width: 710px;
}
.ausct3__descr-title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 68px;
    line-height: 100%;
    margin-bottom: 40px;
}
.ausct3__descr {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 29px;
}
.ausct3__descr span {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    line-height: normal;
}
.ausct3__bg-image-wrapper {
    height: 550px;
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentation-crossy.webp');
    background-position-y: top;
    transform: translateY(-150px);
    animation: ausct3 15s linear infinite alternate;
}

@keyframes ausct3 {
    from {
        background-position-x: 70%;
    }
    to {
        background-position-x: 12%;
    }
}

/* slide 13 */
.aus13__gradient1 {
    width: 374.566px;
    height: 430.913px;
    border-radius: 430.913px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0;
    left: -10%;
}
.aus13__gradient2 {
    width: 433.138px;
    height: 415.419px;
    border-radius: 433.138px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 6%;
    right: -12%;
}

/* slide 14 */
.aus14__title-wrap {
    margin-bottom: 46px;
}
.aus14__title,
.prsnttn__h2-title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 58px;
    line-height: 100%; /* 58px */
}
.aus14__services-items-wrap {
    display: flex;
    justify-content: space-between;
    gap: 23px;
}
.aus14__services-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.aus14__services-item-list-title {
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    line-height: normal;
    margin-bottom: 12px;
}
.aus14__services-item-li,
.prsnttn__service-slide-item-list-item {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 29px; /* 207.143% */
    list-style: disc;
    margin-left: 25px;
}
.aus14__gradient1 {
    width: 586.766px;
    height: 675.035px;
    border-radius: 675.035px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: 0%;
    left: -20%;
    opacity: .6;
}
.aus14__gradient2 {
    width: 589.978px;
    height: 565.843px;
    border-radius: 589.978px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 30%;
    right: -20%;
}

/* slide 15 */
.aus15__social-wrap {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 172px;
}
.aus15__social-link {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #464646;
    font-family: 'Poppins-Medium';
    font-size: 32px;
    line-height: 50px; /* 156.25% */
    text-decoration-line: underline;
}
.aus15__cntcts-wrap {
    margin-bottom: 110px;
    display: inline-block;
}
.aus15__cntcts-phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #464646;
    font-family: 'Poppins-Medium';
    font-size: 36px;
    line-height: 50px; /* 138.889% */
    margin-bottom: 28px;
}
.aus15__cntcts-mail {
    color: #464646;
    font-family: 'Poppins-Medium';
    font-size: 36px;
    line-height: 50px; /* 138.889% */
    text-decoration-line: underline;
    display: block;
}
.aus15__title-wrap {
    position: relative;
    width: fit-content;
}
.aus15__title {
    color: #000;
    font-family: 'DMSans-Bold';
    font-size: 151px;
    line-height: 100%; /* 151px */
}
.aus15__title-svg {
    position: absolute;
    right: -104px;
    bottom: -60px;
}
.aus15__main-svg {
    position: absolute;
    top: -110px;
    right: 0;
    width: 700px;
}
.aus15__gradient1 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -10%;
    left: 39%;
}
.aus15__gradient2 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -4%;
    right: 5%;
}
.aus15__gradient3 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 9%;
    right: 0;
}

.about-us-hero-video{
    max-width: 454px;
    position: relative;
    border-radius: 32px;
}
.about-us-hero-video a{
    position: absolute;
    top: 38%;
    left: 41%;

    background: radial-gradient(circle at center, rgba(109, 109, 109, 0.8), rgba(0, 0, 0, 1));
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 22px 22px 24px 27px;

    transition: 0.5s ease;
}
.about-us-hero-video a:hover{
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 1));

}

/* animation for presentation */

/* general */
.anim-title {
    opacity: 0;
    transform: translateX(-50px);
    transition: .5s ease;
}
.anim-title.start-animation {
    opacity: 1;
    transform: translateX(0);
}
.anim-subtitle {
    opacity: 0;
    transform: translateX(-50px);
    transition: .5s ease;
}
.anim-subtitle.start-animation {
    opacity: 1;
    transform: translateX(0);
}
.anim-translate-top {
    opacity: 0;
    transform: translateY(50px);
    transition: .5s ease;
}
.anim-translate-top.start-animation {
    opacity: 1;
    transform: translateY(0);
}
.anim-scale {
    opacity: 0;
    transform: scale(0);
    transition: .5s ease;
}
.anim-scale.start-animation {
    opacity: 1;
    transform: scale(1);
}
.anim-translate-right {
    opacity: 0;
    transform: translateX(-50px);
    transition: .5s ease;
}
.anim-translate-right.start-animation {
    opacity: 1;
    transform: translateX(0);
}
.anim-translate-left {
    opacity: 0;
    transform: translateX(50px);
    transition: .5s ease;
}
.anim-translate-left.start-animation {
    opacity: 1;
    transform: translateX(0);
}



/* animations delay only for desktops */
@media(min-width: 1200px) {

    /* slide 1 */
    /* .aus1__title.anim-title {
        transition-delay: .5s;
    }
    .aus1__title-svg.anim-scale {
        transition-delay: 1s;
    }
    .aus1__main-svg.anim-translate-top {
        transition-delay: 1.5s;
    } */

    /* slide 2 */
    .aus2__title.anim-title {
        transition-delay: .5s;
    }
    .aus2__item.anim-scale:nth-child(1) {
        transition-delay: 1s;
    }
    .aus2__item.anim-scale:nth-child(2) {
        transition-delay: 1.5s;
    }
    .aus2__rings-svg.anim-translate-top {
        transition-delay: 2s;
    }
    .path1-aus2__rings-svg {
        animation: aus2-ring 3s infinite alternate;
        transform-origin: center;
    }
    .path2-aus2__rings-svg {
        animation: aus2-ring2 3s infinite alternate;
        transform-origin: center;
    }
    @keyframes aus2-ring {
        from {
            transform: rotate(0);
        }
        to {
            transform: rotate(10deg);
        }
    }
    @keyframes aus2-ring2 {
        from {
            transform: rotate(0);
        }
        to {
            transform: rotate(-10deg);
        }
    }

    /* slide 3 */
    .aus3-tw__item.anim-translate-top:nth-child(1) {
        transition-delay: .5s;
    }
    .aus3-tw__item.anim-translate-top:nth-child(2) {
        transition-delay: 1s;
    }
    .aus3-tw__item.anim-translate-top:nth-child(3) {
        transition-delay: 1.5s;
    }
    .aus3__domains-wrapper.anim-scale {
        transition-delay: 1s;
    }

    /* slide 4 */
    .aus4__description-wrapper.anim-translate-top {
        transition-delay: 1s;
    }
    .aus4__img-wrap.anim-scale {
        transition-delay: 1.5s;
    }

    /* slide 5 */
    .aus5__item.anim-scale:nth-child(2) {
        transition-delay: .5s;
    }
    .aus5__item.anim-scale:nth-child(3) {
        transition-delay: 1s;
    }
    .aus5__item.anim-scale:nth-child(4) {
        transition-delay: 1.5s;
    }
    .aus5__item.anim-scale:nth-child(5) {
        transition-delay: 2s;
    }
    .aus5__item.anim-scale:nth-child(6) {
        transition-delay: 2.5s;
    }

    /* slide 6 */
    .ausct1__descr.anim-translate-right {
        transition-delay: .5s;
    }
    .ausct1__images-wrap.anim-translate-top {
        transition-delay: 1s;
    }

    /* slide 7 */
    .ausct2__item-info.anim-translate-right,
    .ausct2__item-big-img-wrap.anim-translate-left {
        transition-delay: .5s;
    }

    /* slide 13 */
    .ausct3__descr-item.anim-translate-right {
        transition-delay: .5s;
    }

    /* slide 14 */
    .aus14__services-items-wrap.anim-translate-top {
        transition-delay: .5s;
    }

    /* slide 15 */
    .aus15__social-link.anim-scale:nth-child(2) {
        transition-delay: .5s;
    }
    .aus15__cntcts-phone.anim-scale {
        transition-delay: 1s;
    }
    .aus15__cntcts-mail.anim-scale {
        transition-delay: 1.5s;
    }
    .aus15__main-svg.anim-translate-left {
        transition-delay: 2s;
    }

}






/* ==================================== 2D Art Presentation + 3D Art Presentation ============================ */

/* header 2d art, 3d art */
.prsnttn-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.prsnttn-header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
}
.prsnttn__logo-svg {
    fill: #000;
}
.prsnttn__logo-svg.active {
    fill: #6D6D6D;
}
.prsnttn-header__text {
    color: #959595;
    font-family: 'Poppins-Regular';
    font-size: 22px;
    line-height: 100%; /* 22px */
}

/* all slides 2d art, 3d art */
.prsnttn__slide {
    overflow: hidden;
}
.prsnttn__slide-content-wrap {
    position: relative;
    z-index: 2;
    padding: 100px 16px;
}

/* services slide (slide 2) */
.prsnttn__s2-title-wrap {
    margin-bottom: 137px;
}
.prsnttn__service-slide-items-wrap {
    display: flex;
    gap: 150px;
}
.prsnttn__service-slide-item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-SemiBold';
    font-size: 26px;
    line-height: normal;
    margin-bottom: 12px;
}
.prsnttn__service-slide-svg {
    position: absolute;
    left: 65%;
    top: 23%;
}
.prsnttn__service-slide-gradient1 {
    width: 586.766px;
    height: 675.035px;
    border-radius: 675.035px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: -33%;
    left: -20%;
    opacity: .8;
}
.prsnttn__service-slide-gradient2 {
    width: 589.978px;
    height: 565.843px;
    border-radius: 589.978px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: 5%;
    right: -10%;
}

/* slide 3 */
.prsnttn__slide3 {
    background: #181C27;
}
.prsnttn__slide3-img {
    margin: auto;
}

/* slide 4 */
.prsnttn__slide4 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide4-bg.jpg');
    background-size: cover;
    position: relative;
}
.prsnttn__slide4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.prsnttn__slide4-img {
    margin: auto;
    position: relative;
    z-index: 2;
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.60);
}

/* slide 5 */
.prsnttn__slide5 {
    background: #7F87DA;
}
.prsnttn__slide5-img {
    margin: auto;
}

/* slide 6 */
.prsnttn__slide6 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide6-bg.jpg');
    background-size: cover;
    background-position: center;
}
.prsnttn__slide6-img {
    margin: auto;
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.60);
}

/* slide 7 */
.prsnttn__slide7 {
    background: #1C1C1C;
}
.prsnttn__s7-content-wrap {
    padding: 100px 0 0;
}
.prsnttn__slide7-img {
    margin: auto;
}


/* slide 8 */
.prsnttn__slide8 {
    background: #89CBD9;
}
.prsnttn__slide8-img {
    margin: auto;
}

/* slide 9 */
.prsnttn__slide9 {
    background: #000;
}
.prsnttn__slide9-img {
    margin: auto;
}

/* slide 10 */
.prsnttn__slide10 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide10-bg.jpg');
    background-size: cover;
    background-position: bottom;
}
.prsnttn__slide10-img {
    margin: auto;
    box-shadow: 4px 4px 100px 0px rgba(0, 0, 0, 0.30);
}

/* slide 11 */
.prsnttn__slide11 {
    background: #000;
}
.prsnttn__slide11-img {
    margin: auto;
}

/* slide 12 */
.prsnttn__slide12 {
    background: #CECECE;
}
.prsnttn__s12-content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8%;
}

/* slide 13 */
.prsnttn__slide13 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide13-bg.jpg');
    background-size: cover;
}
.prsnttn__s13-content-wrap {
    display: flex;
    align-items: flex-end;
    padding-left: 80px;   
}
.prsnttn__slider-img-wrap:nth-child(2) {
    z-index: -1;
}
.prsnttn__slider-img-wrap:nth-child(2) .prsnttn__slide13-img {
    transform: translate(-65px, 0px);
}

/* slide 14 */
.prsnttn__slide14 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide14-bg.jpg');
    background-size: cover;
}
.prsnttn__s14-content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
    width: 59%;
    margin: auto;
}
.prsnttn__s14-content-wrap .prsnttn__slider-img-wrap {
    flex-basis: calc((100% - 120px)/3);
}
.prsnttn__slide14-img {
    margin: auto;
}

/* slide 15 */
.prsnttn__slide15 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide15.jpg');
    background-size: cover;
    position: relative;
}
.prsnttn__slide15::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.prsnttn__slide15-img {
    margin: auto;
}

/* slide 16 + slide 17 + slide 18 */
.prsnttn__slide16,
.prsnttn__slide17,
.prsnttn__slide18 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide16-bg.jpg');
    background-size: cover;
    position: relative;
}
.prsnttn__slide18 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/2d-art/prsnttn-2d-slide18-bg.jpg');
}
.prsnttn__slide16::before,
.prsnttn__slide17::before,
.prsnttn__slide18::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    background: #282854;
    z-index: 2;
}
.prsnttn__slide17::before {
    opacity: 0.6;
    background: #1A4F4C;
}
.prsnttn__slide18::before {
    opacity: 0.5;
    background: #FCFC9F;
}
.prsnttn__s16-content-wrap,
.prsnttn__s17-content-wrap,
.prsnttn__s18-content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}


/* ========== 3d art slides ============ */

/* 3d art slide 3 */

.prsnttn-3d__slide3 {
    background: linear-gradient(358deg, #91C5FF 1.72%, #91C2FA 11.37%, #99AAD6 32.61%, #AE605E 72.66%, #9A4325 98.24%);
}
.prsnttn-3d__s3-content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

/* 3d art slide 4 */
.prsnttn-3d__slide4 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/3d-art/prsnttn-3d-slide4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.prsnttn-3d__slide4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.prsnttn-3d__slide4-img {
    margin: auto;
}

/* 3d art slide 5 */
.prsnttn-3d__slide5 {
    background: #A9BBC5;
}
.prsnttn-3d__slide5-img {
    margin: auto;
}

/* 3d art slide 6 */
.prsnttn-3d__slide6 {
    background-image: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/3d-art/prsnttn-3d-slide6-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}
.prsnttn-3d__slide6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.prsnttn-3d__s6-content-wrap {
    display: flex;
    justify-content: center;
    gap: 48px;
}
.prsnttn-3d__s6-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.prsnttn-3d__slide6-img3 {
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.60);
}

/* 3d art slide 7 */
.prsnttn-3d__slide7 {
    background: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/3d-art/prsnttn-3d-slide7-img1.jpg');
    background-size: cover;
    position: relative;
}
.prsnttn-3d__slide7::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.prsnttn-3d__slide7-img-wrap {
    position: relative;
    margin: auto;
    width: fit-content;
}
.prsnttn-3d__slide7-img2 {
    position: absolute;
    bottom: 35px;
    left: 35px;
}

/* 3d art slide 8 */
.prsnttn-3d__slide8 {
    background: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/3d-art/prsnttn-3d-slide8-img1.jpg');
    background-size: cover;
    position: relative;
}
.prsnttn-3d__slide8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.prsnttn-3d__slide8-img-wrap {
    position: relative;
    margin: auto;
    width: fit-content;
}
.prsnttn-3d__slide8-img2 {
    position: absolute;
    bottom: 35px;
    left: 35px;
}

/* 3d art slide 9 */
.prsnttn-3d__slide9 {
    background: #1c1c1c;
}
.prsnttn-3d__slide9-img {
    margin: auto;
}

/* 3d art slide 10 */
.prsnttn-3d__slide10 {
    background: #2c2c2c;
}
.prsnttn-3d__slide10-img {
    margin: auto;
}

/* 3d art slide 11 */
.prsnttn-3d__slide11 {
    background: #fff;
}
.prsnttn-3d__slide11-img {
    margin: auto;
}

/* 3d art slide 12 */
.prsnttn-3d__slide12 {
    background: #636361;
}
.prsnttn-3d__slide12-img {
    margin: auto;
}

/* 3d art slide 13 */
.prsnttn-3d__slide13 {
    background: #1c1c1c;
}
.prsnttn-3d__slide13-img {
    margin: auto;
}

/* 3d art slide 14 */
.prsnttn-3d__slide14 {
    background: #212121;
}
.prsnttn-3d__s14-content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

/* 3d art slide 15 */
.prsnttn-3d__slide15 {
    background: url('https://www.outsoft.eu/wp-content/themes/outsoft/assets/img/presentations/3d-art/prsnttn-3d-slide15.jpg');
    position: relative;
    background-size: cover;
    background-position: center;
}
.prsnttn-3d__slide15::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.prsnttn-3d__slide15-img {
    margin: auto;
}


/* Animations presentation start */

.animations-portfolio__title-wrap {
    margin-bottom: 12px;
}
.portfolio__simple-text {
    color: #1C1C1C;
    font-family: 'Poppins-Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px; /* 185% */
    max-width: 833px;
    transition-delay: 1s;
}

.animations-portfolio__sctn-title {
    margin-bottom: 80px;
}
.animations-portfolio__video-wrapper {
    max-width: 1200px;
    margin: auto;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 130px;
}
.animations-portfolio__video-wrapper:nth-last-child(1) {
    margin-bottom: 0;
}
.animations-portfolio__video-wrapper video {
    display: block;
    cursor: pointer;
}

.animations-portfolio__examples {
    padding: 100px 0;
}

.animations-portfolio__gifs-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.anim-prtfl__gif-item {
    border-radius: 16px;
    overflow: hidden;
    background: #383838;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 467px;
}
.anim-prtfl__gif-item.anim-prtfl__gif-item-sm {
    flex-basis: calc(33.333% - 48px/3);
    aspect-ratio: 1;
}
.anim-prtfl__gif-item.anim-prtfl__gif-item-lg {
    flex-basis: calc(50% - 24px/2);
}
.anim-prtfl__gif-item.anim-prtfl__gif-item-6.anim-prtfl__gif-item-lg {
    display: flex;
}
.anim-prtfl__gif-item.anim-prtfl__gif-item-2.anim-prtfl__gif-item-sm .anim-prtfl__gif,
.anim-prtfl__gif-item.anim-prtfl__gif-item-5.anim-prtfl__gif-item-lg .anim-prtfl__gif {
    height: 100%;
    object-fit: cover;
}
.anim-prtfl__gif-item.anim-prtfl__gif-item-6.anim-prtfl__gif-item-lg .anim-prtfl__gif,
.anim-prtfl__gif-item.anim-prtfl__gif-item-7.anim-prtfl__gif-item-lg .anim-prtfl__gif {
    width: 50%;
    flex-basis: 50%;
    height: 100%;
    object-fit: cover;
}

/* ==================================== Archive Blog Page =============================  */

.blog-section {
    padding: 41px 0px 100px 0;
    overflow: hidden;
}
.archive-title-wrap {
    position: relative;
    margin-bottom: 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.archive-title-wrap p{
    max-width: 424px;
    text-align: start;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
.breadcrumbs-archive {
    color: #6B6B6B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.16px;
    display: flex;
    gap: 4px;
    padding-bottom: 61px;
}
.breadcrumbs-home {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: sub;
}
.breadcrumbs-archive a {
    color: #1A1A1A;
    filter: contrast(.5);
    transition: filter .5s ease;
}
.breadcrumbs-archive a:hover {
    filter: none;
}
.archive-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px; /* 125% */
}
.container.blog-container {
    max-width: 1132px;
    position: relative;
}
.blog-filter-buttons, .category-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
}
.category-filter-link {
    gap: 6px;
}
.blog-filter-link, .category-filter-link {
    border-radius: 40px;
    background: #F2F2F2;
    padding: 10px 18px;
    color: #1B1B1C;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.14px;
    transition: background-color .5s ease, color .5s ease;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-filter-link.active {
    padding: 6px 16px 6px 8px;
}
.blog-filter-link.active, .category-filter-link.active {
    background: #191A23;
    color: #fff;
}
.img-tag-filter{
    display: none;
}
.blog-filter-link.active .img-tag-filter {
    display: block;
}
.blog-filter-link.active img {
    filter: invert(1);
    width: 24px;
    height: 24px;
}
.category-filter-link.active img {
    filter: invert(1);
}
.blog-filter-link picture,
.blog-filter-link img,
.category-filter-link picture,
.category-filter-link img {
    flex-shrink: 0;
}
.posts-wrapper {
    display: flex;
    gap: 50px 20px;
    flex-wrap: wrap;
}
.post-card {
    flex-basis: calc(33.333% - 40px/3);
}
.post-card-img-wrap {
    position: relative;
    margin-bottom: 12px;
    display: block;
    height: 222px;
    border-radius: 20px;
    overflow: hidden;
}
.post-card-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .5s ease;
}
.post-card-date {
    color: var(--Gray-1, #333);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}
.post-card-information {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
	margin-bottom: 12px;
}
.post-category-link {
    padding: 4px 12px;
    background: rgba(242, 242, 242, 1);
    border-radius: 40px;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 1;
}
.post-card-text-wrap {
    padding: 0 8px;
}
.post-card-title {
    color: var(--BG-2, #1A1A1A);
    font-family: 'Poppins-Medium';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 145%; /* 26.1px */
    letter-spacing: 0.18px;
    margin-bottom: 8px;
}
.post-card-excerpt {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box !important;
}
.archive__gradient {
    position: absolute;
    z-index: -1;
}
.archive__gradient.archive__gradient-1 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    opacity: 0.7;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0px;
    right: -70px;
}
.archive__gradient.archive__gradient-2 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 374.534px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -100px;
    left: -200px;
}
.archive__gradient.archive__gradient-3 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: -100px;
    right: -300px;
}

/* ==================================== Archive Blog Page End =============================  */

/* ==================================== Archive Blog Single Post Page Start ===============  */

.single-post__article {
    padding: 100px 0;
    overflow: hidden;
}
.single-post__article-content {
    position: relative;
    max-width: 825px;
    margin: 0 auto;
}
.single-post__article-content .breadcrumbs-archive{
    padding-bottom: 30px;
}
.single-post__article-content .breadcrumbs-archive p{
    width: calc(100% - 30px);
}
.single-post__hashtags-wrap {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}
.single-post__hashtag-item {
    display: block;
    color: #6B6B6B;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.16px;
}
.single-post-thumbnail-wrap {
    margin-bottom: 48px;
}
.single-post-thumbnail {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.single-post__article-title-wrap {
    margin-bottom: 20px;
}
.single-post__article-title {
    color: #191A23;
    font-family: 'Poppins-SemiBold';
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 64.8px */
}
.single-post__author-date-time-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.single-post__author-info {
    display: flex;
    align-items: center;
    gap: 16px;
}
.single-post__author-avatar {
    width: 52px;
    height: 52px;
}
.single-post__author-name {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 192.857% */
}
.single-post__author-bio {
    color: #707070;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    letter-spacing: 0.12px;
}
.single-post__date-time-info {
    display: flex;
    align-items: center;
    gap: 26px;
}
.single-post__date, .single-post__time {
    display: flex;
    align-items: center;
    gap: 8px;
}




.single-post__article-content-wrap h1,
.single-post__article-content-wrap h2,
.single-post__article-content-wrap h3,
.single-post__article-content-wrap h4,
.single-post__article-content-wrap h5,
.single-post__article-content-wrap h6 {
    margin-bottom: 24px;
}
.single-post__article-content-wrap h1 {
    color: #191A23;
    font-family: 'Poppins-SemiBold';
    font-size: 54px;
    line-height: 120%; /* 64.8px */
}
.single-post__article-content-wrap h2 {
    color: #191A23;
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    line-height: 120%; /* 38.4px */
}
.single-post__article-content-wrap p {
    color: #383838;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 27px; /* 192.857% */
    margin-bottom: 16px;
}
.single-post__article-content-wrap a {
    text-decoration: underline;
}
.single-post__article-content-wrap ol,
.single-post__article-content-wrap ul {
    color: #383838;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    line-height: 27px; /* 192.857% */
    margin-bottom: 16px;
    padding-left: 24px;
}
.single-post__article-content-wrap ol {
    list-style: decimal;
}
.single-post__article-content-wrap ul {
    list-style: disc;
}


.more-articles {
    overflow: hidden;
}
.more-articles__content-wrap {
    position: relative;
}
.more-articles__title-wrap {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.more-articles-swiper-navi-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.more-articles__gradient {
    position: absolute;
    z-index: -1;
}
.more-articles__gradient.more-articles__gradient-1 {
    border-radius: 379px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 377px;
    height: 379px;
    top: -20%;
    right: 80%;
}
.more-articles__gradient.more-articles__gradient-2 {
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: -20%;
    left: 100%;
}
.more-articles__gradient.more-articles__gradient-3 {
    border-radius: 374.534px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 374.534px;
    height: 359.212px;
    top: 15%;
    right: 85%;
    opacity: .6;
}
.more-articles__gradient.more-articles__gradient-4 {
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    transform: rotate(151.544deg);
    left: 73%;
    top: 0;
    opacity: .4;
}

.single-post__gradient {
    position: absolute;
    z-index: -1;
}
.single-post__gradient.single-post__gradient-1 {
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    transform: rotate(151.544deg);
    right: 97%;
    top: -11%;
    opacity: .9;
}
.single-post__gradient.single-post__gradient-2 {
    border-radius: 517.223px;
    opacity: 0.2;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: 0;
    left: 90%;
}
/* ==================================== Event Page Page Start =============================  */

.event-template h1{
    font-size: clamp(32px,4vw,50px);
}
.event-template .service-hero__date{
    font-size: 14px;
    font-style: italic;
    font-weight: 275;
    line-height: 21px;
    text-align: left;
    color: #4D4D4D;

    margin-bottom: 24px;
    
}
.event-nums__title-wrap h2{
    max-width: 422px;
    font-size: 46px;
    
}
.event-nums__title-wrap p{
    max-width: 508px;
}
.case-description-section-event .case-description-main-info-wrap {
    flex-basis: 58%;
}
.event-list-solutions{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.agenda_section_event {
    overflow: hidden;
}
.agenda_section_event h2{
    color: #000;
    font-size: clamp(32px,4vw,46px);
    font-style: normal;
    font-weight: 500;
    line-height: 58px;
    z-index: 1;
    height: fit-content;
    width: fit-content;
}
.agenda_section_event .container{
    padding: 120px 16px;
    position: relative;
}
.agenda__content-wrap{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.agenda_section_event .container .service-hero__gradient{ 
    z-index: 0;
    
}
.agenda_section_event .service-reasons__items-wrap{
max-width: 700px;
}
.agenda_section_event .service-reasons__item {
    flex-basis: calc(50% - 36px / 3);
    width: calc(50% - 36px / 3);
    padding: 40px 21px 40px 27px;
    border-radius: 18px;
    background: #FFF;
    border: 1px solid #E1E6DE;
}
.case-description-section-event::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 1px;
    background: #E1E6DE;
}
.event-nums-section .about-us-nums__stars{
    display: none;
}

.calendly-event-section {
    position: relative;
    background: #F7F9F6;
    overflow: hidden;
    z-index: 0;
}
.calendly-event-section .container {
    padding: 100px 16px;
}
.banner-event {
    padding: 115px 0;
    background: #F7F9F6;
    overflow: hidden;
    position: relative;
}
.banner-event__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner-event__content {
    margin-top: 48px;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    background: #FFF;
    border-radius: 24px;
    z-index: 1;
    overflow: hidden;
}
.banner-event .team__gradient {
    z-index: 0;
}
.banner-event__info {
    align-self: center;
    flex-basis: 50%;
    padding: 60px 0 60px 60px;
}
.banner-event__logo {
    margin-bottom: 32px;
}
.banner-event__title {
    color: #000;
    font-size: clamp(32px,4vw,40px);
    font-weight: 600;
    line-height: 125%;
}
.banner-event__date {
    display: inline-block;
    margin-top: 8px;
    color: #4D4D4D;
    font-family: 'Poppins-Light', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 120%;
    font-style: italic;
}
.banner-event__description {
    margin-top: 8px;
    color: #191A23;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
}
.banner-event__button {
    margin-top: 32px;
    padding: 20px 78px;
}
.banner-event__image-block {
    position: relative;
    overflow: hidden;
    flex-basis: 50%;
}
.banner-event__image {
    border-radius: 80px 24px 24px 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.banner-event__marquee {
    position: absolute;
    bottom: 25%;
    left: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 150%;
    padding: 6px 20px;
    background: #B9FF66;
    transform: rotate(-20deg) translate(-50%, 50%);
    transform-origin: left;
    z-index: 1;
    overflow: hidden;
    user-select: none;
}
.banner-event__tags {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    animation: audits-marquee 20s linear infinite;
}
.banner-event__tags-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #353535;
    font-size: clamp(14px, 3vw, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

@media(max-width: 1024px) {
   .event-template .service-outstaffing-hero__visual-tag-2 {
    display: block;
    right: 0;
    bottom: calc(100% - 10px);
   }
}
@media(max-width: 991px) {
    .agenda__content-wrap{
    flex-direction: column;
    gap: 24px;
    }
    .agenda_section_event .service-reasons__items-wrap{
        max-width: 100%;
        flex-direction: row;
    }
    .agenda_section_event .container {
        padding: 60px 16px;
    }
}
@media (max-width: 767px) {

   .postid-4206 .event-template .service-outstaffing-hero__visual-tag-2 {
    right: -55px;
   }

    .banner-event {
        padding: 60px 0;
    }
    .banner-event__content {
        margin-top: 24px;
        flex-direction: column-reverse;
        gap: 10px;
    }
    .banner-event__info,
    .banner-event__image-block {
        flex-basis: auto;
        align-self: auto;
    }
    .banner-event__info {
        padding: 32px 24px;
    }
    .banner-event__image {
        border-radius: 0;
    }
    .banner-event__marquee {
        bottom: 100%;
        left: 50%;
        transform: rotate(-25deg) translate(-50%, 50%);
    }
    .banner-event__header-stars {
        width: 3em;
    }

    .calendly-event-section .container{
        padding: 60px 16px 40px 16px;
    }
    .event-template .service-hero__info-text {
        font-size: 16px;
    }
    .event-nums-section h2 {
        color: #000;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 43px;
    }
}
@media(max-width: 600px) {
    .agenda_section_event .service-reasons__items-wrap{
        flex-direction: column;
    }

    .agenda_section_event .service-reasons__item {
        width: 100%;
    }
   .case-description-section-event .case-about__main-info-item-tag{
    padding: 10px 16px;
   }
   .case-description-section-event::before {
    display: none;
   }
   .case-event-solutions::after{
    display: none;
   }
   .case-description-section-event::after{
    display: none;
   }

    .articles-section .schedule__persons {
        flex-direction: column;
    }
}
@media(max-width: 480px) {
    .banner-event__button {
        width: 100%;
        padding: 20px;
    }
}

/* ==================================== Event Page Page End =============================  */




/* ==================================== Archive Blog Single Post Page End ===============  */

/* ==================================== Single Cases Start ==============================  */

.case-event-solutions, .case-event-about{
    overflow: hidden;
}
.case-event-solutions .container , .case-event-about .container{
    position: relative;
}
.case-hero {
    padding: 100px 0 60px;
}
.case-hero__title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 46px;
    font-style: normal;
    font-weight: 500;
    line-height: 58px;
}
.case-hero__title-wrap {
    margin-bottom: 48px;
}
.case-hero__images-wrap {
    display: flex;
    justify-content: space-between;
}
.case-hero__image-item {
    border-radius: 18px;
    overflow: hidden;
}
.case-hero__image-item-sm {
    flex-basis: 32.25%;
}
.case-hero__image-item-lg {
    flex-basis: 66.15%;
}
.case-hero__image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.case-description-section {
    padding: 120px 0;
    position: relative;
}
.case-hero-line::after,
.case-description-section:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 1px;
    background: #E1E6DE;
}
.case-description-section:last-child::after {
    display: none; /* Приховати псевдоелемент для останньої секції */
}
.case-description-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.case-description-title-wrap {
    flex-basis: 35%;
    position: sticky;
    top: 0;
}
.case-description-main-info-wrap {
    flex-basis: 49%;
}
.case-description-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 46px;
    font-style: normal;
    font-weight: 500;
    line-height: 58px; /* 126.087% */
}
.case-description-text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    margin: 24px 0 0;
}
.case-about__main-info-item {
    margin-bottom: 24px;
    position: relative;
}
.case-about__main-info-item:nth-last-child(1) {
    margin-bottom: 0;
}
.case-about__main-info-item::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #93F265;
    top: 10px;
    left: 10px;
}
.case-about__main-info-item-title {
    padding-left: 40px;
    color: #2E2E2E;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    letter-spacing: 0.2px;
    margin-bottom: 8px;
}
.case-about__main-info-item-text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    padding-left: 40px;
}
.case-about__main-info-item-tags-wrap {
    padding-left: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.case-about__main-info-item-tag {
    border-radius: 20px;
    border: 1px solid var(--Typ-black, #040610);
    background: #FFF;
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding: 10px 24px;
}

.case-challenge__main-info-text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

.case-challenge__main-info-text span {
    font-family: 'Poppins-SemiBold';
    font-weight: 600;
}

.case-solutions__main-info-item {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: flex-start;
}
.case-solutions__main-info-item-icon-wrap {
    flex-basis: 60px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E6E7;
    border-radius: 50%;
}
.case-solutions__main-info-item-text-wrap {
    flex-basis: calc(100% - 88px);
}
.case-solutions__main-info-item {
    margin-bottom: 44px;
}
.case-solutions__main-info-item:nth-last-child(1) {
    margin-bottom: 0;
}
.case-solutions__main-info-item-icon-wrap img {
    width: 26px;
    height: 26px;
}
.case-solutions__main-info-item-text-title {
    color: #2E2E2E;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    letter-spacing: 0.2px;
    margin-bottom: 12px;
}
.case-solutions__main-info-item-text-list li {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
    position: relative;
}
.case-solutions__main-info-item-text-list li:nth-last-child(1) {
    margin-bottom: 0;
}
.case-solutions__main-info-item-text-list li span {
    font-family: 'Poppins-SemiBold';
    font-weight: 600;
}

.case-results__main-info-wrap {
    padding: 42px 48px;
    position: relative;
}
.case-results__main-info-text {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.case-results__main-info-text span {
    color: #1C1C1C;
    font-family: 'Poppins-SemiBold';
}
.case-results__main-info-element {
    position: absolute;
    width: 88px;
    height: 88px;
    border: 1px solid var(--Black, #000);
}
.case-results__main-info-element.case-results__main-info-element-1 {
    border-right: 0;
    border-bottom: 0;
    top: 0;
    left: 0;
}
.case-results__main-info-element.case-results__main-info-element-2 {
    border-left: 0;
    border-bottom: 0;
    top: 0;
    right: 0;
}
.case-results__main-info-element.case-results__main-info-element-3 {
    border-left: 0;
    border-top: 0;
    bottom: 0;
    right: 0;
}
.case-results__main-info-element.case-results__main-info-element-4 {
    border-right: 0;
    border-top: 0;
    bottom: 0;
    left: 0;
}

.case-gallery__title-wrap {
    text-align: center;
    margin-bottom: 32px;
}
.gallery-wrapper {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
}
.case-gallery-swiper {
    overflow: hidden;
}
.case-gallery-swiper-slide {
    width: 100%;
    height: 655px;
    border-radius: 16px;
    overflow: hidden;
}
.case-gallery-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}
.case-gallery-swiper-navi-wrap {
    position: absolute;
    top: 50%;
    width: calc(100% + 80px);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    left: -40px;
    pointer-events: none;
}
.case-gallery-swiper-button-prev,
.case-gallery-swiper-button-next {
    pointer-events: auto;
}
.case-gallery-swiper-pagination {
    position: initial;
    margin-top: 32px;
}
.case-gallery-swiper-pagination .swiper-pagination-bullet {
    background: #E2E2E2;
    opacity: 1;
}
.case-gallery-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 50px;
    border-radius: 4px;
}


/* ==================================== Single Cases End ================================  */

/* ==================================== Page Service Website Audit Start ================  */

/* page service gradients start */

.service-hero__gradient,
.service-reasons__gradient {
    position: absolute;
    z-index: -1;
}
.service-hero__gradient.service-hero__gradient-1,
.service-reasons__gradient.service-reasons__gradient-1 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: 0;
    left: 0;
}
.service-hero__gradient.service-hero__gradient-2,
.service-reasons__gradient.service-reasons__gradient-2 {
    width: 374.534px;
    height: 359.212px;
    border-radius: 374.534px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
}
.service-hero__gradient.service-hero__gradient-3,
.service-reasons__gradient.service-reasons__gradient-3 {
    width: 323px;
    height: 324px;
    border-radius: 324px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    top: 0;
    left: 20%;
}
.service-hero__gradient.service-hero__gradient-4,
.service-reasons__gradient.service-reasons__gradient-4 {
    width: 461.698px;
    height: 531.153px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.15) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    right: -100px;
    top: 0;
    opacity: .7;
}
.service-hero__gradient.service-hero__gradient-5,
.service-reasons__gradient.service-reasons__gradient-5 {
    width: 517.223px;
    height: 496.064px;
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.30) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    bottom: 0;
    right: 0;
}

/* page service gradients start */


/* page services section hero start */

.service-hero {
    height: calc(100vh - var(--header-height));
    min-height: 600px;
    overflow: hidden;
}
.service-hero__content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 2;
}
.service-hero__info-wrap {
    flex-basis: 45%;
}
.service-hero__visual-wrap {
    flex-basis: 53%;
}
.service-hero__title {
    margin-bottom: 24px;
    font-size: 56px;
}
.service-hero__info-text {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    margin-bottom: 24px;
}
.service-hero__btn {
    padding: 20px 92px;
}
.service-hero__mob-btn {
    display: none;
}
.service-hero__visual-img-wrap {
    position: relative;
}
.service-security-audit-hero__visual-img.service-security-audit-hero__visual-img_n {
    display: flex;
    justify-content: flex-end;
}
.service-web-audit-hero-img-wrap img {
    width: 90%;
    margin: auto;
}
.service-hero__visual-tag {
    position: absolute;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 40px;
    border: 0.5px solid var(--Black, #000);
    background: #FFF;
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    z-index: 2;
    white-space: nowrap;
}
.service-hero__visual-tag-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-web-audit-hero__visual-tag-1 {
    bottom: 60px;
    left: 0;
}
.service-web-audit-hero__visual-tag-2 {
    top: 50%;
    right: 0;
}
.service-web-audit-hero__visual-tag-3 {
    bottom: -10px;
    right: 20px;
}

/* page services section hero end */

/* page services section steps start */

.service__title-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 40px;
}
.service-steps__title {
    flex-basis: 45%;
}
.service-steps__title-description {
    flex-basis: 50%;
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
}
.service-steps__items-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);
    column-gap: 20px;
}
.service-steps__item {
    border-radius: 24px;
    border: 1px solid #C9C9C9;
    padding: 32px;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
}
.service-steps__item:nth-child(n+4) {
    margin-top: 20px;
}
.service-steps__item-num {
    color: #7D7D7D;
    font-family: 'Poppins-Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-bottom: 12px;
    display: block;
}
.service-steps__item-title {
    color: #070707;
    font-family: 'Poppins-Medium';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 36px */
    margin-bottom: 20px;
}
.service-steps__item-simple-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 28px;
}
.service-steps__item-content p,
.service-steps__item-content ul {
    margin-bottom: 32px;
}
.service-steps__item-content p,
.service-steps__item-content ul li {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.service-steps__item-content ul li {
    position: relative;
    padding-left: 20px;
}
.service-steps__item-content ul li:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #7F7F7F;
    left: 8px;
    top: 12px;
}
.service-steps__item-decsription {
    color: #5C5C5C;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    padding: 14px;
    border-radius: 20px;
}
.service-steps__item:nth-child(3n + 1) .service-steps__item-decsription {
    background: #F7F9F6;
}
.service-steps__item:nth-child(3n + 2) .service-steps__item-decsription {
    background: rgba(241, 234, 254, 0.60);
}
.service-steps__item:nth-child(3n + 3) .service-steps__item-decsription {
    background: rgba(239, 252, 233, 0.60);
}

/* page services section steps end */

/* page services section reasons start */

.service-reasons {
    background: #F7F9F6;
    overflow: hidden;
}
.service-steps__content-wrap {
    position: relative;
    z-index: 2;
}
.service-reasons__title-wrap {
    margin-bottom: 48px;
}
.service-reasons__items-wrap {
    display: flex;
    gap: 18px;
}
.service-reasons__item {
    flex-basis: calc(33.333% - 36px/3);
    width: calc(33.333% - 36px/3);
    padding: 40px 21px 40px 27px;
    border-radius: 18px;
    background: #FFF;
}
.service-reasons__item-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
    margin-bottom: 12px;
}
.service-reasons__item-title {
    color: #070707;
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margin-bottom: 12px;
}
.service-reasons__item-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}

/* page services section reasons end */

/* page services section audits samples start */

.service-audits-samples__title-wrap {
    margin-bottom: 48px;
}
.service-audits-samples__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    border-radius: 24px;
    border: 1px solid #E5E5E5;
    padding: 20px 24px;
    margin-bottom: 8px;
    transition: .5s ease;
    position: relative;
}
.service-audits-samples__item-info {
    display: flex;
    align-items: center;
    gap: 24px;
}
.service-audits-samples__item-info-num {
    color: #8F8F8F;
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 32px */
    letter-spacing: 0.2px;
}
.service-audits-samples__item-info-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 32px */
    letter-spacing: 0.2px;
}
.service-audits-samples__item-info-tag {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 12px;
    border-radius: 40px;
    border: 1px solid #BDBDBD;
}
.service-audits-samples__item-link {
    display: flex;
    align-items: center;
    gap: 12px;
}
.service-audits-samples__item-link-text {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 32px */
    letter-spacing: 0.2px;
}
.service-audits-samples__item-link-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ACB0B3;
    border-radius: 50%;
    transition: .5s ease;
    background-color: #fff;
}
.service-audits-samples__item-link-icon svg {
    stroke: #000;
    transition: .5s ease;
}

/* page services section audits samples end */

/* page services web audit banner start */

.service-web-audit-banner .banner-audit__item-content {
    position: relative;
    max-width: 600px;
}
.service-web-audit-banner .banner-audit__text {
    max-width: 432px;
    margin: 0 auto 12px;
}
.banner-audit__include-tags-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    gap: 32px;
    flex-wrap: wrap;
}
.banner-audit__include-tag {
    border-radius: 40px;
    border: 1px solid #767676;
    background: #F7F9F6;
    padding: 8px 18px;
    color: var(--Gray-1, #333);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.01em;
    position: relative;
}
.banner-audit__include-tag:not(:first-child)::before {
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9746 13.25H6.97461C6.56461 13.25 6.22461 12.91 6.22461 12.5C6.22461 12.09 6.56461 11.75 6.97461 11.75H18.9746C19.3846 11.75 19.7246 12.09 19.7246 12.5C19.7246 12.91 19.3846 13.25 18.9746 13.25Z" fill="%237B7B7B"/><path d="M12.9746 19.25C12.5646 19.25 12.2246 18.91 12.2246 18.5V6.5C12.2246 6.09 12.5646 5.75 12.9746 5.75C13.3846 5.75 13.7246 6.09 13.7246 6.5V18.5C13.7246 18.91 13.3846 19.25 12.9746 19.25Z" fill="%237B7B7B"/></svg>');
    position: absolute;
    right: calc(100% + 5px);
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

/* page services web audit banner end */

/* ==================================== Page Service Website Audit End ==================  */

/* ==================================== Page Service Security Audit Start ===============  */

/* page services security audit hero start */

.service-security-audit-hero__visual-img svg {
    margin: auto;
}
.service-security-audit-hero__visual-img img {
    margin: auto;
}
.service-security-audit-hero__visual-tag-1 {
    bottom: -42px;
    left: 0;
    border-radius: 48px 0px 70px 48px;
}
.service-security-audit-hero__visual-tag-2 {
    top: -90px;
    left: 100px;
    border-radius: 48px 70px 0px 48px;
}
.service-security-audit-hero__visual-tag-3 {
    right: -40px;
    top: 32%;
    border-radius: 70px 48px 48px 0px;
}

/* page services security audit hero end */

/* page services security audit types of testing start */

.service-types-of-testing__title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
}
.service-types-of-testing__title-description {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    max-width: 590px;
}
.service-types-of-testing__items-wrap {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}
.service-types-of-testing__item {
    flex-basis: calc(50% - 40px / 2);
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #E5E5E5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    overflow: hidden;
}
.service-types-of-testing .service-types-of-testing__btn span{
    display: none;
}
.service-types-of-testing__item .service-outstaffing-process__marquee-wrap{
    overflow: hidden;
    user-select: none;
    display: flex;
    gap: 10px;
    transform: rotate(320deg);
    position: absolute;
    bottom: 0px;
    right: -250px;
    padding: 6px 20px;
    background: #B9FF66;
    z-index: 1;
    top: auto;
}
.service-types-of-testing__item-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.service-types-of-testing__item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 37px; /* 115.625% */
    max-width: calc(100% - 72px);
}
.service-types-of-testing__item-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
}
.service-types-of-testing__item-text {
    color: var(--Black, #000);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
}
.service-types-of-testing__button-wrap {
    text-align: start;
}
.service-types-of-testing__btn {
    padding: 20px 92px;
}

/* page services security audit types of testing end */

/* page services security audit faq start */

.service-faq__content-wrap {
    display: flex;
    justify-content: space-between;
}
.service-faq__faq-wrap {
    flex-basis: 590px;
    width: 590px;
}
.service-faq__title-wrap {
    flex-basis: calc(100% - 690px);
}
.service-faq__title {
    margin-bottom: 16px;
}
.service-faq__descr {
    color: #191A23;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    max-width: 476px;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-basis: calc(100% - 395px);
}
.accordion .accordion-item {
    border-radius: 30px;
    border: 1px solid #C9C9C9;
    background: #fff;
    overflow: hidden;
} 
.accordion .accordion-item button[aria-expanded='true'] {
    background: #F7F9F6;
}
.accordion button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 24px;
    border: none;
    background: none;
    outline: none;
    transition: .5s ease;
    border-radius: 10px;
}
.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: var(--blue-20, #D4D3FF)
}
.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: var(--blue-20, #D4D3FF);
    border: 1px solid var(--blue-20, #D4D3FF);
}
.accordion button .accordion-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.2px;
    text-align: left;
    flex-basis: calc(100% - 60px);
}
.accordion button .icon {
    position: relative;
    width: 20px;
    height: 20px;
    transition: .5s ease;
}
.accordion button .icon::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background-color: #000000;
    border-radius: 2px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.accordion button .icon::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #000000;
    border-radius: 2px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.accordion .accordion-item button[aria-expanded='true'] .icon {
    transform: rotate(180deg);
}
.accordion button[aria-expanded='true'] .icon::before {
    opacity: 0;
} 
.accordion button[aria-expanded='true'] + .accordion-content {
    background: #F7F9F6;
}
.accordion .accordion-content {
    display: none;
    padding: 0 24px 24px 24px;
    background: transparent;
    transition: background .4s ease;
}
.accordion .accordion-content p {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}
.accordion .accordion-content p:nth-last-child(1) {
    margin-bottom: 0;
}
.accordion .accordion-content ul li {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    padding-left: 20px;
}
.accordion .accordion-content ul li:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #4D4D4D;
    border-radius: 50%;
    left: 6px;
    top: 11px;
}
.accordion .accordion-content ol li {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    padding-left: 20px;
}
.accordion .accordion-content ol li:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #4D4D4D;
    border-radius: 50%;
    left: 6px;
    top: 11px;
}

/* page services security audit faq end */

/* page services security audit banner start */

.security-banner-audit__tag-1 {
    right: calc(100% + 30px);
    top: 18px;
    z-index: 2;
    border-radius: 40px 40px 0px 40px;
    text-wrap: nowrap;
}

.security-banner-audit__tag-2 {
    left: calc(100% + 30px);
    bottom: 0;
    z-index: 2;
    border-radius: 0px 40px 40px 60px;
    text-wrap: nowrap;
}

.service-security-audit-banner .banner-audit__btn {
    padding: 20px 82px;
}

.service-security-audit-banner .banner-audit__text {
    max-width: 432px;
}

/* page services security audit banner end */

/* ==================================== Page Service Security Audit End =================  */

/* ==================================== Page Service Ecommerce Start ====================  */

/* page service ecommerce hero start */

.service-ecommerce-hero-img-items-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 14px;
}

.service-hero__visual-row-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 39px;
}

.service-hero__visual-row-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 78px;
}

.service-ecommerce-hero-img-item {
    position: relative;
}

.service-ecommerce-hero-img-item-4 {
    margin-left: 17px;
}

.service-ecommerce-hero-img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

.service-ecommerce-hero-img-item-1 img {
    width: 144px;
    height: 144px;
}

.service-ecommerce-hero-img-item-2 img {
    width: 184px;
    height: 196px;
}

.service-ecommerce-hero-img-item-3 img {
    width: 178px;
    height: 178px;
}

.service-ecommerce-hero-img-item-4 img {
    width: 186px;
    height: 213px;
}

.service-ecommerce-hero__visual-tag-2 {
    border-radius: 48px 0px 70px 48px;
    top: calc(100% + 18px);
    left: -50px;
}

.service-ecommerce-hero__visual-tag-3 {
    bottom: calc(100% + 20px);
    left: 10px;
    border-radius: 70px 48px 48px 0px;
}

.service-ecommerce-hero__visual-tag-4 {
    top: calc(100% + 18px);
    right: -60px;
    border-radius: 0px 48px 48px 70px;
}

/* page service ecommerce hero end */

/* page service ecommerce development services start */

.service-dev-services {
    overflow: hidden;
}

.service-dev-services__content-wrap {
    position: relative;
    z-index: 2;
}

.service-dev-services__gradient {
    position: absolute;
    z-index: -1;
}

.service-dev-services__gradient-1 {
    right: -28%;
    top: -8%;
    width: 637.292px;
    height: 611.221px;
    border-radius: 637.292px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}

.service-dev-services__gradient-2 {
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    bottom: 0;
    left: -17%;
}

.service-dev-services__items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.service-dev-services__item {
    flex-basis: calc(33.333% - 40px / 3);
    padding: 24px;
    border-radius: 18px;
    border: 1px solid #C9C9C9;
}

.service-dev-services__item:nth-last-child(1) {
    flex-basis: calc(66.666% - 20px/3);
}

.service-dev-services__item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 166.667% */
    margin-bottom: 12px;
}

.service-dev-services__item-text {
    color: #6F6F6F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}

/* page service ecommerce development services end */

/* page service ecommerce service platforms start */

.service-platforms.section-el {
    overflow: hidden;
}

.service-platforms__content-wrap {
    position: relative;
    z-index: 2;
}

.service-platforms__items-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 116.667% */
    margin-bottom: 24px;
}

.service-platforms__wide-items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 48px;
}

.service-platforms__items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.service-platforms__wide-item {
    flex-basis: calc(50% - 12px);
    border-radius: 24px;
    border: 1px solid #C9C9C9;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-platforms__item {
    flex-basis: calc(33.333% - 32px/3);
    border-radius: 24px;
    border: 1px solid #C9C9C9;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-platforms__wide-item-main-info {
    margin-bottom: 48px;
}

.service-platforms__item-main-info {
    margin-bottom: 12px;
}

.service-platforms__wide-item-name-wrap,
.service-platforms__item-name-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.service-platforms__wide-item-icon-wrap,
.service-platforms__item-icon-wrap {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
}

.service-platforms__wide-item-name,
.service-platforms__item-name {
    color: var(--Black, #000);
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    max-width: calc(100% - 68px);
}

.service-platforms__wide-item-text,
.service-platforms__item-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.service-platforms__wide-item:nth-child(odd) .service-platforms__wide-item-additional-info,
.service-platforms__item:nth-child(odd) .service-platforms__item-additional-info {
    background: #F7F9F6;
}

.service-platforms__wide-item:nth-child(even) .service-platforms__wide-item-additional-info,
.service-platforms__item:nth-child(even) .service-platforms__item-additional-info {
    background: #F7F2FE;
}

.service-platforms__wide-item-additional-info,
.service-platforms__item-additional-info {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    padding: 12px 18px;
    border-radius: 18px;
}

.service-platforms__gradient {
    position: absolute;
    z-index: -1;
}

.service-platforms__gradient.service-platforms__gradient-1 {
    border-radius: 637.292px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 637.292px;
    height: 611.221px;
    right: -29%;
    top: -10%;
}

.service-platforms__gradient.service-platforms__gradient-2 {
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    top: 18%;
    left: -25%;
}

/* page service ecommerce service platforms end */

/* page service ecommerce sdlc start */

.service-sdlc.section-el {
    overflow: hidden;
}

.service-sdlc__content-wrap {
    position: relative;
    z-index: 2;
}

.service-sdlc__timeline-wrap {
    display: flex;
    justify-content: space-between;
    padding: 250px 65px;
    position: relative;
}

.service-sdlc__timeline-wrap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #D3D5D7;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.service-sdlc__timeline-wrap:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #D3D5D7;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-left: none;
    border-bottom: none;
}

.service-sdlc__timeline-item {
    position: relative;
}

.service-sdlc__timeline-item-num-wrap {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #D3D5D7;
    background: #fff;
    position: relative;
}

.service-sdlc__timeline-item-num-wrap::before {
    position: absolute;
    content: '';
    height: 28px;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 1px dashed #D3D5D7;
}

.service-sdlc__timeline-item:nth-child(odd) .service-sdlc__timeline-item-num-wrap::before {
    top: 100%;
}

.service-sdlc__timeline-item:nth-child(even) .service-sdlc__timeline-item-num-wrap::before {
    bottom: 100%;
}

.service-sdlc__timeline-item-num {
    color: #4D4D4D;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.service-sdlc__timeline-item-info-wrap {
    position: absolute;
    border-radius: 16px;
    border: 1px solid #D3D5D7;
    padding: 20px;
    width: 189px;
    min-height: 169px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    background-color: #FFFFFF;
}

.service-sdlc__timeline-item:nth-child(odd) .service-sdlc__timeline-item-info-wrap {
    top: calc(100% + 28px);
}

.service-sdlc__timeline-item:nth-child(even) .service-sdlc__timeline-item-info-wrap {
    bottom: calc(100% + 28px);
}

.service-sdlc__timeline-item-info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 1px solid #D3D5D7;
    margin-bottom: 15px;
}

.service-sdlc__timeline-item-info-text {
    color: #222;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.service-sdlc__gradient {
    position: absolute;
    z-index: -1;
}

.service-sdlc__gradient.service-sdlc__gradient-1 {
    border-radius: 637.292px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 637.292px;
    height: 611.221px;
    top: -20%;
    right: -20%;
}

.service-sdlc__gradient.service-sdlc__gradient-2 {
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    bottom: -30%;
    left: -20%;
}

.timeline-dots-wrap {
    padding: 0 65px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
}

.timeline-dot {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #D3D5D7;
    border-radius: 50%;
    top: 50%;
    transform: translate(0, -50%);
}

.timeline-dot:nth-child(1) {
    left: 0;
}

.timeline-dot:nth-child(2) {
    left: 14.3%;
}

.timeline-dot:nth-child(3) {
    left: 28.6%;
}

.timeline-dot:nth-child(4) {
    left: 42.9%;
}

.timeline-dot:nth-child(5) {
    left: 57.2%;
}

.timeline-dot:nth-child(6) {
    left: 71.5%;
}

.timeline-dot:nth-child(7) {
    left: 84.8%;
}


/* page service ecommerce sdlc end */

/* page service ecommerce type of sites start */

.service-type-of-sites.section-el {
    background: #F7F9F6;
    overflow: hidden;
}

.service-type-of-sites__content-wrap {
    position: relative;
    z-index: 2;
}

.service-type-of-sites__items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.service-type-of-sites__item {
    flex-basis: calc(50% - 10px);
    border-radius: 24px;
    background: #FFF;
    padding: 24px;
}

.service-type-of-sites__item-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
    margin-bottom: 12px;
}

.service-type-of-sites__item-icon svg {
    width: 26px;
    height: 26px;
}

.service-type-of-sites__item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 37px; /* 185% */
    margin-bottom: 16px;
}

.service-type-of-sites__item-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
}

.service-type-of-sites__gradient {
    position: absolute;
    z-index: -1;
}

.service-type-of-sites__gradient.service-type-of-sites__gradient-1 {
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.50) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: -10%;
    left: -15%;
}

.service-type-of-sites__gradient.service-type-of-sites__gradient-2 {
    border-radius: 374.534px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 374.534px;
    height: 359.212px;
    bottom: -13%;
    left: -10%;
}

.service-type-of-sites__gradient.service-type-of-sites__gradient-3 {
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.50) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: 0;
    right: 10%;
}

.service-type-of-sites__gradient.service-type-of-sites__gradient-4 {
    border-radius: 374.534px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 374.534px;
    height: 359.212px;
    top: -10%;
    right: -10%;
}

.service-type-of-sites__gradient.service-type-of-sites__gradient-5 {
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    right: -16%;
    bottom: -34%;
}

/* page service ecommerce type of sites end */

/* page service ecommerce features start */

.service-ecommerce-features {
    overflow: hidden;
}

.service-ecommerce-features__content-wrap {
    position: relative;
    z-index: 2;
}

.service-ecommerce-features__items-wrap {
    display: flex;
    gap: 72px;
}

.service-ecommerce-features__items-row-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 37px; /* 154.167% */
}

.service-ecommerce-features__items-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.service-ecommerce-features__item {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    border: 1px solid #E5E5E5;
    padding: 12px 16px;
}

.service-ecommerce-features__item-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-ecommerce-features__item-icon svg {
    width: 24px;
    height: 24px;
}

.service-ecommerce-features__item-name {
    color: #7F7F7F;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 187.5% */
    max-width: calc(100% - 32px);
}

.service-ecommerce-features__gradient {
    position: absolute;
    z-index: -1;
}

.service-ecommerce-features__gradient.service-ecommerce-features__gradient-1 {
    border-radius: 517.223px;
    opacity: 0.4;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: -28%;
    left: -30%;
}

.service-ecommerce-features__gradient.service-ecommerce-features__gradient-2 {
    border-radius: 713.874px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 620.526px;
    height: 713.874px;
    bottom: -20%;
    right: -23%;
}

/* page service ecommerce features end */

/* page service DevOpsс start */

.devops-services__grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.devops-services__item {
    border-radius: 18px;
    border: 1px solid #C9C9C9;
    padding: 24px;
}
.devops-services__item-title {
	font-family: 'Poppins-Medium';
    color: var(--title);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 12px;
	max-width: 80%;
}
.devops-services__item-description {
	font-family: 'Poppins-Medium';
    color: var(--description);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;	
}
.devops-services__item-header {
    display: flex;
    justify-content: space-between;
}
.devops-services__item-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
}
.devops-services__item-icon img {
    width: 100%;
}
.devops-services__cta {
    border-radius: 18px;
    background: #F7F9F6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
}
.devops-services__cta .devops-services__item-title {
    text-align: center;
}
.devops-services {
    padding: 100px 0;
	position:relative;
	overflow:hidden;
}
.devops-services:after {
    content: '';
    width: 460px;
    height: 530px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(151.544deg);
    left: -150px;
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.15) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}
.devops-services:before {
    content: '';
    width: 460px;
    height: 530px;
    display: block;
    position: absolute;
    top: 20%;
    transform: translateY(-50%) rotate(151.544deg);
    right: -200px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.30) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    border-radius: 637.292px;
    opacity: 0.5;
}
.devops-services__btn {
    padding: 20px 92px;
}
.service-reasons__items-wrap_n {
    flex-wrap: wrap;
}
@media (min-width:1600px) {
	.devops-services:after {
		left: 0px;
	}
	.devops-services:before {
		right: -50px;
	}
}
@media (max-width:900px) {
	.devops-services__grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.devops-services {
		padding: 60px 0;
	}
	.devops-services:before, .devops-services:after {
		content:none;
	}
}
@media (max-width:766px) {
	.devops-services__grid {
		margin-top: 24px;
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}
	.link_ {
		display: block;
		width: 100%;
	}
    .category-filter-link{
        padding: 10px 28px;
    }
    .breadcrumbs-archive {
        padding-bottom: 32px;
    }
}


/* page service DevOps end */

/* page progress DevOps start */

.devops-maturity__levels {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 250px;
    padding: 0 90px;
    position: relative;
}
.devops-maturity__levels::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1.5px;
    background: #4D4D4D;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}
.devops-maturity__level-dot {
    position: relative;
	min-height:8px;
	line-height:1;
}
.devops-maturity__level {
    position: relative;
}
@media(min-width:1024px) {
	.devops-maturity__level-dot:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #4D4D4D;
		border-radius: 50%;
		display: block;
		width: 8px;
		height: 8px;
	}
}
.devops-maturity__level-title {
	position: absolute;
	bottom: calc(100% + 10px);
	text-align: center;
	left: 50%;
	transform: translate(-50%, 0);
	text-transform: uppercase;
	font-family: 'Poppins-SemiBold';
	font-size: 18px;
	width: 230px;
}
.devops-maturity__level-content {
    position: absolute;
    top: calc(100% + 60px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 16px;
    background: #F7F9F6;
    width: 230px;
    min-height: 160px;
    left: 50%;
    transform: translate(-50%, 0);
    align-items: center;

}
.devops-maturity__level-icon {
    padding: 10px;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
    object-fit: none;
    width: fit-content;
	position:relative;
}
.devops-maturity__level-icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}
p.devops-maturity__level-description {
    font-size: 20px;
    text-align: center;
}
.devops-maturity__level-dot:before {
    position: absolute;
    content: '';
    height: 102px;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 1px dashed #4D4D4D;
}
.devops-maturity__level-icon:before {
    width: 70px;
    height: 70px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(84.92% 79.24% at 50% 50%, #6FE239 0%, rgba(240, 240, 240, 0.00) 59.6%);
    z-index: -1;
    opacity: .2;
}
.devops-maturity__header {
    display: flex;
    gap: 20px;
}
.devops-maturity__title, .devops-maturity__description {
    flex: 1;
}
.devops-maturity__description {
    text-align: end;
    max-width: 480px;
    font-size: 14px;
}
/* page progress DevOps end */

/* page technologies DevOps start */

.technologies__categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 40px;
}

.technologies__category {
    font-size: 14px;
    padding: 10px 18px;
    background-color: #F7F9F6;
    border-radius: 40px;
    transition: all .3s ease;
}

.technologies__category.technologies__category--active {
    background-color: #191A23;
    color: #fff;
}

.technologies__list {
    margin-top: 40px;
}

.technologies__items_ {
    display: grid;
    gap: 12px;
    width: 100%;
    grid-template-columns: repeat(6, 1fr);
	opacity: 1;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

.technologies__items_.technologies__items--active {
    position: relative;
    opacity: 1;
}

.technology {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    border: 1px solid #D9D9D9;
    border-radius: 16px;
}

.technology img {
    height: 32px;
	max-width: 54px;
    object-fit: contain;
}

p.technology__title {
    font-family: 'Poppins-Medium';
    font-size: 14px;
	text-align:center;
}

@media (min-width: 769px) {
    .technologies__select {
        display: none;
    }
}

.select2-container {
    width: 100% !important;
}

.technologies .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.technologies .select2-container--default .select2-selection--single {
    display: flex;
    height: 48px;
    align-items: center;
    border: 1px solid #D9D9D9;
    border-radius: 12px;
}

.technologies .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--title);
	font-size: 14px;
}

.technologies .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    height: 18px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    display: block;
    width: 18px;
    background-image: url(/wp-content/uploads/2024/10/Arr.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    transform: translate(-50%, -50%);
	transition:all .3s ease;
}

.technologies .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
    transform: rotate(180deg) translate(50%, 50%);
	width:17px;
}

body .select2-dropdown {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #F7F9F6;
    color: var(--text);
}

/* page technologies DevOps end */

/* page slider Case DevOps start */

.case-studies_dev {
    padding: 100px 0;
    overflow: hidden;
}

.our-cases-swiper_dev {
    width: 100%;
    overflow: visible;
}

.case {
    width: 456px;
}

.case__tech-stack {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: #F7F9F6;
    padding: 20px;
    border-radius: 32px;
    background-image: url(/wp-content/uploads/2024/10/bg.svg);
    background-size: cover;
	position:relative;
	overflow:hidden;
}

.case__tech-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
	z-index:2;
}

.case__tech-title {
    color: #4D4D4D;
    font-size: 18px;
    margin-bottom: 8px;
}

.case__tech-item {
    display: flex;
    gap: 4px;
    padding: 5px 6px;
    background-color: #fff;
    border-radius: 40px;
    align-items: center;
	font-size:14px;
}

.case__header {
    margin-top: 20px;
}

.case__title {
    font-size: 18px;
    font-family: 'Poppins-Medium';
    letter-spacing: .1px;
}


.case__tech-item img {
    height: 23px;
    max-width: 28px;
    object-fit: contain;
}

p.case__text {
    font-size: 14px;
    margin-top: 5px;
    color: #4D4D4D;
}

.our-cases__title-wrap_dev {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

/* page slider Case DevOps end */

/* page head single DevOps start */

.single-devops-header {
    padding: 100px 0 0;
	position:relative;
}

.case-category-devops .main {
    overflow: hidden;
}

.single-devops-header__container {
    display: flex;
    justify-content: space-between;
}

.single-devops-header__wrapper:first-of-type {
    flex-basis: 45%;
}

.single-devops-header__wrapper:last-of-type {
    flex-basis: 50%;
}

.single-devops-header__title {
    margin-bottom: 25px;
    font-family: 'Poppins-Medium';
    font-size: 46px;
    font-weight: 500;
}

.single-devops-header__case-title {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    letter-spacing: .1px;
    margin-bottom: 8px;
}

.single-devops-header__case-description {
    font-size: 16px;
    color: #4D4D4D;
}

.single-devops-header__tech-stack {
    margin-top: 25px;
}

.tech-stack__list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.tech-stack__item {
    color: #4D4D4D;
    padding: 10px 24px;
    border: 1px solid #040610;
    border-radius: 50px;
}

/* page head single DevOps end */

/* page description single DevOps start */

.description__wrapper {
    flex: 1;
}

.description {
    margin-top: 120px;
	z-index:2;
	position:relative;
}

.description__container {
    display: flex;
    border-top: 1px solid #E1E6DE;
    padding-top: 120px;
}

.description__wrapper h2 {
    font-size: 46px;
}

.description__content {
    color: #4D4D4D;
    font-size: 16px;
}

.description__content.border_description:after, .description__content.border_description:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    border: 1px solid var(--title);
}

.description__content.border_description:before {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
}

.description__content.border_description:after {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
}

.description__content.border_description {
    position: relative;
}

.sub-border_description {
    padding: 40px;
}

.sub-border_description:after, .sub-border_description:before {
	content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    border: 1px solid var(--title);
}

.sub-border_description:before {
    bottom: 0;
    left: 0;
    border-right: none;
    border-top: none;
}

.sub-border_description:after {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
}

.main_ {
    position: relative;
    overflow: hidden;
    padding-bottom: 200px;
}

@media (min-width:1024px) {
	.main_::after {
		content: '';
		position: absolute;
		top: 0%;
		left: 0;
		width: 70%;
		height: 70%;
		background-image: url(/wp-content/uploads/2024/10/Group-1948754652.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}

	.main_::before {
		content: '';
		position: absolute;
		bottom: -15%;
		right: 0;
		width: 50%;
		height: 50%;
		background-image: url(/wp-content/uploads/2024/10/Group-1948754653.svg);
		background-size: contain;
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	.single-devops-header__container::after {
		content: '';
		position: absolute;
		top: 50%;
		transform: translateY(-40%);
		right: 0;
		background-image: url(/wp-content/uploads/2024/10/Group-1948754653-1.svg);
		width: 810px;
		height: 800px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
        z-index: -1;
	}
}

/* page description single DevOps end */

/* page Careers start */

.careers {
    padding: 100px 0;
	position:relative;
	overflow:hidden;
}

.open-positions {
    display: flex;
	z-index:2;
}

.open-positions_wrapper {
    flex: 1;
}

.open-positions__description {
    color: #4D4D4D;
    margin-top: 25px;
}

.open-positions__title {
    position: relative;
    width: fit-content;
}

.open-positions__count {
    padding: 10px;
    background-color: #000;
    border-radius: 50%;
    line-height: 1;
    font-size: 16px;
    color: #fff;
    font-family: 'Poppins-Medium';
    width: 37px;
    display: flex;
    height: 37px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
}

.open-positions__link {
    position: relative;
    display: block;
}

.open-positions__job-details {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Poppins-Medium';
    display: flex;
	align-items: flex-start;
    gap: 15px;
	max-width: 70%;
}

.open-positions__job-title {
    max-width: 70%;
}

.open-positions__job-level {
    padding: 4px 12px;
    border: 1px solid #C9C9C9;
    border-radius: 100px;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: #4D4D4D;
    letter-spacing: .1px;
}

.open-positions__link {
    position: relative;
    display: block;
    padding: 25px 30px;
    border: 1px solid #C9C9C9;
    border-radius: 30px;
	overflow:hidden;
}

.open-positions__item:not(:last-child) {
    margin-bottom: 15px;
}

.open-positions__job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
	margin-top: 16px;
    max-width: calc(100% - 80px);
}

.open-positions__job-type {
    display: flex;
    gap: 6px;
    color: #070707;
    font-family: 'Poppins-Medium';
    font-size: 14px;    
    font-weight: 500; 
}

.open-positions__link:after {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    right: 30px;
	transform: translate(100%, calc(-50% - 130px));
    background-image: url(/wp-content/uploads/2024/10/arrow_carrers.svg);
	background-repeat: no-repeat;
    background-size: contain;
	transition: .5s ease;
}

.open-positions__link:hover:after {
    transform: translate(0, -50%);
}

@media (min-width:1024px) {
	.open-positions__description {
		width: 50%;
	}

	.careers:after {
		content: '';
		position: absolute;
		top: 10%;
		right: 0;
		width: 374.534px;
		height: 359.212px;
		transform: rotate(151.544deg);
		border-radius: 374.534px;
		opacity: 0.8;
		background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
	}
}

/* page Careers end */

/* block hiring start */

.hiring-block {
    padding: 100px 0;
}

.hiring-block__content {
    background-color: #F3F3F3;
    padding: 80px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
	position:relative;
	max-width: 1116px;
    margin-left: auto;
    margin-right: auto;
}

.hiring-block__title {
    z-index: 2;
}

.hiring-block__text {
    text-align: center;
    max-width: 530px;
    font-size: 14px;
    padding: 10px 0 30px;
	line-height:28px;
}

.hiring-block__title.h2-title span {
    font-family: 'Poppins-Regular';
}

.hiring-block__avatar {
    position: absolute;
}

.hiring-block__avatar.hiring-block__avatar-left {
    left: 0;
    top: 0;
}

.hiring-block__avatar.hiring-block__avatar-right {
    bottom: 0;
    right: 0;
}

.hiring-block__button.btn {
	position:relative;
}

@media (min-width:1024px) {
	.hiring-block__button.btn {
		padding: 20px 80px;
	}
	.hiring-block__avatar-mobile {
		display:none;
	}
}

@media (max-width:1024px) {
	.hiring-block__avatar-pc {
		display:none;
	}
}


/* block hiring end */

/* page service ecommerce business solution start */

.service-business-solution {
    background: #F7F9F6;
}

.service-business-solution__items-wrap {
    display: flex;
    gap: 20px;
}

.service-business-solution__item {
    flex-basis: calc(33.333% - 40px/3);
    padding: 24px;
    border-radius: 20px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: space-between;
}

.service-business-solution__item-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F9F6;
    border-radius: 50%;
    margin-bottom: 14px;
}

.service-business-solution__item:nth-child(2) .service-business-solution__item-icon {
    background-color: #F1EAFE;
}

.service-business-solution__item:nth-child(3) .service-business-solution__item-icon {
    background-color: rgba(239, 252, 233, 0.60);
}

.service-business-solution__item-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.service-business-solution__item-example-title {
    color: #979797;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.service-business-solution__item-examples-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.service-business-solution__item-example-img-wrap {
    flex-basis: calc(20% - 40px/5);
    height: 33px;
}

.service-business-solution__item-example-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section__contact-constructor .contacts__info {
    flex-basis: 50%;
}

.section__contact-constructor.contacts:not(.service-ecommerce-contacts) .contacts__title .rings-word::before {
    transform: rotate(0deg);
}

.section__contact-constructor.contacts:not(.service-ecommerce-contacts).contacts .contacts__title .rings-word:after {
    transform: rotate(7deg);
}

/* page service ecommerce business solution end */

/* page service ecommerce contacts start */

.service-ecommerce-contacts {
    background: #F7F9F6;
}

/* page service ecommerce contacts end */





/* ==================================== Page Service Ecommerce End ======================  */


/* ==================================== Page Service Pitch Deck Start ===================  */

.service-expertise {
    overflow: hidden;
}
.service-expertise__content-wrap {
    position: relative;
}
.service-expertise__title-wrap {
    margin-bottom: 60px;
}
.service-reasons__title {
    margin-bottom: 32px;
}
.service-expertise__subtitle {
    color: var(--Black, #000);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    max-width: 783px;
}
.service-expertise__items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.service-expertise__item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 40px;
    background: #F2F2F2;
}
.service-expertise__item-icon {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-expertise__item-text {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.service-expertise__gradient {
    position: absolute;
    z-index: -1;
}
.service-expertise__gradient.service-expertise__gradient-1 {
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: -10%;
    left: -10%;
}
.service-expertise__gradient.service-expertise__gradient-2 {
    border-radius: 803.505px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.10) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 698.437px;
    height: 803.505px;
    opacity: 05;
    top: -50%;
    right: -40%;
}
.service-expertise__gradient.service-expertise__gradient-3 {
    border-radius: 517.223px;
    opacity: 0.3;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    bottom: -50%;
    right: -20%;
}

.service-pitch-deck-steps .service-steps__item {
    width: auto;
}

/* ==================================== Page Service Pitch Deck End =====================  */

/* ==================================== Page Service Outstaffing Start ================== */

.section-gradient {
    position: absolute;
    z-index: -1;
}
.section-content-wrap {
    position: relative;
    z-index: 2;
}

/* page service outstaffing hero start */

.service-outstaffing-hero-img-items-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 14px;
}
.service-hero__visual-row-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 39px;
}
.service-hero__visual-row-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 78px;
}
.service-outstaffing-hero-img-item {
    position: relative;
}

.service-outstaffing-hero-img-item-4 {
    margin-left: 17px;
}

.service-outstaffing-hero-img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

.service-outstaffing-hero-img-item-1 img {
    width: 144px;
    height: 144px;
}

.service-outstaffing-hero-img-item-2 img {
    width: 184px;
    height: 196px;
}

.service-outstaffing-hero-img-item-3 img {
    width: 178px;
    height: 178px;
}

.service-outstaffing-hero-img-item-4 img {
    width: 253px;
    height: 220px;
    object-position: left;
}

.service-outstaffing-hero__visual-tag-1 {
    border-radius: 48px 70px 0px 48px;
    top: 9px;
    right: calc(100% - 9px);
}

.service-outstaffing-hero__visual-tag-2 {
    border-radius: 48px 0px 70px 48px;
    bottom: 36px;
    right: calc(100% - 9px);
}

.service-outstaffing-hero__visual-tag-3 {
    bottom: calc(100% - 20px);
    left: 80px;
    border-radius: 70px 48px 48px 0px;
}

.service-outstaffing-hero__visual-tag-4 {
    border-radius: 70px 48px 48px 0px;
    bottom: calc(100% - 18px);
    right: -60px;
}

/* page service outstaffing hero end */

/* page service outstaffing section advantages start */

.service-outstaffing-advantages__items-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.service-outstaffing-advantages__item {
    border-radius: 18px;
    border: 1px solid #C9C9C9;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.service-outstaffing-advantages__item-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.service-outstaffing-advantages__item-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
}

.service-outstaffing-advantages__item-title {
    color: #070707;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    max-width: calc(100% - 72px);
}

.service-outstaffing-advantages__item-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}

/* page service outstaffing section advantages end */

/* page service outstaffing section process start */

.service-outstaffing-process {
    overflow: hidden;
}

.service-outstaffing-process__content-wrap {
    position: relative;
    z-index: 2;
}

.service-outstaffing-process__items-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.service-outstaffing-process__item {
    padding: 32px;
    border: 1px solid #C9C9C9;
    border-radius: 24px;
    background: #FFF;
    position: relative;
    overflow: hidden;
}

.service-outstaffing-process__item-num {
    color: #7D7D7D;
    font-family: 'Poppins-Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    display: block;
    margin-bottom: 12px;
}

.service-outstaffing-process__item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
}

.service-outstaffing-process__item-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 214.286% */
}

.service-outstaffing-process__marquee-wrap {
    overflow: hidden;
    user-select: none;
    display: flex;
    gap: 10px;
    transform: rotate(35deg);
    position: absolute;
    top: 0px;
    right: -250px;
    padding: 6px 20px;
    background: #B9FF66;
    z-index: 1;
} 
.service-outstaffing-process__marquee-wrap  ul {
    list-style: none;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    animation: audits-marquee 20s linear infinite;
}
.service-outstaffing-process__marquee-text {
    color: #070707;
    font-family: 'Poppins-SemiBold';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.section-gradient.service-outstaffing-process__gradient-1 {
    border-radius: 531.153px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    top: 0;
    left: -10%;
    opacity: .4;
}

.section-gradient.service-outstaffing-process__gradient-2 {
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.50) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: 0;
    left: 10%;
    opacity: .3;
}

.section-gradient.service-outstaffing-process__gradient-3 {
    border-radius: 517.223px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: 0;
    left: 50%;
}

.section-gradient.service-outstaffing-process__gradient-4 {
    border-radius: 531.153px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 461.698px;
    height: 531.153px;
    top: -10%;
    right: 0;
}

/* page service outstaffing section process end */

/* page service outstaffing section cooperate start */

.service-outstaffing-cooperate {
    overflow: hidden;
}

.service-outstaffing-cooperate__title-wrap.service__title-wrap {
    flex-direction: column;
}

.service-outstaffing-cooperate_subtitle {
    color: #4D4D4D;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    max-width: 996px;
}

.service-outstaffing-cooperate__items-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.service-outstaffing-cooperate__item.service-outstaffing-cooperate__item-models {
    flex-basis: 49.5%;
}

.service-outstaffing-cooperate__item.service-outstaffing-cooperate__item-experts {
    flex-basis: 48.5%;
}

.service-outstaffing-cooperate__item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 24px;
}

.service-outstaffing-cooperate__item-models-block {
    border-radius: 24px;
    border: 1px solid #C9C9C9;
    padding: 24px;
    margin-bottom: 12px;
}

.service-outstaffing-cooperate__item-models-block:nth-last-child(1) {
    margin-bottom: 0;
}

.soc__imb-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 12px;
}

.soc__imb-icon-wrap {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3D5D7;
    border-radius: 50%;
}

.soc__imb-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: calc(100% - 60px);
}

.soc__imb-text {
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 214.286% */
}

.service-outstaffing-cooperate__item-experts-block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.soc__ie-item {
    border-radius: 44px;
    border: 1px solid #C9C9C9;
    padding: 14px 20px;
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.section-gradient.service-outstaffing-cooperate__gradient-1 {
    border-radius: 746.109px;
    opacity: 0.8;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 746.109px;
    height: 715.587px;
    right: -40%;
    top: 20%;
    opacity: .5;
}

.section-gradient.service-outstaffing-cooperate__gradient-2 {
    border-radius: 517.223px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
    width: 517.223px;
    height: 496.064px;
    top: -20%;
    right: -20%;
    opacity: .2;
}

/* page service outstaffing section cooperate end */

/* page service outstaffing section services start */

.service-outstaffing-services {
    background: #F7F9F6;
}

.service-outstaffing-services__bot-wrap {
    border-radius: 24px;
    background: #FFF;
    padding: 32px;
    position: relative;
    margin-bottom: 24px;
}

.service-outstaffing-services__bot-title-wrap {
    margin-bottom: 24px;
    max-width: 80.5%;
}

.service-outstaffing-services__bot-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 19px;
}

.service-outstaffing-services__bot-subtitle {
    color: var(--Black, #000);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.service-outstaffing-services__bot-items-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.service-outstaffing-services__bot-item {
    padding: 24px 20px;
    border-radius: 24px;
    border: 1px solid #C9C9C9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
}

.service-outstaffing-services__bot-item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
}

.service-outstaffing-services__bot-item-text,
.service-outstaffing-services__bot-item-text p {
    color: #616161;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.service-outstaffing-services__bot-item-cost,
.service-outstaffing-services__item-cost {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 12px;
    background: #F7F9F6;
    padding: 4px;
    min-height: 68px;
}

.service-outstaffing-services__bot-item:nth-child(2) .service-outstaffing-services__bot-item-cost,
.service-outstaffing-services__item:nth-child(2) .service-outstaffing-services__item-cost {
    background: #F7F2FE;
}

.service-outstaffing-services__bot-item:nth-child(3) .service-outstaffing-services__bot-item-cost,
.service-outstaffing-services__item:nth-child(3) .service-outstaffing-services__item-cost {
    background: #F5FDF2;
}

.service-outstaffing-services__item:nth-child(2) .service-outstaffing-services__item-cost {
    gap: 8px;
}

.service-outstaffing-services__item:nth-child(2) .sos__item-cost-simple-text {
    flex-basis: 30%;   
}


.sos__bic-big-text,
.sos__item-cost-big-text {
    color: #191A23;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 75% */
}

.sos__item-cost-big-text.individual {
    font-size: 20px;
}

.sos__bic-simple-text,
.sos__item-cost-simple-text {
    flex-basis: 43%;
    color: #7F7F7F;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
}

.sos__bic-simple-text:nth-child(1),
.sos__item-cost-simple-text:nth-child(1) {
    text-align: right;
    flex-basis: 36%;
}

.service-outstaffing-services__bot-btn {
    position: absolute;
    top: 32px;
    right: 32px;
    padding: 12px 20px;
}

.service-outstaffing-services__items-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.service-outstaffing-services__item {
    border-radius: 24px;
    background: #FFF;
    padding: 24px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
}

.service-outstaffing-services__item-title {
    color: var(--Black, #000);
    font-family: 'Poppins-Medium';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
}

.service-outstaffing-services__item-text {
    color: #616161;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.service-outstaffing-services__item-mark {
    color: #797979;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    margin-top: 12px;
}

.service-outstaffing-services__item-cost-btn {
    display: block;
    margin-top: 12px;
    width: 100%;
}


/* page service outstaffing section services end */

/* ==================================== Page Service Outstaffing End ==================== */

/* ==================================== Page About Us Start ============================= */

.offices {
    overflow: hidden;
}
.offices__title-wrap {
    justify-content: center;
}
.offices__map {
    position: relative;
    height: 350px;
}
.offices__map-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
}
.offices__map-img-mob {
    display: none;
}
.offices__items-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 21px;
    margin-top: 44px;
}
.offices__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    width: calc((100% - 42px) / 3);
    border-radius: 24px;
    padding: 16px 24px;
}
.offices__item__title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.offices__item__title {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    letter-spacing: .01em;
}
.offices__item__icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #2E2E2E;
    border-radius: 50%;
    overflow: hidden;
}
.offices__item__content {
    display: flex;
    align-items: center;
    margin-top: auto;
    font-size: 56px;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: .01em;
}


.number-roller {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 88px;
}
.numbers-blocks-wrapper {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.number {
    transition: transform 0.5s ease-out;
}

@keyframes slide-0 { from { transform: translateY(0%); } to { transform: translateY(-90%); } }
@keyframes slide-1 { from { transform: translateY(0); } to { transform: translateY(-10%); } }
@keyframes slide-2 { from { transform: translateY(0); } to { transform: translateY(-20%); } }
@keyframes slide-3 { from { transform: translateY(0); } to { transform: translateY(-30%); } }
@keyframes slide-4 { from { transform: translateY(0); } to { transform: translateY(-40%); } }
@keyframes slide-5 { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes slide-6 { from { transform: translateY(0); } to { transform: translateY(-60%); } }
@keyframes slide-7 { from { transform: translateY(0); } to { transform: translateY(-70%); } }
@keyframes slide-8 { from { transform: translateY(0); } to { transform: translateY(-80%); } }
@keyframes slide-9 { from { transform: translateY(0); } to { transform: translateY(-90%); } }

@keyframes slide-9-to-0 {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes slide-0-to-1 {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(100%);
      opacity: 1;
    }
  }
  



  
  







@media screen and (max-width: 900px) {
    .offices__item {
        width: calc((100% - 21px) / 2);
    }
}
@media(max-width:768px) {
    .offices__map {
        height: 200px;
    }
    .offices__item {
        width: 100%;
    }
    .offices__item__content {
        line-height: 100%;
    }
    .offices__map-img {
        display: none;
    }
    .offices__map-img-mob {
        display: block;
        position: absolute;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
}


    


/* ==================================== Page About Us End =============================== */

/* ==================================== Hover Effects Start ============================= */

@media(hover:hover) {

    /* home page section our services hover start */

    .services__item:hover .services__item-image-wrap img {
        transform: scale(1.05);
    }
    .services__item:hover .services__item-icon-arrow {
        transform: rotate(-45deg);
    }

    /* home page section our services hover end */

    /* Archive Blog Posts Hover Start */
    .post-card-img-wrap:hover .post-card-img {
        transform: scale(1.05);
    }
    /* Archive Blog Posts Hover End */

    /* Single Cases Hover Start */
    .case-hero__image-item:hover img {
        transform: scale(1.05);
    }
    /* Single Cases Hover End */

    .service__audit-link:hover svg {
        transform: translateX(10px);
    }

    .post-card-img-wrap:hover .our-cases__case-arrow,
    .our-cases__case-item-img-wrap:hover .our-cases__case-arrow {
        opacity: 1;
        transform: translate(0, 0);
    }

    .case__tech-stack:hover .case__tech-background img,
    .our-cases__case-item-img-wrap:hover .our-cases__case-item-img {
        transform: scale(1.05);
    }
	
	.case__tech-stack:hover .our-cases__case-arrow {
		opacity: 1;
		transform: translate(0, 0);
	}

    /* page services section audits samples hover start */

    .service-audits-samples__item:hover {
        background: #F7F9F6;
    }

    .service-audits-samples__item:hover .service-audits-samples__item-link .service-audits-samples__item-link-icon {
        background-color: #000;
    }
    .service-audits-samples__item:hover .service-audits-samples__item-link .service-audits-samples__item-link-icon svg {
        stroke: #DDDDDD;
    }
    .service-audits-samples__item-link:hover .service-audits-samples__item-link-icon {
        background-color: #000;
    }
    .service-audits-samples__item-link:hover .service-audits-samples__item-link-icon svg {
        stroke: #DDDDDD;
    }
    
    /* page services section audits samples hover end */



    /* ==================================== Hover effects Start ============================= */

/* ==================================== Hover effects End =============================== */

}

/* ==================================== Hover Effects End =============================  */




/* ==================================== Adaptive ====================================== */

@media(min-width: 1024px) {

    .header__nav-link:hover:before,
    .header__nav-link:hover:after  {
        content: '';
        position: absolute;
        width: calc(100% + 10px);
        height: calc(100% - 5px);
        min-height: 20px;
        min-width: 80px;
        background-color: transparent;
        border: 3px solid #B9FF66;
        border-radius: 50%;
        z-index: -1;
        opacity: 0;
        transition: all 1s ease;
    }
    .header__nav-link:hover:before {
        left: 50%;
        top: -3px;
        transform: rotate(-5deg) translateX(-50%);
    }
    .header__nav-link:hover:after {
        left: 53%;
        top: 6px;
        transform: rotate(7deg) translateX(-50%);
    }
    .header__nav-link:hover:before,
    .header__nav-link:hover:after  {
        opacity: 1;
    }

    .swiper-slide.cips__swiper-slide img {
        transition: all .5s ease;
    }
    .swiper-slide.cips__swiper-slide img:hover {
        transform: scale(1.05);
    }

    .ausct1__item-img-wrap:hover .ausct1__image-item {
        transform: translateY(-20px);
    }
}

@media(max-width: 1440px) {
    /* about us presentation start */

    /* slide 1 */
    .aus1__main-svg {
        top: -13%;
    }
    /* slide 2 */
    .aus2__rings-svg {
        right: 0;
    }
    .aus2__items-wrap {
        width: 100%;
    }
    /* slide 3 */
    .aus3-tw__item {
        flex-basis: calc(33.333% - 35px / 3);
    }
    /* slide 4 */
    .aus4__content-wrap.aus__content-wrap {
        padding-bottom: 0;
    }
    .aus4__img-wrap {
        position: initial;
        margin-top: -100px;
    }
    /* slide 15 */
    .aus15__main-svg {
        right: -80px;
    }
    /* about us presentation end */

}

@media(max-width: 1232px) {

    /* ========================================== Section Hero Screen 1232 Start ================================= */

    .hero__visual-wrap {
        gap: 10px;
    }
    .hero__visual-item-name {
        font-size: 12px;
        padding: 10px 16px;
    }
    .hero__visual-item-devops {
        width: 110px;
        height: 110px;
    }
    .hero__visual-item-websites {
        width: 158px;
        height: 201px;
    }
    .hero__visual-item-ai {
        width: 148px;
        height: 148px;
    }
    .hero__visual-item-appdev {
        width: 148px;
        height: 190px;
    }
    .hero__visual-item-crm {
        width: 114px;
        height: 170px;
    }
    .hero__visual-item-ai .hero__visual-item-name svg {
        width: 20px;
        height: 20px;
    }

    /* ========================================== Section Hero Screen 1232 End ================================= */



    .fs__title-wrap,
    .section-content {
        margin-left: 0;
    }

    .technologies__stars-2 {
        left: 0;
        bottom: -75px;
    }


    @keyframes ring-1 {
        from {
            transform: translate(20px, -20px);
        }
        to {
            transform: translate(0px, 0px);
        }
    }
    @keyframes ring-2 {
        from {
            transform: translate(10px, -10px);
        }
        to {
            transform: translate(0px, 0px);
        }
    }

    /* single post cases 1232 start */

    .case-gallery-swiper-navi-wrap {
        width: 100%;
        left: 0;
    }
    .case-description-section:after {
        width: calc(100% - 32px);
        left: 16px;
    }

    /* single post cases 1232 end */



    /* slide 1 */

    .aus1__title {
        font-size: 160px;
    }
    .aus1__main-svg {
        width: 500px;
        right: -10%;
    }
    /* slide 2 */
    .aus2__items-wrap {
        gap: 40px;
    }
    .aus2__item {
        width: calc(50% - 20px);
    }
    /*  */
    .aus3-tw__item-technology {
        padding: 5px;
    }
    .aus3-tw__item-technology-name {
        font-size: 12px;
    }
    /* slide 4 */
    .aus4__img-wrap {
        margin-top: -50px;
    }
    /* slide 15 */
    .aus15__main-svg {
        right: -200px;
    }


    /* 2D Art Presentation + 3D Art Presentation 1232 start */

    /* services slide (slide 2) */
    .prsnttn__service-slide-items-wrap {
        gap: 80px;
    }
    .prsnttn__service-slide-svg {
        width: 400px;
        left: 62%;
        top: 0%;
    }

    /* slide 14 */
    .prsnttn__s14-content-wrap {
        width: 100%;
    }

    /* 2D Art Presentation + 3D Art Presentation 1232 end */

    /* presentation portfolio animations 1232 start */

    .anim-prtfl__gif-item.anim-prtfl__gif-item-sm {
        flex-basis: calc(50% - 48px / 2);
    }
    .anim-prtfl__gif-item.anim-prtfl__gif-item-5.anim-prtfl__gif-item-lg,
    .anim-prtfl__gif-item.anim-prtfl__gif-item-6.anim-prtfl__gif-item-lg,
    .anim-prtfl__gif-item.anim-prtfl__gif-item-7.anim-prtfl__gif-item-lg {  
        flex-basis: 100%;
    }

    /* presentation portfolio animations 1232 end */

    /* ========================================== Page Service Security Audit 1232 Start ========================= */

    /* page services security audit hero 1232 start */

    .service-security-audit-hero__visual-tag-3 {
        right: 0;
    }

    /* page services security audit hero 1232 end */

    /* page services security audit banner 1232 start */

    .security-banner-audit__tag-1 {
        right: 100%;
        top: 0;
        font-size: 13px;
    }
    .security-banner-audit__tag-2 {
        left: 100%;
        font-size: 13px;
    }

    /* page services security audit banner 1232 end */
    
    /* ========================================== Page Service Security Audit 1232 End =========================== */
    /* ========================================== Page Service Ecommerce 1232 Start ============================== */

    .timeline-dots-wrap {
        display: none;
    }

    /* ========================================== Page Service Ecommerce 1232 End ================================ */

    /* ========================================== Page Service Outstaffing 1232 Start ============================ */

    .service-outstaffing-hero__visual-tag-3 {
        left: 45px
    }

    .service-outstaffing-hero__visual-tag-4 {
        bottom: calc(100% - 29px);
        right: -26px;
    }

    .service-outstaffing-services__item:nth-child(2) .sos__item-cost-big-text {
        font-size: 26px;
    }

    /* ========================================== Page Service Outstaffing 1232 End ============================== */

}

@media(max-width: 1024px) {
   
    /* general classes 1024 end */

    /* header 1024 start */
    .header__content-wrapper {
        min-height: 64px;
    }
    .header__btn-wrapper {
        display: none;
    }
    .header__nav-contacts-info {
        display: block;
    }

    .header__logo-wrapper {
        position: relative;
        z-index: 101;
    }
    .header__burger {
        display: block;
        position: relative;
        z-index: 101;
        width: 24px;
        height: 16px;
    }
    .header__burger span {
        position: absolute;
        left: 0;
        width: 100%;
        background: #000;
        height: 2px;
        top: 7px;
        transition: .4s;
        border-radius: 1px;
    }
    .header__burger::before,
    .header__burger::after {
        content: '';
        background: #000;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: .4s;
        border-radius: 1px;
    }
    .header__burger::before {
        top: 0;
    }
    .header__burger::after {
        bottom: 0;
    }
    .header__burger.active span {
        transform: scale(0);
    }
    .header__burger.active::before {
        transform: rotate(45deg);
        top: 7px;
    }
    .header__burger.active::after {
        transform: rotate(-45deg);
        bottom: 7px;
    }
    
    .header__nav-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        background: #fff;
        background-position: center;
        background-size: cover;
        transform: translateX(100%);
        transition: all .5s ease;
        overflow: hidden auto;
        z-index: 0;
    }
    .header__nav-wrapper.active {
        transform: translateX(0);
        z-index: 100;
    }
    .hnw__content-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        min-height: calc(100vh - 64px);
        padding: 64px 16px 16px;
        position: relative;
    }
    .hnw__gradient {
        content: '';
        position: absolute;
        z-index: -1;
    }
    .hnw__gradient.hnw__gradient-1 {
        width: 323px;
        height: 324px;
        border-radius: 324px;
        background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
        top: 0;
        left: 56%;
    }
    .hnw__gradient.hnw__gradient-2 {
        width: 374.534px;
        height: 359.212px;
        border-radius: 374.534px;
        background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
        top: 20%;
        left: -11%;
    }
    .hnw__gradient.hnw__gradient-3 {
        width: 517.223px;
        height: 496.064px;
        border-radius: 517.223px;
        background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
        bottom: 2%;
        left: 56%;
        opacity: .5;
    }
    .header__nav-contacts-info,
    .header__nav-menu-info {
        width: 100%;
        text-align: center;
    }
    .header__nav-list {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
    .header__nav-link {
        color: #191A23;
        text-align: center;
        font-size: 20px;
        line-height: normal;
        font-family: 'Poppins-Medium';
    }
    .header__mob-social-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 60px;
    }
    .fs__clutch-link-wrap {
        display: none;
    }
    .header__mob-clutch-link-wrap {
        display: block;
        margin: 40px auto 0;
    }
    .header__mob-clutch-link {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 12px 12px 8px;
        border-radius: 12px;
        background: var(--White, #FFF);
    }
    .header__mob-clr-stars {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2px;
    }
    .header__mob-clr-text {
        color: #191A23;
        font-family: 'Poppins-Regular';
        font-size: 12px;
        line-height: 28px; /* 233.333% */
        letter-spacing: -0.5px;
    }


    .hnci__mail-phone-wrap {
        margin-bottom: 32px;
    }
    .hnci__text {
        color: #191A23;
        text-align: center;
        font-family: 'Poppins-Regular';
        font-size: 16px;
        line-height: normal;
        margin-bottom: 16px;
    }
    .header__mob-nav-btn {
        padding: 14px 39px;
    }
    
    /* header 1024 end */

    /* home 1024 start */

    .first-screen {
        padding: 100px 0;
    }
    .fs__title-wrap {
        margin-left: 0;
        flex-basis: 54%;
    }
    .fs__image-wrap {
        flex-basis: calc(46% - 32px);
    }
    .fs__dsktp-stars {
        top: -40px;
    }
    .fs__dsktp-stars svg {
        max-width: 100px;
    }
    .fs__gradient.fs__gradient-1 {
        top: -122px;
        left: 152px;
        opacity: .5;
    }
    .fs__gradient.fs__gradient-3 {
        top: 37px;
        left: auto;
        right: -70px;
        opacity: .3;
    }
    .fs__gradient.fs__gradient-4,
    .fs__gradient.fs__gradient-5 {
        display: none;
    }

    /* our cases 1024 start */
    
    .case-description-main-info-wrap {
        flex-basis: 55%;
    }

    /* our cases 1024 end */

    /* home 1024 end */

    /* footer 1024 start */

    .footer__main-info {
        flex-wrap: wrap;
    }
    .footer__form-wrap,
    .footer__main-info-nav,
    .footer__address-wrap,
    .footer__main-info-cntcts-wrap {
        flex-basis: calc(50% - 20px);
    }
    .footer__main-info-cntcts-wrap {
        align-items: flex-end;
    }
    .footer__main-info-nav-list {
        align-items: flex-end;
    }
    .footer__bottom-info {
        padding: 12px 0 0 0;
    }

    /* footer 1024 end */

    /* about us presentation 1024 start */

    .presentation-header__content,
    .prsnttn-header__content {
        min-height: 64px;
    }

    .aus__content-wrap {
        padding: 70px 0;
    }

    /* slide 1 */

    /* slide 1 */
    .aus1__content-wrap {
        flex-direction: column-reverse;
        min-height: auto;
        padding-bottom: 0;
    }
    .presentation-art .aus1__content-wrap {
        padding-top: 134px;
    }
    .aus1__subtitle {
        font-size: 28px;
    }
    .aus1__title {
        font-size: 140px;
    }
    .aus1__main-svg {
        width: 500px;
        top: 0%;
        right: -13%;
        position: initial;
        margin: auto;
    }
    .aus1__title-svg {
        width: 76px;
        right: -112px;
        bottom: -59px;
    }

    /* slide 2 */
    .aus2__rings-svg {
        display: none;
    }
    .aus2__title-wrap {
        margin-bottom: 70px;
    }
    .aus2__subtitle {
        font-size: 22px;
    }
    .aus2__title  {
        font-size: 80px;
    }
    .aus2__item {
        padding: 25px;
    }

    /* slide 3 */
    .aus3-tw__item {
        flex-basis: calc(33.333% - 70px / 3);
    }
    .aus3-tw__item-technology {
        flex-basis: calc(50% - 12px/2);
    }
    .aus3-tw__item-technology:nth-last-child(3)::before,
    .aus3-tw__item-technology:nth-child(3n)::after {
        display: block;
    }
    .aus3-tw__item-technology:nth-child(2n)::after {
        display: none;
    }
    .aus3__domains-wrapper {
        flex-direction: column;
    }
    .aus3-dw__title br {
        display: none;
    }
    .aus3-dw__title .rings-word {
        margin-left: 10px;
    }

    /* slide 4 */
    .aus4__title-wrap {
        position: relative;
    }
    .aus4__title-mob-svg1 {
        display: block;
        position: absolute;
        left: 0;
        bottom: -50px;
        transform: rotate(135deg);
    }
    .aus4__title-mob-svg2 {
        display: block;
        position: absolute;
        right: 0;
        top: -50px;
        transform: rotate(-45deg);
    }
    .aus4__title {
        text-align: center;
        text-transform: capitalize;
        max-width: 80%;
        margin: auto;
    }
    .aus4__title span {
        display: inline;
        color: #000;
        font-family: 'DMSans-Bold';
        font-size: 85px;
        line-height: 100%;
    }

    .aus4__img-wrap {
        margin-top: 20px;
    }

    /* slide 5 */
    .aus5__items-wrap {
        gap: 20px;
    }
    .aus5__item {
        flex-basis: calc(50% - 10px);
    }

    /* slide 7 */
    .ausct2__items-wrap {
        flex-direction: column;
    }
    .aus__case-tag-wrap {
        right: 10px;
        top: 30px;
    }

    /* slide 13 */
    .ausct3__bg-image-wrapper {
        transform: translateY(-50px);
    }

    /* slide 14 */
    .aus14__services-items-wrap {
        flex-wrap: wrap;
        gap: 30px;
    }
    .aus14__services-item {
        flex-basis: calc(50% - 15px);
    }

    /* slide 15 */
    .aus15__main-svg {
        display: none;
    }
    .aus15__content-wrap.aus__content-wrap {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    .aus15__title-wrap {
        order: 1;
    }
    .aus15__title {
        font-size: 80px;
        margin-bottom: 30px;
    }
    .aus15__social-wrap {
        order: 2;
        margin: 0;
        flex-direction: column;
        gap: 20px;
    }
    .aus15__cntcts-wrap {
        order: 3;
        margin: 0;
    }
    .aus15__social-link {
        gap: 8px;
    }
    .aus15__cntcts-phone {
        flex-direction: row-reverse;
        gap: 8px;
    }

    .aus15__title-svg {
        display: none;
    }

    /* about us presentation 1024 end */

    /* 2d art + 3d art presentation 1024 start */

    /* service slide (slide 2) */
    .prsnttn__s2-title-wrap {
        margin-bottom: 70px;
    }
    .prsnttn__service-slide-svg {
        display: none;
    }

    /* slide 13 */
    .prsnttn__slide13 {
        background-position: right;
    }

    /* 3d art slide 6 */
    .prsnttn-3d__s6-content-wrap {
        gap: 24px;
    }

    /* 3d art slide 7 */
    .prsnttn-3d__slide7-img2 {
        max-width: 321px;
    }

    /* 3d art slide 14 */
    .prsnttn-3d__s14-content-wrap {
        gap: 24px;
    }

    /* 2d art + 3d art presentation 1024 end */


    /* ==================================== Page Service Website Audit 1024 Start =======  */
    
    .service-steps__items-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-steps__item:nth-child(n+3) {
        margin-top: 20px;
    }
    
    /* ==================================== Page Service Website Audit 1024 End =========  */

    /* ==================================== Page Service Outstaffing 1024 Start ========= */

    .service-outstaffing-hero__visual-tag-2,
    .service-outstaffing-hero__visual-tag-3 {
        display: none;
    }

    .service-outstaffing-hero__visual-tag-1 {
        border-radius: 70px 48px 48px 0px;
        left: calc(100% - 9px);
        right: auto;
    }

    .service-outstaffing-hero__visual-tag-4 {
        bottom: 20px;
        right: calc(100% - 20px);
        border-radius: 48px 0px 70px 48px;
    }

    .service-outstaffing-advantages__items-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-outstaffing-process__items-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .soc__ie-item {
        padding: 8px 12px;
        font-size: 14px;
    }

    .service-outstaffing-services__bot-items-wrap,
    .service-outstaffing-services__items-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .sos__bic-simple-text,
    .sos__item-cost-simple-text,
    .sos__bic-simple-text:nth-child(1),
    .sos__item-cost-simple-text:nth-child(1),
    .service-outstaffing-services__item:nth-child(2) .sos__item-cost-simple-text {
        flex-basis: 33%;
    }

    /* ==================================== Page Service Outstaffing 1024 End =========== */

}

@media(max-width: 991px) {
    /* general classes 991 start */
    .h1-title {
        font-size: 39px;
    }
    .h2-title {
        font-size: 36px;
    }
    .section-padding-lg {
        padding: 80px 0;
    }
    /* general classes 991 end */


    /* ========================================== Section Hero Screen 991 Start ================================== */
    
    .hero {
        min-height: auto;
        height: auto;
        padding: 100px 0;
    }
    .hero__content-wrap {
        gap: 20px;
    }
    .hero__title {
        font-size: 28px;
    }
    .hero__text {
        font-size: 12px;
        line-height: 24px;
    }
    .hero__visual-item-websites {
        width: 138px;
        height: 150px;
    }
    .hero__visual-item-ai {
        width: 128px;
        height: 128px;
    }
    .hero__visual-item-appdev {
        width: 128px;
        height: 146px;
    }
    .hero__visual-item-crm {
        height: 132px;
    }
    .hero__visual-item-name {
        padding: 6px 12px;
        font-size: 10px;
    }
    .hero__visual-item-devops .hero__visual-item-name {
        top: auto;
        bottom: 88%;
    }
    .hero__visual-item-websites .hero__visual-item-name {
        bottom: auto;
        top: calc(100% + 10px);
        right: auto;
        left: 0;
    }
    .hero__visual-item-appdev .hero__visual-item-name {
        right: auto;
        left: -30px;
        bottom: auto;
        top: calc(100% + 10px);
    }
    .hero__visual-item-crm .hero__visual-item-name {
        top: calc(100% + 10px);
    }
    .hero__gradient.hero__gradient-1,
    .hero__gradient.hero__gradient-4,
    .hero__gradient.hero__gradient-5 {
        display: none;
    }
    
    /* ========================================== Section Hero Screen 991 End ==================================== */



    /* first screen 991 start */
    .fs__subtitle {
        line-height: 140%;
    }
    /* first screen 991 end */

    .acw__items-wrap {
        display: flex;
        flex-direction: column;
    }
    .acw__item:nth-child(3) .acw__item-content {
        flex-direction: row;
    }


    .cta-banner {
        max-width: 100%;
    }
    .cta-banner {
        flex-direction: column;
    }
    .cta-banner__btn {
        flex-basis: auto;
    }
    .technologies__stars-2 {
        display: none;
    }

    .tabs-wrapper__names,
    .tabs-wrapper__contents {
        flex-basis: 45%;
    }
    .tabs-wrapper__contents {
        padding: 67px 0 94px 0;
    }
    .tabs-wrapper__name-item-title {
        font-size: 16px;
    }

    .team {
        padding: 60px 0;
    }

    /* ========================================== Section Our Clients 991 Start ================================== */

    .clients {
        padding: 60px 0;
    }
    .clients__content {
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }

    /* ========================================== Section Our Clients 991 End ==================================== */

    /* ========================================== Section Banner Audit 991 Start ================================= */

    .banner-audit__tag {
        display: none;
    }

    /* ========================================== Section Banner Audit 991 End =================================== */



    /* our cases 991 start */

    .our-cases {
        padding: 80px 0;
    }

    /* our cases 991 end */

    /* contacts 991 start */

    .contacts__content {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }
    .contacts__info,
    .contacts__form-wrap {
        flex-basis: 100%;
        width: 100%;
    }
    .contacts__subtitle {
        max-width: 100%;
    }

    .contacts__stars {
        display: none;
    }

    /* contacts 991 end */





    /* privacy 991 start */

    .privacy__gradient.privacy__gradient-1,
    .privacy__gradient.privacy__gradient-2,
    .privacy__stars {
        display: none;
    }
    .privacy__content {
        max-width: 100%;
    }

    /* privacy 991 end */

    /* 2d art + 3d art presentation 991 start */

    /* 3d art slide7 + slide 8 */
    .prsnttn-3d__slide7-img2,
    .prsnttn-3d__slide8-img2 {
        position: inherit;
        margin: 24px auto 0;
        max-width: 100%;
    }

    /* 2d art + 3d art presentation 991 end */

    /* presentation portfolio animations 991 start */

    .anim-prtfl__gif-item {
        height: 300px;
    }

    /* presentation portfolio animations 991 end */

    /* ==================================== Archive Blog Page 991 start =============================  */

    .post-card {
        flex-basis: calc(50% - 10px);
    }
    
    /* ==================================== Archive Blog Page 991 end ===============================  */

    /* ==================================== Single Post Cases 991 start =============================  */

    .case-hero {
        padding: 70px 0 60px;
    }
    .case-description-section {
        padding: 60px 0;
    }
    .case-description-wrapper {
        flex-direction: column;
        gap: 24px;
    }
    .case-gallery-swiper-slide {
        height: 450px;
    }
    .case-description-title-wrap {
        position: initial;
    }

    /* ==================================== Single Post Cases 991 end ===============================  */

    /* ==================================== Page Service Website Audit 991 Start ====================  */
    
    .service-hero {
        min-height: auto;
        height: auto;
        padding: 100px 0;
    }
    .service-hero__gradient.service-hero__gradient-1,
    .service-hero__gradient.service-hero__gradient-4,
    .service-hero__gradient.service-hero__gradient-5 {
        display: none;
    }

    .service-steps__item {
        padding: 16px;
    }

    .service-reasons__items-wrap {
        flex-direction: column;
    }
    
    .service-reasons__item {
        flex-basis: 100%;
        width: 100%;
    }
        
    /* ==================================== Page Service Website Audit 991 End ======================  */

    /* ==================================== Page Service Security Audit 991 Start =================== */

    /* page services security audit hero 991 start */
    
    .service-security-audit-hero__visual-tag-2 {
        top: -50px;
    }
    
    /* page services security audit hero 991 end */

    /* page services security audit types of testing 991 start */

    .service-types-of-testing__items-wrap {
        flex-direction: column;
    }

    /* page services security audit types of testing 991 end */

    /* page services security audit faq 991 start */

    .service-faq__content-wrap {
        flex-direction: column;
        gap: 24px;
    }

    .service-faq__faq-wrap {
        flex-basis: 100%;
        width: 100%;
    }

    /* page services security audit faq 991 end */

    /* page services security audit banner 991 start */

    .banner-audit__tag.security-banner-audit__tag-1,
    .banner-audit__tag.security-banner-audit__tag-2 {
        display: inline-block;
        position: initial;
        padding: 8px 18px;
        border-radius: 40px;
        margin-bottom: 12px;
        font-size: 14px;
    }

    /* page services security audit banner 991 end */

    /* ==================================== Page Service Security Audit 991 End ===================== */

    /* ==================================== Page Service Ecommerce 991 Start ======================== */

    /* page service ecommerce hero 991 start */


    .service-ecommerce-hero__visual-tag-4 {
        right: 0;
    }
    
    /* page service ecommerce hero 991 end */

    /* page service ecommerce development services 991 start */

    .service-dev-services__item,
    .service-dev-services__item:nth-last-child(1) {
        flex-basis: calc(50% - 10px);
    }

    /* page service ecommerce development services 991 end */

    /* page service ecommerce service platforms 991 start */

    .service-platforms__wide-items-wrap {
        gap: 16px;
    }

    .service-platforms__wide-item,
    .service-platforms__item {
        flex-basis: calc(50% - 8px);
    }

    /* page service ecommerce service platforms 991 end */

    /* page service ecommerce sdlc 991 start */

    .service-sdlc__timeline-item-info-wrap {
        width: 160px;
    }

    /* page service ecommerce sdlc 991 end */

    /* page service ecommerce business solution 991 start */

    .service-business-solution__items-wrap {
        flex-wrap: wrap;
    }

    .service-business-solution__item {
        flex-basis: calc(50% - 10px);
    }
    .service-types-of-testing__item .service-outstaffing-process__marquee-wrap{
        right: -436px;
    }

    /* page service ecommerce business solution 991 end */

    /* ==================================== Page Service Ecommerce 991 End ======================== */

}


@media(max-width: 768px) {
    /* page single header DevOps 768 start */

    .single-devops-header__container {
        flex-direction: column;
        gap: 35px;
    }

    .single-devops-header__wrapper:first-of-type,
    .single-devops-header__wrapper:last-of-type {
        flex-basis: auto;
    }

    .single-devops-header__title {
        font-size: 40px;
    }

    .single-devops-header__case-title {
        position: relative;
    }

    .single-devops-header__case-title:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        background-color: #93F265;
        border-radius: 50%;
    }

    .single-devops-header__case-title span {
        padding-left: 20px;
    }

    .tech-stack__list {
        padding-left: 20px;
    }

    .description {
        margin-top: 60px;
    }

    .description__container {
        padding-top: 60px;
        flex-direction: column;
        gap:25px;
    }

    .description__wrapper h2 {
        font-size: 32px;
    }

    .single-devops-header {
        padding: 60px 0 0;
    }

    .our-cases__title {
        margin-bottom: 20px;
    }

    /* page single header DevOps 768 end */
}

@media(max-width: 767px) {

    /* general classes 767 start */
    .section-el {
        padding: 60px 0;
    }
    .h1-title {
        font-size: 32px;
        line-height: 134.375%;    
    }
    .h2-title {
        font-size: 32px;
        line-height: 134.375%;
    }
    .rings-word:before, .rings-word:after {
        border: 2px solid #B9FF66;
    }
    .section-padding-lg {
        padding: 60px 0;
    }
    .form__button-dark {
        width: 100%;
    }
    /* general classes 767 end */

    /* header 767 start */
    .header__mob-nav-btn {
        width: 100%;
    }
    .hnw__gradient.hnw__gradient-1 {
        top: 0;
        left: 56%;
    }
    .hnw__gradient.hnw__gradient-2 {
        top: 20%;
        left: -37%;
    }
    .hnw__gradient.hnw__gradient-3 {
        bottom: 1%;
        left: 37%;
    }
    /* header 767 start */

    /* home 767 start */

    /* ========================================== Home Page 767 Start ============================================ */

    /* ========================================== Section Hero Screen 767 Start ================================== */

    .hero  {
        padding: 32px 0 47px;
    }
    .hero__visual-wrap {
        display: none;
    }
    .hero__info-wrap {
        flex-basis: 100%;
        width: 100%;
    }
    .hero__title {
        margin: 20px 0 30px;
        font-size: 28px;
        line-height: 36px;
        text-align: center;
    }
    .hero__text {
        display: none;
    }
    .hero__btn {
        width: 100%;
        justify-content: center;
        margin-top: 32px;
        /* display: none; */
    }
    .hero__info-top-images-wrap,
    .hero__info-bottom-images-wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    }
    .hero__info-bottom-images-wrap {
        align-items: flex-end;
    }
    .hero__info-top-image-item-1 {
        width: 44%;
        aspect-ratio: 1/1;
        transition-delay: .4s !important;
    }
    .hero__info-top-image-item-2 {
        width: 50%;
        aspect-ratio: 1/1;
        margin-top: 15px;
        transition-delay: .6s !important;
    }
    .hero__info-top-image-item img,
    .hero__info-bottom-image-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 14px;
    }
    .hero__info-bottom-image-item-1 {
        width: 52%;
        height: 220px;
        transition-delay: .8s !important;
    }
    .hero__info-bottom-image-item-2 {
        height: 175px;
        width: 41%;
        transition-delay: 1s !important;
    }


    /* ========================================== Section Hero Screen 767 End ==================================== */


    .first-screen {
        padding: 50px 0 32px;
    }
    .fs__dsktp-stars,
    .fs__subtitle,
    .fs__dsktp-cta-btn {
        display: none;
    }
    .fs__content-wrap {
        flex-direction: column;
        gap: 65px;
    }
    .fs__image-wrap svg {
        transform: translate(0, 0);
    }
    .fs__cta-btn-wrap {
        display: block;
        width: 100%;
    }
    .fs__btn {
        width: 100%;
    }
    .fs__gradient.fs__gradient-1 {
        top: -98px;
        left: 50%;
        opacity: 1;
    }
    .fs__gradient.fs__gradient-2 {
        top: 160px;
        opacity: 1;
    }
    .fs__gradient.fs__gradient-3 {
        top: auto;
        bottom: -16px;
        right: -90px;
        opacity: .5;
    }

    /* ========================================== Section Services 767 Start ================================== */


    .services__section-stars {
        display: none;
    }
    .services__title {
        margin-bottom: 16px;
    }
    .services-swiper-navi-wrap {
        display: none;
    }

    /* ========================================== Section Services 767 End ==================================== */

    .about {
        padding: 60px 0 20px;
    }
    .acw__stars-2 {
        display: none;
    }
    .acw__subtitle {
        display: none;
    }
    .acw__title-wrap {
        margin-bottom: 24px;
    }
    .acw__item-content {
        padding: 24px;
    }
    .acw__item-info {
        flex-basis: 100%;
    }
    .acw__item-img {
        display: none;
    }
    .acw__item:nth-child(1) .acw__item-content::before,
    .acw__item:nth-child(2) .acw__item-content::before,
    .acw__item:nth-child(3) .acw__item-content::before {
        display: none;
    }
    .acw__item-text {
        display: none;
    }
    .acw__item-text-mobile {
        display: block;
        color: #4D4D4D;
        font-family: 'Poppins-Regular';
        font-size: 14px;
        line-height: normal;
    }
    .acw__item-title-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 8px;
    }
    .acw__item-img-mob {
        display: block;
        width: 67px;
    }


    .technologies {
        padding: 60px 0;
    }
    .technologies__gradient.technologies__gradient-1,
    .technologies__gradient.technologies__gradient-2,
    .technologies__gradient.technologies__gradient-3,
    .technologies__gradient.technologies__gradient-4 {
        display: none;
    }
    .technologies__stars-1 {
        display: none;
    }
    .technologies__wrapper::before,
    .technologies__wrapper::after {
        display: none;
    }
    .technologies__wrapper {
        margin: 0 -16px;
        gap: 10px;
    }
    .technologies__items-wrap {
        gap: 10px;
    }
    .technologies__items {
        gap: 10px;
    }
    .technologies__item {
        border-radius: 16px;
        width: 120px;
        height: 56px;
    }
    @keyframes scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(calc(-100% - 10px));
        }
    }
    .technologies__cta-banner-wrap {
        margin-top: 24px;
    }
    .cta-banner {
        padding: 32px;
        position: relative;
        overflow: hidden;
        gap: 16px;
        background: #F3F3F3;
    }
    .cta-banner::before {
        content: '';
        position: absolute;
        top: -49px;
        right: -87px;
        width: 225.794px;
        height: 226.493px;
        background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.42) 0%, rgba(240, 240, 240, 0.00) 59.6%);
        opacity: .5;
    }
    .cta-banner__info {
        position: relative;
        z-index: 2;
    }
    .cta-banner__title {
        font-size: 24px;
        max-width: calc(100% - 60px);
        margin-bottom: 16px;
    }
    .cta-banner__btn {
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .cta-banner__mob-stars {
        display: block;
        position: absolute;
        top: 15px;
        right: 17px;
    }

    

    .cases {
        padding: 60px 0;
    }
    .cases__gradient.cases__gradient-1,
    .cases__gradient.cases__gradient-2,
    .cases__gradient.cases__gradient-3,
    .cases__gradient.cases__gradient-4 {
        display: none;
    }
    .cases__title-wrap {
        margin-bottom: 24px;
    }
    .cases__items-categories-wrap {
        min-height: auto;
    }
    .cases__items-category {
        padding: 8px 10px;
        font-size: 13px;
        letter-spacing: 0.13px;
    }
    .swiper__navi-wrap,
    .swiper__navi-wrap.active {
        display: none;
    }
    .parent-swiper-pagination-wrap {
        display: block;
    }

    /* our cases 767 start */

    .our-cases {
        padding: 60px 0;
    }
    .our-cases__tags {
        flex-wrap: nowrap;
        overflow: scroll;
        margin: 0 -16px;
        padding: 0 16px;
    }
    .our-cases-swiper-navi-wrap {
        display: none;
    }
    .our-cases__case-item-img {
        height: 260px;
    }
    

    /* our cases 767 end */

    /* team 767 start */
    .team-swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .team-swiper-navi-wrap {
        display: none;
    }
    .team-card  {
        display: block;
        width: 100%;
        flex-basis: 100%;
        padding: 16px 12px;
        position: relative;
    }
    .team-card__person {
        width: 76px;
        height: 76px;
    }
    .team-card__position {
        font-size: 12px;
        letter-spacing: 0.12px;
        padding: 6px 12px;
    }
    .team-card__name {
        font-size: 16px;
        letter-spacing: 0.16px;
    }
    .team-card__descr {
        font-size: 14px;
        line-height: 153%; /* 21.42px */
        letter-spacing: -0.42px;
    }
    /* team 767 end */

    /* ========================================== Section Our Clients 767 Start ================================== */

    .clients__content {
        align-items: flex-start;
    }
    .clients__title-wrap {
        margin-bottom: 24px;
    }
    .clients__stars {
        display: none;
    }
    .clients__item {
        width: 130px;
    }
    .clients__gradient.clients__gradient-1 {
        display: none;
    }

    /* ========================================== Section Our Clients 767 End ==================================== */

    /* ========================================== Section Banner Audit 767 Start ================================= */

    .banner-audit__item {
        padding: 58px 24px 32px;
    }
    .banner-audit__marquee-wrap {
        padding: 3px 20px;
        left: -250px;
    }
    .banner-audit__marquee-text {
        font-size: 17px;
    }
    .banner-audit__title {
        font-size: 28px;
    }
    .banner-audit__text {
        margin-bottom: 32px;
    }
    .banner-audit__star,
    .banner-audit__stars {
        display: none;
    }
    .banner-audit__btn {
        width: 100%;
    }
    .banner-audit__svg-arrow {
        display: none;
    }

    /* ========================================== Section Banner Audit 767 End =================================== */

    /* ========================================== Section Form Popup 767 Start =================================== */

    .form-popup-wrap {
        padding: 20px 16px;
    }
    .form-popup__title {
        margin-bottom: 16px;
    }
    .form-popup__interest-btns-wrap {
        margin-bottom: 16px;
    }
    .form-popup__interest-btn {
        font-size: 14px;
    }
    .form-popup__input {
        font-size: 14px;
    }

    /* ========================================== Section Form Popup 767 End ===================================== */

    



    .contacts {
        padding: 60px 0 40px;
    }
    .contacts__title {
        margin-bottom: 12px;
    }
    .contacts__subtitle {
        font-size: 14px;
    }
    .form-main-content-wrap {
        gap: 20px;
    }
    .form__inputs-wrapper {
        flex-basis: 100%;
    }
    .form__input-item {
        flex-basis: 100%;
        width: 100%;
    }
    .form__input {
        width: 100%;
    }
    .contacts__form-wrap::before {
        top: 46px;
        left: auto;
        right: -40px;
    }
    .contacts__gradient.contacts__gradient-1 {
        display: none;
    }
    .contacts__stars {
        top: -25px;
    }


    /* home 767 end */

    /* footer 767 start */

    footer.footer {
        padding: 32px 0;
    }
    .footer__top-info {
        justify-content: center;
        margin-bottom: 44px;
    }
    .footer__social-wrap {
        display: none;
    }
    .footer__main-info {
        gap: 44px;
        border-bottom: 1px solid rgba(255, 255, 255);
    }
    .footer__form-wrap,
    .footer__main-info-nav,
    .footer__main-info-address-wrap,
    .footer__main-info-cntcts-wrap {
        flex-basis: 100%;
    }
    .footer__form-wrap {
        order: 1;
    }
    .form-subscribe {
        margin: 0 auto;
    }
    .form-subscribe legend {
        text-align: center;
    }
    .footer__main-info-nav {
        order: 3;
        width: 100%;
    }
    .footer__main-info-nav-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .footer__main-info-cntcts-wrap {
        order: 4;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .footer__address-wrap {
        order: 5;
        text-align: center;
        width: 100%;
        flex-basis: 100%;
    }
    address.footer__main-info-address-wrap br {
        display: none;
    }
    .footer__bottom-info {
        flex-direction: column;
        gap: 16px;
        padding: 44px 0 0;
    }
    .footer__mob-social-wrap {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 20px;
        order: 2;
    }
    .footer__bottom-clutch-link {
        display: none;
    }
    .mob-footer__bottom-clutch-link.footer__bottom-clutch-link {
        display: flex;
        order: 3;
        margin: auto;
        padding: 0;
    }
    


    /* footer 767 end */

    /* thank you page 767 start */

    .thank-you-fs__title-wrap {
        text-align: center;
    }
    .thank-you-fs__subtitle {
        display: block;
        line-height: 175%;
        margin-bottom: 0;
    }

    /* thank you page 767 end */

    /* privacy 767 start */

    .privacy {
        padding: 48px 0 60px;
    }
    .privacy__content h1 {
        font-size: 32px;
    }
    .privacy__h1-sm {
        font-size: 24px;
    }
    .privacy__content h2 {
        font-size: 24px;
    }

    /* privacy 767 end */

    /* cookies 767 start */

    .cookies__popup {
        flex-direction: column;
        padding: 16px;
        background: #1B1C25;
        width: 100%;
        max-width: 100%;
    }
    .cookies-info {
        gap: 12px;
    }
    .cookies-info svg {
        width: 65px;
    }
    .cookies-info svg .cookie-svg__path {
        fill: #B9FF66;
    }
    .cookies__title {
        color: #EAEAEA;
    }
    .cookies-text {
        color: #EAEAEA;
    }
    .cookies-text a {
        color: #B9FF66;
    }
    .cookies__btns-block {
        width: 100%;
        justify-content: space-between;
        gap: 12px;
    }
    .btn-cookie {
        flex-basis: calc(50% - 6px);
        height: 42px;
    }
    .btn-cookie.cookies__btn-decline {
        color: #B9FF66;
        border: 1px solid #B9FF66;
    }

    /* cookies 767 end */

    /* presentation 767 start */

    /* slide 1 */
    .aus1__content-wrap.aus__content-wrap {
        display: flex;
        flex-direction: column-reverse;
        min-height: auto;
        padding: 70px 0 0 0;
    }
    .aus1__main-svg {
        position: initial;
        width: 100%;
    }
    .aus1__subtitle {
        font-size: 18px;
    }
    .aus1__title {
        font-size: 70px;
    }
    .aus1__title-svg {
        width: 38px;
        right: -50px;
        bottom: -29px;
    }

    /* slide 2 */
    .aus2__title-wrap {
        margin-bottom: 40px;
    }
    .aus2__subtitle {
        font-size: 18px;
    }
    .aus2__title {
        font-size: 40px;
    }
    .aus2__items-wrap {
        flex-wrap: wrap;
        gap: 20px;
    }
    .aus2__item {
        flex-basis: 100%;
        padding: 24px;
    }
    .aus2__item-text {
        font-size: 14px;
    }

    /* slider 3 */
    .aus3__title-wrap {
        margin-bottom: 40px;
    }
    .aus3__title {
        line-height: 125%;
        font-size: 40px;
    }
    .aus3__technologies-wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }
    .aus3-tw__item {
        flex-basis: 100%;
    }
    .aus3-tw__item-title {
        text-align: left;
    }
    .aus3-tw__item-technology {
        flex-basis: calc(33.333% - 24px / 3);
    }
    .aus3-tw__item-technology:nth-child(2n)::after {
        display: block;
    }
    .aus3-tw__item-technology:nth-last-child(1)::before,
    .aus3-tw__item-technology:nth-last-child(2)::before,
    .aus3-tw__item-technology:nth-last-child(3)::before,
    .aus3-tw__item-technology:nth-child(3n)::after,
    .aus3-tw__item-technology:last-child::after {
        display: none;
    }
    .aus3-dw__items-wrap {
        justify-content: flex-start;
    }
    .aus3-dw__item {
        padding: 8px;
        font-size: 14px;
    }
    .aus3-dw__item:nth-child(1) {
        order: 1;
    }
    .aus3-dw__item:nth-child(2) {
        order: 2;
    }
    .aus3-dw__item:nth-child(3) {
        order: 3;
    }
    .aus3-dw__item:nth-child(4) {
        order: 4;
    }
    .aus3-dw__item:nth-child(5) {
        order: 5;
    }
    .aus3-dw__item:nth-child(6) {
        order: 6;
    }
    .aus3-dw__item:nth-child(7) {
        order: 7;
    }
    .aus3-dw__item:nth-child(8) {
        order: 8;
    }
    .aus3-dw__item:nth-child(9) {
        order: 12;
    }
    .aus3-dw__item:nth-child(10) {
        order: 9;
    }
    .aus3-dw__item:nth-child(11) {
        order: 11;
    }
    .aus3-dw__item:nth-child(12) {
        order: 12;
    }
    .aus3-dw__item:nth-child(13) {
        order: 13;
    }
    .aus3__domains-wrapper {
        gap: 24px;
    }
    .aus3__gradient1,
    .aus3__gradient2 {
        display: none;
    }

    /* slide 4 */
    .aus4__title-wrap {
        margin-bottom: 150px;
    }
    /* .aus4__subtitle  {
        margin-bottom: 0;
        font-size: 24px;
    } */
    .aus4__title,
    .aus4__title span {
        font-size: 40px;
    }
    .aus4__title-mob-svg1 {
        bottom: -60px;
        left: -10px;
    }
    .aus4__title-mob-svg2 {
        top: -60px;
        right: -10px;
    }
    .aus4__description-subtitle {
        font-size: 16px;
    }
    .aus4__description-title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .aus4__description-text-title,
    .ausct1__descr span,
    .ausct2__item-descr span {
        font-size: 20px;
    }

    /* slide 5 */
    .aus5__item {
        flex-basis: 100%;
    }

    /* slide 6 */
    .aus__case-tag-wrap {
        position: initial;
        margin-bottom: 17px;
    }
    .aus__case-tag {
        text-align: left;
        font-size: 16px;
    }
    .ausct1__descr-title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .aus5__item-title {
        font-size: 16px;
    }
    
    .ausct1__item-img-wrap {
        min-width: max-content;
    }


    /* slide 7 */
    .ausct2__item-title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    /* slide 11 */

    .ausct1__images-wrap {
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin: 0 -16px;
        padding: 0 16px;
    }

    /* slide 13 */
    .ausct3__descr-title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    /* slide 14 */
    .aus14__title-wrap {
        margin-bottom: 24px;
    }
    .aus14__title,
    .prsnttn__h2-title {
        font-size: 40px;
    }
    .aus14__services-item {
        flex-basis: 100%;
    }

    /* slide 15 */
    .aus15__social-link {
        font-size: 20px;
    }
    .aus15__social-link svg,
    .aus15__cntcts-phone svg {
        width: 30px;
    }
    .aus15__cntcts-phone,
    .aus15__cntcts-mail {
        font-size: 20px;
        line-height: 125%;
    }
    .aus15__title {
        font-size: 40px;
        margin-bottom: 0;
    }

    /* about us presentation 767 end */

    /* 2d art + 3d art presentation 767 start */

    .presentation-art .aus1__content-wrap.aus__content-wrap {
        padding-top: 134px;
    }
    .prsnttn-header__text {
        font-size: 18px;
    }

    /* service slide slide 2  */
    .prsnttn__s2-title-wrap {
        margin-bottom: 40px;
    }
    .prsnttn__service-slide-items-wrap {
        flex-wrap: wrap;
        gap: 30px;
    }
    .prsnttn__service-slide-item-title {
        font-size: 24px;
    }

    /* slide 12 */
    .prsnttn__s12-content-wrap {
        flex-direction: column-reverse;
        gap: 30px;
    }

    /* slide 13 */
    .prsnttn__slide13 {
        background-position: left;
    }
    .prsnttn__s13-content-wrap {
        padding-left: 16px;
        flex-direction: column-reverse;
        gap: 30px;
        align-items: center;
    }
    .prsnttn__slider-img-wrap:nth-child(2) .prsnttn__slide13-img {
        transform: none;
    }

    /* slide 14 */
    .prsnttn__s14-content-wrap .prsnttn__slider-img-wrap {
        flex-basis: 100%;
    }

    /* slide 16 + slide 17 slide 18 */
    .prsnttn__s16-content-wrap,
    .prsnttn__s17-content-wrap,
    .prsnttn__s18-content-wrap {
        flex-wrap: wrap;
    }

    /* 3d art slide 3 */
    .prsnttn-3d__s3-content-wrap {
        flex-direction: column;
    }

    /* 3d art slide 6 */
    .prsnttn-3d__s6-content-wrap {
        flex-direction: column;
    }
    .prsnttn-3d__s6-item {
        gap: 24px;
    }

    /* 3d art slide 14 */
    .prsnttn-3d__s14-content-wrap {
        flex-direction: column;
    }

    /* 2d art + 3d art presentation 767 end */

    /* presentation portfolio animations 767 start */

    .portfolio__simple-text {
        font-size: 14px;
        transition-delay: 0s;
        line-height: 31px;
    }

    .animations-portfolio__examples {
        padding: 50px 0;
    }
    .animations-portfolio__sctn-title {
        margin-bottom: 40px;
    }
    .anim-prtfl__gif-item.anim-prtfl__gif-item-sm,
    .anim-prtfl__gif-item.anim-prtfl__gif-item-lg {
        flex-basis: 100%;
    }

    .animations-portfolio__video-wrapper {
        margin-bottom: 50px;
    }

    /* presentation portfolio animations 767 end */

    /* ==================================== Archive Blog Page 767 start =============================  */

    .blog-section {
        padding: 40px 0 60px;
    }
    .blog-filter-buttons , .category-filter-buttons {
        flex-wrap: nowrap;
        overflow: scroll;
        margin: 0 -16px 32px;
        padding: 0 16px;

        scrollbar-width: none;
    }
    .archive-title {
        font-size: 32px;
        line-height: 43px; /* 134.375% */
    }
    .post-card {
        flex-basis: 100%;
    }
    .archive__gradient.archive__gradient-1 {
        top: 50%;
    }
    .archive__gradient.archive__gradient-2 {
        top: 70%;
    }
    
    /* ==================================== Archive Blog Page 767 end =============================  */

    /* ==================================== Archive Blog Page Single Post 767 start ===============  */

    .single-post__article {
        padding: 40px 0 60px;
    }
    .single-post__hashtags-wrap {
        gap: 2px 12px;
        margin-bottom: 24px;
    }
    .single-post__article-title {
        font-size: 32px;
        line-height: 120%; /* 38.4px */
    }
    .single-post__author-date-time-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .single-post__date-time-info {
        gap: 8px;
    }
    .single-post-thumbnail {
        height: 222px;
    }
    .single-post__gradient.single-post__gradient-1 {
        right: 41%;
        top: 0%;
        width: 300px;
        height: 300px;
        opacity: .5;
    }
    .single-post__gradient.single-post__gradient-2 {
        width: 300px;
        height: 300px;
        top: 0;
        left: 62%;
    }
    .more-articles__gradient.more-articles__gradient-1
    .more-articles__gradient.more-articles__gradient-4 {
        display: none;
    }
    .more-articles__gradient.more-articles__gradient-2 {
        left: 30%;
    }
    .more-articles__gradient.more-articles__gradient-3 {
        top: 45%;
        right: 46%;    
    }



    /* ==================================== Archive Blog Page Single Post 767 end =================  */

    /* ==================================== Single Post Cases 767 start ===========================  */

    .case-hero {
        padding: 70px 0 48px;
    }
    .case-hero__title-wrap {
        margin-bottom: 32px;
    }
    .case-hero__title {
        font-size: 36px;
        line-height: 43px; /* 134.375% */
    }
    .case-hero__images-wrap {
        flex-direction: column;
        gap: 20px;
    }
    .case-hero__image-item-sm {
        flex-basis: 100%;
        height: 395px;
    }
    .case-hero__image-item-lg {
        flex-basis: 100%;
        height: 192px;
    }
    .case-description-title {
        font-size: 32px;
        line-height: 43px; /* 134.375% */ 
    }
    .case-about__main-info-item-text,
    .case-description-text,
    .case-challenge__main-info-text,
    .case-results__main-info-text {
        font-size: 14px;
        line-height: 24px;
    }
    .case-solutions__main-info-item {
        flex-direction: column;
        gap: 12px;
    }
    .case-results__main-info-wrap {
        padding: 24px;
    }
    .case-gallery__title-wrap {
        margin-bottom: 24px;
    }
    .case-gallery-swiper-navi-wrap {
        display: none;
    }
    .case-gallery-swiper-slide {
        height: 194px;
    }
    .case-gallery-swiper-pagination {
        margin-top: 24px;
    }

    /* ==================================== Single Post Cases 767 end =============================  */

    /* ==================================== Page Service Website Audit 767 Start ==================  */

    /* page services section hero 767 start */

    .service-hero {
        padding: 60px 0;
    }
    .service-hero__content-wrap {
        flex-direction: column;
        gap: 60px;
    }
    .service-hero__info-wrap {
        text-align: center;
    }
    .service-hero__info-text {
        margin-bottom: 0;
    }
    .service-hero__btn {
        display: none;
    }
    .service-hero__mob-btn {
        display: block;
        width: 100%;
    }
    .service-web-audit-hero-img-wrap img {
        width: 100%;
    }
    .service-web-audit-hero__visual-tag-2 {
        top: 12%;
    }

    /* page services section hero 767 end */

    /* page services section steps 767 start */
    
    .service__title-wrap {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 24px;
    }
    .service-steps__items-wrap {
        grid-template-columns: 1fr;
    }
    .service-steps__item:not(:first-child) {
        margin-top: 16px;
    }
    .service-steps__item-num {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .service-steps__item-title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .service-steps__item-content p,
    .service-steps__item-content ul {
        margin-bottom: 16px;
    }

    /* page services section steps 767 end */

    /* page services section reasons 767 start */

    .service-reasons__title-wrap {
        margin-bottom: 24px;
    }
    .service-reasons__item {
        padding: 20px 24px 24px;
        text-align: center;
    }
    .service-reasons__item-icon {
        margin: 0 auto 12px;
    }

    /* page services section reasons 767 end */

    /* page services section audits samples 767 start */

    .service-audits-samples__title-wrap {
        margin-bottom: 24px;
    }
    .service-audits-samples__item {
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
    }
    .service-audits-samples__item-info {
        flex-wrap: wrap;
        gap: 16px 8px;
    }
    .service-audits-samples__item-info-num {
        flex-basis: 30px;
    }
    .service-audits-samples__item-info-title {
        flex-basis: calc(100% - 38px);
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box !important;
        color: #585858;
        font-size: 16px;
    }
    .service-audits-samples__item-link {
        gap: 8px;
    }
    .service-audits-samples__item-link-text {
        font-size: 16px;
        letter-spacing: 0.16px;
    }
    .service-audits-samples__item-link-icon {
        background-color: #000;
    }
    .service-audits-samples__item-link-icon svg {
        stroke: #fff;
    }

    /* page services section audits samples 767 end */

    /* page services web audit banner 767 start */

    .banner-audit__include-tag {
        display: none;
    }

    /* page services web audit banner 767 end */


    /* ==================================== Page Service Website Audit 767 End ======================  */
    
    /* ==================================== Page Service Security Audit 767 Start =================== */

    /* page services security audit hero 767 start */

    .page-template-page-service-security-audit .service-hero__content-wrap {
        gap: 80px;
    }

    .service-security-audit-hero__visual-tag-2 {
        left: 0;
    }
    .service-security-audit-hero__visual-tag-3 {
        top: 28%;
    }
    
    /* page services security audit hero 767 end */

    /* page services security audit types of testing 767 start */

    .service-types-of-testing__title-wrap {
        align-items: flex-start;
    }

    /* page services security audit types of testing 767 end */

    /* page services security audit faq 767 start */

    .accordion .accordion-item {
        border-radius: 20px;
    }

    .accordion button .accordion-title {
        font-size: 16px;
    }

    /* page services security audit faq 767 end */

    /* ==================================== Page Service Security Audit 767 End ===================== */

    /* ==================================== Page Service Ecommerce 767 Start ======================== */

    /* page services ecommerce hero 767 start */
    
    .service-ecommerce-hero-img-items-wrap {
        gap: 38px;
    }

    .service-hero__visual-row-2 {
        margin-top: 58px;
    }

    .service-ecommerce-hero-img-item-2 {
        display: none;
    }

    .service-ecommerce-hero-img-item-4 {
        margin-left: 0;
        transform: translate(calc(-100% - 7px), -40px);
    }

    .service-ecommerce-hero-img-item-1 img {
        width: 120px;
        height: 120px;
    }

    .service-ecommerce-hero-img-item-3 img {
        width: 120px;
        height: 120px;
    }

    .service-ecommerce-hero-img-item-4 img {
        width: 120px;
        height: 110px;
    }

    .service-ecommerce-hero__visual-tag-3 {
        left: 0;
        transform: translate(-50%, 0);
        border-radius: 48px 70px 0px 48px;
    }

    .service-ecommerce-hero__visual-tag-4 {
        right: auto;
        left: calc(100% + 10px);
        top: auto;
        bottom: 0;
    }

    /* page services ecommerce hero 767 end */

    /* page service ecommerce development services 767 start */
    
    .service-dev-services__item,
    .service-dev-services__item:nth-last-child(1) {
        flex-basis: 100%;
    }

    /* page service ecommerce development services 767 end */

    /* page service ecommerce service platforms 767 start */
    
    .service-platforms__wide-items-wrap {
        margin-bottom: 24px;
    }

    .service-platforms__wide-item,
    .service-platforms__item {
        flex-basis: 100%;
        padding: 20px 12px;
    }

    .service-platforms__wide-item-icon-wrap,
    .service-platforms__item-icon-wrap {
        width: 52px;
        height: 52px;
        padding: 10px;
    }

    .service-platforms__wide-item-name,
    .service-platforms__item-name {
        font-size: 16px;
        line-height: 160%;
    }

    .service-platforms__wide-item-main-info {
        margin-bottom: 12px;
    }

    .service-platforms__wide-item-text,
    .service-platforms__item-text {
        font-size: 14px;
        line-height: 170%;
    }

    .service-platforms__wide-item-additional-info,
    .service-platforms__item-additional-info {
        padding: 12px 10px;
        font-size: 14px;
        line-height: 140%;
    }

    /* page service ecommerce service platforms 767 end */

    /* page service ecommerce sdlc 767 start */

    .service-sdlc__timeline-wrap {
        flex-direction: column;
        padding: 0 22px;
        gap: 12px;
    }

    .service-sdlc__timeline-wrap:before,
    .service-sdlc__timeline-wrap:after {
        display: none;
    }

    .service-sdlc__timeline-item-info-wrap {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        transform: none;
        padding: 12px 8px;
        min-height: auto;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .service-sdlc__timeline-item:nth-child(odd) .service-sdlc__timeline-item-info-wrap,
    .service-sdlc__timeline-item:nth-child(even) .service-sdlc__timeline-item-info-wrap {
        top: auto;
        bottom: auto;
    }

    .service-sdlc__timeline-item-info-wrap::before {
        position: absolute;
        content: '';
        width: 100%;
        height: calc(100% + 12px);
        border-radius: 16px;
        border: 1px solid #D3D5D7;
        top: 50%;
        z-index: -1;
    }

    .service-sdlc__timeline-item:nth-child(odd) .service-sdlc__timeline-item-info-wrap::before {
        border-right: none;
        left: -22px;
    }

    .service-sdlc__timeline-item:nth-child(even) .service-sdlc__timeline-item-info-wrap::before {
        border-left: none;
        right: -22px;
    }

    .service-sdlc__timeline-item:nth-last-child(2) .service-sdlc__timeline-item-info-wrap::before {
        display: none;
    }

    .service-sdlc__timeline-item-num-wrap {
        display: none;
    }

    .service-sdlc__timeline-item-info-icon {
        margin-bottom: 0;
    }

    .service-sdlc__timeline-item-info-text {
        max-width: calc(100% - 72px);
        text-align: left;
    }
    
    /* page service ecommerce sdlc 767 end */

    /* page service ecommerce type of sites 767 start */

    .service-type-of-sites__item {
        flex-basis: 100%;
    }

    /* page service ecommerce type of sites 767 end */

    /* page service ecommerce features 767 start */

    .service-ecommerce-features__items-wrap {
        flex-direction: column;
        gap: 16px;
    }

    .service-ecommerce-features__items-row-title {
        font-size: 20px;
    }

    .service-ecommerce-features__item-name {
        font-size: 14px;
    }

    /* page service ecommerce features 767 end */

    /* page service ecommerce business solution 767 start */

    .service-business-solution__item {
        flex-basis: 100%;
    }

    .service-business-solution__item-text {
        font-size: 14px;
    }

    /* page service ecommerce business solution 767 end */
	
	/* page testimonials section reasons 767 start */ 
	
	.testimonials__title-wrap {
		gap: 16px;
		margin-bottom: 40px;
	}
	.testimonials-slide__main-info {
		padding: 24px;
		border-radius: 24px;
		min-height: auto;
	}
	.testimonials .container.testimonials-slider-nav-container {
		margin-top: 20px;
		gap: 20%;
	}
	.testimonials-slide__person-wrap {
		padding: 0 20px;
		gap: 16px;
	}
	.testimonials-slide__person-name {
		font-size: 18px;
	}
	.testimonials__text {
		text-align:start;
	}
	.testimonials {
		padding: 60px 0;
	}
    .testimonials-swiper-pagination {
        display: none;
    }
	
	
	/* page testimonials section reasons 767 end */ 

	/* page progress DevOps 767 start */
	
	.devops-maturity__levels {
		flex-direction: column;
		padding: 20px 0;
		gap: 40px;
		margin: 30px 0 0;
	}


	.devops-maturity__level-content {
		position: relative;
		background: transparent;
		width: 100%;
		min-height: auto;
		padding: 0;
		text-align: start;
		align-items: flex-start;
		transform: none;
		left: 0;
		padding-left: 70px;
	}

	.devops-maturity__level-icon {
		position: absolute;
		left: 0;
		transform: translateY(-50%);
		background-color:#fff;
	}

	.devops-maturity__level-title {
		position: relative;
		left: auto;
		transform: none;
		text-align: start;
		bottom: auto;
		padding-left: 70px;
	}

	.devops-maturity__level-icon:before {
		content:none;
	}

	.devops-maturity__level-dot {
		position: absolute;
		left: 25px;
	}

	.devops-maturity__levels::before {
		content: none;
	}

	.devops-maturity__level-title {
		font-size: 18px;
		padding-bottom: 5px;
	}

	.devops-maturity__level-dot:before {
		height: 103px;
		border-left: 1px solid #4D4D4D;
		transform: translate(-50%, -50%);
	}

	.devops-maturity__header {
		display: flex;
		gap: 20px;
		flex-direction: column;
	}

    /* page progress DevOps 767 end */
	
	/* page technology DevOps 767 start */

	.technologies__categories {
		display: none;
	}

	.technologies__select {
		display: block;
	}

	.technologies__title {
		margin-bottom: 20px;
	}

	.technology {
		padding: 12px 5px;
		gap:8px;		
	}

	p.technology__title {
		line-height: 1.1;
	}

	.technologies__items_ {
		grid-template-columns: repeat(3, 1fr);
	}

	/* page technology DevOps 767 end */

	/* page case DevOps 767 start */
	
	.our-cases__tags-wrap {
		margin-bottom: 32px;
	}

	.case__tech-stack {
		min-height: 260px;
	}
	
	/* page case DevOps 767 end */
	
	.select2-results__option {
		padding: 14px 12px;
	}
	
	.service-hero a {
		width: 100%;
	}

    .about-us-hero-video a{
        position: absolute;
        top: 28%;
        left: 41%;
        width: auto;
    
        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 1));
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 22px 22px 24px 27px;
    
        transition: 0.5s ease;
    }
	
	/* block hiring start */
		
	.hiring-block__content {
		padding: 160px 24px;
	}	
	.hiring-block__button.btn {
		width: 100%;
	}
	
	/* block hiring end */

    /* ==================================== Page Service Pitch Deck 767 Start =======================  */

    .service-expertise__title-wrap {
        margin-bottom: 24px;
    }    
    .service-reasons__title {
        margin-bottom: 24px;
    }

    .service-pitch-deck-hero .service-ecommerce-hero__visual-tag-4 {
        left: 37%;
        bottom: -50px;
    }
    
    
    /* ==================================== Page Service Pitch Deck 767 End =========================  */

    /* ==================================== Page Service Outstaffing 767 Start ====================== */

    .service-outstaffing-hero-img-item-1 img {
        width: 130px;
        height: 130px;
    }

    .service-outstaffing-hero-img-item-2 img {
        width: 164px;
        height: 143px;
    }

    .service-outstaffing-hero-img-item-4 img {
        width: 175px;
        height: 160px;
    }

    .service-outstaffing-hero__visual-tag-4 {
        bottom: auto;
        top: calc(100% + 10px);
        right: 20px;
    }

    .service-outstaffing-hero-img-item-3 {
        display: none;
    }

    .service-outstaffing-advantages__items-wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .service-outstaffing-advantages__item {
        padding: 24px 16px;
    }

    .service-outstaffing-advantages__item-icon {
        width: 44px;
        height: 44px;
    }

    .service-outstaffing-advantages__item-icon svg {
        width: 20px;
        height: 20px;
    }

    .service-outstaffing-advantages__item-title {
        max-width: calc(100% - 66px);
    }

    .service-outstaffing-process__item {
        padding: 16px;
    }

    .service-outstaffing-process__item-num {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .service-outstaffing-process__items-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-outstaffing-cooperate__items-wrap {
        flex-direction: column;
        gap: 32px;
    }

    .service-outstaffing-cooperate__item-experts-block {
        justify-content: center;
        gap: 8px;
    }

    .service-outstaffing-services__bot-btn {
        position: initial;
        padding: 20px;
        display: block;
        margin-top: 16px;
        width: 100%;
    }

    .service-outstaffing-services__bot-wrap {
        padding: 16px;
    }

    .service-outstaffing-services__bot-title-wrap {
        margin-bottom: 16px;
        max-width: 100%;
    }

    .service-outstaffing-services__bot-title {
        font-size: 24px;
    }

    .service-outstaffing-services__bot-item-title {
        font-size: 18px;
    }

    .sos__bic-simple-text, .sos__item-cost-simple-text {
        font-size: 12px;
    }

    .service-outstaffing-services__item:nth-child(2) .sos__item-cost-big-text {
        font-size: 24px;
    }

    /* ==================================== Page Service Outstaffing 767 End ======================== */

}

/*Custom*/
.testimonials-slide__button-review {
    display: none;
}

.case-about__main-info-item-text ul {
    list-style: disc;
    margin-left: 1em;
}

.case__tech-background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    object-fit: cover;
    transition: .5s ease;
}

@media screen and (max-width: 550px) {
    .service-types-of-testing__item .service-outstaffing-process__marquee-wrap {
        display: none;
    }
    .service-types-of-testing .service-types-of-testing__btn{
        display: flex;
        gap: 8px;
        justify-content: center;
        align-self: center;
        width: 100%;
    }
    .service-types-of-testing .service-types-of-testing__btn span{

    display: block;
    padding: 4px 10px 4px 10px;
    border-radius: 24px;


    font-family: 'Poppins-Medium';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #000;

    background-color: #B9FF66;
    }
    .articles-section .team__schedule .schedule__message{
        padding: 12px 16px;
        font-size: 16px;
    }
    .articles-section .team__schedule .schedule__gradient-4 {
        top: 40%;
        left: -40%;
    }
    .service-types-of-testing__btn {
        padding: 20px 20px;
    }
}
@media screen and (max-width: 600px) {
    .archive-title-wrap{
        flex-direction: column;
        align-items: start;
        gap: 32px;
    }
}
@media screen and (max-width: 480px) {
    .form-popup__input-item {
        flex-basis: auto;
        width: 100%;
    }
    #sendMailPopup {
        padding: 14px;
        width: 100%;
    }
}
@media screen and (max-width: 450px) {
    .about-us-hero-video a{
        top: 21%;
        left: 39%;
    }
}