.new-service .main-hero h1,
h2 {
    font-weight: 400
}

.about_team .slick-list,
.about_team .slick-track,
.container,
.content_articles__load-more,
.fb_form .item,
.fb_form .item.half,
.navigation.pagination,
.new-service .main-hero .btn,
.new-service .main-hero .img svg,
.pp_fade iframe,
.uniqueness.for_col .uniqueness_blockes {
    width: 100%
}

.blog_subs-to-file .mailster-submit-wrapper .submit-button:hover,
.btn:hover,
.btn_white:hover,
.comment-form input[type=submit]:hover,
.mailster-form-3 .mailster-submit-wrapper.form-submit .submit-button:hover,
.newsletter_page .submit-button:hover,
.wpcf7-submit:hover {
    background-color: #9d0038
}

.cases_slider__block__center ul li a,
.fb_adress,
.fb_map,
.stage_block {
    box-shadow: 0 19px 48px 12px rgba(0, 0, 0, .05)
}

.footer-menu li.menu-item-has-children>a:after,
ul.accordion a.toggle:after {
    background-image: url(/wp-content/themes/SPDLoad/img/menu-chidpren-arrow.svg);
    width: 7px;
    height: 5px
}

main {
    overflow: hidden;
    font-feature-settings: "clig"off, "liga"off
}

main.overflow-clear {
    overflow: visible
}

h2 {
    font-size: 2.7rem
}

.uniqueness_block p,
.uniqueness_service_block p,
p {
    font-size: 1rem;
    line-height: 1.5;
    color: #212121
}

.saas-startups-projects-list .item .bg-image img,
.saas-startups-projects-list .item .bg-image svg,
img {
    max-width: 100%;
    max-height: 100%
}

.xs-hidden {
    display: inline-block
}

@media (min-width: 330px) and (max-width: 630px) {
    .xs-hidden {
        display: none
    }
}

.note-section {
    height: 48px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 11px;
    line-height: 130%;
    text-transform: uppercase;
    background: linear-gradient(270deg, #0f4c81 0, #aad7ff 190.53%)
}

.our-values .video,
.readmore,
.uniqueness_block .image {
    background-repeat: no-repeat
}

.note-section img {
    margin-right: 10px
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1330px
}

.new-service .main-hero {
    padding-top: 40px;
    color: #0f4c81
}

.new-service .main-hero p {
    color: inherit
}

@media (min-width: 768px) {
    .note-section {
        font-size: 14px
    }

    .new-service .main-hero h1 {
        font-size: 46px
    }

    .new-service .main-hero .hero-description {
        font-size: 24px
    }
}

.new-service .main-hero h1 strong,
.new-service .startups-with-us .list-item .name strong,
.new-service .who-we-are .info p b {
    font-weight: 900
}

.new-service .main-hero .hero-description {
    margin-bottom: 32px;
    max-width: 625px
}

.new-service .main-hero .btn-wrapper,
.two-btn-in-row {
    display: grid;
    grid-gap: 16px
}

@media (min-width: 768px) {
    .new-service .main-hero .btn-wrapper {
        grid-template-columns: 260px 260px;
        justify-content: center
    }

    .new-service .main-hero .btn {
        height: 60px
    }
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style-type: none;
    padding: 0;
    left: 0
}

.grecaptcha-badge,
.grecaptcha-logo {
    visibility: hidden !important
}

.footer_sitemap-copy {
    text-align: center;
    opacity: .4;
    font-size: 16px
}

.btn,
.wpcf7-submit {
    font-size: .875rem;
    transition: background-color .4s;
    position: relative;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #ff2c55;
    cursor: pointer
}

.footer_sitemap-copy small {
    font-size: 70%
}

.leadinModal .recaptcha-bind {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0
}

#tellAboutIdea form,
.about_team__info,
.blog_filter,
.comment-respond .comment-form p,
.contact-form form,
.mailster-form-3 .mailster-lists-wrapper ul.mailster-list label,
.popup-form {
    position: relative
}

.fb_form .item.checkbox input:focus:after,
.popup-form input[type=email]:focus,
.popup-form input[type=text]:focus,
.popup-form select:focus,
.popup-form textarea:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 0;
    border-bottom-color: #ff2c55 !important
}

.slick-dots li {
    padding: 0 .3rem
}

.titles h1,
.titles h2 {
    margin: 0;
    padding: 1rem;
    line-height: 1.3
}

.slick-dots li button {
    text-indent: -99999px;
    width: 1rem;
    height: 1rem;
    display: block;
    border: none;
    background-color: rgba(255, 44, 85, .3)
}

.scroll-nav ol li.scroll-nav__item--active a:after,
.scroll-nav ol li>a:hover:after,
.slick-dots li.slick-active button {
    background-color: #ff2c55
}

.separate {
    height: 5rem
}

.wpcf7-submit {
    border-radius: 3px;
    border: none;
    min-height: 45px;
    padding: 0 1rem;
    margin: 1rem auto 0;
    display: block
}

.btn {
    border-radius: 3px;
    border: none;
    width: 80%;
    margin: 0 auto
}

@media (min-width: 1300px) {
    .btn {
        margin: 0
    }
}

.btn_link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto
}

.btn_round {
    background-color: #ff2c55;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-right: .7rem
}

.btn_round:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
    width: 0;
    height: 0;
    border-left: 1.25rem solid #fff;
    border-bottom: .625rem solid transparent;
    border-top: .625rem solid transparent;
    border-right: .625rem solid transparent
}

.btn_white {
    background-color: #fff;
    color: #ff2c55
}

.btn_white:hover {
    color: #fff
}

.cases .we_do.hwd_it .we_do_inner p span,
.fb_adress h3,
.footer a:hover,
.hire-list li a:hover,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.readmore,
.saas-startups-problems-list .item.red-title h4,
.scroll-nav ol li.scroll-nav__item--active>a,
.scroll-nav ol li>a:hover,
.stage h2 span,
.titles span,
.uniqueness_service_block:hover h3 {
    color: #ff2c55
}

.d-desctop-none {
    display: block
}

.contacts .fb,
.our-values {
    padding: 2rem 0
}

.our-values .line {
    display: inline-block;
    border-bottom: 1px solid #ff2c55
}

.our-values .video {
    display: none;
    background-image: url(/wp-content/themes/SPDLoad/img/value_video__bg.png);
    background-position: center;
    text-align: center;
    max-width: 36.56rem;
    min-height: 34.875rem;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto
}

@media (min-width: 375px) {
    .our-values .video {
        padding-bottom: .5rem
    }
}

.our-values .text,
.titles {
    padding: 0 1rem;
    text-align: center
}

.our-values .video_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff2c55;
    text-decoration: none;
    font-weight: 400;
    font-size: 1rem;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -130%);
    transform: translate(-50%, -130%);
    min-width: auto
}

@media (min-width: 630px) {
    .our-values .video_btn {
        top: 10.665rem;
        right: -1.5rem;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
}

.our-values .video_btn .btn_round {
    -webkit-transform-origin: center;
    transform-origin: center;
    transform-box: fill-box;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.our-values .video_btn .btn_round:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.our-values .video .img {
    display: flex;
    align-items: flex-end;
    justify-content: start
}

.our-values .text p {
    text-align: justify
}

@media (min-width: 768px) {
    .btn {
        width: auto
    }

    .btn_round {
        width: 6rem;
        height: 6rem;
        margin-right: 1.875rem
    }

    .d-desctop-none {
        display: none
    }

    .our-values .video {
        display: flex;
        padding-bottom: .5rem;
        flex-grow: 1
    }

    .our-values .text {
        text-align: left;
        max-width: 30rem;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .new-service .container.container-sticky-right {
        padding-right: 0
    }

    .new-service .main-hero {
        display: grid;
        grid-template-columns: 1.25fr 1fr;
        grid-gap: 50px;
        align-items: center
    }

    .new-service .main-hero .btn-wrapper {
        justify-content: start
    }

    .our-values {
        padding: 6.25rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .our-values .video {
        margin: inherit;
        margin-right: 8rem
    }

    .our-values .text {
        margin: inherit;
        max-width: 17.8125rem
    }
}

.titles {
    width: 100%;
    margin-bottom: 2rem
}

.titles h2 {
    text-align: center;
    width: 100%
}

.titles h1 {
    text-align: center;
    width: 100%;
    font-weight: 400
}

.titles p {
    font-size: 1.3rem;
    color: #828282;
    max-width: 37rem;
    margin: 0 auto
}

.readmore {
    font-size: .6rem;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    padding-right: 2rem;
    transition: background-position .4s;
    background-image: url(/wp-content/themes/SPDLoad/img/readmore_arrow.svg);
    background-position: calc(100% - 1.3rem) 1px;
    background-size: .3rem
}

.readmore:hover {
    background-position: calc(100% - .5rem) 1px
}

.uniqueness {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1rem
}

.uniqueness_blockes,
.uniqueness_service_blockes {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center
}

.uniqueness_block {
    padding: 1rem 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.uniqueness_block .image {
    height: 7rem;
    background-position: center;
    background-size: contain;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    background-image: url(/wp-content/themes/SPDLoad/img/spot-gray.svg)
}

.uniqueness_block:hover .image {
    -webkit-transform: scale(1.07) rotate(3deg);
    transform: scale(1.07) rotate(3deg);
    background-image: url(/wp-content/themes/SPDLoad/img/spot-rose.svg)
}

@media (min-width: 768px) {
    .uniqueness {
        padding: 4.25rem 1rem
    }

    .uniqueness_blockes {
        flex-direction: row
    }

    .uniqueness_block .image {
        height: 5rem
    }

    .for_col .uniqueness_block {
        width: 50%
    }

    .uniqueness_block {
        width: 33%
    }
}

.space_block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 30rem;
    background-color: #010001;
    padding: 0 1rem
}

.space_block video {
    display: none;
    position: absolute;
    z-index: 1;
    width: 200%
}

.space_block p {
    z-index: 5;
    color: #fff;
    position: relative;
    max-width: 50rem;
    text-align: center;
    font-size: 1.5rem
}

.space_block .space-image {
    display: none;
    position: absolute;
    z-index: 2;
    opacity: .4;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 130%;
    -webkit-animation: 5s ease-in-out infinite alternate estimate-info;
    animation: 5s ease-in-out infinite alternate estimate-info;
    -webkit-transform-origin: center;
    transform-origin: center;
    transform-box: fill-box
}

@media (min-width: 768px) {
    .space_block {
        height: 40rem
    }

    .space_block .space-image,
    .space_block video {
        display: block;
        width: 100%
    }

    .space_block p {
        font-size: 1.7rem
    }
}

@-webkit-keyframes estimate-info {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
        opacity: .2
    }

    100% {
        -webkit-transform: scale(1.1) translate(-50%, -50%);
        transform: scale(1.1) translate(-50%, -50%);
        opacity: .4
    }
}

@keyframes estimate-info {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
        opacity: .2
    }

    100% {
        -webkit-transform: scale(1.1) translate(-50%, -50%);
        transform: scale(1.1) translate(-50%, -50%);
        opacity: .4
    }
}

.uniqueness_block h3 {
    font-size: 2rem;
    font-weight: 500;
    margin: 1.4375rem 1rem
}

@media (min-width: 768px) {
    .uniqueness_block h3 {
        font-size: 1.3rem
    }
}

.uniqueness_block h3 a {
    color: #000;
    text-decoration: none;
    transition: color .4s
}

.stage_block:hover h3,
.uniqueness_block:hover h3 a {
    color: #ff2d55
}

.uniqueness_service {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1rem;
    background-color: #f2f2f2;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.uniqueness_service__lines {
    position: absolute;
    height: 1px;
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0, #ff2c55 45%, #ff2c55 55%, rgba(125, 185, 232, 0) 100%);
    z-index: 0
}

.uniqueness_service__lines:first-child {
    width: 30rem;
    top: 0;
    left: 5%;
    -webkit-transform: translate(11rem, -11rem) rotate(-45deg);
    transform: translate(11rem, -11rem) rotate(-45deg);
    -webkit-animation: 4s linear infinite line-drow;
    animation: 4s linear infinite line-drow
}

@-webkit-keyframes line-drow {
    to {
        -webkit-transform: translate(-26rem, 26rem) rotate(-45deg);
        transform: translate(-26rem, 26rem) rotate(-45deg)
    }
}

@keyframes line-drow {
    to {
        -webkit-transform: translate(-26rem, 26rem) rotate(-45deg);
        transform: translate(-26rem, 26rem) rotate(-45deg)
    }
}

.uniqueness_service__lines:nth-child(2) {
    width: 35rem;
    left: 30%;
    -webkit-transform: translate(31rem, -31rem) rotate(-45deg);
    transform: translate(31rem, -31rem) rotate(-45deg);
    -webkit-animation: 4s linear 1s infinite line-drow2;
    animation: 4s linear 1s infinite line-drow2
}

@-webkit-keyframes line-drow2 {
    to {
        -webkit-transform: translate(-46rem, 46rem) rotate(-45deg);
        transform: translate(-46rem, 46rem) rotate(-45deg)
    }
}

@keyframes line-drow2 {
    to {
        -webkit-transform: translate(-46rem, 46rem) rotate(-45deg);
        transform: translate(-46rem, 46rem) rotate(-45deg)
    }
}

.uniqueness_service__lines:nth-child(3) {
    width: 25rem;
    left: 65%;
    -webkit-transform: translate(31rem, -31rem) rotate(-45deg);
    transform: translate(31rem, -31rem) rotate(-45deg);
    -webkit-animation: 4s linear 2s infinite line-drow3;
    animation: 4s linear 2s infinite line-drow3
}

@-webkit-keyframes line-drow3 {
    to {
        -webkit-transform: translate(-46rem, 46rem) rotate(-45deg);
        transform: translate(-46rem, 46rem) rotate(-45deg)
    }
}

@keyframes line-drow3 {
    to {
        -webkit-transform: translate(-46rem, 46rem) rotate(-45deg);
        transform: translate(-46rem, 46rem) rotate(-45deg)
    }
}

.uniqueness_service__lines:nth-child(4) {
    width: 32rem;
    left: 90%;
    -webkit-transform: translate(15rem, -15rem) rotate(-45deg);
    transform: translate(15rem, -15rem) rotate(-45deg);
    -webkit-animation: 4s linear 3s infinite line-drow4;
    animation: 4s linear 3s infinite line-drow4
}

@-webkit-keyframes line-drow4 {
    to {
        -webkit-transform: translate(-30rem, 30rem) rotate(-45deg);
        transform: translate(-30rem, 30rem) rotate(-45deg)
    }
}

@keyframes line-drow4 {
    to {
        -webkit-transform: translate(-30rem, 30rem) rotate(-45deg);
        transform: translate(-30rem, 30rem) rotate(-45deg)
    }
}

.uniqueness_service_block {
    padding: 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.uniqueness_service_block h3 {
    font-size: 2rem;
    color: #000;
    padding: 0;
    margin: 20px;
    font-weight: 500;
    width: 100%;
    position: relative;
    text-align: center;
    transition: color .4s
}

.uniqueness_service_block h3:after {
    position: absolute;
    width: 1.5rem;
    height: 0;
    border: 1px solid #ff2c55;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.stage {
    background-color: #fff;
    padding: 2rem 1rem
}

.stage h2 {
    font-size: 2.7rem;
    text-align: center;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 4rem
}

@media (min-width: 768px) {
    .uniqueness_service {
        padding: 4.25rem 1rem
    }

    .uniqueness_service_blockes {
        flex-direction: row
    }

    .uniqueness_service_block {
        max-width: 20rem
    }

    .stage h2 {
        margin-bottom: 6rem
    }

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

.stage_block {
    background-color: #fff;
    text-align: center;
    margin-bottom: 3rem;
    border: 1px solid #fff;
    transition: .4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.stage_block a {
    text-decoration: none;
    padding: 3rem
}

.scholarship_content .item,
.stage_block img {
    width: 50%
}

.home-lending-class-item a,
.stage_block:hover a {
    text-decoration: none
}

.stage_block:hover {
    border-color: #ff2c55
}

@media (min-width: 768px) {
    .stage_block {
        margin: 0 .5rem;
        min-width: 21rem;
        max-width: 30rem
    }

    .stage_block:last-child {
        margin-right: 0
    }
}

.banner_btns a:last-child,
.footer_sitemap-link:last-child,
.hwc_halp_left p:last-child,
.mailster-form-info li,
.mailster-form-info p,
.stage_block:last-child {
    margin-bottom: 0
}

.stage_block h3 {
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1.3;
    color: #000;
    transition: color .4s
}

@media (min-width: 768px) {
    .stage_block a {
        padding: 1rem
    }

    .stage_block h3 {
        font-size: 1.3rem
    }

    .stage_block p {
        font-size: 1rem
    }
}

.cases .customers,
.customers,
.services .customers,
.services_foll .customers {
    padding-top: 2rem
}

.article_header .article_autor_info,
.customers .slick-track {
    display: flex
}
 
.customers_slider__block,
.customers_slider__container {
    justify-content: space-between;
    display: flex;
    position: relative
} 

.customers_slider__block {
    background-color: rgba(86, 86, 86, .9);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5rem 1rem;
    height: 450px;
    align-items: flex-start
}

@media (min-width: 768px) {
    .customers_slider__block {
        height: 550px
    }

    .customers_slider__block__info {
        padding-left: 3.5rem
    }
}

@media (min-width: 1024px) {
    .for_col .uniqueness_block {
        width: 25%
    }

    .uniqueness_block {
        width: 33%
    }

    .space_block {
        height: 50rem
    }

    .space_block video {
        width: 85%
    }

    .space_block p {
        font-size: 2.5rem
    }

    .uniqueness_service_block {
        margin: 0 3rem;
        text-align: justify
    }

    .stage {
        padding: 6.25rem 1rem
    }

    .stage_blocks {
        display: flex;
        justify-content: center
    }

    .stage_block {
        margin: 0 9rem 0 0
    }

    .stage_block a {
        padding: 3rem
    }

    .stage_block h3 {
        font-size: 2rem
    }

    .stage_block p {
        font-size: 1.125rem
    }

    .customers {
        padding-top: 1rem
    }

    .customers .slick-arrow {
        right: 5rem
    }

    .customers .slick-arrow.slick-prev {
        right: 16rem
    }

    .customers_slider__block {
        padding-left: 2rem
    }

    .customers_slider__block:after {
        position: absolute;
        content: "";
        width: 10rem;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #fc3159;
        opacity: .5
    }
}

@media (min-width: 1124px) {
    .our-values .text {
        margin: inherit;
        max-width: 22.8125rem
    }

    .customers_slider__block {
        padding: 15rem 1rem 5rem;
        background-position: 0 -135px;
        height: 750px
    }
}

@media (min-width: 1124px) and (max-width: 1560px) {
    .customers_slider__block {
        background-position: 0 0
    }
}

.customers_slider__block__info {
    flex-grow: 1;
    max-width: 51rem;
    margin-right: 1rem;
    position: relative
}

@media (min-width: 1024px) {
    .customers_slider__block__info:after {
        position: absolute;
        padding-left: 0;
        content: url(/wp-content/themes/SPDLoad/img/right-quote.svg);
        top: .7rem;
        left: .7rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 0;
        width: 7rem
    }

    .customers_slider__block .play {
        margin-right: 11rem
    }
}

@media (min-width: 1280px) {
    .new-service .main-hero h1 {
        font-size: 56px
    }

    .uniqueness_block h3 {
        font-size: 2rem
    }

    .customers_slider__block__info:after {
        padding-left: 5.5rem
    }
}

.customers_slider__block__info p {
    margin: 0;
    color: #fff;
    font-size: .875rem;
    line-height: 1.5;
    position: relative;
    z-index: 1
}

.customers_slider__block___customer {
    display: flex;
    align-items: center;
    padding-top: 3rem
}

.customers_slider__block___customer .slick-dots {
    position: absolute;
    bottom: 0
}

.about .slick-dots,
.customers_slider .slick-dots {
    bottom: -3rem
}

.customers_slider__block___customer p {
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: .9375rem;
    padding-top: .375rem;
    line-height: 1
}

.customers_slider__block___customer span {
    display: inline-block;
    background-color: #fff;
    color: #ff2c55;
    padding: .5rem 1rem;
    font-weight: 400;
    font-size: .875rem;
    border-radius: .25rem;
    white-space: nowrap
}

.article_text_full .btn,
.customers_slider__block .play {
    flex-shrink: 0
}

.customers_slider__block .play img {
    width: 4rem;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.customers_slider__block .play:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center;
    transform-box: fill-box
}

@media (min-width: 1124px) {
    .customers_slider__block .play {
        margin-right: 9rem
    }
}

.customers_slider__block .round_image {
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #575757;
    margin-right: 1.6rem;
    width: 60px;
    height: 60px;
    flex-shrink: 0
}

.customers_slider__block .round_image img {
    width: 3.625rem;
    height: 3.625rem;
    -o-object-fit: cover;
    object-fit: cover
}

.customers_slider__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1330px;
    align-items: flex-start;
    width: 100%
}

@media (min-width: 1024px) {
    .customers_slider__container {
        width: calc(100% - 2rem)
    }
}

@media (min-width: 1440px) {
    .customers_slider__block__info:after {
        padding-left: 0
    }

    .customers_slider__container {
        width: calc(100% - 18rem)
    }
}

.cases_slider__blocks {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.cases_slider__block__image {
    order: 2;
    text-align: right;
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.cases_slider__block__center {
    width: 20rem;
    margin-bottom: 3rem;
    z-index: 2;
    order: 3
}

.cases_slider__block__center ul {
    padding: 0;
    list-style-type: none;
    text-align: center
}

.cases_slider__block__center ul li {
    margin-bottom: 1rem
}

.cases_slider__block__center ul li.active-dot a {
    color: #fff;
    background-color: #ff2c55
}

.cases_slider__block__center ul li a {
    display: block;
    color: #ff2c55;
    background-color: #fff;
    padding: .5rem .7rem;
    border-radius: .875rem;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    font-size: .675rem;
    transition: .4s
}

.cases_slider__block__center ul li a:hover {
    color: #fff;
    background-color: #ff2c55
}

.cases_slider__block_info {
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    order: 1;
    text-align: center;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .page-template-landing-discovery .customers_slider__block__info p {
        font-size: 1.5rem;
        line-height: 2.6rem
    }

    .customers_slider .slick-dots {
        bottom: -3rem
    }

    .customers_slider__block .play img {
        width: 6.25rem
    }

    .cases_slider__blocks {
        flex-direction: row
    }

    .cases_slider__block__image {
        width: 50%;
        order: 3
    }

    .cases_slider__block__center {
        order: 2
    }

    .cases_slider__block_info {
        width: 50%;
        padding-right: 0;
        text-align: left;
        margin-bottom: 0;
        padding-left: 3.5rem
    }

    .cases_slider__block__image {
        padding-right: 3.5rem;
        padding-left: 2rem
    }

    .cases_slider__block_info h4,
    .cases_slider__block_info h4 a {
        max-width: 20rem
    }
}

.cases_slider__block_info span {
    color: #212121;
    opacity: .5;
    font-size: 1rem;
    display: inline-block;
    padding: .5rem 1rem;
    background-color: #fff;
    border: 1px solid #828282;
    border-radius: .25rem;
    margin-bottom: .5rem
}

.cases_slider__block__image img {
    display: inline-block;
    max-height: 25rem
}

.cases_slider__block_info .readmore {
    text-transform: inherit;
    font-size: 1.2rem;
    background-position: calc(100% - .6rem) 8px
}

.banner_btns a,
.blog_bottom__fleft__info,
.blog_filter .case-filter-title,
.blog_filter a,
.blog_header h1,
.content_articles__info,
.fb h3,
.fb_adress h5,
.footer h3,
.footer-menu a,
.footer_sitemap-link,
.pum-container .popmake-title,
.second_blok__inner h3 {
    text-transform: uppercase
}

.cases_slider__block_info .readmore:hover {
    background-position: calc(100% - 0rem) 8px
}

.cases_slider__block_info h4,
.cases_slider__block_info h4 a {
    font-size: 1.575rem;
    line-height: 2rem;
    color: #212121;
    text-decoration: none
}

.cases_slider__block_info p {
    font-size: 1.125rem;
    color: #212121;
    line-height: 1.5rem;
    text-align: justify
}

@media (min-width: 768px) {
    .cases_slider__block_info p {
        max-width: 20rem
    }
}

.cases_slider .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: 0 0;
    display: flex;
    align-items: center;
    z-index: 2
}

.cases_slider .slick-arrow img {
    width: 3rem
}

.cases_slider .slick-arrow.slick-next {
    left: auto;
    right: 0
}

.cases .slick-dots {
    bottom: -5rem
}

.portfolio,
.tech,
.we_do {
    padding: 2rem 1rem;
    background-color: #f2f2f2
}

.blog_subs-to-file .mailster-form-fields,
.comment-author,
.comment-form-cookies-consent,
.customers-slider .customer,
.meet-the-team .text,
.portfolio .slick-track {
    display: flex;
    align-items: center
}

.portfolio .slick-list {
    padding: 0 1rem
}

.about {
    background-color: #f2f2f2;
    padding: 4rem 1rem 0
}

.about_team {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 2rem
}

.about_team .slick-slide {
    width: 33%;
    margin-bottom: -5px
}

.about_team__info img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .4s;
    margin: 0 auto
}

.about_team__info:hover .info,
.wpcf7-form-control-wrap {
    display: block
}

.about_team__info:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.about_team__info .info {
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translateX(calc(50% - -6.5rem));
    transform: translateX(calc(50% - -6.5rem));
    display: block;
    text-align: center;
    padding: 0 2rem;
    border-radius: .1875rem
}

.about_team__info .info h5 {
    color: #ff2c55;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0
}

.about_team__info .info p {
    font-size: .875rem;
    color: #212121
}

.fb {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1.5rem 0 2rem
}

.fb h3 {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 3rem
}

.fb_contact {
    width: calc(100% - 2rem);
    padding: 0 1rem;
    margin-bottom: 2rem
}

@media (min-width: 1024px) {
    .about {
        padding: 6.25rem 1rem 0
    }

    .about_team__info .info {
        display: none
    }

    .fb {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .fb_contact {
        width: calc(50% - 1rem);
        margin-bottom: auto;
        padding: 0 3rem
    }
}

.fb_contact h3,
.meet-the-team .item .text p,
.more-article,
.new-service .who-we-are .image,
.newsletter_page .mailster-email-wrapper,
.newsletter_page .mailster-submit-wrapper {
    text-align: center
}

.fb_adress {
    width: calc(100% - 2rem);
    padding: 0 2rem
}

@media (min-width: 1024px) {
    .fb_adress {
        width: calc(50% - 1rem);
        padding: 0 3rem
    }

    .footer-menu .menu-custom_menu-container {
        width: 50%;
    }
}

.fb_adress h5 {
    font-size: .875rem;
    color: #212121;
    font-weight: 400;
    margin: 0
}

.fb_adress p {
    font-size: 1rem;
    color: #212121;
    opacity: .5;
    font-weight: 400;
    margin-bottom: 2.9rem
}

.fb_adress p a {
    color: #212121;
    text-decoration: none
}

.contacts {
    padding-top: 6rem
}

.fb_map {
    width: -webkit-fill-available;
    margin: 2rem 1rem 0;
    padding: 1rem;
    border-top: 4px solid #ff2c55
}

.contact-page .radio-561 .wpcf7-list-item {
    margin-bottom: 10px
}

.fb_form,
.mailster-form-3 .mailster-form-fields,
.saas-startups-problems-list,
.saas-startups-projects-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.back-to-top,
.footer-menu .menu>.menu-item>.sub-menu>li>a:before,
.footer-menu ul li.contact_btn,
.footer-menu ul li.rouse_btn2,
.second_blok.d-none {
    display: none
}

.fb_form input[type=email],
.fb_form input[type=text],
.fb_form textarea,
.popup-form input[type=email],
.popup-form input[type=text],
.popup-form select,
.popup-form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(33, 33, 33, .3);
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    resize: vertical;
    font-weight: 400;
    color: #212121;
    font-size: .875rem;
    background-color: transparent
}

.fb_form input[type=email]::-webkit-input-placeholder,
.fb_form input[type=text]::-webkit-input-placeholder,
.fb_form textarea::-webkit-input-placeholder {
    letter-spacing: .5px;
    opacity: 1;
    transition: .4s
}

.fb_form input[type=email]:focus::-webkit-input-placeholder,
.fb_form input[type=text]:focus::-webkit-input-placeholder,
.fb_form textarea:focus::-webkit-input-placeholder {
    letter-spacing: 20px;
    opacity: 0
}

.fb_form .item.submith {
    text-align: center;
    position: relative
}

.fb_form .item.checkbox {
    color: #212121;
    font-weight: 400;
    font-size: .6875rem;
    padding-left: 2.875rem;
    position: relative;
    line-height: .875rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.fb_form .item.checkbox span a {
    color: #ff2c55;
    text-decoration: none
}

.fb_form .item.checkbox input {
    -webkit-appearance: none;
    position: absolute;
    width: 0;
    height: 0
}

.fb_form .item.checkbox input:checked:after,
.fb_form .item.checkbox input:focus:after {
    border-color: #ff2c55 !important
}

.fb_form .item.checkbox input:after {
    content: "";
    position: absolute;
    top: -.1875rem;
    left: -2.875rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #212121;
    opacity: .3;
    transition: opacity .4s
}

.fb_form .item.checkbox input:before {
    position: absolute;
    content: url(/wp-content/themes/SPDLoad/img/form_ok.svg);
    width: 1.3rem;
    height: 1.3rem;
    top: -.11875rem;
    left: -2.75rem;
    border: 1px solid transparent;
    opacity: 0;
    transition: opacity .4s
}

.fb_form .item.checkbox input:checked:after,
.fb_form .item.checkbox input:checked:before {
    opacity: .7
}

.popup-form .wpcf7-select {
    margin-top: 1rem;
    -webkit-appearance: menulist-button
}

.popup-form input[type=email]::-webkit-input-placeholder,
.popup-form input[type=text]::-webkit-input-placeholder,
.popup-form select::-webkit-input-placeholder,
.popup-form textarea::-webkit-input-placeholder {
    letter-spacing: .5px;
    opacity: 1;
    transition: .4s
}

.popup-form input[type=email]:focus::-webkit-input-placeholder,
.popup-form input[type=text]:focus::-webkit-input-placeholder,
.popup-form select:focus::-webkit-input-placeholder,
.popup-form textarea:focus::-webkit-input-placeholder {
    letter-spacing: 20px;
    opacity: 0
}

.pum-container .popmake-title {
    font-size: 1.875rem !important;
    margin-bottom: 2rem;
    text-align: center !important
}

.pum-container {
    padding: 2rem !important
}

.mawbutton {
    overflow: hidden;
    position: relative
}

.mawbutton .mawbutton-ripple {
    position: absolute;
    border-radius: 100%;
    width: 0;
    height: 0;
    background: rgba(248, 248, 255, .2);
    transition: 150ms ease-out;
    -webkit-transition: 150ms ease-out;
    -moz-transition: 150ms ease-out;
    -o-transition: 150ms ease-out
}

.mawbutton .mawbutton-ripple-out {
    background: rgba(248, 248, 255, 0);
    -moz-transition: background 150ms ease-out;
    -o-transition: background 150ms ease-out
}

.footer {
    background: #fff;
    box-shadow: 0 5px 15px #212121;
    padding: 2rem 1rem 1rem;
    overflow: hidden;
    position: relative;
    flex-shrink: 0
}

.footer a.btn {
    color: #fff;
    width: 200px;
    margin-left: 40px;
    margin-top: 30px
}

.footer_contact a.btn.contact_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    padding: .5em 1em;
    text-align: center
}

.back-to-top {
    background: #ff2d55;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 1.5rem;
    position: fixed;
    bottom: 15px;
    right: 1.25rem;
    cursor: pointer;
    z-index: 222;
    align-items: center;
    justify-content: center
}

.back-to-top-arrow {
    width: 2.4062rem;
    height: 2.4062rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.clutch-widget {
    display: inline-block;
    width: 12rem
}

.back-to-top-arrow svg {
    width: 50%;
    height: 50%
}

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

.w25,
.w33,
.w50 {
    display: inline-block;
    width: 100%;
    font-size: 0
}

.cases .we_do.hwd_it .we_do_inner p,
.footer-menu {
    padding-bottom: 1rem
}

.footer-menu a {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: normal;
    position: relative
}

.footer-menu ul {
    list-style-type: none;
    padding: 0
}

.footer-menu ul li {
    position: relative;
    width: 100%
}

.footer a {
    margin: 0;
    text-decoration: none;
    line-height: 2
}

.footer-menu .menu-item-has-children>a {
    position: relative;
    padding-right: 2rem
}

.footer-menu li.menu-item-has-children:hover>a {
    z-index: 11
}

.footer-menu li.menu-item-has-children>a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    opacity: .5;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    left: auto;
    bottom: auto;
    background-color: transparent
}

.footer-menu li.menu-item-has-children.open>a:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    opacity: 1
}

@media (max-width: 1023px) {
    .new-service .main-hero .img {
        margin-top: 40px;
        margin-right: -16px
    }

    .footer-menu ul li .sub-menu {
        display: none;
        padding-left: 17px
    }
}

@media (min-width: 1024px) {
    .footer-menu ul li .sub-menu {
        visibility: hidden;
        width: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        display: flex;
        margin: 0;
        padding: 0 8px 8px;
        background-color: #fff
    }

    .footer-menu ul li:hover>.sub-menu {
        visibility: visible;
        z-index: 11
    }

    .footer-menu ul li .sub-menu .sub-menu a {
        font-size: 14px
    }

    .footer-menu ul li .sub-menu .menu-item-has-children {
        position: static;
        padding-left: 24px;
        padding-right: 0;
        white-space: nowrap
    }

    .footer-menu .menu>.menu-item-has-children>.sub-menu {
        padding-right: 0
    }

    .footer-menu .menu>.menu-item-has-children>.sub-menu .sub-menu {
        display: none;
        padding-right: 50%;
        padding-left: 0
    }
}

.footer h3 {
    position: relative;
    padding: 0 0 0 4.625rem;
    margin: 0 0 1.25rem;
    font-size: 1.125rem;
    display: inline-block
}

.footer h3::after {
    content: "";
    background: #ff2d55;
    width: 3.875rem;
    height: .0625rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer_social-list {
    padding: 0;
    margin: 0 0 1.25rem;
    list-style-type: none
}

.footer_social-list li {
    margin-right: .625rem;
    margin-bottom: .625rem;
    display: inline-block;
    text-align: center
}

.footer_social-list li img {
    width: 1.875rem
}

.footer_skype {
    margin-bottom: 1.25rem
}

.footer_skype a {
    background-image: url(/wp-content/themes/SPDLoad/img/phone.svg)
}

.footer_mail a,
.footer_skype a {
    display: inline-block;
    position: relative;
    padding: 0 0 0 3.125rem;
    line-height: 1.875rem;
    font-size: 1rem;
    font-weight: 400;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center
}

.sitemap {
    padding: 0 2rem 2rem
}

.sitemap a {
    color: #ea2954;
    font-weight: 400;
    padding: .75rem;
    line-height: 1.7;
    text-transform: capitalize;
}

.sitemap .simple-sitemap-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.footer_mail a {
    background-image: url(/wp-content/themes/SPDLoad/img/email.svg)
}

.footer_sitemap-link {
    font-size: .75rem;
    margin-bottom: .625rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.footer_sitemap-link a {
    padding: .625rem;
    position: relative
}

.footer .container {
    width: 90%
}

#widget-btn-apply {
    position: absolute !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    left: 0 !important
}

.cases_slider__block__center_ul_dots {
    position: relative;
    -webkit-transform: none;
    transform: none;
    max-width: calc(100% - 2rem);
    margin: 1rem auto 0;
    display: block;
    width: auto;
    min-width: 15rem;
    z-index: 2;
    order: 3;
    max-height: 21.625rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem;
    list-style-type: none;
    text-align: center
}

.cases_slider__block__center_ul_dots_after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, #fff 0, #fff 5%, rgba(255, 255, 255, 0) 50%, #fff 95%, #fff 100%);
    opacity: .9;
    pointer-events: none;
    margin: 0;
    min-width: 15rem;
    z-index: 2;
    max-height: 21.625rem;
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none;
    max-width: 100%;
    right: auto
}

.cases_slider__block__center_ul_dots::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    display: none
}

.cases_slider__block__center_ul_dots::-webkit-scrollbar-button {
    background-color: #666;
    display: none
}

.cases_slider__block__center_ul_dots::-webkit-scrollbar-track {
    background-color: transparent;
    display: none
}

.cases_slider__block__center_ul_dots::-webkit-scrollbar-track-piece {
    background-color: transparent;
    display: none
}

.cases_slider__block__center_ul_dots::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #212121;
    border-radius: 5px;
    display: none
}

.cases_slider__block__center_ul_dots::-webkit-scrollbar-corner {
    background-color: #999;
    display: none
}

.cases_slider__block__center_ul_dots::-webkit-resizer {
    background-color: #666;
    display: none
}

.cases_slider__block__center_ul_dots li button {
    outline: 0;
    border: none;
    display: block;
    color: #ff2c55;
    background-color: #fff;
    padding: .5rem .7rem;
    border-radius: .875rem;
    text-decoration: none;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    width: 100%;
    font-size: .875rem;
    transition: .4s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cases_slider__block__center_ul_dots li {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    position: auto !important;
    margin: auto auto 1rem !important;
    overflow: visible !important
}

div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {
    position: fixed;
    right: 10px;
    top: 95px;
    padding: 15px;
    background-color: #fff
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    z-index: 3;
}

.cases_slider__block__center_ul_dots li button:hover,
.cases_slider__block__center_ul_dots li.slick-active button {
    color: #fff;
    background-color: #ff2c55
}

@media (min-width: 1240px) {

    .cases_slider__block__center ul li a,
    .cases_slider__block__center_ul_dots li button {
        font-size: .875rem;
        padding: .7rem 1rem
    }

    .cases_slider__block_info {
        padding-left: 6.5rem
    }

    .cases_slider__block__image {
        padding-right: 6.5rem;
        padding-left: 0
    }

    .cases_slider__block_info h4,
    .cases_slider__block_info h4 a {
        font-size: 1.875rem;
        line-height: 3rem;
        max-width: 30rem
    }

    .cases_slider__block_info p {
        max-width: 34rem
    }
}

.wpcf7-form-control-wrap.fb_ok {
    padding-bottom: 1.25rem
}

div.wpcf7-mail-sent-ok {
    display: block;
    max-width: 200px
}

div.wpcf7 .ajax-loader {
    position: absolute;
    left: 50%;
    top: calc(100% - 80px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 65px !important;
    height: 65px !important;
    background-repeat: no-repeat;
    background-position: center;
    margin: -7.5px 0 0;
    background-image: url(/wp-content/themes/SPDLoad/img/spinner.svg) !important
}

#tellAboutIdea form .ajax-loader,
.contact-form form .ajax-loader {
    top: inherit !important;
    bottom: 15px !important
}

div.wpcf7-response-output {
    max-width: 300px;
    z-index: 2;
    border-color: #ff2c55
}

.cases .arrows .do_get_inner,
.do_get_blocks.blocks .do_get_inner,
.results_inner,
.second_blok_text p {
    border-top: 4px solid #ff2c55;
    border-radius: 3px;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05)
}

span.wpcf7-not-valid-tip {
    font-size: .6875rem !important;
    position: absolute;
    top: calc(100% - 1px);
}

.contact-page span.wpcf7-not-valid-tip {
    bottom: -22px
}

.fb_ok span.wpcf7-not-valid-tip {
    bottom: -1.5rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.footer {
    z-index: 5
}

.footer,
.footer a,
.footer h3 {
    color: #212121;
    font-weight: 400;
    transition-duration: .25s;
    transition-property: color
}

.services .banner,
.services_foll .banner {
    align-items: flex-start;
    padding-left: 1rem;
    min-height: 30rem;
    height: auto
}

.banner_btns,
.second_blok_text p {
    flex-direction: column;
    display: flex
}

.article_text h4,
.cases .titles p,
.services .titles p,
.services_foll .titles p {
    font-size: 1.3rem
}

.services .banner_inner {
    max-width: 32.75rem
}

.cases .banner_inner h1,
.services .banner_inner h1,
.services_foll .banner_inner h1 {
    margin: 0 0 1.4375rem;
    text-align: left
}

.cases .banner_inner h1 span,
.services .banner_inner h1 span,
.services_foll .banner_inner h1 span {
    font-size: 3rem;
    line-height: 1.3;
    text-transform: none
}

.cases .banner_inner p,
.services .banner_inner p,
.services_foll .banner_inner p {
    font-size: 1.125rem;
    line-height: 1.7;
    margin: 0 0 2.4375rem;
    text-align: justify
}

.cases .banner_inner .btn_lg,
.services .banner_inner .btn_lg,
.services_foll .banner_inner .btn_lg {
    min-width: 16rem
}

.banner_btns {
    max-width: 16.25rem;
    align-items: center
}

.do_get,
.results,
.search .container,
.second_blok {
    padding: 2rem 1rem
}

.second_blok_text p {
    align-items: center;
    justify-content: center;
    text-align: justify;
    padding: 2rem 1rem;
    max-width: 59rem;
    font-size: 1.1rem;
    color: #828282;
    margin: 0 auto
}

.second_blok__inner {
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05);
    border-radius: 3px;
    padding: 1rem 3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.5rem 0
}

.second_blok_img {
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem
}

.second_blok__inner h3 {
    color: #ff2d55;
    font-size: 1.3rem
}

.second_blok__inner p {
    text-align: justify;
    font-size: .875rem;
    font-weight: 400;
    color: #212121;
    line-height: 1.3
}

.cases .arrows .do_get_inner:last-child:after,
.cases .do_get_inner:after,
.cases .we_do.hwd_it .we_do_inner h3:after,
.cases .we_do.pkf .we_do_inner h3:after,
.do_get_blocks.blocks .do_get_inner:after,
.second_blok__inners.d-none {
    display: none
}

.banner_btns a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    min-height: 2.5rem;
    line-height: 2.9;
    text-align: center;
    margin-bottom: .875rem;
    background-color: #fff;
    color: #ff2c55;
    transition: background-color .4s, color .4s
}

.banner_btns a:hover {
    background-color: #ff2c55;
    color: #fff
}

.services .banner .scroll {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1rem
}

.we_do_inner h3 {
    color: #ff2c55;
    font-size: 1.125rem;
    line-height: 1.3;
    padding: 0 0 0 2.25rem;
    margin: 0 0 .875rem;
    position: relative;
    font-weight: 400
}

.we_do_inner h3:after {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 0;
    border-bottom: 2px solid #ff2c55;
    left: 0;
    top: .6625rem
}

.wdy_get_inner p,
.we_do_inner p {
    font-size: 1rem;
    line-height: 1.3;
    color: #212121;
    margin: 0;
    padding: 0
}

.we_do__img {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 2rem;
    margin-right: .5rem;
    padding: .3rem;
    background-color: #ff2c55;
    border-radius: 3px
}

.we_do__img img {
    max-height: 4rem
}

.we_do__title {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.we_do__title__inner p {
    font-size: .8rem;
    color: #817e7e
}

.cases .do_get.solution .do_get_inner h3,
.do_get_inner p {
    color: #212121;
    line-height: 1.3
}

.we_do_inner {
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .fb {
        padding: 4.5rem 0 6.5rem
    }

    .fb_map {
        width: 100%
    }

    .contacts .fb {
        padding: 4.5rem 0
    }

    .fb_form .item.checkbox {
        line-height: 1rem;
        margin-bottom: 3.6875rem
    }

    .flex-block {
        text-align: left
    }

    .w25 {
        width: 25%
    }

    .w33 {
        width: 33%
    }

    .w50 {
        width: 50%
    }

    .footer-menu ul {
        padding-left: 40px
    }

    .menu>.menu-item>.sub-menu>li:hover>.sub-menu {
        display: block
    }

    .footer a {
        line-height: 1.7
    }

    .footer-menu .menu>.menu-item>.sub-menu>li>a {
        display: inline-flex
    }

    .footer-menu .menu-item-has-children>a {
        padding-left: 0
    }

    .footer-menu li.menu-item-has-children:hover>a:after {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
        opacity: 1
    }

    .footer_sitemap-link {
        flex-direction: row
    }

    .footer .container {
        width: inherit
    }

    .cases_slider__block__center_ul_dots_after {
        bottom: auto;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        max-width: 25%;
        right: 50%
    }

    .cases_slider__block__center_ul_dots {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        max-width: 30%;
        margin: 0;
        position: absolute;
        order: 2;
        top: 50%;
        right: 50%
    }

    .services .banner {
        padding-left: 7rem;
        min-height: 42rem;
        height: 100vh
    }

    .do_get,
    .second_blok,
    .we_do {
        padding: 4.25rem 1rem 2.25rem
    }

    .second_blok__inner {
        margin: 1.5rem;
        width: 33%
    }

    .second_blok__inners {
        display: flex;
        max-width: 64rem;
        justify-content: space-between;
        padding: 2rem 1rem;
        margin: 0 auto
    }

    .services .banner .scroll {
        bottom: 2.8rem
    }

    .we_do_blocks {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .we_do_inner {
        width: calc(33% - 2rem);
        max-width: 20rem;
        margin: 0 1rem 2rem
    }
}

.do_get_inner {
    position: relative;
    padding-left: 1.25rem;
    margin: 0 1rem 2rem
}

.do_get_inner h3 {
    font-size: 1.5rem;
    line-height: 1.3;
    padding: .875rem 0 0;
    margin: 0;
    position: relative;
    font-weight: 400;
    min-height: 2.8125rem
}

.do_get_inner:after {
    position: absolute;
    content: "";
    width: .125rem;
    height: 100%;
    background-color: #ff2c55;
    left: 0;
    top: 0
}

.do_get_inner p {
    font-size: 1rem;
    margin: 0;
    padding: .875rem 0;
    text-align: justify
}

@media (min-width: 768px) {
    .do_get_blocks {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .do_get_inner {
        width: calc(33% - 2rem);
        max-width: 20rem;
        margin: 0 1rem
    }

    .tech {
        padding: 4.25rem 1rem
    }
}

.do_get_blocks.blocks .do_get_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 1rem
}

.tech_blocks {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 890px;
    margin: 0 auto
}

.tech_inner {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.tech_inner img {
    max-width: 14rem;
    max-height: 7rem
}

@media (min-width: 425px) {
    .fb_form .item.half {
        width: calc(50% - 1rem)
    }

    .tech_inner {
        width: 50%
    }
}

.services_foll .banner_inner {
    max-width: 35.75rem
}

.services_foll .we_do_inner {
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 4px solid #ff2c55;
    padding: 1.5rem
}

@media (min-width: 768px) {
    .tech_inner {
        width: auto;
        padding: 1.8rem
    }

    .services_foll .banner {
        padding-left: 7rem;
        min-height: 42rem;
        height: 100vh
    }

    .services_foll .do_get_inner {
        max-width: 20rem
    }

    .services_foll .we_do_inner {
        max-width: 15rem;
        margin: 0 4rem 2rem
    }
}

.cases .do_get_inner h3,
.services_foll .do_get_inner h3 {
    min-height: auto;
    line-height: 1;
    margin-bottom: 1rem
}

.cases .do_get.solution,
.cases .we_do,
.services_foll .we_do,
.wmu_different {
    background-color: #f2f2f2
}

.cases .banner {
    align-items: flex-start;
    padding-left: 1rem;
    min-height: 42rem;
    background-color: #212121;
    background-blend-mode: overlay
}

.cases .banner_inner {
    max-width: 28.75rem
}

.cases .arrows .do_get_inner {
    min-height: 12.5rem;
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .cases .banner {
        padding-left: 7rem
    }

    .cases .do_get_inner {
        max-width: 20rem
    }

    .cases .we_do_inner {
        max-width: 15rem;
        margin: 0 1rem 2rem
    }

    .cases .arrows .do_get_inner {
        width: calc(50% - 2rem)
    }
}

.cases .arrows .do_get_inner p {
    max-width: 14rem;
    text-align: center
}

.cases .arrows .do_get_blocks,
.hire-dedicated-wrapper .hire-main h3 {
    display: flex;
    flex-direction: column
}

.blog_bottom__content .mailster-form-info.error,
.content_articles__item.blog_item_id_1 .content_articles__image {
    display: none
}

.cases .arrows .do_get_inner:first-child,
.write_header_image {
    order: 1
}

.cases .arrows .do_get_inner:nth-child(2),
.write_header_text {
    order: 2
}

.cases .arrows .do_get_inner:nth-child(3) {
    order: 3
}

.cases .arrows .do_get_inner:nth-child(4) {
    order: 4
}

.cases .arrows .do_get_inner:nth-child(5) {
    order: 5
}

.cases .arrows .do_get_inner:nth-child(6) {
    order: 6
}

.hwc_halp,
.wdy_get {
    padding: 2rem 1rem;
    background-color: #fff
}

.hwc_halp_blocks {
    max-width: 75rem;
    margin: 0 auto;
    padding-top: 2rem
}

.hwc_halp_left {
    flex-grow: 1;
    margin-bottom: 2rem
}

.hwc_halp_left h3 {
    margin: 0 0 .875rem;
    line-height: 1.3;
    font-size: 1.125rem;
    font-weight: 400
}

.hwc_halp_left h3 span {
    font-size: 4rem;
    opacity: .2;
    color: #ff2c55;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    margin-right: .5rem
}

.hwc_halp_left p {
    margin: 0 0 1.25rem;
    line-height: 1.3;
    font-size: .875rem;
    font-weight: 300
}

.services_foll .tech_blocks {
    justify-content: center;
    max-width: none
}

.cases .hwc_halp_left {
    flex-grow: 0
}

.cases .hwc_halp_left p {
    font-weight: 300;
    font-size: 1.5rem;
    text-align: justify
}

.cases .we_do.hwd_it {
    background-color: #fff;
    padding: 4.25rem 1rem
}

.we_do_inner-in2 {
    text-align: center;
    margin-bottom: 2rem
}

.cases .we_do.hwd_it .we_do_inner {
    width: auto;
    margin: 0;
    display: flex;
    max-width: none
}

.cases .we_do.hwd_it .we_do_inner h3 {
    padding-left: 0;
    padding-right: 1rem
}

.cases .we_do.pkf .we_do_inner h3 {
    padding: 0;
    margin: 0
}

.wdy_get_inner {
    position: relative;
    padding-left: 1.25rem;
    margin: 0 1rem 2rem;
    text-align: center
}

.wdy_get_inner img {
    margin-bottom: 1rem;
    height: 6.5rem
}

@media (min-width: 768px) {
    .cases .arrows .do_get_blocks {
        flex-direction: row
    }

    .hwc_halp,
    .wmu_different {
        padding: 4.25rem 1rem
    }

    .hwc_halp_left {
        margin-bottom: 0;
        display: flex;
        justify-content: space-around
    }

    .hwc_halp_right {
        max-width: 26.875rem
    }

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

    .services_foll .tech_inner {
        padding: 0 1.8rem
    }

    .cases .hwc_halp_blocks {
        justify-content: center
    }

    .cases .hwc_halp_left {
        max-width: 38.625rem;
        padding-right: 4.1875rem
    }

    .cases .do_get.solution {
        padding: 4.25rem 1rem 0
    }

    .cases .do_get.solution .do_get_blocks {
        max-width: 65.625rem
    }

    .cases .do_get.solution .do_get_inner {
        max-width: 18.75rem;
        padding-left: 1.875rem
    }

    .we_do_inner-in2 {
        margin-bottom: 0;
        max-width: 34rem;
        padding: 2rem
    }

    .cases .we_do.hwd_it .we_do_blocks {
        flex-direction: row;
        flex-wrap: nowrap;
        max-width: 65rem;
        align-items: center
    }

    .we_do_blocks-in {
        flex-grow: 1
    }

    .wdy_get {
        padding: 4.25rem 1rem 2.25rem
    }

    .wdy_get_blocks {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .wdy_get_inner {
        width: calc(33% - 2rem);
        max-width: 13.75rem;
        margin: 0 1rem
    }

    .results {
        padding: 4.25rem 1rem .5rem
    }
}

.results_blocks {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 55rem;
    margin: 0 auto;
    padding-top: 2.75rem
}

.results_inner {
    margin: 0 auto 2rem;
    padding: .5rem;
    width: 100%;
    min-height: 12.5rem;
    max-width: 24.375rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.results_inner h3 {
    padding: 0;
    margin: 0;
    font-size: 1.125rem;
    font-weight: 400;
    max-width: 14rem;
    text-align: center
}

div.ppt {
    width: auto !important
}

body.category-blog {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.article_autor_text,
.article_contact-form .wpcf7,
.category-blog main,
.landing-page .technology-tools .item .description-area {
    flex-grow: 1
}

.blog .container {
    max-width: 1170px;
    padding: 0 16px
}

.blog_header {
    padding: 121px 32px 40px;
    text-align: center
}

.blog_header h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #0e4474;
    font-weight: 700
}

.blog_header h1 sup {
    top: -15px
}

.blog_header p {
    text-align: center;
    color: #092e4d;
    font-weight: 700
}

.blog_filter-search {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.blog_filter a {
    display: block;
    padding: 8px 24px;
    letter-spacing: .05em;
    text-decoration: none;
    line-height: 130%;
    background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 3px;
    color: #1f2937;
    text-align: center;
    font-size: 14px;
    letter-spacing: .07px
}

.blog_filter ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none
}

.blog_filter ul li,
.perfect-fit-section .item .list li:not(:last-child) {
    margin-bottom: 8px
}

.blog_filter ul li:not(:last-child),
.saas-product-dev .item .img {
    margin-right: 8px
}

.article_tegs span:last-child,
.content_articles__pagination ul li:last-child,
.content_articles__tags span:last-child {
    margin-right: 0
}

.blog_filter .case-filter-title {
    color: #ff2c55;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .09px;
    padding: 0 20px
}

.blog_filter ul li a.active,
.blog_filter ul li.active a,
.blog_filter ul li:hover a {
    background-color: #0e4474;
    color: #fff
}

.blog_search {
    max-width: 300px;
    width: 100%;
    margin: 0 auto
}

.blog_search form {
    border-bottom: 1px solid rgba(128, 128, 128, .25);
    display: flex;
    justify-content: space-between;
    position: relative
}

.blog_search input {
    flex-grow: 1;
    padding: 4px 2.8em 4px 1rem
}

.blog_search button {
    padding: 0;
    line-height: 24px;
    text-align: center;
    margin: 0;
    top: 3px;
    right: 0;
    width: 24px;
    height: 24px;
    position: absolute
}

.blog_search button,
.blog_search input {
    border: none;
    background: 0 0
}

.blog_search button img {
    width: 1rem;
    margin-left: auto;
    margin-right: auto;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.blog_search button:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.blog_search input,
.blog_search input::-ms-input-placeholder {
    color: #a9a9a9;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: .875rem
}

.blog_search input,
.blog_search input::-webkit-input-placeholder {
    color: #a9a9a9;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: .875rem
}

.blog_search input,
.blog_search input::-moz-placeholder {
    color: #a9a9a9;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: .875rem
}

.blog_search input,
.blog_search input:-ms-input-placeholder {
    color: #a9a9a9;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: .875rem
}

.blog_search input,
.blog_search input::placeholder {
    color: #a9a9a9;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: .875rem
}

.content_articles__item.blog_item_id_1 .content_articles__tags,
.content_articles__item.blog_item_id_1 a,
.content_articles__item.blog_item_id_1 h3,
.content_articles__item.blog_item_id_1 p,
.saas-startups-projects-list .item.invert-text a:hover .small,
.saas-startups-projects-list .item.invert-text a:hover .title {
    color: #fff
}

.article,
.develop-plan,
.featured-projects-container,
.search {
    overflow: hidden
}

.search .blog_search {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto
}

.search .blog_content {
    max-width: 70rem;
    margin: 1rem auto 0
}

@media (min-width: 890px) {
    .blog_content {
        display: flex;
        justify-content: center
    }

    .content_sidebar {
        max-width: 18.125rem
    }
}

.blog .container.content_articles {
    padding-left: 0;
    padding-right: 0
}

.content_articles {
    display: flex;
    flex-wrap: wrap
}

.content_articles__image {
    height: 200px;
    text-align: center;
    margin-bottom: 16px;
    overflow: hidden;
    border-bottom: 1px solid #e7edf2
}

.content_articles__image img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.content_articles__tags {
    padding: 1rem 1.375rem;
    color: #a9a9a9;
    font-size: .5625rem;
    line-height: 1.7
}

.content_articles__tags span {
    display: inline-block;
    padding: 0 .5rem;
    border: 1px solid rgba(128, 128, 128, .25);
    border-radius: 3px;
    margin-right: .5rem;
    margin-bottom: .5rem
}

.content_articles__item.blog_item_id_1 .content_articles__tags span {
    border: 1px solid rgba(255, 255, 255, .25)
}

.content_articles__item {
    padding: 0 15px;
    margin-bottom: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content_articles__item>div {
    min-height: 440px;
    height: 100%;
    padding-bottom: 30px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(135, 165, 192, .25);
    border-radius: 8px
}

.content_articles__item.blog_item_id_1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: darken;
    transition: .25s
}

.content_articles__item.blog_item_id_1:hover {
    background-size: auto 120%
}

@media (min-width: 768px) {
    .results_inner {
        margin: 0 2rem 3.75rem;
        width: calc(50% - 4rem)
    }

    .blog_filter-search {
        flex-direction: row;
        margin-bottom: 40px
    }

    .blog_search {
        margin: 0
    }

    .content_articles__item {
        width: 50%
    }

    .content_articles__item.blog_item_id_1 {
        width: 66.666666%;
        height: 600px
    }
}

.content_articles__item h3,
.new-service .content_articles__item h3:not(.header-4):not(.header-5) {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0 16px;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -.02em;
    color: #092e4d;
    text-align: left
}

.content_articles__item h3 a {
    color: #092e4d;
    text-decoration: none;
    transition: .25s
}

.content_articles__item h3 a:hover,
.home-lending-class-item:hover h3 {
    color: #ff2d55
}

.content_articles__item > div > p {
  margin-bottom: 0;
    padding: 0 16px;
    font-size: 14px;
    line-height: 150%;
    color: #6b7280
}

.content_articles__item .readmore {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 1rem;
    background-position: calc(100% - 1.3rem) 20.5px;
    padding: 1rem 2.5rem 1rem 1rem
}

.content_articles__item .readmore:hover {
    background-position: calc(100% - .5rem) 20.5px
}

.content_articles__info {
    display: block;
    padding: 0 16px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 14px;
    color: #4b5563
}

.content_articles__info img {
    margin-right: 3px
}

.blog_item_id_1 .content_articles__info {
    border-bottom: none
}

.content_articles__load-more button {
    margin: 3.75rem auto 2.5rem;
    display: block;
    border: 1px solid #ff2c55;
    border-radius: 3px;
    letter-spacing: .05em;
    color: #ff2c55;
    line-height: 2.625rem;
    font-size: .875rem;
    text-transform: uppercase;
    padding: 0 2.67rem;
    background-color: transparent;
    transition: .4s
}

.content_articles__load-more button:hover {
    color: #fff;
    border: 1px solid #9d0038;
    background-color: #9d0038
}

.content_articles__pagination ul {
    display: flex;
    list-style-type: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 2.375rem
}

.content_articles__pagination ul li {
    margin-right: 1rem
}

.content_articles__pagination ul li a {
    width: 1.75rem;
    height: 1.75rem;
    text-align: center;
    line-height: 1.75rem;
    display: block;
    text-decoration: none;
    color: #212121;
    border-radius: 50%;
    font-size: .875rem
}

.content_articles__pagination .blog_arrow {
    width: 2rem
}

.content_articles__pagination ul li.active a,
.content_articles__pagination ul li:hover a {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1)
}

.content_articles__pagination ul li:hover .blog_arrow,
ul.accordion a.toggle.show {
    box-shadow: none
}

.blog_bottom {
    background-image: url(/wp-content/themes/SPDLoad/img/blog_bottom_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 2rem 1rem;
    z-index: 1;
    position: relative
}

.blog_bottom__content {
    width: 100%;
    max-width: 55.625rem;
    margin: 0 auto;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05);
    border-radius: 3px
}

.blog_bottom__content h3 {
    font-size: 2.25rem;
    color: #212121;
    line-height: 1.3;
    margin: 0 0 2.6875rem;
    padding: 0;
    text-align: center
}

.blog .btn_md {
    width: 10.9375rem;
    padding: 0
}

.blog_bottom__form {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.blog_bottom__form h4 {
    padding-left: 1rem;
    color: #ff2c55;
    font-size: 1.125rem;
    line-height: 1.3;
    margin: 0 0 .75rem;
    position: relative
}

.blog_bottom__form h4:after {
    content: "";
    position: absolute;
    width: .5rem;
    height: .125rem;
    background-color: #ff2c55;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog_bottom__fleft {
    margin-bottom: 1rem;
    min-width: 16.25rem
}

.blog_bottom__fleft__info {
    display: flex;
    flex-direction: column;
    font-size: .8125rem;
    padding-left: 2rem;
    line-height: 2.3;
    color: #212121
}

.blog_bottom__fleft__info label {
    position: relative;
    margin-bottom: .3rem
}

.blog_bottom__fleft__info input[type=checkbox] {
    -webkit-appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    outline: 0
}

.blog_bottom__fleft__info input[type=checkbox]:after,
.mailster-form-3 .mailster-lists-wrapper ul.mailster-list input[type=checkbox]:after {
    content: "";
    background: #fff;
    border: 1px solid #ff2c55;
    border-radius: 3px;
    width: .875rem;
    height: .875rem;
    position: absolute;
    top: 50%;
    left: -1.7rem;
    -webkit-transform: translateY(.4rem);
    transform: translateY(.4rem)
}

.blog_bottom__fleft__info input[type=checkbox]:checked:after,
.blog_subs-to-file .mailster-email-wrapper label,
.comment-form-url,
.mailster-form-3 .mailster-email-wrapper label .mailster-required,
.newsletter_page .mailster-email-wrapper label,
.pop_subs__subsform,
.rt-label,
.scroll-nav__overlay {
    display: none
}

.blog_bottom__fleft__info input[type=checkbox]:checked:before,
.mailster-form-3 .mailster-lists-wrapper ul.mailster-list input[type=checkbox]:checked:before {
    content: url(/wp-content/themes/SPDLoad/img/blog_checkbox_ok.svg);
    background: #ff2c55;
    border-radius: 3px;
    width: .875rem;
    height: .875rem;
    position: absolute;
    top: 50%;
    left: -1.7rem;
    -webkit-transform: translateY(.4rem);
    transform: translateY(.4rem);
    border: 1px solid #ff2c55;
    z-index: 1;
    padding-right: .1rem;
    padding-bottom: .1rem
}

.mailster-form-3 .mailster-email-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 3rem
}

.mailster-form-3 .mailster-email-wrapper label,
.mailster-form-3 .mailster-lists-wrapper>label {
    position: relative;
    display: block;
    padding-left: 2rem;
    color: #ff2c55;
    font-size: 1.125rem;
    line-height: 1.3;
    margin: 0 0 1.75rem;
    font-weight: 700
}

.mailster-form-3 .mailster-email-wrapper label:after,
.mailster-form-3 .mailster-lists-wrapper>label:after {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: .125rem;
    background-color: #ff2c55;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mailster-form-3 .mailster-email-wrapper .mailster-email {
    background-color: transparent;
    border: none;
    padding: .3125rem .625rem;
    border-bottom: 1px solid rgba(128, 128, 128, .12);
    margin-bottom: 1rem;
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.mailster-form-3 .mailster-email-wrapper:after {
    content: "We’re committed to your privacy...";
    position: absolute;
    display: block;
    font-size: .75rem;
    color: #a9a9a9;
    line-height: 1.56
}

.mailster-form-3 .mailster-lists-wrapper {
    width: 100%;
    margin-bottom: 40px
}

.mailster-form-3 .mailster-submit-wrapper.form-submit {
    width: 100%;
    text-align: left
}

.blog_subs-to-file .mailster-submit-wrapper .submit-button,
.mailster-form-3 .mailster-submit-wrapper.form-submit .submit-button,
.newsletter_page .submit-button {
    width: 10.9375rem;
    background-color: #ff2c55;
    font-size: .875rem;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    transition: background-color .4s;
    min-height: 45px
}

.mailster-form-3 .mailster-submit-wrapper.form-submit .submit-button {
    padding: 0;
    margin: 0;
    color: #fff;
    border-radius: 3px;
    border: none
}

.mailster-form-3 .mailster-lists-wrapper ul.mailster-list {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    font-size: .8125rem;
    line-height: 2.3;
    color: #212121;
    padding-left: 2rem
}

.mailster-form-3 .mailster-lists-wrapper ul.mailster-list input[type=checkbox] {
    -webkit-appearance: none;
    position: absolute;
    left: 0;
    top: -.4rem;
    outline: 0;
    width: 0;
    height: 0
}

@media (min-width: 900px) {
    .mailster-form-3 .mailster-email-wrapper {
        order: 2;
        max-width: 23rem
    }

    .mailster-form-3 .mailster-lists-wrapper {
        order: 1;
        max-width: 22rem
    }

    .mailster-form-3 .mailster-submit-wrapper.form-submit {
        order: 3;
        text-align: right;
        margin-bottom: -4rem
    }

    .mailster-form-3 .mailster-submit-wrapper.form-submit .submit-button {
        top: -4rem
    }
}

.blog_bottom__fright__info {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    color: #a9a9a9;
    line-height: 1.56;
    padding-top: 1rem;
    margin-bottom: 3.625rem
}

.blog_bottom__fright__info input[type=text] {
    background-color: transparent;
    border: none;
    padding: .3125rem .625rem;
    border-bottom: 1px solid rgba(128, 128, 128, .12);
    margin-bottom: 1rem;
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.blog_bottom__fright__info input[type=text]::-ms-input-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.blog_bottom__fright__info input[type=text]::-webkit-input-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.blog_bottom__fright__info input[type=text]::-moz-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.blog_bottom__fright__info input[type=text]:-ms-input-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.blog_bottom__fright__info input[type=text]::placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.content_sidebar__subscribe {
    padding: 1.875rem 2.5rem;
    background: #fff;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05);
    border-radius: 3px;
    margin-bottom: 1.25rem
}

.blog_subs-to-file .mailster-submit-wrapper .submit-button,
.newsletter_page .submit-button {
    padding: 0;
    margin: 0;
    color: #fff;
    border-radius: 3px;
    border: none;
    cursor: pointer
}

.popup-form-file,
.popup-form-file:after {
    transition: transform .4s;
    background-repeat: no-repeat
}

.blog_subs-to-file .mailster-submit-wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.blog_subs-to-file .mailster-email-wrapper .input {
    background-color: transparent;
    border: none;
    padding: .3125rem .625rem;
    border-bottom: 1px solid rgba(128, 128, 128, .12);
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.popup-form-file {
    display: block;
    margin-bottom: 30px;
    background-color: #ff2d55;
    color: #fff;
    padding: 10px 30px 10px 60px;
    font-weight: 400;
    background-image: url(/wp-content/themes/SPDLoad/img/cv-file-interface-symbol.svg);
    background-position: 15px center;
    background-size: auto 70%;
    cursor: pointer;
    -webkit-transform-origin: center;
    transform-origin: center;
    transform-box: fill-box;
    transition: transform .4s, -webkit-transform .4s;
    position: relative;
    border-radius: 5px
}

.popup-form-file:after {
    content: "";
    position: absolute;
    transition: opacity .4s, _ .4s;
    background-image: url(/wp-content/themes/SPDLoad/img/upload.svg);
    background-position: center;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
    background-size: 70%;
    opacity: 0
}

.next.page-numbers:hover:after,
.popup-form-file:hover:after,
.prev.page-numbers:hover:after,
.saas-startups-projects-list .item a:hover .bg-image .hov {
    opacity: 1
}

.popup-form-file input[type=file] {
    -webkit-appearance: none;
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.scholarship_form {
    width: 40rem;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px
}

.scholarship_form h3 {
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3rem
}

.newsletter_page {
    min-height: calc(100% - 278px)
}

.newsletter_page .separate {
    height: 4rem
}

.newsletter_page .mailster-email-wrapper .input {
    max-width: 30rem;
    padding: .5rem 1rem;
    border: 1px solid rgba(128, 128, 128, .12);
    color: #212121;
    font-size: 1rem;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 2rem
}

.customers-slider .slick-dots li,
.newsletter_page .info_text {
    padding: 0
}

.newsletter_page .info_text,
.newsletter_page .info_text p {
    text-align: center;
    font-size: 1.875rem;
    line-height: inherit;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 2rem
}

.content_sidebar__subscribe form {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column
}

.content_sidebar__subscribe form .btn_md {
    margin: 0 auto
}

.content_sidebar__subscribe h3 {
    font-size: 1.125rem;
    text-align: center;
    color: #212121;
    line-height: 1.3
}

.content_sidebar__subscribe input[type=text] {
    background-color: transparent;
    border: none;
    padding: .3125rem .625rem;
    border-bottom: 1px solid rgba(128, 128, 128, .12);
    margin-bottom: 1rem;
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.content_sidebar__subscribe input[type=text]::-ms-input-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.content_sidebar__subscribe input[type=text]::-webkit-input-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.content_sidebar__subscribe input[type=text]::-moz-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.content_sidebar__subscribe input[type=text]:-ms-input-placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.content_sidebar__subscribe input[type=text]::placeholder {
    color: #212121;
    font-size: .75rem;
    line-height: 1.7
}

.content_sidebar__recent {
    padding: 1rem 0;
    background: #fff;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05);
    border-radius: 3px;
    margin-bottom: 1.25rem
}

.content_sidebar__recent h3 {
    padding-left: 3rem;
    padding-right: 1rem;
    color: #ff2c55;
    font-size: 1.125rem;
    line-height: 1.3;
    margin: 0 0 1.25rem;
    position: relative
}

.content_sidebar__recent h3:after {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: .125rem;
    background-color: #ff2c55;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.content_sidebar__recent img {
    max-height: 8.75rem;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.content_sidebar__recent-inner {
    margin-bottom: 1rem
}

.content_sidebar__recent-inner__info {
    padding: 1rem 1rem 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column
}

.content_sidebar__validate-idea,
.content_sidebar__write-for-us {
    padding: 2rem;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05);
    border-radius: 3px;
    text-align: center
}

.content_sidebar__recent-inner__info h4 {
    font-size: .875rem;
    line-height: 1.3;
    margin: 0;
    color: #212121
}

.content_sidebar__recent-inner__info h4 a {
    text-decoration: none;
    color: #212121
}

.content_sidebar__recent-inner__info span {
    font-size: .6875rem;
    color: #a9a9a9;
    line-height: 1.7;
    margin-bottom: .5rem
}

.content_sidebar__validate-idea h3,
.content_sidebar__write-for-us h3 {
    margin: 0 0 1.5625rem;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #212121
}

.content_sidebar__recent-inner__info .readmore {
    display: block;
    margin: 0;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 1rem;
    background-position: calc(100% - 1.3rem) 4.5px;
    padding-right: 2.5rem;
    line-height: 1.3
}

.content_sidebar__recent-inner__info .readmore:hover {
    background-position: calc(100% - .5rem) 4.5px
}

.content_sidebar__validate-idea {
    background: #fff
}

.content_sidebar__write-for-us {
    background-color: #fff;
    margin-top: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.content_sidebar__adv {
    padding: 2.1875rem 1.25rem;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .05);
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, 0) 100%) 0 0/cover, url(/wp-content/themes/SPDLoad/img/content_sidebar__adv.jpg) center/cover no-repeat;
    color: #fff;
    text-align: center;
    margin-bottom: 1.25rem
}

.content_sidebar__adv h4 {
    margin: 0 0 1rem;
    font-size: 1.125rem;
    line-height: 1.3
}

.content_sidebar__adv p {
    font-size: .875rem;
    line-height: 1.7;
    margin: 0 0 1rem;
    color: #fff
}

.article_header {
    display: flex;
    align-items: center;
    min-height: 15rem;
    background-attachment: fixed;
    background-position: center;
    background-color: #545454;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 3rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.article_header .article_header__info {
    width: 100%;
    max-width: 50rem;
    padding: 0 1rem;
    color: #fff;
    margin-bottom: 1rem
}

.article_header .article_autor_text {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    font-size: 1.5rem
}

.article_header .article_autor_info h5,
.article_header .article_autor_info span,
.page-template-landing-discovery p,
.page-template-page-new-service-template p {
    font-size: 1rem
}

.article_header .article_autor_main>img {
    border-radius: 50%;
    border: 2px solid #ea2954;
    background-color: #18313a
}

.article_header .article_autor_text img {
    height: 1.3rem;
    padding: 0 .5rem
}

@media (min-width: 768px) {
    .content_articles__pagination .blog_arrow {
        width: 2.5rem
    }

    .blog_bottom {
        padding: 5.625rem 1rem
    }

    .blog_bottom__content {
        padding: 2.5rem 4.375rem
    }

    .blog_bottom__fright .btn_md {
        float: right
    }

    .blog_bottom__form h4 {
        padding-left: 2rem
    }

    .blog_bottom__form h4:after {
        width: 1.5rem
    }

    .blog_bottom__fleft {
        margin-bottom: 0
    }

    .article_header {
        padding-top: 3rem;
        min-height: 30rem
    }
}

.article_header h1 {
    color: #fff;
    max-width: 35rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 400;
    margin-top: 10rem
}

.article_content {
    max-width: 53rem;
    margin: 0 auto;
    padding: 2rem 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (min-width: 768px) {
    .article_header h1 {
        font-size: 3rem
    }

    .article_content {
        padding: 2rem 3rem;
        flex-direction: row
    }
}

.article_text {
    max-width: 41.563rem;
    text-align: justify;
    margin: 0 0 1rem;
    font-weight: 200;
    line-height: 1.1;
    letter-spacing: .504px;
    font-size: .875rem !important
}

.article_text li,
.article_text p {
    font-size: 1.3125rem;
    letter-spacing: -.004rem;
    line-height: 1.58;
    color: rgba(0, 0, 0, .84);
    font-style: normal;
    word-break: break-word;
    font-weight: 300;
    margin-bottom: 1rem
}

.article_text p span {
    font-weight: 300 !important
}

.article_text h3,
.article_text p strong {
    font-size: 1.5rem;
    letter-spacing: -.004rem;
    line-height: 1.58;
    color: rgba(0, 0, 0, .84);
    word-break: break-word;
    font-weight: 400;
    margin: 1rem 0;
    font-style: normal
}

.article_text h3 {
    display: block
}

.article_text img {
    margin: 0 auto;
    display: block;
    height: auto
}

.article_text_full table td {
    padding-left: 10px;
    padding-right: 10px
}

.article_text a {
    font-size: 1.3125rem;
    line-height: 1.7;
    color: #ff2c55
}

.article_tegs span {
    display: inline-block;
    padding: .1rem .5rem;
    border: 1px solid rgba(128, 128, 128, .25);
    border-radius: 3px;
    margin-right: .5rem;
    color: #a9a9a9;
    font-size: .5625rem;
    line-height: 1.7
}

.article_share.article_share__guide {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .article_share.article_share__guide {
        padding-top: 0;
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 1024px) {

    .do_get_inner,
    .we_do_inner {
        width: calc(33% - 6rem);
        margin: 0 3rem 2rem
    }

    .cases .we_do_inner {
        width: calc(20% - 2rem);
        margin: 0 1rem 2rem
    }

    .cases .arrows .do_get_inner {
        width: calc(30% - 2rem)
    }

    .cases .arrows .do_get_inner:nth-child(3):after {
        top: auto;
        right: 3rem;
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        bottom: -5rem
    }

    .do_get_inner {
        width: calc(33% - 4rem);
        margin: 0 2rem 6.25rem
    }

    .content_articles__item {
        width: 33.333333%
    }

    .article_content {
        padding: 2rem 0
    }

    .article_text {
        max-width: 47.563rem
    }

    .article_share {
        position: sticky;
        top: 6.5rem;
        width: 5rem;
        padding: 1rem;
        left: 50%;
        z-index: 0;
        float: left;
        -webkit-transform: translateX(-30rem);
        transform: translateX(-30rem)
    }
}

@media (max-height: 720px) and (min-width: 1024px) {
    .article_share.article_share__guide {
        padding-top: 30px;
        top: 45px
    }

    .new-service .article_share__guide h3:not(.header-4):not(.header-5) {
        margin-bottom: .5rem
    }

    .new-service .article_nav li a {
        margin-bottom: 5px
    }

    .new-service .blog-article__container__guide {
        padding-top: 2rem
    }
}

.article_share ul,
.hire-list {
    padding: 0;
    list-style-type: none
}

.article_share ul li {
    padding: .2rem
}

.article_text_full {
    margin-bottom: 1.625rem;
    position: relative
}

.article_autor {
    background: #f2f2f2;
    border-radius: 3px;
    padding: 1.1875rem
}

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

.article_autor_head h4 {
    font-size: 1.125rem;
    margin: 0;
    line-height: 1.5
}

.article_autor_head span {
    font-size: .6875rem;
    color: #a9a9a9;
    line-height: 1.7
}

.article_autor_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

.article_autor_main>img {
    border-radius: 50%
}

.article_autor_main span.line {
    padding: 0 .1rem 0 .4rem;
    color: #ea2954fa;
    font-size: 1.2rem
}

.article_autor_info {
    min-width: 8rem;
    text-align: center
}

.article_autor_info h5 {
    font-size: .6875rem;
    line-height: 1.7;
    margin: 0
}

.article_autor_info span {
    color: #a9a9a9;
    font-size: .6875rem;
    line-height: 1.7
}

.article_autor_text p {
    font-size: .75rem;
    line-height: 1.56
}

.article_contact-form {
    box-shadow: 0 -6px 48px 6px rgba(0, 0, 0, .05);
    padding: 2rem;
    display: flex
}

.article_contact-info {
    max-width: 20rem;
    text-align: left;
    padding-right: 1rem
}

.article_contact-info p {
    font-size: 1rem;
    line-height: 1.56
}

.article_contact-info h4 {
    margin: 1rem 0;
    color: #ff2c55;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem
}

ul.accordion {
    list-style: none;
    padding: 0;
    max-width: 70rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

ul.accordion .inner {
    padding: 0 1rem 1rem;
    font-size: .875rem;
    line-height: 1.7;
    color: #757575
}

ul.accordion li {
    margin-bottom: .5rem;
    width: 50%
}

ul.accordion a.toggle {
    cursor: auto;
    width: 100%;
    display: block;
    color: #212121;
    padding: .5rem 1rem;
    border-radius: .15rem;
    transition: background .3s;
    font-size: .75rem;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    font-weight: 600
}

ul.accordion a.toggle span:first-child {
    color: #ff2c55;
    font-size: 1rem;
    position: relative
}

ul.accordion a.toggle span:first-child:after {
    content: "/";
    margin-right: 2rem
}

ul.accordion a.toggle:after {
    display: none;
    position: absolute;
    content: "";
    top: 50%;
    right: calc(1rem - 3.5px);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    z-index: 5;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

ul.accordion a.toggle.show:after,
ul.accordion a.toggle:hover:after {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

.bodymovinanim {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: middle
}

.single-post-comments {
    border-top: 1px solid #efefef;
    padding-top: 15px;
    position: relative
}

.single-post-comments h3 {
    color: #4e5860;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 .875rem
}

.blog_subs-to-file {
    padding: 4rem 2rem;
    background-color: #f1f5f5;
    display: flex
}

.blog_subs-to-file_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 2rem
}

.blog_subs-to-file_right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog_subs-to-file_right img {
    padding: .5rem
}

.blog_subs-to-file .mailster-form-fields .mailster-email-wrapper {
    flex-grow: 1;
    margin-right: 2rem;
    margin-bottom: 0;
    margin-left: 5px
}

.blog_subs-to-file h3 {
    color: #212121;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 2rem;
    text-align: left
}

.blog_subs-to-file p {
    margin: 0 0 1rem
}

.horizontal {
    position: static;
    width: auto;
    padding: 0;
    top: 0;
    left: 0
}

.horizontal ul,
p.logged-in-as {
    margin: 0
}

.horizontal.article_share ul li {
    padding: .2rem;
    display: inline-block;
    width: 3rem
}

.commentlist,
.scroll-nav ol {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.commentlist .children {
    list-style-type: none
}

.commentlist li {
    padding: 5px;
    border: 1px solid #efefef;
    margin-bottom: 15px
}

.commentlist .reply {
    text-align: right;
    font-size: 12px;
    padding-right: 15px
}

.commentlist .reply a {
    color: #333
}

.comment-form-author,
.comment-form-comment,
.comment-form-email {
    flex-direction: column;
    display: flex;
    padding: 5px 0;
    margin: 10px 0 0
}

.comment-form-author label,
.comment-form-comment label,
.comment-form-email label {
    font-size: 20px;
    margin-bottom: 5px;
    color: #333;
    letter-spacing: 2px;
    padding-left: 10px
}

.comment-form-author input[type=text],
.comment-form-comment textarea,
.comment-form-email input[type=email],
.comment-form-email input[type=text] {
    border: none;
    border-bottom: 1px solid #efefef;
    padding: 10px 0;
    resize: none;
    width: 100%;
    max-height: 120px
}

.comment-form-comment textarea {
    transition-duration: .3s;
    height: 46px
}

.comment-form input[type=submit] {
    background-color: #ff2c55;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 3px;
    font-size: .875rem;
    border: none;
    cursor: pointer;
    transition: background-color .4s;
    position: relative;
    margin: 0 auto;
    min-height: 45px;
    padding: 0 2rem
}

.pop_subs__content button:hover,
.pop_subs__subsform .form-submit input[type=submit]:hover {
    background-color: #9d0038
}

.comment-form .form-submit {
    margin-top: 15px
}

.comment-form-cookies-consent label {
    color: #333;
    font-size: 12px
}

.comment-reply-title {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.7;
    color: #000;
    position: relative;
    padding-bottom: 3px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(128, 128, 128, .25)
}

.comment-form .comment-notes {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 23px
}

.comment-respond .comment-form-author,
.comment-respond .comment-form-comment,
.comment-respond .comment-form-email {
    padding-top: 33px
}

.comment-respond .comment-form-author>label,
.comment-respond .comment-form-comment>label,
.comment-respond .comment-form-email>label {
    font-size: 16px;
    line-height: 1.7;
    color: #a9a9a9;
    position: absolute;
    transition-duration: .3s;
    top: 42px;
    left: 0;
    padding-left: 0
}

.comment-respond .comment-form-author.active>label,
.comment-respond .comment-form-comment.active>label,
.comment-respond .comment-form-email.active>label {
    font-size: 14px;
    top: 12px
}

.comment-respond .comment-form p>input {
    height: 46px;
    padding-top: 10px;
    padding-bottom: 10px
}

.comment-meta.commentmetadata {
    border-bottom: 1px solid #efefef;
    text-align: right;
    padding: 5px
}

.comment-meta.commentmetadata a {
    font-size: 12px;
    color: #333
}

.logged-in-as a {
    color: #ff2d55;
    font-size: 14px
}

.blog_subs-to-file-new-file a:hover,
.logged-in-as a:hover {
    text-decoration: underline
}

.comment-author img {
    margin: 0 15px 0 0
}

.article .content_sidebar__validate-idea {
    border-top: 1px solid rgba(128, 128, 128, .1);
    border-bottom: 1px solid rgba(128, 128, 128, .1);
    box-shadow: none;
    border-radius: 0
}

.article .content_sidebar__validate-idea h3,
.collaborate_together .item p {
    margin: 0
}

.article .content_sidebar__subscribe form {
    max-width: 27.75rem;
    margin: 0 auto
}

.home-lending-class {
    padding: 4rem 1rem 2rem
}

.article_text_full .content_sidebar__validate-idea h3 {
    max-width: 100%
}

.home-lending-class-item {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 0 1rem
}

.pop_subs,
.scroll-nav {
    position: fixed;
    transition: .4s
}

.home-lending-class-item,
.home-lending-class-item:first-child,
.home-lending-class-item:last-child {
    flex-direction: column;
    text-align: center
}

@media (min-width: 768px) {
    .article_autor_main {
        flex-direction: row
    }

    .article_autor_info {
        padding: 1rem;
        min-width: 8rem
    }

    .serv_faq {
        background-color: #f9f9f9;
        padding: 4rem 1rem 6rem
    }

    .article .content_sidebar__validate-idea {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .article .content_sidebar__validate-idea h3 {
        padding-right: 4rem;
        max-width: 20rem;
        text-align: left
    }

    .home-lending-class {
        padding: 4.5rem 1rem 0
    }

    .home-lending-class-item,
    .home-lending-class-item:first-child,
    .home-lending-class-item:last-child {
        text-align: left;
        flex-direction: row
    }
}

.home-lending-class-item-block h3 {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: #333;
    margin: 0 0 20px;
    transition: color .4s
}

.home-lending-class-item-block p {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #817e7e;
    margin: 1rem 0
}

.home-lending-class-item-block span {
    color: #ff2c55;
    font-size: 1.2rem;
    text-transform: inherit;
    background-position: calc(100% - .6rem) 10px
}

.home-lending-class-item-block span:hover,
.home-lending-class-item-block:hover span {
    background-position: calc(100% - .3rem) 10px
}

.home-lending-class-item-block {
    max-width: 100%;
    order: 2;
    padding: 1rem 2rem
}

.home-lending-class-item-block-info {
    padding: 15px 0;
    max-width: 100%;
    order: 1
}

.home-lending-class-item-block iframe,
.home-lending-class-item-block img {
    min-height: 10.5rem;
    width: 100%
}

div.wpcf7-acceptance-missing:after,
div.wpcf7-validation-errors:after {
    content: "✕";
    position: absolute;
    font-size: 1rem;
    top: -.1rem;
    right: .1rem;
    cursor: pointer
}

.rt-label.rt-postfix,
.rt-reading-time,
.rt-time,
.span-reading-time {
    display: inline;
    padding: 0;
    color: #fff;
    font-size: 1.5rem
}

.blog_subs-to-file-new-file {
    padding: 1rem;
    margin: 0;
    font-weight: 600
}

.blog_subs-to-file-new-file img {
    width: 100%;
    max-width: 7.5rem;
    padding-right: 1rem
}

.blog_subs-to-file-new-file a {
    margin-top: .5rem;
    font-size: 1.1rem;
    color: #007ab9;
    text-decoration: none;
    font-weight: 600;
    transition: border-bottom .4s;
    display: block;
    overflow: hidden;
    word-break: break-all
}

.mailster-form-info.error,
.mailster-form-info.success {
    text-align: left;
    background-color: transparent !important;
    position: absolute;
    z-index: 5
}

.mailster-form-info.error {
    bottom: -2.8rem
}

.mailster-form-info.error li,
.mailster-form-info.error p {
    color: #9d0038;
    font-weight: 400;
    font-size: .875rem
}

.mailster-form-info.success li,
.mailster-form-info.success p {
    color: #57bb63;
    font-weight: 400;
    font-size: 1rem
}

.mailster-form.is-unsubscribe .mailster-form-info {
    display: block;
    max-width: 30rem;
    margin: auto
}

.mailster-form.is-unsubscribe .mailster-form-info p,
.mailster-form.is-unsubscribe .mailster-form-info ul {
    font-size: 1.2rem
}

.scroll-nav ol li {
    margin-bottom: .5rem;
    line-height: 1;
    text-align: right;
    padding-right: 1.7rem
}

.scroll-nav ol li:last-child {
    border-bottom: 0
}

.scroll-nav ol li a {
    font-size: .875rem;
    text-decoration: none;
    line-height: 1;
    color: #000;
    position: relative
}

.scroll-nav ol li a:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 2px;
    top: 50%;
    right: -1.7rem;
    background-color: #000
}

.scroll-nav .scroll-nav__sub-list {
    margin-top: 10px;
    display: none
}

.scroll-nav {
    width: 18rem;
    padding: 1rem .5rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    z-index: 0
}

.clutch-wrapper .item .link a,
.contact-page form.wpcf7-form.sent+.message-sent,
.scroll-nav__overlay.open,
.slick-initialized .slick-slide,
.slick-slide img {
    display: block
}

.pop_subs {
    display: flex;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    border-top: 1px solid #ff2c55;
    border-left: 1px solid #ff2c55;
    padding: 1rem;
    box-shadow: 0 5px 10px -4px;
    transform: translateY(110%)
}

.pop_subs__acvite {
    transform: translateY(0)
}

.pop_subs__content {
    padding-left: 1rem
}

.pop_subs__content h3 {
    color: #000;
    padding: 0;
    margin: 0 0 .5rem;
    max-width: 15rem;
    font-size: 1em;
    transition: .4s
}

.pop_subs__content p {
    margin-bottom: .6em;
    font-size: .7em;
    color: #000;
    max-width: 16rem;
    line-height: 1.2;
    transition: .4s
}

.pop_subs__content button,
.pop_subs__subsform .form-submit input[type=submit] {
    transition: .4s;
    font-size: .8rem;
    padding: .5rem;
    width: 100%;
    background-color: #ff2c55;
    text-align: center;
    text-transform: uppercase
}

.pop_subs__content button {
    border: none;
    border-radius: .2rem;
    color: #fff
}

.pop_subs__close button {
    position: absolute;
    top: .3rem;
    right: .3rem;
    background-color: transparent;
    border: none;
    color: #ff2c55;
    font-family: unset;
    transition: .4s
}

.pop_subs__img {
    max-width: 6rem
}

.case-studies .section-cases .cases-item:last-child,
.meet-the-team .text p,
.perfect-fit-section .item p:last-child,
.pop_subs__subsform .mailster-form,
.saas-startups .saas-startups-why-we .list-item p,
.ux-ui-design .perfect-fit-section p {
    margin-bottom: 0
}

.pop_subs__subsform .form-submit input[type=submit] {
    border: none;
    border-radius: .2rem;
    color: #fff
}

.pop_subs__subsform .mailster-email-wrapper input[type=email] {
    width: 100%;
    border: none;
    padding: .5rem;
    border-radius: .3rem;
    color: #1b436a
}

.pop_subs__subsform .mailster-email-wrapper label {
    color: #fff;
    display: block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.contact-page .form-wrapper .wpcf7-radio .first,
.contact-page .form-wrapper input[type=radio],
.contact-page form.wpcf7-form.sent,
.dribble-shots .desktop,
.header-top .hidden-menu-item,
.heard-of-us .slick-next::before,
.heard-of-us .slick-prev::before,
.navigation.pagination .screen-reader-text,
.pop_subs__subsform .mailster-form-info.error,
.seo-process.mvp-dev-process .title:before,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img,
.tabs__content {
    display: none
}

.pop_subs__subsform .mailster-form-info {
    position: relative;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 0
}

.pop_subs__subsform .mailster-form-info p {
    color: #36ff00
}

.pop_subs.pop_subs__subs {
    border-top-width: 6px
}

.pop_subs.pop_subs__subs .pop_subs__content h3,
.pop_subs.pop_subs__subs .pop_subs__content p,
.pop_subs.pop_subs__subs .pop_subs__subsform .mailster-email-wrapper label {
    color: #000
}

.pop_subs.pop_subs__subs .pop_subs__subsform .mailster-form-info p {
    color: #44ab17
}

.scholarship_container__title {
    max-width: 555px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #090909;
    margin: 0 auto 50px
}

.scholarship_container__item {
    margin-bottom: 60px
}

.scholarship_container__item h3 {
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 15px;
    letter-spacing: 2px
}

.scholarship_container__item p,
.scholarship_container__item ul {
    padding: 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #090909
}

.scholarship_container__item:nth-child(2n) {
    background: #f3f3f3;
    padding: 60px 15px
}

.scholarship_content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.scholarship_container__item .scholarship_content .item,
.scholarship_container__item ul {
    padding-left: 30px
}

.scholarship_container__item:nth-child(2n) .scholarship_content .item {
    padding-right: 30px
}

.scholarship_container__item .scholarship_content .image img {
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 2
}

.saas-startups-how-do-list .item,
.scholarship_container__item .scholarship_content .image {
    position: relative
}

.scholarship_container__item .scholarship_content .image:after {
    content: "";
    position: absolute;
    width: 160px;
    height: 170px;
    background-image: url(/wp-content/uploads/2019/10/exp-solut-black-rect.svg);
    background-position: center;
    top: -40px;
    left: -20px;
    z-index: 1
}

.scholarship_container__item:nth-child(2n) .scholarship_content .image:after {
    left: auto;
    right: -20px
}

.more-article_btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none
}


.write_for .container,
.write_for_header_container {
    width: 94vw;
    margin-left: auto;
    margin-right: auto
}

.write_for_header {
    background: #ffad2c;
    margin-bottom: 0;
    padding: 1rem
}

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

.write_header_image svg {
    width: 320px;
    margin-right: 80px
}

.speedLines line:first-child {
    animation: .7s linear infinite strike_line
}

.speedLines line:nth-child(2) {
    animation: .7s linear .1s infinite strike_line
}

.speedLines line:nth-child(3) {
    animation: .7s linear .3s infinite strike_line
}

.speedLines line:nth-child(4) {
    animation: .7s linear .5s infinite strike_line
}

.speedLines line:nth-child(5) {
    animation: .7s linear .6s infinite strike_line
}

.speedLines line:nth-child(6) {
    animation: .7s linear .4s infinite strike_line
}

.speedLines line:nth-child(7) {
    animation: .7s linear .2s infinite strike_line
}

@keyframes strike_line {
    from {
        transform: translateY(-10%)
    }

    to {
        transform: translateY(150%)
    }
}

.write_for .separate {
    order: 1;
    height: 5.2rem
}

.write_for_header h1 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    color: #fff;
    font-size: 46px
}

.write_for_header p {
    color: #fff;
    font-size: 25px;
    font-style: italic;
    line-height: 40px
}

.write_for_content {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.write_for_content .container {
    max-width: 525px
}

.write_for_content h2 {
    color: #333;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 50px;
    margin-bottom: 10px
}

.write_for_content li,
.write_for_content p {
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 34px;
    font-size: 20px
}

@-webkit-keyframes sway {

    0%,
    100%,
    20%,
    50%,
    70% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25%,
    45% {
        -webkit-transform: rotateZ(4deg);
        transform: rotateZ(4deg)
    }

    75%,
    90% {
        -webkit-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg)
    }
}

@keyframes sway {

    0%,
    100%,
    20%,
    50%,
    70% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25%,
    45% {
        -webkit-transform: rotateZ(4deg);
        transform: rotateZ(4deg)
    }

    75%,
    90% {
        -webkit-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg)
    }
}

@-webkit-keyframes headTilt {

    0%,
    100%,
    20%,
    50%,
    70%,
    82% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25%,
    35%,
    45% {
        -webkit-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg)
    }

    38%,
    42% {
        -webkit-transform: rotateZ(2deg);
        transform: rotateZ(2deg)
    }

    85%,
    90% {
        -webkit-transform: rotateZ(4deg);
        transform: rotateZ(4deg)
    }
}

@keyframes headTilt {

    0%,
    100%,
    20%,
    50%,
    70%,
    82% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25%,
    35%,
    45% {
        -webkit-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg)
    }

    38%,
    42% {
        -webkit-transform: rotateZ(2deg);
        transform: rotateZ(2deg)
    }

    85%,
    90% {
        -webkit-transform: rotateZ(4deg);
        transform: rotateZ(4deg)
    }
}

@-webkit-keyframes typeLeft {

    0%,
    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25% {
        -webkit-transform: rotateZ(7deg);
        transform: rotateZ(7deg)
    }

    75% {
        -webkit-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg)
    }
}

@keyframes typeLeft {

    0%,
    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25% {
        -webkit-transform: rotateZ(7deg);
        transform: rotateZ(7deg)
    }

    75% {
        -webkit-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg)
    }
}

@-webkit-keyframes typeRight {

    0%,
    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25% {
        -webkit-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg)
    }

    75% {
        -webkit-transform: rotateZ(7deg);
        transform: rotateZ(7deg)
    }
}

@keyframes typeRight {

    0%,
    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    25% {
        -webkit-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg)
    }

    75% {
        -webkit-transform: rotateZ(7deg);
        transform: rotateZ(7deg)
    }
}

@-webkit-keyframes tapWobble {

    0%,
    100% {
        -webkit-transform: rotateZ(-.2deg);
        transform: rotateZ(-.2deg)
    }

    50% {
        -webkit-transform: rotateZ(.2deg);
        transform: rotateZ(.2deg)
    }
}

@keyframes tapWobble {

    0%,
    100% {
        -webkit-transform: rotateZ(-.2deg);
        transform: rotateZ(-.2deg)
    }

    50% {
        -webkit-transform: rotateZ(.2deg);
        transform: rotateZ(.2deg)
    }
}

@-webkit-keyframes tapRight {

    0%,
    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    90% {
        -webkit-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg)
    }
}

@keyframes tapRight {

    0%,
    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    90% {
        -webkit-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg)
    }
}

@-webkit-keyframes pan {

    0%,
    100%,
    49% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    50%,
    99% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
}

@keyframes pan {

    0%,
    100%,
    49% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    50%,
    99% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
}


.press_references_page {
    background-color: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 80px
}

.press_references_page_container {
    max-width: 1280px;
    padding: 15px 22px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap
}

.press_references_page .item {
    display: flex;
    background-color: #fff;
    position: relative
}

.press_references_page .item a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99
}

.press_references_page .item.full .image {
    display: flex;
    width: 100%;
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 65%;
    overflow: hidden
}

.press_references_page .item.full .image_embed,
.press_references_page .item.half .image_embed {
    background-size: cover;
    width: 100%;
    padding-top: 56.25%;
    height: auto;
    transition: transform .25s;
    position: relative
}

.press_references_page .item.full .image_embed:after,
.press_references_page .item.half .image_embed:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color .25s
}

.press_references_page .item.full {
    width: 100%;
    transition: .25s;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px
}

.press_references_page .item.full .info {
    padding: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    max-width: 350px;
    height: 100%;
    margin: 0;
    transition: margin-right .25s
}

.press_references_page .item.full .info .link span,
.press_references_page .item.half .info .link span {
    color: #ea2954;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 600;
    letter-spacing: .02em
}

.press_references_page .item.full .info .title h3 {
    margin: 5px 0 0;
    padding: 0;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em
}

.press_references_page .item.full .info .desc p {
    margin: 15px 0 35px;
    padding: 0;
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em
}

.press_references_page .item.full .info .date,
.press_references_page .item.half .info .date {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    color: #666;
    margin-top: 16px
}

.press_references_page .item.full:hover .image_embed {
    transform: scale(1.05)
}

.press_references_page .item.full:hover .image_embed:after {
    background-color: rgba(0, 0, 0, .15)
}

.press_references_page .item.full:hover,
.press_references_page .item.half:hover {
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .04), -10px 0 20px 0 rgba(0, 0, 0, .04)
}

.press_references_page .item.half .image {
    display: flex;
    width: 100%;
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 65%;
    overflow: hidden;
    z-index: 33
}

.press_references_page .item.half {
    transition: .25s;
    flex-direction: column;
    width: calc(50% - 30px);
    margin: 15px
}

.press_references_page .item.half .info {
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    transition: .25s;
    background-color: #fff;
    position: relative;
    z-index: 44
}

.press_references_page .item.half .info .title h3 {
    margin: 5px 0 0;
    padding: 0;
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: .011em
}

.press_references_page .item.half .info .desc {
    height: 0;
    opacity: 0;
    transition: .25s 0.25s;
    position: absolute;
    bottom: -20px;
    max-height: 45px;
    overflow: hidden
}

.press_references_page .item.half .info .desc p {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    color: #666
}

.press_references_page .item.half:hover .info {
    margin-bottom: 30px;
    margin-top: -30px;
    max-width: 100%
}

.press_references_page .item.half:hover .image_embed {
    transform: scale(1.05);
    transition: transform .25s
}

.press_references_page .item.half:hover .image_embed:after {
    background-color: rgba(0, 0, 0, .15);
    transition: background-color .25s
}

.press_references_page .item.half:hover .info .desc {
    height: auto;
    opacity: 1;
    transition: .25s 0.25s
}

.case-studies {
    padding: 68px 0 0
}

.case-studies *,
.case-studies :after,
.case-studies :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.case-studies h1,
.case-studies h2,
.case-studies h3,
.case-studies h4,
.case-studies h5,
.case-studies h6 {
    font-family: Lato, sans-serif;
    margin: 0 0 20px;
    position: relative
}

.case-studies h1 {
    text-align: left;
    font-size: 24px;
    line-height: 1.125em;
    font-weight: 700
}

.case-studies .container {
    width: 100%;
    min-width: 320px;
    max-width: 1330px;
    padding: 0 16px;
    margin: 0 auto;
    position: relative
}

.case-studies .blog_filter .container {
    min-width: inherit
}

.case-studies .section-hero {
    position: relative;
    overflow: hidden
}

.case-studies .section-hero h1 {
    color: #0f4c81;
    margin-bottom: 8px;
    padding: 0
}

.case-studies .section-hero .titles {
    position: relative;
    min-height: 169px;
    padding-top: 54px
}

.case-studies .section-hero .titles p {
    font-weight: 700;
    font-size: 12px;
    max-width: 208px;
    margin: 0;
    color: #092e4d
}

.case-studies .section-cases {
    padding: 32px 0
}

.case-studies .section-cases .cases-item {
    position: relative;
    margin-bottom: 24px
}

.case-studies .section-cases .cases-img {
    min-height: 165px;
    border-radius: 16px 16px 0 0;
    background-position: 89% 0;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 3px 5px 4px rgba(231, 237, 242, .3)
}

.case-studies .section-cases .cases-info {
    padding: 36px 16px 24px;
    border-radius: 0 0 16px 16px;
    position: relative;
    box-shadow: 0 3px 5px 4px rgba(231, 237, 242, .3)
}

.case-studies .section-cases .cases-info span {
    border: 1px solid #9ca2a8;
    border-radius: 3px;
    color: #9ca2a8;
    font-size: 12px;
    line-height: 150%;
    margin-right: 8px;
    padding: 1px 8px 2px
}

.case-studies .section-cases .cases-info h4 {
    color: #e6284d;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    margin: 9px 0 4px
}

.case-studies .section-cases .cases-info p {
    color: #262e43;
    font-size: 14px;
    line-height: 150%
}

.case-studies .section-cases .cases-info h5 {
    color: #0f4c81;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    margin: 8px 0 0
}

.app-startups.saas-startups .hero-design h1,
.clutch-wrapper,
.clutch-wrapper .item:not(:last-of-type),
.contact-page .intro,
.design-website-steps .text,
.hire-dedicated-wrapper:not(:last-child),
.new-service .mvp-dev-process .process-list-item,
.new-service .other-services .text-item:not(:last-child),
.new-service.app-startups.saas-startups .hero-design-text-wrapper,
.saas-startups-problems-list .item ul li:not(:last-of-type) {
    margin-bottom: 32px
}

.case-studies .section-cases .cases-info a {
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 130%;
    background: #ff2c55;
    border-radius: 3px;
    width: 180px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.drift-frame-controller-align-right,
iframe#drift-widget {
    right: auto !important;
    left: 20px !important
}

.contact-page {
    padding: 85px 16px 30px;
    font-size: 16px;
    line-height: 150%;
    color: #092e4d
}

.contact-page h1 {
    margin-top: 0;
    margin-bottom: 16px;
    color: #0e4474;
    font-weight: 700;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
}

.contact-page h2 {
    margin-top: 0; 
    color: #0e4474;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
}

.contact-page .clutch-wrapper.cecntered-clutch {
    margin: 16px auto;
} 

.contact-page>.item {
    padding-top: 48px
}

.clutch-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    max-width: 370px
}

.clutch-wrapper .item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.clutch-wrapper .item .link {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    z-index: 1
}

.clutch-wrapper .item .link a:hover svg {
    stroke: #ff2c55
}

.clutch-wrapper .item .info .title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #ffabbb
}

.clutch-wrapper .item .info .title svg {
    margin-left: 4px
}

.clutch-wrapper .item .info .text {
    font-weight: 800;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #374151
}

.clutch-wrapper .item .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    padding: 12px;
    margin-right: 16px;
    background-color: #f3f4f6;
    border-radius: 50%
}

.clutch-wrapper .item .info {
width: calc(100% - 120px);
}

.clutch-wrapper .clutch-rate-sum {
    margin-bottom: 8px;
    font-size: 104px;
    letter-spacing: -.05em;
    color: #1f2937;
    line-height: 1
}

.clutch-wrapper.cecntered-clutch .item {
    margin-bottom: 16px;
    flex-wrap: wrap;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 6px 0 rgba(135, 165, 192, .25)
}

.clutch-wrapper.cecntered-clutch .item .link {
    top: 24px;
    right: 24px
}

.clutch-wrapper.cecntered-clutch .item>.text {
    margin-top: 40px;
    padding-left: 36px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23FF2C55' fill-opacity='.32' d='m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4 4.25 4.25ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top left
}

@media (min-width: 992px) {

    .who-we-are .clutch-wrapper,
    .who-we-are .clutch-wrapper .item .image {
        flex-shrink: 0;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .who-we-are .clutch-wrapper .item .image {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 768px) {
    .home-lending-class-item-block {
        flex-grow: 1;
        max-width: 25rem;
        width: 100%;
        order: initial
    }

    .home-lending-class-item-block-info {
        padding: 0 50px;
        max-width: 25rem;
        text-align: justify;
        order: initial
    }

    .home-lending-class-item-block iframe,
    .home-lending-class-item-block img {
        min-height: 20.5rem
    }

    .home-lending-class-item:first-child:after {
        content: url(/wp-content/themes/SPDLoad/img/lines-1.svg);
        position: absolute;
        bottom: -20%;
        left: 5%;
        width: 73%;
        z-index: -1;
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    .home-lending-class-item:nth-child(2):after {
        content: url(/wp-content/themes/SPDLoad/img/lines-2.svg);
        position: absolute;
        top: -1px;
        left: 13.5%;
        width: 30%;
        z-index: -1;
        display: none
    }

    .home-lending-class-item:nth-child(2):before {
        content: url(/wp-content/themes/SPDLoad/img/lines-3.svg);
        position: absolute;
        bottom: -29%;
        right: 7%;
        width: 69%;
        z-index: -1;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    .home-lending-class-item:nth-child(3):after {
        content: url(/wp-content/themes/SPDLoad/img/lines-4.svg);
        position: absolute;
        top: -15%;
        right: 29.3%;
        width: 21%;
        z-index: -1;
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        display: none
    }

    .home-lending-class-item:nth-child(3):before {
        content: url(/wp-content/themes/SPDLoad/img/lines-5.svg);
        position: absolute;
        bottom: -28%;
        right: 12%;
        width: 73%;
        z-index: -1;
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    .home-lending-class-item:nth-child(4):after {
        content: url(/wp-content/themes/SPDLoad/img/lines-6.svg);
        position: absolute;
        top: -1px;
        left: 22.2%;
        width: 35%;
        z-index: -1;
        display: none
    }

    .home-lending-class-item:nth-child(4):before {
        content: url(/wp-content/themes/SPDLoad/img/lines-7.svg);
        position: absolute;
        bottom: 5px;
        left: 27%;
        width: 50%;
        z-index: -1;
        display: none
    }

    .home-lending-class-item:nth-child(5):before {
        content: url(/wp-content/themes/SPDLoad/img/lines-8.svg);
        position: absolute;
        top: -13%;
        right: 22.5%;
        width: 42%;
        z-index: -1;
        -webkit-transform: rotate(-16deg);
        transform: rotate(-16deg)
    }

    .pop_subs {
        left: auto;
        border-radius: .4rem 0 0
    }

    .pop_subs__content h3 {
        width: 100%;
        font-size: 1.2rem
    }

    .pop_subs__content p {
        width: 100%;
        font-size: 1rem;
        line-height: 1.2
    }

    .write_for_header {
        padding: 6rem 1rem 5.5rem
    }

    .write_for_header_container {
        flex-direction: row
    }

    .write_header_text {
        order: 1
    }

    .write_header_image {
        order: 2
    }

    .write_for_header h1 {
        max-width: calc(85vw + 1vw);
        padding-left: 5rem
    }

    .write_for_header p {
        max-width: 90%;
        padding-left: 5rem
    }

    .write_for_content {
        padding-top: 85px;
        padding-bottom: 85px
    }

    .case-studies h1 {
        font-size: 64px
    }

    .case-studies .container {
        padding: 0 30px
    }

    .case-studies .blog_filter .container {
        display: flex;
        flex-wrap: wrap;
        padding: 0 30px
    }

    .case-studies .blog_filter ul:not(:last-of-type) {
        margin-right: 30px
    }

    .case-studies .blog_filter ul {
        margin-bottom: 16px
    }

    .case-studies .section-hero h1 {
        margin-bottom: 24px
    }

    .case-studies .section-hero .titles {
        padding-top: 116px
    }

    .case-studies .section-hero .titles p {
        font-size: 24px;
        max-width: 100%
    }

    .case-studies .section-cases {
        padding: 80px 0
    }

    .case-studies .section-cases .cases-item {
        margin-bottom: 80px;
        height: 420px
    }

    .case-studies .section-cases .cases-img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        min-height: 420px;
        border-radius: 16px;
        background-position: 0 0;
        z-index: -1
    }

    .case-studies .section-cases .cases-img:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        border-radius: 16px;
        background: rgba(7, 34, 58, .7)
    }

    .case-studies .section-cases .cases-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 63px 56px 40px;
        background: 0 0;
        box-shadow: unset
    }

    .case-studies .section-cases .cases-info span {
        border-color: #c3d2e0;
        color: #c3d2e0;
        padding: 6px 8px 7px
    }

    .case-studies .section-cases .cases-info h4 {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.125em;
        margin: 0 0 16px
    }

    .case-studies .section-cases .cases-info p {
        color: #e7edf2;
        font-size: 18px;
        max-width: 532px;
        padding-bottom: 2rem;
        position: relative
    }

    .case-studies .section-cases .cases-info h5 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.125em;
        margin: 24px 0 32px
    }

    .case-studies .section-cases .cases-info .tags span {
        color: #fff;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: .08px;
        display: inline-block;
        border-radius: 3px;
        border: 1px solid #e8edf1;
        padding: 6px 18px
    }

    .case-studies .section-cases .cases-info .tags {
        position: absolute;
        top: 40px;
        right: 40px
    }

    .case-studies .section-cases .cases-info a {
        position: static;
        color: #ff2c55;
        background: #fff;
        width: 188px;
        height: 48px;
        border: 4px solid #c3d2e0;
        transform: unset;
        box-shadow: 0 0 4px 4px rgba(255, 255, 255, .3)
    }

    .clutch-wrapper.cecntered-clutch {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 964px;
        margin: 56px auto 37px
    }

    .clutch-wrapper.cecntered-clutch .item {
        max-width: calc(50% - 32px);
        margin-bottom: 0
    }
}

.clutch-rate-stars {
    display: flex;
    margin: 0 0 16px;
    padding: 0;
    list-style: none
}

.clutch-rate-stars li {
    margin-left: 2px;
    margin-right: 2px
}

.clutch-reviews {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #092e4d
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.clutch-reviews .clutch-logo {
    border-bottom: 1px solid #092e4d;
    margin-left: 8px;
    transition-duration: .25s;
    transition-property: border-bottom-color
}

.clutch-reviews .clutch-logo:hover {
    border-bottom-color: transparent
}

.customers-wrapper h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #0f4c81;
}

.contact-page p {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.customers-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.customers-slider {
    font-size: 14px;
    line-height: 170%;
    max-width: 386px
}

.customers-slider .review {
    position: relative;
    margin-bottom: 8px;
    padding-left: 16px;
    z-index: 1
}

.customers-slider .review:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 30px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.352 0C3.456 3.456 0 9.12 0 15.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L8.352 0zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L24.864 0z' fill='%23FFEAEE'/%3E%3C/svg%3E");
    z-index: -1
}

.customers-slider .img {
    width: 52px;
    height: 52px;
    margin-right: 16px;
    border-radius: 100%;
    overflow: hidden
}

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

.customers-slider .name {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #092e4d
}

.customers-slider .project {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 24px;
    color: #0f4c81
}

.customers-slider .project:after {
    content: "";
    height: 7px;
    width: 9px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 .5l3 3m0 0l-3 3m3-3H1' stroke='%230E4474' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.customers-slider .slick-dots {
    position: static
}

.customers-slider .slick-dots button {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    padding: 0;
    background-color: #e7edf2;
    border-radius: 100%;
    transition-duration: .25s;
    transition-property: width
}

.customers-slider .slick-dots .slick-active button {
    width: 40px;
    border-radius: 40px;
    background-color: #e7edf2
}

.contact-page .form-wrapper {
    position: relative;
    min-height: 320px;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(135, 165, 192, .25);
    border-radius: 8px
}

.contact-page .form-wrapper .form-row {
    display: block;
    margin-bottom: 16px
}

.contact-page .form-wrapper .form-item {
    margin-bottom: 24px
}

.contact-page .form-wrapper h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 150%;
    color: #0e4474
}

.contact-page .form-wrapper input,
.contact-page .form-wrapper textarea {
    width: 100%;
    font-size: 14px;
    line-height: 170%
}

.contact-page .form-wrapper input::placeholder,
.contact-page .form-wrapper textarea::placeholder {
    color: #a9a9a9
}

.contact-page .form-wrapper input {
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
    border-bottom: 1px solid #dfdfdf
}

.contact-page .form-wrapper textarea {
    height: 80px;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    resize: none
}

.contact-page .form-wrapper .wpcf7-list-item-label {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #092e4d;
    cursor: pointer
}

.contact-page .form-wrapper .wpcf7-submit:disabled {
    opacity: .5
}

.contact-page .form-wrapper .wpcf7-list-item-label:before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 1px solid #c3d2e0;
    border-radius: 100%;
    background-color: #fff
}

.contact-page .form-wrapper .wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fff;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 100%
}

.contact-page .form-wrapper input[type=submit] {
    padding-top: 0;
    padding-bottom: 0
}

.contact-page .form-wrapper input[type=radio]:checked+.wpcf7-list-item-label:before {
    border: 1px solid transparent;
    background-color: #ff2c55
}

.contact-page .form-wrapper .wpcf7-response-output,
.design-website-steps .desktop {
    display: none !important
}

.message-sent {
    display: none;
    font-size: 20px;
    color: #0e4474;
    text-align: center
}

.contact-page form.wpcf7-form .wpcf7-spinner {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -35px);
    margin: 0
}

.new-service .contacts-cta {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 20px;
    color: #fff;
    background-color: #003665
}

.new-service .contacts-cta h3.header-4,
.new-service .contacts-cta p.header-4 {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 700;
    line-height: 115%;
    max-width: 100%;
    color: #fff
}

.new-service .contacts-cta p {
    margin: 0 0 32px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff
}

.new-service .contacts-cta img {
    max-width: 150px;
    height: auto
}

.new-service .contacts-cta .btn {
    display: inline-block;
    padding-top: 16px;
    padding-bottom: 16px;
    text-decoration: none;
    line-height: 1.3;
    font-weight: 700;
    color: #fff
}

.new-service h2.page-title {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
    color: #6b7280
}

.new-service h2.page-title-huge {
    max-width: 809px;
    margin-left: auto;
    margin-right: auto;
    color: #0f4c81;
    font-size: 37px;
    font-weight: 400;
    line-height: 120%;
    text-align: left
}

.new-service h2.page-title:after {
    content: "";
    width: 64px;
    flex-shrink: 0;
    height: 2px;
    margin-left: 16px;
    background-color: #e5e7eb
}

.new-service .statistics {
    display: grid;
    grid-row-gap: 32px
}

.new-service .statistics .item {
    padding: 26px 20px;
    box-shadow: 0 4px 6px rgba(135, 165, 192, .25);
    border-radius: 8px
}

.new-service .statistics .info {
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #ff2c55
}

.new-service .statistics .title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 145%;
    color: #092e4d
}

.heard-of-us {
    display: grid;
    grid-gap: 8px;
    margin-bottom: 88px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.heard-of-us .slick-next img,
.heard-of-us .slick-prev img {
    height: 30px
}

.heard-of-us .slick-next,
.heard-of-us .slick-prev {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 5vw;
    z-index: 3;
    background: linear-gradient(to left, rgba(255, 44, 85, .17) 0, rgba(0, 0, 0, 0) 100%)
}

.hire-list li a:after,
.pagination .page-numbers {
    background-repeat: no-repeat;
    background-size: 100%
}

.heard-of-us .slick-next:focus,
.heard-of-us .slick-next:hover,
.heard-of-us .slick-prev:focus,
.heard-of-us .slick-prev:hover {
    background: linear-gradient(to left, rgba(255, 44, 85, .17) 0, rgba(0, 0, 0, 0) 100%) !important
}

.heard-of-us .slick-next {
    right: 0
}

.heard-of-us .slick-prev {
    left: 0;
    transform: translate(0, -50%) rotate(180deg)
}

.heard-of-us .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(135, 165, 192, 0);
    border-radius: 8px;
    transition-duration: .25s
}

.collaborate_together .item,
.heard-of-us .item:hover,
.meet-the-team .img,
.new-service .startups-with-us .list-item,
.saas-product-dev .item {
    box-shadow: 0 4px 6px rgba(135, 165, 192, .25)
}

.heard-of-us img,
.heard-of-us svg {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.projects-section,
.tab-section {
    margin-bottom: 80px
}

.new-service .who-we-are .info {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.15;
    color: #07223a
}

.new-service .who-we-are .info p {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 37px;
    line-height: 120%;
    color: #0e4474
}

.new-service .who-we-are .info p.small {
    font-weight: 400;
    font-size: 18px;
    line-height: 135%;
    color: #07223a
}

.new-service .who-we-are .info .btn {
    max-width: 302px;
    height: 60px;
    font-weight: 700;
    color: #fff
}

@media (min-width: 992px) {
    .new-service .who-we-are {
        display: flex;
        align-items: center
    }

    .new-service .who-we-are .info {
        width: 100%;
        max-width: 550px
    }
}

@media (min-width: 1024px) {
    .home-lending-class-item {
        padding: 4.5rem 1rem
    }

    .home-lending-class-item:last-child {
        padding: 3.75rem 3.125rem 3.125rem
    }

    .home-lending-class-item:first-child {
        padding: 3.125rem 3.125rem 2.1875rem;
        justify-content: flex-end
    }

    .home-lending-class-item:nth-child(2),
    .home-lending-class-item:nth-child(4) {
        justify-content: flex-start
    }

    .home-lending-class-item:nth-child(3) {
        justify-content: flex-end
    }

    .home-lending-class-item:nth-child(odd) .home-lending-class-item-block-info {
        padding-right: 6rem;
        margin-right: 6rem
    }

    .home-lending-class-item:nth-child(2n) .home-lending-class-item-block-info {
        padding-left: 6rem;
        margin-left: 6rem
    }

    .home-lending-class-item:nth-child(odd) .home-lending-class-item-block-img {
        margin-right: 5rem
    }

    .home-lending-class-item:nth-child(2n) .home-lending-class-item-block-img {
        margin-left: 5rem
    }

    .clutch-wrapper.cecntered-clutch {
        max-width: 964px;
        margin: 56px auto 37px
    }

    main:not(.contact-page) .clutch-wrapper.cecntered-clutch .item {
        max-width: 402px
    }

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

    .contact-page>.item {
        width: 50%
    }

    .contact-page>.item:first-child {
        width: 100%;
        max-width: calc(100% - 465px);
        padding-right: 32px;
    }

    .contact-page>.item:last-of-type {
        max-width: 500px
    }

    .clutch-wrapper {
        display: inline-flex
    }

    .customers-wrapper {
        align-items: flex-start
    }

    .contact-page .form-wrapper {
        padding: 24px
    }

    .new-service .contacts-cta h3.header-4,
    .new-service .contacts-cta p.header-4 {
        font-size: 56px
    }

    .new-service .contacts-cta {
        margin-bottom: 168px;
        padding: 56px 68px;
    }

    .new-service .contacts-cta h3.header-4 {
        margin-bottom: 24px;
        font-size: 56px
    }

    .new-service .contacts-cta p {
        margin-bottom: 32px;
        max-width: 670px;
        font-size: 24px
    }

    .new-service .contacts-cta.contacts-cta__new {
        margin-bottom: 136px;
    }

    .new-service .contacts-cta.contacts-cta__new .description {
        max-width: 846px;
    }

    .new-service .statistics .info {
        font-size: 48px;
        line-height: 58px
    }

    .new-service .statistics .title {
        font-size: 20px
    }

    .heard-of-us {
        margin-bottom: 136px;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .new-service .who-we-are {
        justify-content: space-between
    }

    .new-service .who-we-are .image {
        flex-shrink: 0;
        text-align: left
    }

    .new-service .who-we-are .info {
        flex-shrink: 0;
        max-width: 50%;
        margin-right: 28px;
        margin-bottom: 0;
        font-size: 56px;
        line-height: 115%
    }
}

.new-service .who-we-are>p {
    max-width: 700px;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 28px;
    line-height: 115%;
    color: #07223a
}

.new-service .work-with {
    display: flex;
    justify-content: center;
    justify-content: center;
    flex-wrap: wrap
}

.new-service .work-with .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    margin-bottom: 24px;
    padding-left: 8px;
    padding-right: 8px
}

.new-service .work-with p {
    margin-bottom: 0;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 115%
}

.new-service .work-with .img {
    width: auto;
    height: 60px;
    margin-bottom: 16px
}

.new-service .startups-with-us .list {
    padding: 0;
    list-style: none
}

.new-service .startups-with-us .list-item {
    margin-bottom: 16px;
    padding: 24px 16px;
    border-radius: 8px;
    line-height: 150%;
    color: #1f2937
}

.new-service .startups-with-us .list-item .icon {
    margin-bottom: 16px;
}

.new-service .startups-with-us .list-item:nth-child(odd) .icon svg path {
    stroke: #004C8E;
}

.new-service .startups-with-us .list-item:nth-child(even) .icon svg path {
    stroke: #FF89A0;
}

.new-service .startups-with-us .list-item .icon+.h4 {
    font-weight: 700;
}

.new-service .startups-with-us ul {
    margin-bottom: 16px;
    padding-left: 17px
}

.new-service .startups-with-us .list-item p {
    margin-bottom: 16px;
    color: #1F2937;
}

.new-service .startups-with-us .list-item .name {
    text-align: right;
    font-size: 12px;
    line-height: 1.3;
    color: #1f2937
}

.new-service .startups-with-us .list-item .name span {
    padding-right: 6px;
    padding-left: 6px;
    color: #c3d2e0;
    font-weight: 400
}

.new-service .startups-with-us .list-item .h4 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 130%;
    color: #0e4474
}

.meet-the-team .img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 16px;
    background-color: #fff;
    border-radius: 4px
}

.meet-the-team .img img {
    max-height: 340px
}

.meet-the-team .text .name {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%
}

.meet-the-team .text .position {
    font-size: 16px;
    line-height: 1.5
}

.meet-the-team .text a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    flex-shrink: 0;
    max-width: 150px;
    height: 48px;
    border: 1px solid #e7edf2;
    border-radius: 3px;
    color: #e6284d;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0;
    transition-property: opacity
}

.meet-the-team .item .info {
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.meet-the-team .item:hover .info {
    position: relative;
    left: auto;
    right: 0;
    transform: translateX(0);
    transition-duration: .25s;
    transition-property: transform
}

.meet-the-team .item:hover .text p {
    text-align: left
}

.meet-the-team .item:hover .text {
    justify-content: space-between
}

.meet-the-team .item:hover a {
    transition-duration: .25s;
    transition-delay: 0.1s;
    width: 100%;
    opacity: 1
}

.meet-the-team .slick-dots {
    position: static;
    margin-top: 80px
}

.accordion-wrapper .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px
}

.accordion-wrapper .accordion-header:after {
    content: "";
    height: 14px;
    width: 24px;
    margin-left: 8px;
    flex-shrink: 0;
    transform: rotate(0);
    transition-duration: .25s;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.451.724a1.531 1.531 0 00-.334 1.67c.078.186.191.355.334.497L10.9 13.3a1.54 1.54 0 002.176 0L23.522 2.89a1.531 1.531 0 00.364-1.688 1.53 1.53 0 00-.846-.84 1.544 1.544 0 00-1.694.365l-9.36 9.326L2.628.728A1.538 1.538 0 00.951.392C.764.47.594.582.45.724z' fill='%235782A7'/%3E%3C/svg%3E")
}

.accordion-wrapper .accordion-header.active:after {
    transform: rotate(180deg);
    opacity: .5
}

.accordion-wrapper .text {
    display: none;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 1.5
}

.collaborate_together,
.seo-tags {
    display: grid;
    grid-row-gap: 16px
}

.collaborate_together .item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 24px 16px 24px 50px;
    border-radius: 8px
}

.collaborate_together .item:first-child:before {
    content: "Case 1";
    color: rgba(255, 44, 85, .15)
}

.collaborate_together .item:nth-child(2):before {
    content: "Case 2";
    color: rgba(0, 76, 142, .15)
}

.collaborate_together .item:nth-child(3):before {
    content: "Case 3";
    color: rgba(73, 206, 193, .25)
}

.collaborate_together .item:nth-child(4):before {
    content: "Case 4";
    color: rgba(255, 44, 85, .15)
}

.collaborate_together .item:before {
    position: absolute;
    writing-mode: vertical-lr;
    font-weight: 900;
    font-size: 28px;
    line-height: 34px;
    transform: rotate(180deg) translateY(-50%);
    left: 6px;
    bottom: 50%;
    white-space: nowrap
}

@media (min-width: 768px) {
    .new-service h2.page-title-huge {
        font-size: 40px;
        text-align: center
    }

    .new-service .statistics {
        grid-gap: 30px;
        grid-template-columns: repeat(3, 1fr)
    }

    .new-service .statistics .item {
        padding: 24px 18px
    }

    .heard-of-us {
        grid-gap: 32px
    }

    .new-service .who-we-are .info p {
        font-size: 56px
    }

    .collaborate_together {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
        max-width: 990px;
        margin-left: auto;
        margin-right: auto
    }

    .collaborate_together .item {
        padding: 38px 50px 38px 80px;
        font-size: 20px;
        line-height: 150%
    }

    .collaborate_together .item:before {
        left: 14px;
        font-size: 40px;
        line-height: 48px
    }

    .collaborate_together .item p {
        font-size: 20px
    }
}

.develop-plan .tabs .tabs__nav {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 0;
    list-style: none
}

.new-service .tabs__content .img,
.page-template-page-discovery-phase .new-service .develop-plan .tabs__content .btn,
.page-template-page-ux-consulting .new-service .develop-plan .tabs__content .btn {
    margin-bottom: 30px
}

.develop-plan .tabs__nav .tabs__item {
    position: relative;
    margin-left: 2px;
    margin-right: 2px;
    padding: 16px 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    background-color: #f3f4f6;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 0 0 rgba(135, 165, 192, .25);
    transition-duration: .25s
}

.develop-plan .tabs__nav .tabs__item.active {
    color: #e6284d;
    background-color: #fff;
    font-weight: 700;
    box-shadow: 0 0 6px rgba(135, 165, 192, .25)
}

.develop-plan .tabs__nav .tabs__item:hover {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(135, 165, 192, .25)
}

.develop-plan .tabs__nav .tabs__item.active:after,
.develop-plan .tabs__nav .tabs__item:hover:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    background-color: #fff;
    height: 12px
}

.develop-plan .tabs__content {
    margin-left: -16px;
    margin-right: -16px;
    padding: 30px 16px;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.5
}

.tabs__content.active {
    display: block
}

.develop-plan .tabs__content.active {
    box-shadow: 0 0 6px rgba(135, 165, 192, .25)
}

.more-cases-section .buttons,
.new-service .develop-plan .tabs__content .inner-simple {
    display: flex;
    flex-direction: column;
    align-items: center
}

.new-service .develop-plan .tabs__content h2 {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.15;
    color: #0e4474;
    text-align: left
}

.new-service .develop-plan .tabs__content ul,
.new-service .other-services .item .text ul {
    padding-left: 17px
}

.new-service .develop-plan .tabs__content .btn {
    max-width: 170px;
    margin: 8px 16px 0 0;
    white-space: nowrap
}

@media (min-width: 768px) {
    .develop-plan .tabs__nav .tabs__item {
        width: 100%;
        max-width: 264px;
        padding-top: 34px;
        padding-bottom: 34px;
        font-size: 18px;
        line-height: 112.5%
    }

    .new-service .develop-plan .tabs__content .inner {
        display: flex;
        align-items: center
    }

    .new-service .develop-plan .tabs__content .img {
        width: 50%;
        margin-bottom: 0;
        flex-shrink: 0
    }

    .new-service .develop-plan .tabs__content .text {
        padding-left: 40px
    }

    .new-service .other-services.with-form .item {
        display: block
    }
}

.new-service .develop-plan .tabs__content .buttons-wrapper {
    display: flex
}

.featured-projects .dev-info .info-item:not(:last-child),
.new-service .develop-plan .tabs__content p,
.perfect-fit-section .item p:not(:last-child) {
    margin-bottom: 16px
}

.new-service .other-services .item {
    justify-content: space-between;
    margin-bottom: 32px
}

.landing-page .technology-tools .item.one-line .descr,
.landing-page .technology-tools .item.one-line .descr:not(:last-of-type) {
    width: auto;
    margin-bottom: 0
}

.landing-page .technology-tools .item.one-line .descr .title {
    min-width: auto
}

.new-service .other-services .item h2,
main.new-service .other-services .item h3:not(.header-4):not(.header-5) {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    color: #0e4474;
    text-align: left
}

.new-service .other-services .item p {
    margin-bottom: 24px;
    color: #07223a;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.new-service .other-services .item .text-item p {
    color: #092e4d;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%
}

.new-service .other-services .item .btn {
    margin: 0;
    max-width: 194px
}

.new-service .other-services .item .text ul li {
    margin-bottom: 4px;
    overflow: hidden
}

.new-service .other-services .item .text-item ul.list {
    display: flex;
    flex-direction: column;
    max-width: 270px;
    padding: 0;
    list-style-type: none;
}

.new-service .other-services .text-item .list li {
    height: 48px;
    border: 1px solid #e7edf2;
    border-radius: 3px
}

.new-service .other-services .text-item .list li:not(:last-of-type) {
    margin-bottom: 24px;
}

.new-service .other-services .text-item .list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 270px;
    max-width: none;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    transition-duration: .25s;
}

.new-service .other-services .text-item .list li a.btn {
    width: 100%;
    background-color: #FF2C55;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.hire-list .link .ico path,
.new-service .other-services .text-item .list li svg {
    fill: #000;
    transition-duration: .25s
}

.new-service .other-services .text-item .list li a:hover {
    background-color: #005c9e
}

.hire-list .link .ico .path-white,
.new-service .other-services .text-item .list li a:hover svg {
    fill: #fff
}

@media (min-width: 768px) {
    .new-service .other-services .item {
        display: flex
    }

    .new-service .other-services .item h2,
    main.new-service .other-services .item h3:not(.header-4):not(.header-5) {
        width: 40%;
        flex-shrink: 0
    }

    main.new-service .other-services.with-form .item h3:not(.header-4):not(.header-5) {
        width: 70%;
        flex-shrink: 0
    }

    .new-service .other-services .item .text {
        padding-left: 40px
    }
}

.new-service .featured-projects .tabs__nav {
    display: flex;
    margin-bottom: 14px;
    list-style: none;
    overflow-x: auto;
    width: 100%;
    padding-bottom: 10px
}

.projects-section {
    overflow: hidden
}

.featured-projects .tabs__item {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
    color: #cedae5;
    transition-duration: .25s;
    white-space: nowrap
}

.featured-projects .tabs__item:not(:last-child) {
    margin-right: 24px
}

.featured-projects .tabs__item.active,
.featured-projects .tabs__item:hover {
    color: #0e4474
}

.featured-projects .tabs__content .img {
    display: block;
    max-width: 600px;
    margin: 0 auto 24px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .featured-projects .tabs__content .img {
        max-width: none;
    }
}

.featured-projects .tabs__content .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left
}

.featured-projects .tabs__content .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    color: #0e4474
}

.featured-projects .tabs__content .project-logo {
    max-width: 320px;
}
.featured-projects .tabs__content .project-logo,
.landing-page .technology-tools .item .descr:not(:last-of-type) {
    margin-bottom: 40px
}

.featured-projects .tabs__content .project-description {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 20px;
    line-height: 145%;
    color: inherit
}

.featured-projects .tabs__content .dev-info,
.perfect-fit-section .item .list,
.title-left__content-right__wrapper .list {
    padding: 0;
    list-style: none
}

.featured-projects .dev-info .info-item {
    display: flex;
    font-size: 18px;
    line-height: 1.45
}

.featured-projects .btn-wrapper {
    display: flex;
    justify-content: flex-start
}

.featured-projects .btn-wrapper .btn {
    width: auto;
    margin: 0
}

.featured-projects .dev-info .info-item:before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center
}

.featured-projects .dev-info .country:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.318C0 3.718 3.844 0 8.493 0 13.156 0 17 3.718 17 8.318c0 2.318-.843 4.47-2.23 6.294a22.064 22.064 0 01-5.541 5.14c-.486.318-.925.342-1.459 0a21.64 21.64 0 01-5.54-5.14C.843 12.788 0 10.636 0 8.318zm5.694.259c0 1.54 1.258 2.753 2.8 2.753 1.542 0 2.812-1.212 2.812-2.753 0-1.53-1.27-2.8-2.813-2.8a2.813 2.813 0 00-2.799 2.8z' fill='%23CEDAE6'/%3E%3C/svg%3E")
}

.featured-projects .dev-info .developers:before {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.658 4.233a4.207 4.207 0 01-4.209 4.234 4.207 4.207 0 01-4.21-4.234A4.206 4.206 0 0111.45 0a4.206 4.206 0 014.21 4.233zM11.45 16c-3.431 0-6.36-.544-6.36-2.72 0-2.177 2.91-2.74 6.36-2.74 3.431 0 6.361.544 6.361 2.72S14.899 16 11.449 16zm6.008-11.69a5.765 5.765 0 01-.984 3.24.158.158 0 00.107.245c.156.027.318.042.483.046 1.643.044 3.118-1.02 3.525-2.621C21.192 2.84 19.42.706 17.163.706c-.245 0-.48.026-.708.073-.031.007-.064.021-.082.05-.022.034-.006.08.016.11a5.807 5.807 0 011.068 3.37zm2.721 5.203c1.104.217 1.83.66 2.131 1.304a1.923 1.923 0 010 1.67c-.46.998-1.944 1.319-2.52 1.402-.12.018-.215-.086-.203-.206.295-2.767-2.048-4.08-2.654-4.381-.026-.014-.032-.034-.03-.047.003-.009.013-.023.033-.026 1.312-.024 2.722.156 3.243.284zM5.938 7.84c.164-.004.325-.019.483-.047a.158.158 0 00.106-.244 5.765 5.765 0 01-.984-3.24c0-1.25.39-2.416 1.068-3.372.022-.03.037-.075.016-.11-.017-.027-.051-.042-.082-.05a3.52 3.52 0 00-.71-.072C3.58.706 1.809 2.84 2.413 5.22c.407 1.6 1.882 2.665 3.525 2.621zm.159 1.413c.003.014-.003.034-.028.048-.607.302-2.95 1.614-2.656 4.38.013.121-.082.224-.201.207-.577-.083-2.06-.403-2.52-1.402a1.917 1.917 0 010-1.67c.3-.644 1.026-1.087 2.13-1.305.522-.127 1.93-.307 3.244-.283.02.003.03.017.03.025z' fill='%23CEDAE6'/%3E%3C/svg%3E")
}

.featured-projects .dev-info .duration:before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.91.769l.002.75c2.754.215 4.574 2.092 4.577 4.97l.011 8.427c.004 3.138-1.968 5.069-5.128 5.074l-7.72.01c-3.14.004-5.137-1.973-5.141-5.12L.5 6.553C.496 3.655 2.252 1.783 5.006 1.53V.78a.746.746 0 01.758-.77.747.747 0 01.762.769v.7l5.865-.009v-.7A.747.747 0 0113.15 0a.753.753 0 01.76.769zM2.022 6.862l14.949-.02v-.35c-.043-2.15-1.121-3.277-3.056-3.445v.77c0 .43-.334.77-.758.77a.752.752 0 01-.762-.768v-.81l-5.865.008v.81c0 .43-.324.77-.759.77a.752.752 0 01-.76-.769l-.002-.77c-1.925.193-2.99 1.325-2.988 3.493l.001.31zm10.719 4.542v.011c.01.46.385.809.84.799a.823.823 0 00.789-.852.83.83 0 00-.82-.797.828.828 0 00-.81.84zm.815 4.488a.848.848 0 01-.821-.848.833.833 0 01.809-.852h.01c.463 0 .84.379.84.848a.844.844 0 01-.838.852zM8.672 11.42c.02.46.396.819.85.799a.823.823 0 00.78-.86.816.816 0 00-.821-.8c-.454.02-.81.402-.809.861zm.854 4.427a.823.823 0 01-.85-.798c0-.46.355-.84.809-.861a.815.815 0 01.82.797c.02.461-.335.841-.779.862zm-4.922-4.392c.02.46.396.82.85.799.445-.02.8-.4.778-.86a.815.815 0 00-.82-.8.852.852 0 00-.808.861zm.854 4.397a.822.822 0 01-.85-.799.853.853 0 01.809-.86.815.815 0 01.82.799c.021.46-.333.84-.779.86z' fill='%23CEDAE6'/%3E%3C/svg%3E")
}

.featured-projects .dev-info .category:before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.204 1.519c-.67 0-1.24.466-1.4 1.094h5.382a1.453 1.453 0 00-1.4-1.094H9.204zm5.503 1.094h1.981c2.101 0 3.812 1.731 3.812 3.858 0 0-.06.9-.08 2.154a.33.33 0 01-.13.255c-.48.355-.92.65-.96.67-1.661 1.113-3.591 1.897-5.647 2.287a.318.318 0 01-.335-.163 3.296 3.296 0 00-2.853-1.649 3.35 3.35 0 00-2.872 1.643.319.319 0 01-.333.16 15.491 15.491 0 01-5.62-2.269l-.96-.668a.286.286 0 01-.13-.243C.55 8.132.5 6.471.5 6.471c0-2.127 1.71-3.858 3.812-3.858h1.97C6.474 1.144 7.705 0 9.205 0h2.582c1.5 0 2.731 1.144 2.921 2.613zm5.453 8.202l-.04.02c-2.021 1.357-4.452 2.259-7.004 2.633a.753.753 0 01-.82-.546 1.816 1.816 0 00-1.781-1.378h-.03c-.85 0-1.56.547-1.78 1.378a.753.753 0 01-.821.546C5.332 13.094 2.9 12.192.88 10.835c-.01-.01-.11-.07-.19-.02-.09.05-.09.172-.09.172l.07 5.165C.67 18.279 2.37 20 4.472 20h12.046c2.101 0 3.802-1.721 3.802-3.848l.08-5.165s0-.121-.09-.172c-.05-.03-.11-.02-.15 0zm-8.915 4.243c0 .426-.33.76-.75.76a.754.754 0 01-.75-.76v-1.306c0-.415.34-.76.75-.76.42 0 .75.345.75.76v1.306z' fill='%23CEDAE6'/%3E%3C/svg%3E")
}

.featured-projects .tabs__content {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    display: block
}

.featured-projects .tabs__content.active {
    visibility: visible;
    position: relative
}

.tabs__content .text>* {
    position: relative;
    left: 50px;
    opacity: 0
}

.tabs__content.active .text>* {
    transition-duration: .3s;
    left: 0;
    opacity: 1
}

.tabs__content .img>* {
    position: relative;
    opacity: 0;
    left: 100px
}

.tabs__content.active .img>* {
    transition-duration: .25s;
    opacity: 1;
    left: 0
}

.tabs__content.active .text .project-logo {
    transition-delay: 0.15s
}

.tabs__content.active .text .project-description {
    transition-delay: 0.3s
}

.tabs__content.active .text .dev-info {
    transition-delay: 0.45s
}

.tabs__content.active .text .btn-wrapper {
    transition-delay: 0.6s
}

@media (min-width: 1024px) {
    .new-service .who-we-are>p {
        margin-bottom: 32px;
        font-size: 56px
    }

    .home-hero .new-service .who-we-are {
        justify-content: space-between;
        margin-bottom: -100px
    }

    .new-service .work-with .img {
        height: 70px
    }

    .new-service .work-with p {
        font-size: 25px
    }

    .new-service .startups-with-us.two-columns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px
    }

    .new-service .startups-with-us.two-columns .section-intro {
        margin-bottom: 0
    }

    .new-service .startups-with-us.two-columns .list-item,
    main.new-service .other-services.with-form .item h3:not(.header-4):not(.header-5) {
        width: 100%
    }

    .new-service .startups-with-us .list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 33px;
    }

    .new-service .startups-with-us .two-columns .list-item {
        width: calc(100% / 2 - 15px)
    }

    .new-service .startups-with-us .list-item {
        width: calc(100% / 3 - 22px);
        padding: 32px 16px;
        margin-bottom: 0
    }

    .new-service .startups-with-us .four-in-row .list-item {
        width: calc(100% / 4 - 22px)
    }

    .new-service .startups-with-us .list.two-in-row {
        flex-wrap: wrap;
        margin-bottom: -40px
    }

    .new-service .startups-with-us .two-in-row .list-item {
        width: calc(100% / 2 - 20px);
        margin-bottom: 40px
    }

    .new-service .startups-with-us .two-in-row .h4 {
        font-weight: 700;
        font-size: 24px;
        line-height: 130%
    }

    .meet-the-team {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .meet-the-team.team-center {
        justify-content: center
    }

    .meet-the-team.team-center .item {
        margin-left: 15px;
        margin-right: 15px
    }

    .app-startups .meet-the-team .item,
    .meet-the-team .item {
        width: calc(100% / 3 - 30px);
        margin-bottom: 20px
    }

    .collaborate_together.wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .collaborate_together.wrap .item {
        max-width: 470px;
        padding: 24px 24px 24px 80px
    }

    .collaborate_together {
        grid-template-columns: repeat(2, 480px)
    }

    .develop-plan .tabs__nav .tabs__item {
        margin-left: 12px;
        margin-right: 12px
    }

    .new-service .develop-plan .tabs__content {
        padding-top: 46px;
        padding-bottom: 46px
    }

    .new-service .develop-plan .tabs__content .img {
        width: 570px;
        display: flex;
        justify-content: center
    }

    .new-service .develop-plan .tabs__content img {
        max-width: 100%
    }

    .new-service .develop-plan .tabs__content .text,
    .new-service .other-services .item .text {
        padding-left: 60px
    }

    .projects-section,
    .tab-section.develop-plan {
        margin-bottom: 168px
    }

    .new-service .other-services.with-form .item {
        display: flex
    }

    .new-service .other-services .item {
        margin-bottom: 56px
    }

    .new-service .other-services .item h2,
    main.new-service .other-services .item h3:not(.header-4):not(.header-5) {
        width: 100%;
        max-width: 550px;
        font-size: 40px;
        line-height: 115%
    }

    .new-service .other-services.find-more .item {
        justify-content: space-between
    }

    .new-service .other-services.find-more .item h2 {
        font-size: 56px;
        max-width: 470px
    }

    .new-service .other-services.find-more .text {
        max-width: 540px;
        padding-top: 16px
    }

    .new-service .other-services.find-more .text p {
        font-size: 24px
    }

    .new-service .other-services .text-item:not(:last-child) {
        margin-bottom: 64px
    }

    .new-service .other-services .text-item .list {
        grid-template-columns: repeat(2, 1fr)
    }

    .featured-projects .tabs__item {
        font-size: 18px
    }

    .tabs__content.active .img>* {
        transition-duration: .45s;
        transition-delay: 0.75s
    }

    .featured-projects {
        width: 100%;
        overflow: hidden;
        box-shadow: 0 1px 16px rgba(212, 212, 212, .5)
    }

    .featured-projects-container {
        display: flex;
        padding-left: calc(50% - 602px)
    }

    .new-service .featured-projects .tabs__nav {
        flex-direction: column;
        align-items: flex-end;
        width: 240px;
        margin-bottom: 0;
        padding-top: 74px;
        padding-left: 0;
        flex-shrink: 0;
        border-right: 1px solid #e7edf2
    }

    .featured-projects .tabs__item:not(:last-child) {
        margin-right: 0
    }

    .new-service .featured-projects .tabs__nav .tabs__item {
        margin-bottom: 32px
    }

    .new-service .featured-projects .tabs__content {
        width: calc(100% - 220px)
    }

    .featured-projects .slide {
        display: flex !important;
        height: 500px
    }

    .featured-projects .slide .img {
        width: 50%;
        order: 2;
        margin-bottom: 0;
        flex-shrink: 0
    }

    .featured-projects .slide .text {
        order: 1;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .featured-projects .slick-arrow {
        width: 48px;
        height: 48px;
        border: 1px solid #e7edf2;
        border-radius: 100%;
        top: auto;
        right: auto;
        bottom: 138px;
        transform: translate(0);
        background-position: center;
        background-repeat: no-repeat
    }

    .featured-projects .slick-arrow:focus,
    .featured-projects .slick-arrow:hover {
        background-position: center;
        background-repeat: no-repeat;
        border-bottom: 1px solid #e7edf2 !important
    }

    .featured-projects .slick-arrow:before {
        display: none
    }

    .featured-projects .slick-arrow.slick-prev {
        left: -140px;
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.286 8.7A1 1 0 01.3 7.286l6.428-6.3a1 1 0 111.4 1.429l-5.714 5.6 5.6 5.713a1 1 0 11-1.429 1.4L.285 8.7zm21.012.505L.99 9l.02-2 20.308.205-.02 2z' fill='%235782A7'/%3E%3C/svg%3E")
    }

    .featured-projects .slick-arrow.slick-next {
        left: -62px;
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7 8.714a1 1 0 00.014-1.414l-6.3-6.428a1 1 0 10-1.428 1.4l5.6 5.714-5.714 5.6a1 1 0 001.4 1.428l6.428-6.3zm-21.018.08L20.99 9l.02-2L.702 6.795l-.02 2z' fill='%235782A7'/%3E%3C/svg%3E")
    }

    .section-intro .sticky-block {
        position: sticky;
        top: 100px
    }
}

.navigation.pagination .nav-links {
    display: flex;
    justify-content: center;
    padding-bottom: 48px
}

.pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition-duration: .25s;
    background-position: center;
    border-radius: 50%;
    font-size: 16px;
    line-height: 19px;
    color: #092e4d
}

.next.page-numbers,
.prev.page-numbers {
    width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.002 512.002'%3E%3Cpath d='M388.425 241.951L151.609 5.79c-7.759-7.733-20.321-7.72-28.067.04-7.74 7.759-7.72 20.328.04 28.067l222.72 222.105-222.728 222.104c-7.759 7.74-7.779 20.301-.04 28.061a19.8 19.8 0 0014.057 5.835 19.79 19.79 0 0014.017-5.795l236.817-236.155c3.737-3.718 5.834-8.778 5.834-14.05s-2.103-10.326-5.834-14.051z'/%3E%3C/svg%3E");
    position: relative
}

.pagination .page-numbers:not(:last-of-type) {
    margin-right: 12px
}

.prev.page-numbers {
    transform: rotate(180deg)
}

.next.page-numbers:after,
.prev.page-numbers:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition-duration: .25s;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23FF2C55' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.002 512.002'%3E%3Cpath d='M388.425 241.951L151.609 5.79c-7.759-7.733-20.321-7.72-28.067.04-7.74 7.759-7.72 20.328.04 28.067l222.72 222.105-222.728 222.104c-7.759 7.74-7.779 20.301-.04 28.061a19.8 19.8 0 0014.057 5.835 19.79 19.79 0 0014.017-5.795l236.817-236.155c3.737-3.718 5.834-8.778 5.834-14.05s-2.103-10.326-5.834-14.051z'/%3E%3C/svg%3E")
}

.saas-product-dev .item {
    display: flex;
    align-items: center;
    padding: 16px;
    margin-bottom: 16px;
    background-color: #fff;
    border-radius: 4px
}

.item-shadow,
.saas-steps .step {
    box-shadow: 0 0 8px rgba(135, 165, 192, .25)
}

.saas-product-dev .item p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #0e4474
}

.new-service.saas-startups .section-intro {
    max-width: 800px
}

.saas-steps .step {
    padding: 24px 16px;
    border-radius: 8px;
    background-color: #fff
}

.hire-list li,
.perfect-fit-section .item {
    box-shadow: 0 4px 6px rgba(135, 165, 192, .25)
}

.saas-steps .step .num {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #e6284d
}

.saas-steps.saas-steps__new .step .num {
    margin-bottom: 8px;
    font-size: 14px;
    text-transform: uppercase;
}

.saas-steps.saas-steps__new .step .title {
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    color: #0E4474;
}

.saas-steps.without-title .step .num {
    margin-bottom: 24px;
    font-size: 16px
}

.saas-steps .step .step-title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #0e4474
}

.saas-steps .step .description {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 150%;
    color: #1f2937
}

.perfect-fit-section .item {
    padding: 24px;
    border-radius: 8px
}

.perfect-fit-section .item .title {
    margin-bottom: 16px;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px
}

.perfect-fit-section .item .list li {
    position: relative;
    padding-left: 32px
}

.perfect-fit-section .item .list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 24px;
    background-color: #5782a7
}

.perfect-fit-section .item:nth-child(odd) .title {
    color: rgba(255, 44, 85, .15)
}

.perfect-fit-section .item:nth-child(2n) .title {
    color: rgba(0, 76, 142, .15)
}

.mvp-dev-process {
    counter-reset: num
}

.new-service .mvp-dev-process .section-intro {
    margin-bottom: 56px
}

.mvp-dev-process .title {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%
}

.mvp-dev-process .title:before {
    counter-increment: num;
    content: counter(num);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.3;
    border: 3px solid #c3d2e0;
    border-radius: 100%;
    color: #0e4474
}

.new-service.app-startups.ux-ui-design .hero-design-text-wrapper p {
    max-width: 580px
}

.ux-ui-design .perfect-fit-section .section-intro {
    max-width: 700px
}

.ux-ui-design .perfect-fit-section .item:nth-child(odd) .title {
    color: #5782a7
}

.ux-ui-design .perfect-fit-section .item:nth-child(2n) .title {
    color: #ff6b88
}

.new-service .more-cases-section .section-intro {
    margin-bottom: 16px;
    color: #0e4474
}

.more-cases-section p {
    margin-bottom: 16px;
    color: #092e4d
}

.more-cases.small-block {
    max-width: 443px
}

@media (max-width: 767px) {
    .new-service .contacts-cta {
        margin-left: -16px;
        margin-right: -16px
    }

    .new-service .contacts-cta .btn-wrapper {
        display: flex;
        align-items: center
    }

    .more-cases-section .btn:not(:last-child),
    .perfect-fit-section .item:not(:last-child),
    .saas-steps .step:not(:last-child) {
        margin-bottom: 24px
    }
}

.dribble-shots {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 280px)
}

.dribble-shots .img a {
    display: block;
    width: 100%;
    height: 100%
}

.dribble-shots .img:first-child {
    grid-column: 1/3;
    grid-row: 1/3
}

.dribble-shots .img:nth-child(7) {
    grid-column: 2/5
}

.dribble-shots-section .btn {
    max-width: 230px;
    margin: 36px auto 0
}

.dribble-shots .img {
    margin-bottom: 16px;
    overflow: hidden;
    filter: drop-shadow(0 0 8px rgba(135, 165, 192, .25));
    border-radius: 8px
}

.dribble-shots .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.design-services-steps .item:not(:last-child) {
    margin-bottom: 64px
}

.design-services-steps .item-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.design-services-steps .item-header .ico {
    margin-right: 16px;
    width: 28px
}

.design-services-steps .item-header p {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    color: #07223a
}

.design-services-steps .deadline {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 24px;
    color: #ff2c55
}

.design-services-steps .list-title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f4c81
}

.design-services-steps .list-item:not(:last-child) {
    margin-bottom: 16px;
    line-height: 1.5
}

.design-services-steps .btn {
    max-width: 162px
}

.design-services-steps .img img {
    display: block;
    margin-bottom: 28px
}

@media (max-width: 991px) {
    .design-services-steps .desktop {
        display: none !important
    }

    .design-services-steps .text {
        margin-bottom: 30px
    }
}

@media (min-width: 992px) {
    .new-service .work-with .item {
        width: calc(100% / 4 - 10px);
        padding: 0;
        margin-bottom: 0
    }

    .design-services-steps .item {
        display: flex;
        justify-content: space-between;
        padding: 40px;
        background-color: #fff;
        box-shadow: 0 0 8px rgba(135, 165, 192, .25);
        border-radius: 8px
    }

    .design-services-steps .item:not(:last-child) {
        margin-bottom: 40px
    }

    .design-services-steps .text {
        max-width: 500px;
        padding-right: 24px
    }

    .design-services-steps .img {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 480px
    }

    .design-services-steps .img a+img {
        margin-top: 56px
    }
}

.design-website-steps .item {
    margin-bottom: 28px
}

.design-website-steps .item-header {
    margin-bottom: 32px;
    font-size: 40px;
    line-height: 115%
}

.design-website-steps .item-intro {
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #092e4d
}

.design-website-steps .item-list {
    margin-bottom: 24px;
    padding: 0;
    color: #092e4d;
    line-height: 150%;
    list-style: none
}

.design-website-steps .item-list li {
    font-size: 16px
}

.design-website-steps .item-result {
    font-size: 18px;
    font-weight: 600;
    color: #0e4474
}

.design-website-steps .btn {
    max-width: 162px;
    margin-top: 40px
}

@media (min-width: 768px) {
    .saas-product-dev {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-left: -12px;
        margin-right: -12px
    }

    .saas-product-dev .item {
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 24px
    }

    .saas-steps {
        position: relative;
        display: grid;
        grid-gap: 90px 30px;
        grid-auto-rows: 1fr;
        grid-template-columns: repeat(3, 1fr);
        z-index: 1
    }

    .saas-steps.five-steps {
        grid-template-columns: repeat(6, 1fr);
        justify-content: center;
    }

    .saas-steps.visible.five-steps:before {
        content: '';
        position: absolute;
        height: 4px;
        top: 25%;
        left: -20px;
        background-repeat: repeat-x;
        background-image: url("data:image/svg+xml,%3Csvg width='1284' height='4' viewBox='0 0 1284 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFCAD5' stroke-width='4' stroke-dasharray='7 7' d='M-3 2h1287'/%3E%3C/svg%3E");
        animation: stepLine 2s linear forwards;
    }

    @keyframes stepLine {
        from {
            width: 0;
        }

        to {
            width: calc(100vw - ((100vw - 1000px) / 2));
        }
    }

    .saas-steps.five-steps .step {
        grid-column: span 2;
    }

    .saas-steps.five-steps .step:nth-of-type(4) {
        grid-column: 2 / span 2;
    }

    .saas-steps:after {
        content: "";
        position: absolute;
        top: 56%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85%;
        height: 100%;
        margin-right: -30px;
        background-image: url("data:image/svg+xml,%3Csvg width='799' height='96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M797 0v2.74c0 26.51-21.416 48-47.926 48H47.156C22.159 50.74 2 71.002 2 96v0' stroke='%23FFCAD5' stroke-width='4' stroke-dasharray='7 7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center 43%;
        background-size: 100%;
        z-index: -1;
        opacity: 0;
        transition-duration: .25s;
        transition-delay: 1.6s
    }

    .saas-steps.five-steps:after {
        top: 57%;
        left: 58.5%;
        width: 50%;
        background-image: url("data:image/svg+xml,%3Csvg width='633' height='86' viewBox='0 0 633 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M631 0c0 25.104-20.172 45.454-45.276 45.454H42.478C20.085 45.454 2 63.607 2 86' stroke='%23FFCAD5' stroke-width='4' stroke-dasharray='7 7'/%3E%3C/svg%3E");
    }

    .saas-steps .step {
        transform: scale(0);
        transition-duration: .25s
    }

    .saas-steps .step:first-child {
        transition-delay: 0.4s
    }

    .saas-steps .step:nth-child(2) {
        transition-delay: 0.8s
    }

    .saas-steps .step:nth-child(3) {
        transition-delay: 1.2s
    }

    .saas-steps .step:nth-child(4) {
        transition-delay: 2s
    }

    .saas-steps .step:nth-child(5) {
        transition-delay: 2.4s
    }

    .saas-steps .step:nth-child(6) {
        transition-delay: 2.8s
    }

    .saas-steps.visible .step {
        transform: scale(1)
    }

    .saas-steps.visible:after {
        opacity: 1
    }

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

    .perfect-fit-section .item {
        width: calc(100% / 3 - 30px)
    }

    .ux-ui-design .perfect-fit-section .item {
        width: calc(100% / 2 - 15px)
    }

    .more-cases-section p {
        font-size: 24px;
        line-height: 130%
    }

    .more-cases-section .buttons {
        flex-direction: row
    }

    .more-cases-section .btn {
        margin: 0 32px 0 0;
        max-width: 192px
    }

    .dribble-shots .firs-row {
        display: flex;
        margin-bottom: 32px
    }

    .dribble-shots .firs-row>.img {
        width: 50%;
        margin-right: 16px;
        margin-bottom: 0
    }

    .dribble-shots .img {
        margin-bottom: 0;
        flex-shrink: 0
    }

    .dribble-shots .cell {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 32px;
        margin-left: 16px;
        flex-grow: 1
    }

    .dribble-shots .desktop {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 32px
    }

    .dribble-shots .desktop .img:nth-child(2) {
        grid-column: 2/span 4
    }

    .design-website-steps .desktop {
        display: block !important
    }

    .design-website-steps .mobile {
        display: none !important
    }

    .design-website-steps .item {
        display: flex;
        margin-bottom: 80px
    }

    .design-website-steps .item .img,
    .design-website-steps .item .text {
        width: 50%
    }

    .design-website-steps .item:nth-child(odd) .img {
        order: 1;
        padding-right: 24px
    }

    .design-website-steps .item:nth-child(2n) .img {
        padding-left: 24px
    }

    .design-website-steps .item:nth-child(odd) .text {
        order: 2
    }
}

@media (min-width: 1024px) {
    .saas-steps.five-steps:after {
        top: 56.5%;
    }
}

@media (min-width: 1280px) {
    .saas-steps.five-steps {
        grid-column-gap: 72px;
    }

    .saas-steps.five-steps:after {
        top: 56%;
    }

    .saas-steps.visible.five-steps:before {
        left: calc(-100vw + ((100vw + 1170px) / 2));
    }
}

.title-left__content-right__wrapper .item {
    padding: 16px;
    border-radius: 8px
}

.hire-dedicated-wrapper .hire-item .title,
.title-left__content-right__wrapper .item:not(:last-child) {
    margin-bottom: 24px
}

.title-left__content-right__wrapper .item-title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #07223a
}

.title-left__content-right__wrapper .item-text p {
    color: #1f2937
}

.hire-dedicated-wrapper .hire-item,
.saas-startups-how-do-list .text p:not(:last-of-type),
.title-left__content-right__wrapper .item-text p:not(:last-child) {
    margin-bottom: 16px
}

.title-left__content-right__wrapper .list li {
    display: flex;
    align-items: center
}

.title-left__content-right__wrapper .list li:not(:last-child) {
    margin-bottom: 8px
}

.title-left__content-right__wrapper .list li:before {
    content: "";
    width: 20px;
    height: 2px;
    flex-shrink: 0;
    margin-right: 16px;
    background-color: #5782a7
}

.seo-tags .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    color: #0e4474;
    border-radius: 8px
}

.competitor {
    display: grid;
    grid-row-gap: 24px;
    flex-shrink: 0
}

@media (max-width: 1279px) {
    .scroll-nav ol {
        max-height: calc(100vh - 400px);
        overflow: auto
    }

    .scroll-nav {
        right: -100vw
    }

    .scroll-nav.open {
        right: 0;
        z-index: 10
    }

    .scroll-nav__overlay {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, .5)
    }

    .competitor {
        margin-bottom: 32px
    }
}

.new-service .cta-lets-start-wrapper {
    padding: 56px 72px 72px;
    background-color: #003665
}

.new-service .cta-lets-start-wrapper h2 {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 56px;
    line-height: 115%;
    text-align: left;
    color: #fff
}

.new-service .cta-lets-start-wrapper p {
    margin-bottom: 32px;
    max-width: 700px;
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color: #fff
}

.new-service .cta-lets-start-wrapper .btn {
    width: 224px;
    height: 50px;
    color: #fff
}

.competitor ol {
    padding-left: 0;
    list-style-position: inside
}

.competitor .item {
    padding: 16px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.3
}

.competitor .item p {
    margin-bottom: 8px;
    color: #1f2937;
    font-size: 12px;
    line-height: 1.3
}

.competitor p.item-title,
.hire-list li a {
    line-height: 130%;
    text-transform: uppercase
}

.competitor .item p strong,
.hire-dedicated-wrapper h3 span {
    color: #0f4c81
}

.competitor p.item-title {
    color: #e6284d;
    font-weight: 700;
    font-size: 18px
}

.report-wrapper .text h2 {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 28px;
    line-height: 115%;
    color: #0e4474
}

@media (min-width: 1280px) {
    .fb_contact {
        width: calc(50% - 6rem);
        padding: 0 3rem
    }

    .fb_adress {
        width: calc(50% - 6rem);
        padding: 0 7rem
    }

    .footer-menu ul .menu-item-has-children {
        padding-right: 140px
    }

    .footer-menu ul li .sub-menu .sub-menu a {
        font-size: 14px
    }

    .footer-menu ul li .sub-menu .menu-item-has-children {
        padding-right: 40px
    }

    .services_foll .we_do_inner {
        margin: 0 6rem 2rem
    }

    .wdy_get_inner {
        width: calc(33% - 6rem);
        margin: 0 3.5rem 2rem
    }

    .article_header {
        padding-top: 0
    }

    .article_share {
        -webkit-transform: translateX(-30rem);
        transform: translateX(-30rem);
        top: 5rem
    }

    .scroll-nav {
        right: 0;
        width: 16rem
    }

    .new-service .who-we-are .info {
        max-width: 700px
    }

    .new-service .featured-projects .tabs__nav {
        padding-right: 15px
    }

    .featured-projects .slide .text {
        padding: 50px 32px
    }

    .featured-projects .tabs__content .project-description {
        margin-bottom: 40px
    }

    .featured-projects .slick-arrow.slick-prev {
        left: -180px
    }

    .featured-projects .slick-arrow.slick-next {
        left: -100px
    }

    .featured-projects .tabs__content .dev-info {
        display: flex;
        flex-wrap: wrap
    }

    .featured-projects .dev-info .info-item:not(:last-child) {
        margin-right: 24px
    }

    .design-website-steps .item,
    .design-website-steps p {
        margin-bottom: 160px
    }

    .design-website-steps .item:nth-child(odd) .img {
        padding-right: 100px
    }

    .design-website-steps .item:nth-child(2n) .img {
        padding-left: 100px
    }

    .report-wrapper {
        display: flex;
        align-items: center
    }

    .competitor .item {
        max-width: 265px
    }

    .report-wrapper .text {
        padding-left: 108px
    }

    .report-wrapper .text h2 {
        margin-bottom: 24px;
        font-weight: 400;
        font-size: 56px;
        line-height: 115%;
        text-align: left
    }

    .new-service .report-wrapper .btn-white {
        max-width: 162px
    }
}

.new-service.landing-page .heard-of-us .slick-list {
    padding-left: 0 !important
}

.new-service.landing-page .container {
    max-width: 1202px
}


.new-service.landing-page .container.faq-wrapper {
   margin-top: 60px;
}
@media (min-width: 768px) { 
    .new-service.landing-page .container.faq-wrapper {
       margin-top: 136px;
    }
}

.new-service.landing-page .section {
    margin-top: 88px
}

.introduction-wrapper .introduction-title {
    max-width: 966px;
    margin-bottom: 56px;
    color: #0f4c81;
    font-size: 37px;
    font-weight: 400;
    line-height: 115%
}

.introduction-wrapper .introduction-list {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.introduction-wrapper .introduction-list li {
    margin-bottom: 16px;
    padding-left: 16px;
    color: #1f2937;
    font-feature-settings: "clig"off, "liga"off;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    border-left: 1px solid rgba(255, 44, 85, .32)
}

.new-service .container.home-hero {
    margin-top: 0;
    padding-top: 20px
}

.hire-dedicated-wrapper {
    border: 1px solid #e7edf2;
    border-radius: 4px
}

.new-service .hire-dedicated-wrapper .btn-white {
    background-color: transparent
}

.hire-dedicated-wrapper .btn .ico {
    margin-left: 10px
}

.hire-dedicated-wrapper .hire-header {
    padding: 16px;
    background-color: #f9fafb
}

.new-service .hire-dedicated-wrapper h3:not(.header-4):not(.header-5) {
    color: #07223a;
    text-transform: uppercase
}

.hire-dedicated-wrapper .hire-main {
    padding: 24px 16px
}

.hire-dedicated-wrapper .hire-item:not(:last-child),
.saas-startups-how-do-list .item:not(:last-of-type) {
    margin-bottom: 48px
}

.hire-list li {
    width: 100%;
    margin-bottom: 21px;
    border-radius: 8px
}

.hire-list li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 60px 16px 16px;
    font-size: 12px;
    letter-spacing: .05em;
    text-decoration: none;
    color: #000
}

.hire-list li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%) rotate(0);
    background-image: url(/wp-content/themes/SPDLoad/img/arrow-in-circle.svg);
    transition-duration: .25s
}

.hire-list .link .ico {
    width: 34px;
    margin-right: 16px
}

.hire-list .link .ico .path-stroke {
    stroke: #000;
    transition-duration: .25s
}

.hire-list li a:hover .ico-react path {
    fill: #00d8ff
}

.hire-list li a:hover .ico-vue .path-1 {
    fill: #41b883
}

.hire-list li a:hover .ico-vue .path-2 {
    fill: #35495e
}

.hire-list li a:hover .ico-laravel path {
    fill: #ff2d20
}

.hire-list li a:hover .ico-node path {
    fill: #8cc84b
}

.hire-list li a:hover .ico-apple path {
    fill: #ccd0d2
}

.hire-list li a:hover .ico-android .path {
    fill: #a4c639
}

.hire-list li a:hover .ico-android .path-stroke {
    stroke: #a4c639
}

.hire-list li a:hover:after {
    transform: translateY(-50%) rotate(180deg)
}

.three-btn-in-row {
    display: grid;
    grid-gap: 32px
}

.privacy-policy-page {
    padding: 80px 16px
}

@media (min-width: 1330px) {
    .new-service .container.container-sticky-right {
        padding-left: calc((100vw - 1330px) / 2);
        max-width: 100%
    }

    .privacy-policy-page {
        padding-left: 0;
        padding-right: 0
    }
}

main.new-service .other-services.with-form .text.form {
    position: relative;
    padding: 24px 24px 0;
    background-color: #fff;
    box-shadow: 0 0 8px rgb(135 165 192 / 25%);
    border-radius: 8px
}

@media (min-width: 1024px) {
    main.new-service .other-services.with-form .text.form {
        max-width: 500px;
    }
}

main.new-service .other-services.with-form .info {
    max-width: 543px
}

main.new-service .other-services.with-form .info h3 {
    margin-bottom: 22px;
    font-weight: 400;
    font-size: 32px;
    line-height: 125%;
    color: #0e4474
}

main.new-service .other-services.with-form .info p {
    max-width: none;
    font-size: 16px;
    line-height: 170%
}

main.new-service .other-services.with-form .text.form .form-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px
}

main.new-service .other-services.with-form .text.form .form-item .form-row {
    display: block;
    margin-bottom: 16px
}

main.new-service .other-services.with-form .text.form .form-item .form-row.email,
main.new-service .other-services.with-form .text.form .form-item .form-row.name {
    width: calc(50% - 8px);
    margin-bottom: 34px
}

main.new-service .other-services.with-form .text.form .form-item .form-row.textarea {
    width: 100%;
    margin-bottom: 0
}

main.new-service .other-services.with-form .text.form .form-item input {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
    border-bottom: 1px solid #dfdfdf
}

main.new-service .other-services.with-form .text.form .wpcf7-submit.btn {
    min-height: auto;
    width: 157px;
    height: 34px;
    margin-left: auto;
    line-height: 34px;
    padding: 0
}

main.new-service .other-services.with-form .text.form .form-item textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    resize: none
}

main.new-service .other-services.with-form .text.form .form-item h3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 150%;
    color: #0e4474;
    font-weight: 700
}

.landing-page .technology-tools .item h2 {
    font-weight: 400;
    letter-spacing: -1px;
    color: #0e4474
}

.landing-page .technology-tools .item .descr {
    width: 100%;
    margin-top: 0;
    line-height: 24px
}

.landing-page .technology-tools .item .descr .title {
    min-width: 156px;
    margin-right: 16px
}

@media (min-width: 1024px) {
    .new-service .section.how-dev-saas-section {
        margin-bottom: 72px
    }

    .saas-steps {
        background-size: 800px;
        background-position: center 44%
    }

    .perfect-fit-section .item .title {
        font-size: 32px;
        line-height: 38px
    }

    .more-cases-section,
    .mvp-dev-process {
        display: flex
    }

    .mvp-dev-process .title {
        margin-bottom: 24px;
        font-size: 40px;
        line-height: 112.5%
    }

    .new-service .section .mvp-dev-process .section-intro {
        font-size: 32px;
        font-weight: 600;
        line-height: 130%;
        max-width: 455px;
        margin-right: 100px
    }

    .new-service .mvp-dev-process .process-list-item {
        margin-bottom: 48px
    }

    .mvp-dev-process .title:before {
        display: none
    }

    .new-service .more-cases-section .section-intro {
        max-width: 570px;
        margin-right: 64px
    }

    .design-website-steps .item,
    .design-website-steps .item-intro {
        font-size: 24px
    }

    .design-website-steps .item-list li {
        display: flex;
        align-items: center
    }

    .design-website-steps .item-list li:before {
        content: "";
        height: 2px;
        width: 40px;
        margin-right: 16px;
        background-color: #5782a7
    }

    .design-website-steps .item-header {
        margin-bottom: 16px;
        font-size: 48px
    }

    .design-website-steps .item .text {
        width: 55%
    }

    .design-website-steps .item .img {
        width: 45%
    }

    .title-left__content-right__wrapper .item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px
    }

    .new-service.landing-page .section {
        margin-top: 136px
    }

    .hire-dedicated-wrapper .hire-header {
        padding: 32px
    }

    .hire-dedicated-wrapper .hire-main {
        padding: 112px 70px 54px
    }

    .hire-dedicated-wrapper+.two-btn-in-row {
        padding-top: 50px;
        padding-right: 70px;
        padding-left: 70px
    }

    .hire-list li a {
        padding-top: 28px;
        padding-bottom: 28px;
        padding-left: 32px;
        font-size: 14px;
        transition-duration: .25s;
        transition-property: color, background-color
    }

    .hire-list li a:after {
        width: 26px;
        height: 26px
    }

    .landing-page .technology-tools .item h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 56px;
        line-height: 67px
    }

    .landing-page .technology-tools .item .descr .title {
        border-right: 2px solid #c3d2e0
    }
}

.landing-page .technology-tools .item .descr img {
    max-height: 24px
}

.landing-page .technology-tools .item .descr .icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .landing-page .technology-tools .item .descr .icons {
        margin-bottom: -16px;
    }

    .landing-page .technology-tools .item .descr .icons img {
        margin-bottom: 16px;
    }
}

.new-service.app-startups.saas-startups {
    padding-top: 75px
}

.new-service.app-startups.saas-startups .hero-design {
    padding-top: 145px;
    padding-bottom: 0
}

.new-service.app-startups.saas-startups .hero-design .container {
    max-width: 835px
}

.new-service.app-startups.saas-startups .hero-design-text-wrapper p {
    max-width: 373px
}

.new-service.app-startups.saas-startups .hero-bottom .btn-red {
    max-width: 320px;
    width: 100%;
    font-size: 14px;
    line-height: 38px;
    letter-spacing: .7px;
    text-transform: uppercase
}

.saas-startups.landing-page .saas-startups-problems {
    margin-top: 107px;
    padding-top: 0;
    padding-bottom: 0
}

.saas-startups .saas-startups-problems .section-intro {
    max-width: 870px;
    margin-bottom: 64px
}

.saas-startups-problems-list .item {
    width: 100%;
    min-height: 342px;
    margin-bottom: 30px;
    padding: 32px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 6px 0 rgba(135, 165, 192, .25)
}

.saas-startups-problems-list .item h4 {
    margin-bottom: 32px;
    color: #104c80;
    font-size: 32px;
    font-weight: 900;
    line-height: 120%
}

.saas-startups-problems-list .item ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    color: #092e4d;
    font-size: 20px;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.saas-startups-problems-list .item ul li {
    position: relative;
    padding-left: 36px
}

.saas-startups-problems-list .item ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 4px;
    background-color: rgba(255, 44, 85, .32)
}

.saas-startups .contacts-cta {
    margin: 120px -16px 0;
    padding-bottom: 72px
}

.saas-startups .contacts-cta .btn {
    width: 100%;
    max-width: 225px
}

.saas-startups-why-we .list {
    flex-wrap: wrap
}

.saas-startups .saas-startups-why-we .list-item {
    margin-bottom: 30px;
    padding: 24px
}

.saas-startups .saas-startups-why-we .list-item svg {
    height: 54px;
    margin-bottom: 16px
}

.saas-startups .saas-startups-why-we .section-intro.section-intro-small {
    max-width: 870px;
    margin-bottom: 64px;
    font-size: 44px;
    line-height: 120%
}

.saas-startups .saas-startups-why-we .list-item .h4 {
    color: #0e4474;
    font-size: 24px;
    font-weight: 700
}

.saas-startups.landing-page .saas-startups-knowledge {
    margin-top: 127px
}

.saas-startups-knowledge-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.saas-startups-knowledge-list li {
    width: 100%;
    max-width: calc(100% / 2 - 20px);
    margin-bottom: 75px
}

.saas-startups-knowledge-list .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 178px;
    max-height: 178px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    box-shadow: 0 2px 16px 0 #eee;
    border-radius: 20px
}

.saas-startups-knowledge-list.six-el .item .icon {
    max-width: 147px;
    max-height: 147px
}

.saas-startups-knowledge-list .item .icon>* {
    transition: .3s
}

.saas-startups-knowledge-list .item:hover .icon>* {
    transform: scale(1.1) rotate(5deg)
}

.saas-startups-knowledge-list .item p {
    margin-bottom: 0;
    color: #0e4474;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%
}

.saas-startups-knowledge-list.three-el {
    justify-content: center
}

.saas-startups-knowledge-list.three-el .item:not(:last-of-type) {
    margin-right: 20px
}

.saas-startups-projects-list .item {
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    padding: 24px 16px;
    border-radius: 8px;
    background-color: #fdfdfd;
    box-shadow: 0 4px 6px 0 rgba(135, 165, 192, .25)
}

.saas-startups-projects-list .item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    text-decoration: none
}

.saas-startups-projects-list .item .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.saas-startups-projects-list .item .thumb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px
}

.saas-startups-projects-list .item .small {
    position: relative;
    width: 100%;
    color: #1f2937;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    transition: .3s
}

.saas-startups-projects-list .item .title {
    position: relative;
    width: 100%;
    color: #0e4474;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    transition: .3s
}

.saas-startups-projects-list .item .bg-image .hov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    opacity: 0;
    border-radius: 8px
}

.saas-startups-projects-list .item .bg-image .def {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    border-radius: 8px
}

.saas-startups-projects-list .item a:hover .bg-image .def {
    opacity: 0
}

.landing-page.saas-startups .technology-tools .item h2 {
    max-width: 380px !important
}

.landing-page.saas-startups .section.saas-startups-how-do {
    margin-top: 0;
    margin-bottom: 168px
}

.saas-startups-how-do-list .title {
    color: #0e4474;
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    cursor: pointer;
    transition: .3s
}

.saas-startups-how-do-list .text {
    position: relative;
    width: 100%;
    padding-left: 36px;
    transition: .3s
}

.saas-startups-how-do-list .text::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 24px;
    height: 4px;
    background-color: rgba(255, 44, 85, .32)
}

.saas-startups-how-do-list .text p {
    color: #1f2937;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%
}

main.saas-startups.landing-page .other-services h3 {
    max-width: 470px;
    margin-bottom: 24px;
    color: #0e4474;
    font-size: 40px;
    font-weight: 400;
    line-height: 130%
}

main.saas-startups.landing-page .other-services p {
    margin-bottom: 0;
    color: #092e4d;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 570px
}

main.saas-startups .other-services.with-form .text.form {
    margin-top: 30px
}

.new-service.landing-page .section.iframe-video {
    position: relative;
    height: 0;
    padding-bottom: 40%
}

.new-service.landing-page .section.iframe-video iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .title-left__content-right__wrapper .item {
        padding: 32px
    }

    .title-left__content-right__wrapper .item-title {
        font-weight: 700;
        font-size: 40px;
        line-height: 112.5%
    }

    .title-left__content-right__wrapper .list li:before {
        width: 40px
    }

    .seo-tags {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 24px
    }

    .seo-tags .item {
        font-size: 24px
    }

    .competitor {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px
    }

    .report-wrapper {
        padding-bottom: 10px
    }

    .introduction-wrapper .introduction-title {
        font-size: 56px
    }

    .introduction-wrapper .introduction-list {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    .introduction-wrapper .introduction-list li {
        margin-bottom: 0;
        max-width: calc(25% - 16px)
    }

    .new-service .hire-dedicated-wrapper .btn-white {
        max-width: 224px
    }

    .hire-dedicated-wrapper .hire-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 32px
    }

    .new-service .hire-dedicated-wrapper .hire-header h3:not(.header-4):not(.header-5) {
        margin-bottom: 0
    }

    .new-service .hire-dedicated-wrapper h3:not(.header-4):not(.header-5) {
        text-align: left
    }

    .hire-item {
        display: flex
    }

    .hire-item .title {
        flex-grow: 1;
        padding-right: 40px
    }

    .hire-dedicated-wrapper .main-with-title .hire-list {
        width: 50%;
        flex-shrink: 0
    }

    .hire-dedicated-wrapper .main-without-title .hire-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .hire-dedicated-wrapper .main-without-title .hire-list li {
        width: calc(50% - 16px)
    }

    .hire-list-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 34px
    }

    .two-btn-in-row {
        grid-template-columns: repeat(2, 1fr)
    }

    .three-btn-in-row {
        grid-template-columns: repeat(3, 1fr)
    }

    .saas-startups-knowledge-list.three-el .item:not(:last-of-type) {
        margin-right: 60px
    }

    .saas-startups-knowledge-list li {
        max-width: calc(100% / 4 - 30px)
    }

    .saas-startups-knowledge-list.six-el li {
        max-width: calc(100% / 3 - 20px)
    }

    .saas-startups-projects-list .item {
        max-width: calc(100% / 2 - 15px)
    }

    .saas-startups-how-do-list .title {
        max-width: calc(55% - 15px);
        font-size: 40px
    }

    .saas-startups-how-do-list .text {
        position: absolute;
        top: 5px;
        right: 0;
        max-width: calc(45% - 15px);
        opacity: 0;
        transform: translateY(20px)
    }

    .saas-startups-how-do-list .show .title {
        color: #ff2c55
    }

    .saas-startups-how-do-list .show .text {
        opacity: 1;
        transform: translateY(0)
    }

    main.saas-startups.landing-page .other-services .item {
        max-width: calc(100% - 30px)
    }

    main.saas-startups .other-services.with-form .text.form {
        margin-top: 0
    }

    .new-service.app-startups.saas-startups .hero-bottom .btn-red {
        line-height: 58px
    }
}

@media (min-width: 996px) {
    .saas-startups.landing-page .saas-startups-why-we {
        margin-top: 157px
    }

    .saas-startups .saas-startups-why-we .list-item {
        width: calc(100% / 3 - 22px)
    }

    .saas-startups-knowledge-list li {
        max-width: calc(100% / 5 - 30px)
    }

    .saas-startups-knowledge-list.six-el li {
        max-width: calc(100% / 6 - 25px)
    }

    .saas-startups-projects-list .item {
        max-width: calc(100% / 3 - 15px)
    }

    .saas-startups-projects-list .item.half {
        max-width: calc(100% / 2 - 15px)
    }

    .saas-startups-problems-list .item {
        max-width: calc(50% - 15px)
    }
}

.services_video-section iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

@media (max-width: 767px) {
    .services_video-section iframe {
        min-height: 50vw;
    }
}


.new-service .section.home-hero {
    margin-top: 71px;
}

.new-service .home-hero .who-we-are {
    display: block;
}

.new-service .home-hero .who-we-are .info {
    max-width: none;
    margin-right: 0;
}

.new-service .home-hero .who-we-are .cases {
    display: none;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .new-service .home-hero .who-we-are .cases {
        display: flex;
    }
}

.new-service .home-hero .who-we-are .mobile-case {
    text-align: center;
}

@media (min-width: 768px) {
    .new-service .home-hero .who-we-are .mobile-case {
        display: none;
    }
}

@media (max-width: 1440px) {
    .new-service .home-hero .who-we-are .cases {
        margin-left: -40px;
        margin-right: -40px;
    }
}

.new-service .home-hero .who-we-are .cases .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    width: 33%;
}

.new-service .home-hero .who-we-are .cases .item .banner-animate {
    position: absolute;
}

.new-service .home-hero .who-we-are .info p {
    margin-bottom: 16px;
    color: #0E4474;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
}

.new-service .home-hero .who-we-are .info .small {
    margin-bottom: 30px;
    color: #0E4474;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

@media (min-width: 1024px) {
    .new-service .home-hero .who-we-are .info p {
        margin-bottom: 32px;
        font-size: 80px;
        line-height: 94px;
    }

    .new-service .home-hero .who-we-are .info .small {
        margin-bottom: 92px;
        font-size: 24px;
    }
}

.banner-animate-top-bottom {
    /* animation: 3s linear 0s infinite alternate animate-top-bottom */
}

.banner-animate-bottom-top {
    /* animation: 3s linear 0s infinite alternate animate-bottom-top */
}

@keyframes animate-bottom-top {
    from {
        transform: translateY(-5%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes animate-top-bottom {
    from {
        transform: translateY(10%);
    }

    to {
        transform: translateY(0);
    }
}


.yt-content-video-title {
    max-width: 867px;
    margin-bottom: 64px;
    color: #0E4474;
    font-size: 44px;
    font-weight: 400;
    line-height: 120%;
}

.yt-content-video-iframe {
    width: 100%;
    height: 0;
    max-width: 720px;
    padding-bottom: 55%;
    position: relative;
}
@media (min-width: 768px) {
  .yt-content-video-iframe {
    min-height: 396px;
    padding-bottom: 33.85%;
  }
}

.yt-content-video-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yt-content-video.yt-post .yt-content-video-iframe {
    padding-bottom: 55.85%;
    margin-bottom: 20px;
}

.block-404 .page-title {
  max-width: 966px;
  margin-top: 50px;
  margin-bottom: 56px;
  color: #0f4c81;
  font-size: 37px;
  font-weight: 700;
  line-height: 115%;
}
@media (min-width: 768px) {
  .block-404 .page-title {
    margin-top: 71px;
  }
}

.block-404 .latest-blog {
  margin: 0 -16px;
}
@media (min-width: 768px) {
  .block-404 .latest-blog {
    display: flex;
  }
}


.review-slider-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; 
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgb(10, 10, 10, .8);
}

.review-slider-modal-content {
    display: none;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.review-slider-modal-content .section {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 56.25% !important;
    margin: 0 !important;
} 

.review-slider-modal-content .yt-content-video-iframe iframe,
.review-slider-modal-content .yt-content-video-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
} 

.review-slider-modal-wrapper.active,
.review-slider-modal-content.active {
    display: block;
}

.review-slider-modal-close {
    position: absolute;
    right: 15px;
    top: 90px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-align: center;
    opacity: 0.7;
    padding: 0;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    background-color: transparent;
    border: none;
}

.hero-design-component {
    margin-top: 60px;
}

@media (min-width: 768px) {
    .hero-design-component {
        margin-top: 125px;
    }
} 

@media (min-width: 960px) {
    .hero-design-component-wrapper {
        display: flex;
        justify-content: space-between;
    }
} 

.hero-design-component-wrapper .hero-design-content {
    margin-bottom: 32px;
}

@media (min-width: 960px) {
    .hero-design-component-wrapper .hero-design-content {
        flex-shrink: 0;
        margin-bottom: 0;
    }
}

.hero-design-component-wrapper .hero-design-content h1 {
    position: relative; 
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    padding-bottom: 32px;
    color: #0F4C81;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
}  

.hero-design-component-wrapper .hero-design-content h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    height: 4px;
    background: #E5E7EB;
}  

@media (min-width: 960px) {
    .hero-design-component-wrapper .hero-design-content h1 {
        max-width: 50%;
        flex-shrink: 0; 
        margin-left: 0;
        text-align: left;
        font-size: 48px;
    }
}

@media (min-width: 960px) {
    .hero-design-component-wrapper .hero-design-content h1:after {
        left: 0;
        transform: none;
    }
}

@media (min-width: 1280px) {
    .hero-design-component-wrapper .hero-design-content h1 {
        max-width: 609px; 
    }
}

.hero-design-component-wrapper .hero-design-content p {
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    color: #0F4C81;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

@media (min-width: 960px) {
    .hero-design-component-wrapper .hero-design-content p {  
        text-align: left;
        margin-left: 0;
        font-size: 20px;
    }
}

.hero-design-component-wrapper .hero-design-content .btn {
    display: flex;
    margin: 0 auto;
    height: 60px;
    width: 320px;
    font-weight: 700;
}

@media (min-width: 960px) {
    .hero-design-component-wrapper .hero-design-content .btn {   
        margin-left: 0;
    }
}

.hero-design-component-wrapper .hero-design-video {
    width: 100%;
    max-width: 544px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 960px) {
    .hero-design-component-wrapper .hero-design-video {   
        margin-right: 0;
    }
}