@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --Primary-Aegean-Blue-80: #172D47;
    --Primary-Aegean-Blue-100: #101926;
    --Primary-Aegean-Blue: #23436A;
    --Secondary-Green: #D5FDA1;
    --Secondary-Green-rgb: 213,253,161;
    --Secondary-Green-30: #B1F857;
    --Primary-Sky-Blue: #0095FF;
    --Primary-Sky-Blue-rgb: 0,149,255;
    --Pink: #FE5981;
    --Pink-rgb: 254,89,129;
    --Secondary-Teal-40: #95DFCF;
    --Secondary-Turquoise-50: #5FE5FA;
}

body.page-template-tmpl-4m-developers {
    font-weight: 400;
}

#main {
    background-color: var(--Primary-Aegean-Blue-100);
}
#footer {
    position: relative;
    z-index: 3;
}

.developers-4m section {
    scroll-margin-top: 72px;
}

.developers-4m .container-fluid {
    max-width: 1360px;
    border-left: solid 1px var(--Secondary-Green);
    border-right: solid 1px var(--Secondary-Green);
    padding: 0;
}

.developers-4m .btn {
    border-radius: 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    letter-spacing: 0;
    border-width: 2px;
}
.developers-4m .btn.btn-default {
    background-color: var(--Primary-Sky-Blue);
    border-color: var(--Primary-Sky-Blue);
}
.developers-4m .btn.btn-default:focus,
.developers-4m .btn.btn-default:hover {
    background-color: #337AB7;
    border-color: #337AB7;
}
.developers-4m .btn.btn-primary {
    background-color: var(--Primary-Aegean-Blue-80);
    border-color: var(--Primary-Aegean-Blue-80);
    color: var(--Secondary-Green);
}
.developers-4m .btn.btn-primary:focus,
.developers-4m .btn.btn-primary:hover {
    background-color: rgba(0,0,0,0);
    border-color: var(--Primary-Aegean-Blue-80);
    color: var(--Primary-Aegean-Blue-80);
}
.developers-4m .btn.btn-link {
    color: var(--Primary-Aegean-Blue-80);
}
.developers-4m .btn.btn-link:focus,
.developers-4m .btn.btn-link:hover {
    color: var(--Primary-Aegean-Blue-100);
}

#wrapper {
    overflow: clip !important;
}
body.page-template-tmpl-4m-developers #wrapper #header #header-inner {
    position: fixed;
}
body.page-template-tmpl-4m-developers #wrapper #header #header-inner + #fixed-spacer {
    height: 50px !important;
}
@media (min-width: 1071px) {
    body.page-template-tmpl-4m-developers #wrapper #header #header-inner + #fixed-spacer {
        height: 62px !important;
    }
}
@media (min-width: 1251px) {
    body.page-template-tmpl-4m-developers #wrapper #header #header-inner + #fixed-spacer {
        height: 74px !important;
    }
}
@media (min-width: 1350px) {
    body.page-template-tmpl-4m-developers #wrapper #header #header-inner + #fixed-spacer {
        height: 76px !important;
    }
}
body.page-template-tmpl-4m-developers #wrapper #header #header-inner .header-frame {
    background-color: var(--Primary-Aegean-Blue-100) !important;
    border-bottom: solid 1px var(--Secondary-Green);
}
#wrapper #header #header-inner .header-frame .container-fluid {
    border-radius: 0;
    border-left: solid 1px var(--Secondary-Green);
    border-right: solid 1px var(--Secondary-Green);
}
#header .header-frame .navbar-default .navbar-collapse .navbar-nav > li > a::after {
    display: none;
}
#wrapper #header #header-inner .header-frame .container-fluid {
    position: relative;
    padding: 0;
    max-width: 1360px;
    width: auto;
}
#header .container-fluid::before,
#header .container-fluid::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    width: 15px;
    height: 15px;
    background-color: var(--Secondary-Green);
    transform: translate(-50%, -50%);
    top: 100%;
    left: 0;
}
#header .container-fluid::after {
    left: 100%;
}
#wrapper #header #header-inner .header-frame .container-fluid .navbar-header {
    padding-left: 20px;
}
#wrapper #header #header-inner .header-frame .container-fluid #site-main-nav {
    padding-right: 20px;
}
@media (max-width: 767px) {
    #wrapper #header #header-inner .header-frame .container-fluid .navbar-header {
        padding-right: 20px;
    }
}

.developers-4m h1,
.developers-4m h2,
.developers-4m h3,
.developers-4m h4,
.developers-4m h5 {
    color: inherit;
}
.developers-4m h1 { font-size: 65px; line-height: 1.2; font-weight: 700; font-family: "Roboto Mono", monospace; }
.developers-4m h2 { font-size: 47px; line-height: 1.2; font-weight: 700; font-family: "Roboto Mono", monospace; }
.developers-4m h3 { font-size: 36px; line-height: 1.2; font-weight: 300; }
.developers-4m h4 { font-size: 26px; line-height: 1.2; font-weight: 300; }
.developers-4m h5 { font-size: 21px; line-height: 1.2; font-weight: 500; }
@media (max-width: 991px) {
	.developers-4m h1 { font-size: 55px; }
}
@media (max-width: 767px) {
	.developers-4m h1 { font-size: 40px; }
	.developers-4m h2 { font-size: 36px; }
	.developers-4m h3 { font-size: 32px; }
}
.developers-4m h1 span { color: var(--Secondary-Green); }

.developers-4m > section {
    position: relative;
    z-index: 2;
    background-color: var(--Primary-Aegean-Blue-100);
}


.developers-4m > section.d4m-hero {
    color: #FFF;
    position: fixed;
    width: 100dvw;
    z-index: 1;
}
.d4m-hero .container-fluid {
    position: relative;
}
.d4m-hero > .container-fluid::before,
.d4m-hero > .container-fluid::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    width: 15px;
    height: 15px;
    background-color: var(--Secondary-Green);
    transform: translate(-50%, -50%);
    top: 100%;
    left: 0;
}
.d4m-hero > .container-fluid::after {
    left: 100%;
}
.d4m-hero .section-inner {
    position: relative;
    padding: 80px;
}
.d4m-hero .section-inner > * {
    position: relative;
    z-index: 2;
}
.d4m-hero .section-inner::before,
.d4m-hero .section-inner::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.d4m-hero .section-inner::before {
    width: 340px;
    height: 280px;
    top: 10px;
    left: 10px;
    background-image: url('https://cloudinary-marketing-res.cloudinary.com/image/upload/v1783983157/Grid_Pattern_Gradient_Left.svg');
}
.d4m-hero .section-inner::after {
    width: 337px;
    height: 309px;
    bottom: 10px;
    right: 10px;
    background-image: url('https://cloudinary-marketing-res.cloudinary.com/image/upload/v1783983157/Grid_Pattern_Gradient_Right.svg');
}
.d4m-hero .section-inner .text {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
.d4m-hero .section-inner .text p {
    font-size: 18px;
    line-height: 1.5;
}

.d4m-hero .logo-bar {
    border-top: solid 1px var(--Secondary-Green);
    /* border-bottom: solid 1px var(--Secondary-Green); */
}
.d4m-hero .logo-bar-inner {
    padding: 35px 0;
    display: flex;
    align-items: center;
    gap: 30px;
}
.d4m-hero .cld-hero-testimonial-block {display: flex;align-items: center;gap: 10px;padding:0 45px; flex-shrink: 0}
.d4m-hero .cld-hero-testimonial-info {display: flex;flex-wrap: wrap;gap: 5px;flex-direction: column}
.d4m-hero .cld-hero-testimonial-info-stars {display: flex;align-items: center}
.d4m-hero .cld-hero-testimonial-info-star {display: flex;align-items: center;color: var(--Secondary-Green);fill: var(--Secondary-Green);}
.d4m-hero .cld-hero-testimonial-info-star svg {max-width: 16px;height: 16px;margin-right: 3px;color: var(--Secondary-Green);fill: var(--Secondary-Green);}
.d4m-hero .cld-hero-testimonial-thumb img {max-width: 32px;}
.d4m-hero .cld-hero-testimonial-info-text {color: #fff;line-height: 1.3;font-weight: 400; font-size: 10px;}
.d4m-hero .logo-slider-mod .swiper-wrapper {display: flex;}
.d4m-hero .logo-slider-mod .swiper-slide {max-height: 80px;max-width:120px;height:auto;width:auto;}
@media (max-width: 767px) {
    .d4m-hero .section-inner::before {
        width: 170px;
        height: 140px;
    }
    .d4m-hero .section-inner::after {
        width: 170px;
        height: 155px;
    }
    .d4m-hero .section-inner {
        padding: 50px 30px;
    }
    .d4m-hero .logo-bar-inner {
        flex-direction: column;
    }
}


.d4m-anim {
    --section-ratio: 3;
    border-top: solid 1px var(--Secondary-Green);
    border-bottom: solid 1px var(--Secondary-Green);
    position: relative;
    width: 100%;
    aspect-ratio: var(--section-ratio) / 1;
    overflow: hidden;
}
#d4m-anim {
    position: absolute;
    inset: -10%;

    display: flex;
    align-items: center;
    justify-content: center;
}
#d4m-anim canvas {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.d4m-stats {
    color: #FFF;
    border-bottom: solid 1px var(--Secondary-Green);
}
.d4m-stats .section-inner {
    position: relative;
    padding: 38px 52px;

    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.d4m-stats .item {
    flex: 0 0 auto;
    width: auto;
    text-align: center;
}
.d4m-stats .item .title {
    font-family: "Roboto Mono", monospace;
    font-size: 60px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--Secondary-Turquoise-50);
}
.d4m-stats .item p {
    margin: 0;
}
@media (max-width: 1099px) {
    .d4m-stats .item .title {
        font-size: 46px;
    }
}
@media (max-width: 991px) {
    .d4m-stats .item .title {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .d4m-stats .section-inner {
        flex-direction: column;
        padding: 38px;
    }
}


.d4m-developers {
    color: #FFF;
    border-bottom: solid 1px var(--Secondary-Green);
    background-image: url('https://cloudinary-marketing-res.cloudinary.com/image/upload/v1783983158/Map.svg');
    background-position: center 110px;
    background-repeat: no-repeat;
    background-size: auto;
}
.d4m-developers .container-fluid {
    position: relative;
}
.d4m-developers .container-fluid:not(.no-dots)::before,
.d4m-developers .container-fluid:not(.no-dots)::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    width: 15px;
    height: 15px;
    background-color: var(--Secondary-Green);
    transform: translate(-50%, -50%);
    top: 0;
    left: 0;
    z-index: 100;
}
.d4m-developers .container-fluid:not(.no-dots)::after {
    left: 100%;
}
.d4m-developers .section-inner {
    position: relative;
    padding: 80px;
}
.d4m-developers .card {
    --grid-size: 30px;
    position: relative;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--Primary-Aegean-Blue-80);
    border: solid 1px var(--Secondary-Green);
    margin-bottom: 150px;
}
.d4m-developers .card::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    width: var(--grid-size);
    height: var(--grid-size);
    background-color: var(--Secondary-Turquoise-50);
    bottom: calc(var(--grid-size) * 3);
    right: 0;
    animation-name: backgroundOscillate;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 5.9s;
    animation-iteration-count: infinite;
}
.d4m-developers .card .c-bg {
    --border-position: 0;
    position: absolute;
    pointer-events: none;
    top: var(--border-position);
    bottom: var(--border-position);
    left: 0;
    right: 0;
    border-top: solid 1px var(--Secondary-Green);
    border-bottom: solid 1px var(--Secondary-Green);
}
.d4m-developers .card .c-bg::before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    top: calc((var(--border-position) * -1) - 2px);
    bottom: calc((var(--border-position) * -1) - 2px);
    left: var(--border-position);
    right: var(--border-position);
    border-left: solid 1px var(--Secondary-Green);
    border-right: solid 1px var(--Secondary-Green);
}
.d4m-developers .card .c-bg.bg-1 {
    --border-position: var(--grid-size);
}
.d4m-developers .card .c-bg.bg-2 {
    --border-position: calc(var(--grid-size) * 2);
}
.d4m-developers .card .c-el,
.d4m-developers .card .c-el::before,
.d4m-developers .card .c-el::after {
    --block-x: 0;
    --block-y: 0;
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    width: var(--grid-size);
    height: var(--grid-size);
    background-color: var(--Secondary-Green);
}
.d4m-developers .card .c-el.el-1,
.d4m-developers .card .c-el.el-1::before,
.d4m-developers .card .c-el.el-1::after {
    top: var(--block-y);
    left: var(--block-x);
}
.d4m-developers .card .c-el.el-1 {
    background-color: var(--Secondary-Turquoise-50);
    animation-name: backgroundOscillate;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
.d4m-developers .card .c-el.el-1::before {
    --block-x: var(--grid-size);
    --block-y: 0;
}
.d4m-developers .card .c-el.el-1::after {
    --block-x: 0;
    --block-y: var(--grid-size);
}
.d4m-developers .card .c-el.el-2,
.d4m-developers .card .c-el.el-2::before,
.d4m-developers .card .c-el.el-2::after {
    bottom: var(--block-y);
    right: var(--block-x);
}
.d4m-developers .card .c-el.el-2 {
    background-color: var(--Secondary-Turquoise-50);
    animation-name: backgroundOscillate;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 1.2s;
    animation-iteration-count: infinite;
}
.d4m-developers .card .c-el.el-2::before {
    --block-x: var(--grid-size);
    --block-y: 0;
}
.d4m-developers .card .c-el.el-2::after {
    --block-x: 0;
    --block-y: var(--grid-size);
}
.d4m-developers .card-body {
    position: relative;
    margin: calc(var(--grid-size) * 2);
    padding: 22px;
    text-align: center;
}
.d4m-developers .card-body::before,
.d4m-developers .card-body::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    width: var(--grid-size);
    height: var(--grid-size);
    background-color: var(--Secondary-Green);
}
.d4m-developers .card-body::before {
    top: 0;
    left: calc(var(--grid-size) * -1);
    animation-name: backgroundOscillate;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 2.8s;
    animation-iteration-count: infinite;
}
.d4m-developers .card-body::after {
    bottom: 0;
    right: calc(var(--grid-size) * -1);
    animation-name: backgroundOscillate;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 4.5s;
    animation-iteration-count: infinite;
}
.d4m-developers .card-body h2 {
    color: var(--Secondary-Green);
}
.d4m-developers .card-body .text p:last-child {
    margin: 0;
}

.d4m-developers .cta-banner {
    background-color: var(--Secondary-Green);
    color: var(--Primary-Aegean-Blue-80);
}
.d4m-developers .cta-banner-inner {
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.d4m-developers .cta-banner-inner h3 {
    font-family: "Roboto Mono", monospace;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
}
.d4m-developers .cta-banner-inner .btn-wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.testimonial-slider {
    overflow: visible !important;
    margin-bottom: 50px;
}
.testimonial-slider .swiper-wrapper {
    display: flex;
}
.testimonial-slider .swiper-slide {
    width: 45%;
    height: auto;
    background-color: rgba(255,255,255,.1);
    backdrop-filter: blur(7px);
}
.testimonial-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}
.testimonial-slider .swiper-slide img.active-img {
    position: absolute;
    inset: 0;
    opacity: 0;
}
.testimonial-slider .swiper-slide.swiper-slide-active img.active-img {
    opacity: 1;
}
.testimonial-slider .swiper-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 34px;
}
.testimonial-slider .swiper-nav > div {
    width: 48px;
    height: 48px;
    background-color: var(--Primary-Sky-Blue);
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .d4m-developers .section-inner {
        padding: 20px;
    }
    .d4m-developers .card {
        --grid-size: 15px;
        margin-bottom: 40px;
    }
    .d4m-developers .cta-banner-inner {
        flex-direction: column;
        text-align: center;
    }
    .testimonial-slider .swiper-slide {
        width: min(310px, calc(100vw - 40px));
    }
}
@keyframes backgroundOscillate {
    0%, 20% {
        background-color: var(--Secondary-Turquoise-50);
    }
    33%, 53% {
        background-color: var(--Secondary-Green);
    }
    66%, 86% {
        background-color: #60CFB7;
    }
    100% {
        background-color: var(--Secondary-Turquoise-50);
    }
}


.d4m-features {
    color: #FFF;
}
.d4m-features .container-fluid {
    position: relative;
}
.d4m-features .container-fluid:not(.no-dots)::before,
.d4m-features .container-fluid:not(.no-dots)::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    width: 15px;
    height: 15px;
    background-color: var(--Secondary-Green);
    transform: translate(-50%, -50%);
    top: 0;
    left: 0;
    z-index: 100;
}
.d4m-features .container-fluid:not(.no-dots)::after {
    left: 100%;
}
.d4m-features .card {
    position: relative;
    background-color: var(--Primary-Aegean-Blue-80);
}
.d4m-features .card-body {
    padding: 30px 25px;
    text-align: center;
}
.d4m-features .card-body .title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .d4m-features .card-body {
        padding: 50px;
    }
    .d4m-features .card-body .title {
        font-size: 50px;
    }
}
.d4m-features .card-body .text p {
    margin: 0;
}
.d4m-features .items {
    border-top: solid 1px var(--Secondary-Green);
    border-bottom: solid 1px var(--Secondary-Green);
}
.d4m-features .items-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: -1px;
}
.d4m-features .item {
    --title-height: 140px;
    height: calc(210px + var(--title-height));
    overflow: clip;
}
@media (min-width: 768px) {
    .d4m-features .item:nth-child(2),
    .d4m-features .item:nth-child(4),
    .d4m-features .item:nth-child(6) {
        border-left: solid 1px var(--Secondary-Green);
    }
}
@media (min-width: 992px) {
    .d4m-features .item:nth-child(4),
    .d4m-features .item:nth-child(6) {
        border-left: 0;
    }
    .d4m-features .item:nth-child(2),
    .d4m-features .item:nth-child(5) {
        border-left: solid 1px var(--Secondary-Green);
        border-right: solid 1px var(--Secondary-Green);
    }
}
.d4m-features .item .image {
    height: 210px;
    overflow: hidden;
    transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.d4m-features .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.d4m-features .item .content {
    border-top: solid 1px var(--Secondary-Green);
    border-bottom: solid 1px var(--Secondary-Green);
    padding: 24px;
    text-align: center;
    background-color: var(--Primary-Aegean-Blue-100);
    height: var(--title-height);
    overflow: clip;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.d4m-features .item .title {
    font-family: "Roboto Mono", monospace;
    font-size: 25px;
    font-weight: 500;
}
.d4m-features .item .text {
    opacity: 0;
    transform: translateY(16px);
    position: absolute;
    transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.d4m-features .item .text p {
    margin: 0;
}
.d4m-features .item:hover .image {
    margin-bottom: -110px;
}
.d4m-features .item:hover .content {
    height: calc(100% - 100px);
    background-color: var(--Primary-Aegean-Blue-80);
}
.d4m-features .item:hover .text {
    position: relative;
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 991px) {
    .d4m-features .items-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .d4m-features .items-inner {
        grid-template-columns: 1fr;
    }
}


.d4m-cta {
    color: var(--Primary-Aegean-Blue-80);
    border-top: solid 1px var(--Secondary-Green);
    border-bottom: solid 1px var(--Secondary-Green);
}
.d4m-cta .container-fluid,
.d4m-cta + section .container-fluid {
    position: relative;
}
.d4m-cta .container-fluid::before,
.d4m-cta .container-fluid::after,
.d4m-cta + section .container-fluid::before,
.d4m-cta + section .container-fluid::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    width: 15px;
    height: 15px;
    background-color: var(--Secondary-Green);
    transform: translate(-50%, -50%);
    top: 0;
    left: 0;
    z-index: 100;
}
.d4m-cta .container-fluid::after,
.d4m-cta + section .container-fluid::after {
    left: 100%;
}
.d4m-cta .section-inner {
    position: relative;
    padding: 80px;
    background-color: var(--Secondary-Green);
}
.d4m-cta .section-inner > * {
    position: relative;
    z-index: 2;
}
.d4m-cta .section-inner::before,
.d4m-cta .section-inner::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.d4m-cta .section-inner::before {
    width: 340px;
    height: 280px;
    top: 10px;
    left: 10px;
    background-image: url('https://cloudinary-marketing-res.cloudinary.com/image/upload/v1783983156/Grid_Pattern_Aegean_Left.svg');
}
.d4m-cta .section-inner::after {
    width: 337px;
    height: 309px;
    bottom: 10px;
    right: 10px;
    background-image: url('https://cloudinary-marketing-res.cloudinary.com/image/upload/v1783983156/Grid_Pattern_Aegean_Right.svg');
}
.d4m-cta .section-inner .title {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .d4m-cta .section-inner .title {
        font-size: 55px;
    }
}
@media (min-width: 992px) {
    .d4m-cta .section-inner .title {
        font-size: 61px;
    }
}
.d4m-cta .section-inner .text {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}
.d4m-cta .section-inner .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
@media (max-width: 767px) {
    .d4m-cta .section-inner::before {
        width: 170px;
        height: 140px;
    }
    .d4m-cta .section-inner::after {
        width: 170px;
        height: 155px;
    }
    .d4m-cta .section-inner {
        padding: 50px 30px;
    }
}