.elementor-1142 .elementor-element.elementor-element-a6bfda4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1142 .elementor-element.elementor-element-6f8a134{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1142 .elementor-element.elementor-element-6f8a134 .elementor-heading-title{line-height:1.5em;}.elementor-1142 .elementor-element.elementor-element-a933ea4{margin:0px 250px calc(var(--kit-widget-spacing, 0px) + 60px) 250px;text-align:center;}@media(max-width:1024px){.elementor-1142 .elementor-element.elementor-element-a6bfda4{--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-1142 .elementor-element.elementor-element-6f8a134 .elementor-heading-title{font-size:30px;}.elementor-1142 .elementor-element.elementor-element-a933ea4{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;}}@media(max-width:767px){.elementor-1142 .elementor-element.elementor-element-6f8a134 .elementor-heading-title{font-size:25px;}.elementor-1142 .elementor-element.elementor-element-a933ea4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}}/* Start custom CSS for html, class: .elementor-element-0e01d0a */.dm-hero {
    position: relative;
    min-height: 760px;
    padding: 100px 7%;
    display: flex;
    align-items: center;
    gap: 60px;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 40%, rgba(0,217,255,.12), transparent 35%),
        linear-gradient(135deg, #020914, #061426);
    color: #fff;
}

.dm-hero-content {
    width: 55%;
    position: relative;
    z-index: 2;
}

.dm-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border: 1px solid rgba(0,217,255,.25);
    border-radius: 50px;
    background: rgba(0,217,255,.06);
    color: #00D9FF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.dm-badge span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00D9FF;
    box-shadow: 0 0 15px #00D9FF;
}

.dm-hero h1 {
    margin: 25px 0 20px;
    max-width: 720px;
    font-size: clamp(48px, 6vw, 82px);
    line-height: 1.02;
    letter-spacing: -3px;
    font-weight: 800;
}

.dm-hero h1 span {
    display: block;
    color: #00D9FF;
    text-shadow: 0 0 35px rgba(0,217,255,.35);
}

.dm-hero p {
    max-width: 650px;
    color: #9BAFC4;
    font-size: 18px;
    line-height: 1.8;
}

.dm-hero-buttons {
    display: flex;
    gap: 15px;
    margin-top: 35px;
    flex-wrap: wrap;
}

.dm-btn {
    padding: 16px 25px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    transition: .3s ease;
}

.dm-btn-primary {
    background: #00D9FF;
    color: #00111D;
    box-shadow: 0 0 30px rgba(0,217,255,.25);
}

.dm-btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 45px rgba(0,217,255,.45);
}

.dm-btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.03);
}

.dm-btn-outline:hover {
    border-color: #00D9FF;
    color: #00D9FF;
}

.dm-trust {
    display: flex;
    gap: 25px;
    margin-top: 30px;
    color: #8094AA;
    font-size: 13px;
}

.dm-hero-visual {
    width: 45%;
    position: relative;
}

.dm-image-card {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    border: 1px solid rgba(0,217,255,.25);
    box-shadow:
        0 30px 80px rgba(0,0,0,.5),
        0 0 60px rgba(0,217,255,.1);
}

.dm-image-card img {
    display: block;
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.dm-glow {
    position: absolute;
    width: 350px;
    height: 350px;
    background: #00D9FF;
    filter: blur(150px);
    opacity: .12;
}

.dm-floating-card {
    position: absolute;
    right: -25px;
    bottom: 40px;
    padding: 20px 25px;
    min-width: 170px;
    border: 1px solid rgba(0,217,255,.25);
    border-radius: 15px;
    background: rgba(5,20,38,.85);
    backdrop-filter: blur(15px);
    box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

.dm-floating-card small {
    display: block;
    color: #8194A8;
    font-size: 10px;
    letter-spacing: 1px;
}

.dm-floating-card strong {
    display: block;
    margin: 5px 0;
    color: #00D9FF;
    font-size: 30px;
}

.dm-floating-card span {
    color: #7DDFFF;
    font-size: 12px;
}

@media(max-width: 767px) {

    .dm-hero {
        padding: 70px 20px;
        flex-direction: column;
    }

    .dm-hero-content,
    .dm-hero-visual {
        width: 100%;
    }

    .dm-hero h1 {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .dm-hero p {
        font-size: 16px;
    }

    .dm-image-card img {
        height: 430px;
    }

    .dm-floating-card {
        right: 10px;
    }

    .dm-trust {
        flex-direction: column;
        gap: 8px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e112c5c *//* =========================================
   DIGITAL MARKETING HERO
   ========================================= */

.dm-hero-v2 {
    position: relative;
    min-height: 780px;
    padding: 90px 7%;
    display: flex;
    align-items: center;
    gap: 70px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 45%,
            rgba(0, 217, 255, 0.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 10% 90%,
            rgba(0, 110, 255, 0.10),
            transparent 35%
        ),
        #020914;

    color: #ffffff;
}


/* =========================================
   BACKGROUND GRID
   ========================================= */

.dm-grid-bg {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(0, 217, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 217, 255, 0.025) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        black 20%,
        black 80%,
        transparent
    );

    pointer-events: none;
}


/* =========================================
   BACKGROUND ORBS
   ========================================= */

.dm-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
}

.dm-orb-1 {
    width: 300px;
    height: 300px;
    background: rgba(0, 217, 255, 0.08);
    top: 10%;
    right: 10%;
}

.dm-orb-2 {
    width: 250px;
    height: 250px;
    background: rgba(0, 100, 255, 0.07);
    bottom: 0;
    left: 10%;
}


/* =========================================
   LEFT SIDE
   ========================================= */

.dm-hero-left {
    position: relative;
    z-index: 5;
    width: 52%;
}


/* Badge */

.dm-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 10px 17px;

    border: 1px solid rgba(0, 217, 255, 0.25);
    border-radius: 50px;

    background: rgba(0, 217, 255, 0.05);

    color: #00d9ff;

    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.8px;
}


.dm-live-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #00d9ff;

    box-shadow:
        0 0 8px #00d9ff,
        0 0 18px rgba(0, 217, 255, 0.7);

    animation: dm-pulse 2s infinite;
}


@keyframes dm-pulse {

    0% {
        opacity: 1;
    }

    50% {
        opacity: .35;
    }

    100% {
        opacity: 1;
    }

}


/* =========================================
   HERO HEADING
   ========================================= */

.dm-hero-left h1 {
    margin: 28px 0 22px;

    max-width: 720px;

    font-family: Arial, sans-serif;

    font-size: clamp(
        48px,
        6vw,
        82px
    );

    line-height: 0.98;

    letter-spacing: -4px;

    font-weight: 800;
}


.dm-hero-left h1 span {
    display: block;

    color: #00d9ff;

    text-shadow:
        0 0 20px rgba(0, 217, 255, 0.25),
        0 0 50px rgba(0, 217, 255, 0.10);
}


/* =========================================
   DESCRIPTION
   ========================================= */

.dm-hero-description {
    max-width: 620px;

    margin-bottom: 32px;

    color: #8fa4b8;

    font-family: Arial, sans-serif;

    font-size: 18px;

    line-height: 1.75;
}


/* =========================================
   BUTTONS
   ========================================= */

.dm-hero-actions {
    display: flex;
    align-items: center;
    gap: 15px;

    flex-wrap: wrap;
}


.dm-primary-btn,
.dm-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 16px 24px;

    border-radius: 10px;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition: all .3s ease;
}


.dm-primary-btn {
    color: #001019;

    background: #00d9ff;

    box-shadow:
        0 0 25px rgba(0, 217, 255, .18);
}


.dm-primary-btn:hover {
    transform: translateY(-3px);

    color: #001019;

    box-shadow:
        0 0 40px rgba(0, 217, 255, .40);
}


.dm-primary-btn span {
    font-size: 20px;
}


.dm-secondary-btn {
    color: #ffffff;

    border: 1px solid rgba(255,255,255,.16);

    background: rgba(255,255,255,.025);

    backdrop-filter: blur(10px);
}


.dm-secondary-btn:hover {
    color: #00d9ff;

    border-color: rgba(0,217,255,.5);

    background: rgba(0,217,255,.05);
}


/* =========================================
   TRUST STATS
   ========================================= */

.dm-hero-trust {
    display: flex;
    align-items: center;

    gap: 22px;

    margin-top: 45px;
}


.dm-trust-item strong {
    display: block;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 21px;
}


.dm-trust-item span {
    display: block;

    margin-top: 4px;

    color: #63798e;

    font-family: Arial, sans-serif;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: .7px;
}


.dm-trust-line {
    width: 1px;
    height: 35px;

    background: rgba(255,255,255,.10);
}


/* =========================================
   RIGHT IMAGE AREA
   ========================================= */

.dm-hero-right {
    position: relative;

    width: 48%;

    min-height: 620px;
}


/* Main Glow */

.dm-image-glow {
    position: absolute;

    width: 400px;
    height: 400px;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background: #00d9ff;

    opacity: .08;

    filter: blur(130px);

    border-radius: 50%;
}


/* =========================================
   MAIN IMAGE
   ========================================= */

.dm-image-main {
    position: absolute;

    top: 30px;
    right: 40px;

    width: 72%;
    height: 550px;

    overflow: hidden;

    border-radius: 25px;

    border: 1px solid rgba(0,217,255,.25);

    background: #061426;

    box-shadow:
        0 30px 80px rgba(0,0,0,.50),
        0 0 60px rgba(0,217,255,.08);

    transform: rotate(1deg);
}


.dm-image-main img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .7s ease;
}


.dm-image-main:hover img {
    transform: scale(1.05);
}


.dm-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,7,18,.55)
        );
}


/* =========================================
   SMALL IMAGES
   ========================================= */

.dm-image-small {
    position: absolute;

    overflow: hidden;

    border-radius: 18px;

    border: 1px solid rgba(0,217,255,.25);

    background: #061426;

    box-shadow:
        0 20px 50px rgba(0,0,0,.45);

    z-index: 4;
}


.dm-image-small img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Top Image */

.dm-image-top {
    width: 205px;
    height: 155px;

    top: -10px;
    left: 5px;

    transform: rotate(-4deg);
}


/* Bottom Image */

.dm-image-bottom {
    width: 220px;
    height: 165px;

    bottom: 20px;
    left: -20px;

    transform: rotate(4deg);
}


/* =========================================
   GROWTH FLOATING CARD
   ========================================= */

.dm-growth-card {
    position: absolute;

    right: -5px;
    bottom: 95px;

    z-index: 10;

    display: flex;
    align-items: center;

    gap: 14px;

    min-width: 185px;

    padding: 17px 20px;

    border-radius: 15px;

    border: 1px solid rgba(0,217,255,.25);

    background: rgba(4,18,34,.88);

    backdrop-filter: blur(18px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.45);
}


.dm-growth-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: rgba(0,217,255,.10);

    color: #00d9ff;

    font-size: 24px;
}


.dm-growth-data small {
    display: block;

    color: #70869b;

    font-size: 8px;

    letter-spacing: 1px;
}


.dm-growth-data strong {
    display: block;

    margin: 2px 0;

    color: #00d9ff;

    font-size: 25px;
}


.dm-growth-data span {
    color: #61dfff;

    font-size: 10px;
}


/* =========================================
   MINI CHART
   ========================================= */

.dm-mini-chart {
    position: absolute;

    top: 120px;
    right: -30px;

    z-index: 10;

    width: 175px;

    padding: 15px;

    border-radius: 14px;

    border: 1px solid rgba(255,255,255,.10);

    background: rgba(5,19,35,.80);

    backdrop-filter: blur(15px);

    box-shadow:
        0 15px 40px rgba(0,0,0,.35);
}


.dm-chart-header {
    display: flex;
    justify-content: space-between;

    margin-bottom: 13px;

    color: #8398aa;

    font-size: 10px;
}


.dm-chart-header strong {
    color: #00d9ff;
}


.dm-chart-line {
    display: flex;
    align-items: flex-end;

    gap: 6px;

    height: 50px;
}


.dm-chart-line span {
    flex: 1;

    border-radius: 3px 3px 0 0;

    background: linear-gradient(
        to top,
        rgba(0,217,255,.25),
        #00d9ff
    );

    animation: dm-bars 2s ease-in-out infinite alternate;
}


.dm-chart-line span:nth-child(1) {
    height: 25%;
}

.dm-chart-line span:nth-child(2) {
    height: 40%;
}

.dm-chart-line span:nth-child(3) {
    height: 32%;
}

.dm-chart-line span:nth-child(4) {
    height: 58%;
}

.dm-chart-line span:nth-child(5) {
    height: 75%;
}

.dm-chart-line span:nth-child(6) {
    height: 100%;
}


@keyframes dm-bars {

    from {
        opacity: .55;
    }

    to {
        opacity: 1;
    }

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1100px) {

    .dm-hero-v2 {
        padding: 80px 5%;
        gap: 35px;
    }

    .dm-hero-left {
        width: 50%;
    }

    .dm-hero-right {
        width: 50%;
        min-height: 560px;
    }

    .dm-image-main {
        width: 78%;
        height: 500px;
        right: 20px;
    }

    .dm-image-top {
        width: 165px;
        height: 125px;
    }

    .dm-image-bottom {
        width: 180px;
        height: 135px;
    }

    .dm-mini-chart {
        right: -5px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .dm-hero-v2 {
        min-height: auto;

        padding: 70px 20px 80px;

        display: flex;
        flex-direction: column;

        gap: 50px;
    }


    .dm-hero-left,
    .dm-hero-right {
        width: 100%;
    }


    .dm-hero-left h1 {
        font-size: 49px;

        letter-spacing: -2.5px;
    }


    .dm-hero-description {
        font-size: 16px;

        line-height: 1.65;
    }


    .dm-hero-actions {
        flex-direction: column;

        align-items: stretch;
    }


    .dm-primary-btn,
    .dm-secondary-btn {
        width: 100%;

        box-sizing: border-box;

        text-align: center;
    }


    .dm-hero-trust {
        justify-content: space-between;

        gap: 10px;

        margin-top: 35px;
    }


    .dm-trust-line {
        height: 30px;
    }


    .dm-hero-right {
        min-height: 500px;
    }


    .dm-image-main {
        top: 20px;
        right: 25px;

        width: 76%;
        height: 430px;
    }


    .dm-image-top {
        width: 145px;
        height: 110px;

        top: 0;
        left: 0;
    }


    .dm-image-bottom {
        width: 155px;
        height: 115px;

        bottom: 0;
        left: 0;
    }


    .dm-growth-card {
        right: 0;
        bottom: 70px;

        min-width: 160px;

        padding: 13px 15px;
    }


    .dm-growth-icon {
        width: 35px;
        height: 35px;

        font-size: 19px;
    }


    .dm-growth-data strong {
        font-size: 21px;
    }


    .dm-mini-chart {
        top: 85px;
        right: -5px;

        width: 135px;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .dm-hero-left h1 {
        font-size: 43px;
    }


    .dm-hero-right {
        min-height: 430px;
    }


    .dm-image-main {
        height: 370px;
    }


    .dm-image-top {
        width: 120px;
        height: 95px;
    }


    .dm-image-bottom {
        width: 135px;
        height: 100px;
    }


    .dm-mini-chart {
        display: none;
    }


    .dm-growth-card {
        bottom: 40px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b372c28 */.dm-stats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    background: #061426;
    border-top: 1px solid rgba(0,217,255,.12);
    border-bottom: 1px solid rgba(0,217,255,.12);
}

.dm-stat {
    padding: 35px 20px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,.07);
}

.dm-stat strong {
    display: block;
    color: #00D9FF;
    font-size: 38px;
    font-weight: 800;
}

.dm-stat span {
    color: #8296AA;
    font-size: 13px;
}

@media(max-width:767px) {
    .dm-stats {
        grid-template-columns: repeat(2,1fr);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ccd445 */.dm-services {
    padding: 110px 7%;
    background: #020B18;
    color: #fff;
}

.dm-section-heading {
    max-width: 700px;
    margin-bottom: 55px;
}

.dm-section-heading > span {
    color: #00D9FF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.dm-section-heading h2 {
    margin: 15px 0;
    font-size: clamp(40px,5vw,65px);
    line-height: 1.05;
}

.dm-section-heading h2 b {
    color: #00D9FF;
}

.dm-section-heading p {
    color: #8194A8;
    line-height: 1.7;
}

.dm-service-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.dm-service-card {
    padding: 35px;
    min-height: 270px;
    border: 1px solid rgba(0,217,255,.12);
    border-radius: 20px;
    background: linear-gradient(
        145deg,
        rgba(10,31,55,.8),
        rgba(4,15,29,.8)
    );
    transition: .35s ease;
}

.dm-service-card:hover {
    transform: translateY(-8px);
    border-color: rgba(0,217,255,.5);
    box-shadow: 0 20px 60px rgba(0,217,255,.08);
}

.dm-icon {
    color: #00D9FF;
    font-size: 30px;
    margin-bottom: 30px;
}

.dm-service-card small {
    color: #61768B;
}

.dm-service-card h3 {
    font-size: 22px;
    margin: 8px 0;
}

.dm-service-card p {
    color: #8296AA;
    line-height: 1.6;
}

.dm-service-card a {
    color: #00D9FF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

@media(max-width:900px) {
    .dm-service-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:600px) {
    .dm-service-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b834380 *//* =========================================
   DIGITAL MARKETING HERO
   ========================================= */

.dm-hero-v2 {
    position: relative;
    min-height: 780px;
    padding: 90px 7%;
    display: flex;
    align-items: center;
    gap: 70px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 45%,
            rgba(0, 217, 255, 0.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 10% 90%,
            rgba(0, 110, 255, 0.10),
            transparent 35%
        ),
        #020914;

    color: #ffffff;
}


/* =========================================
   BACKGROUND GRID
   ========================================= */

.dm-grid-bg {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(0, 217, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 217, 255, 0.025) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        black 20%,
        black 80%,
        transparent
    );

    pointer-events: none;
}


/* =========================================
   BACKGROUND ORBS
   ========================================= */

.dm-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
}

.dm-orb-1 {
    width: 300px;
    height: 300px;
    background: rgba(0, 217, 255, 0.08);
    top: 10%;
    right: 10%;
}

.dm-orb-2 {
    width: 250px;
    height: 250px;
    background: rgba(0, 100, 255, 0.07);
    bottom: 0;
    left: 10%;
}


/* =========================================
   LEFT SIDE
   ========================================= */

.dm-hero-left {
    position: relative;
    z-index: 5;
    width: 52%;
}


/* Badge */

.dm-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 10px 17px;

    border: 1px solid rgba(0, 217, 255, 0.25);
    border-radius: 50px;

    background: rgba(0, 217, 255, 0.05);

    color: #00d9ff;

    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.8px;
}


.dm-live-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #00d9ff;

    box-shadow:
        0 0 8px #00d9ff,
        0 0 18px rgba(0, 217, 255, 0.7);

    animation: dm-pulse 2s infinite;
}


@keyframes dm-pulse {

    0% {
        opacity: 1;
    }

    50% {
        opacity: .35;
    }

    100% {
        opacity: 1;
    }

}


/* =========================================
   HERO HEADING
   ========================================= */

.dm-hero-left h1 {
    margin: 28px 0 22px;

    max-width: 720px;

    font-family: Arial, sans-serif;

    font-size: clamp(
        48px,
        6vw,
        82px
    );

    line-height: 0.98;

    letter-spacing: -4px;

    font-weight: 800;
}


.dm-hero-left h1 span {
    display: block;

    color: #00d9ff;

    text-shadow:
        0 0 20px rgba(0, 217, 255, 0.25),
        0 0 50px rgba(0, 217, 255, 0.10);
}


/* =========================================
   DESCRIPTION
   ========================================= */

.dm-hero-description {
    max-width: 620px;

    margin-bottom: 32px;

    color: #8fa4b8;

    font-family: Arial, sans-serif;

    font-size: 18px;

    line-height: 1.75;
}


/* =========================================
   BUTTONS
   ========================================= */

.dm-hero-actions {
    display: flex;
    align-items: center;
    gap: 15px;

    flex-wrap: wrap;
}


.dm-primary-btn,
.dm-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 16px 24px;

    border-radius: 10px;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition: all .3s ease;
}


.dm-primary-btn {
    color: #001019;

    background: #00d9ff;

    box-shadow:
        0 0 25px rgba(0, 217, 255, .18);
}


.dm-primary-btn:hover {
    transform: translateY(-3px);

    color: #001019;

    box-shadow:
        0 0 40px rgba(0, 217, 255, .40);
}


.dm-primary-btn span {
    font-size: 20px;
}


.dm-secondary-btn {
    color: #ffffff;

    border: 1px solid rgba(255,255,255,.16);

    background: rgba(255,255,255,.025);

    backdrop-filter: blur(10px);
}


.dm-secondary-btn:hover {
    color: #00d9ff;

    border-color: rgba(0,217,255,.5);

    background: rgba(0,217,255,.05);
}


/* =========================================
   TRUST STATS
   ========================================= */

.dm-hero-trust {
    display: flex;
    align-items: center;

    gap: 22px;

    margin-top: 45px;
}


.dm-trust-item strong {
    display: block;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 21px;
}


.dm-trust-item span {
    display: block;

    margin-top: 4px;

    color: #63798e;

    font-family: Arial, sans-serif;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: .7px;
}


.dm-trust-line {
    width: 1px;
    height: 35px;

    background: rgba(255,255,255,.10);
}


/* =========================================
   RIGHT IMAGE AREA
   ========================================= */

.dm-hero-right {
    position: relative;

    width: 48%;

    min-height: 620px;
}


/* Main Glow */

.dm-image-glow {
    position: absolute;

    width: 400px;
    height: 400px;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background: #00d9ff;

    opacity: .08;

    filter: blur(130px);

    border-radius: 50%;
}


/* =========================================
   MAIN IMAGE
   ========================================= */

.dm-image-main {
    position: absolute;

    top: 30px;
    right: 40px;

    width: 72%;
    height: 550px;

    overflow: hidden;

    border-radius: 25px;

    border: 1px solid rgba(0,217,255,.25);

    background: #061426;

    box-shadow:
        0 30px 80px rgba(0,0,0,.50),
        0 0 60px rgba(0,217,255,.08);

    transform: rotate(1deg);
}


.dm-image-main img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .7s ease;
}


.dm-image-main:hover img {
    transform: scale(1.05);
}


.dm-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,7,18,.55)
        );
}


/* =========================================
   SMALL IMAGES
   ========================================= */

.dm-image-small {
    position: absolute;

    overflow: hidden;

    border-radius: 18px;

    border: 1px solid rgba(0,217,255,.25);

    background: #061426;

    box-shadow:
        0 20px 50px rgba(0,0,0,.45);

    z-index: 4;
}


.dm-image-small img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Top Image */

.dm-image-top {
    width: 205px;
    height: 155px;

    top: -10px;
    left: 5px;

    transform: rotate(-4deg);
}


/* Bottom Image */

.dm-image-bottom {
    width: 220px;
    height: 165px;

    bottom: 20px;
    left: -20px;

    transform: rotate(4deg);
}


/* =========================================
   GROWTH FLOATING CARD
   ========================================= */

.dm-growth-card {
    position: absolute;

    right: -5px;
    bottom: 95px;

    z-index: 10;

    display: flex;
    align-items: center;

    gap: 14px;

    min-width: 185px;

    padding: 17px 20px;

    border-radius: 15px;

    border: 1px solid rgba(0,217,255,.25);

    background: rgba(4,18,34,.88);

    backdrop-filter: blur(18px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.45);
}


.dm-growth-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: rgba(0,217,255,.10);

    color: #00d9ff;

    font-size: 24px;
}


.dm-growth-data small {
    display: block;

    color: #70869b;

    font-size: 8px;

    letter-spacing: 1px;
}


.dm-growth-data strong {
    display: block;

    margin: 2px 0;

    color: #00d9ff;

    font-size: 25px;
}


.dm-growth-data span {
    color: #61dfff;

    font-size: 10px;
}


/* =========================================
   MINI CHART
   ========================================= */

.dm-mini-chart {
    position: absolute;

    top: 120px;
    right: -30px;

    z-index: 10;

    width: 175px;

    padding: 15px;

    border-radius: 14px;

    border: 1px solid rgba(255,255,255,.10);

    background: rgba(5,19,35,.80);

    backdrop-filter: blur(15px);

    box-shadow:
        0 15px 40px rgba(0,0,0,.35);
}


.dm-chart-header {
    display: flex;
    justify-content: space-between;

    margin-bottom: 13px;

    color: #8398aa;

    font-size: 10px;
}


.dm-chart-header strong {
    color: #00d9ff;
}


.dm-chart-line {
    display: flex;
    align-items: flex-end;

    gap: 6px;

    height: 50px;
}


.dm-chart-line span {
    flex: 1;

    border-radius: 3px 3px 0 0;

    background: linear-gradient(
        to top,
        rgba(0,217,255,.25),
        #00d9ff
    );

    animation: dm-bars 2s ease-in-out infinite alternate;
}


.dm-chart-line span:nth-child(1) {
    height: 25%;
}

.dm-chart-line span:nth-child(2) {
    height: 40%;
}

.dm-chart-line span:nth-child(3) {
    height: 32%;
}

.dm-chart-line span:nth-child(4) {
    height: 58%;
}

.dm-chart-line span:nth-child(5) {
    height: 75%;
}

.dm-chart-line span:nth-child(6) {
    height: 100%;
}


@keyframes dm-bars {

    from {
        opacity: .55;
    }

    to {
        opacity: 1;
    }

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1100px) {

    .dm-hero-v2 {
        padding: 80px 5%;
        gap: 35px;
    }

    .dm-hero-left {
        width: 50%;
    }

    .dm-hero-right {
        width: 50%;
        min-height: 560px;
    }

    .dm-image-main {
        width: 78%;
        height: 500px;
        right: 20px;
    }

    .dm-image-top {
        width: 165px;
        height: 125px;
    }

    .dm-image-bottom {
        width: 180px;
        height: 135px;
    }

    .dm-mini-chart {
        right: -5px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .dm-hero-v2 {
        min-height: auto;

        padding: 70px 20px 80px;

        display: flex;
        flex-direction: column;

        gap: 50px;
    }


    .dm-hero-left,
    .dm-hero-right {
        width: 100%;
    }


    .dm-hero-left h1 {
        font-size: 49px;

        letter-spacing: -2.5px;
    }


    .dm-hero-description {
        font-size: 16px;

        line-height: 1.65;
    }


    .dm-hero-actions {
        flex-direction: column;

        align-items: stretch;
    }


    .dm-primary-btn,
    .dm-secondary-btn {
        width: 100%;

        box-sizing: border-box;

        text-align: center;
    }


    .dm-hero-trust {
        justify-content: space-between;

        gap: 10px;

        margin-top: 35px;
    }


    .dm-trust-line {
        height: 30px;
    }


    .dm-hero-right {
        min-height: 500px;
    }


    .dm-image-main {
        top: 20px;
        right: 25px;

        width: 76%;
        height: 430px;
    }


    .dm-image-top {
        width: 145px;
        height: 110px;

        top: 0;
        left: 0;
    }


    .dm-image-bottom {
        width: 155px;
        height: 115px;

        bottom: 0;
        left: 0;
    }


    .dm-growth-card {
        right: 0;
        bottom: 70px;

        min-width: 160px;

        padding: 13px 15px;
    }


    .dm-growth-icon {
        width: 35px;
        height: 35px;

        font-size: 19px;
    }


    .dm-growth-data strong {
        font-size: 21px;
    }


    .dm-mini-chart {
        top: 85px;
        right: -5px;

        width: 135px;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .dm-hero-left h1 {
        font-size: 43px;
    }


    .dm-hero-right {
        min-height: 430px;
    }


    .dm-image-main {
        height: 370px;
    }


    .dm-image-top {
        width: 120px;
        height: 95px;
    }


    .dm-image-bottom {
        width: 135px;
        height: 100px;
    }


    .dm-mini-chart {
        display: none;
    }


    .dm-growth-card {
        bottom: 40px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6c11f2 *//* =========================================
   RESULTS SECTION
   ========================================= */

.dm-results-section {

    position: relative;

    padding: 90px 7% 110px;

    overflow: hidden;

    background: #020914;

    color: #ffffff;

}


/* =========================================
   BACKGROUND GLOW
   ========================================= */

.dm-results-glow {

    position: absolute;

    width: 500px;
    height: 300px;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    background: rgba(0, 217, 255, .055);

    filter: blur(100px);

    border-radius: 50%;

    pointer-events: none;

}


/* =========================================
   SECTION LABEL
   ========================================= */

.dm-results-label {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-bottom: 55px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

}


.dm-results-label span {

    width: 35px;

    height: 1px;

    background: rgba(0, 217, 255, .35);

}


/* =========================================
   STATISTICS GRID
   ========================================= */

.dm-results-grid {

    position: relative;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    max-width: 1250px;

    margin: 0 auto;

    border: 1px solid rgba(0, 217, 255, .12);

    border-radius: 22px;

    overflow: hidden;

    background: rgba(5, 20, 38, .45);

    backdrop-filter: blur(15px);

}


/* =========================================
   RESULT ITEM
   ========================================= */

.dm-result-item {

    position: relative;

    padding: 42px 30px;

    text-align: center;

    border-right: 1px solid rgba(255, 255, 255, .07);

    transition: all .35s ease;

}


.dm-result-item:last-child {

    border-right: none;

}


.dm-result-item:hover {

    background: rgba(0, 217, 255, .035);

}


/* =========================================
   NUMBERS
   ========================================= */

.dm-result-number {

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 48px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -2px;

}


.dm-result-number span {

    color: #00d9ff;

    font-size: 30px;

}


/* =========================================
   STAT TITLE
   ========================================= */

.dm-result-title {

    margin-top: 13px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


/* =========================================
   STAT DESCRIPTION
   ========================================= */

.dm-result-item p {

    max-width: 190px;

    margin: 12px auto 0;

    color: #667d92;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 1.6;

}


/* =========================================
   DIVIDER
   ========================================= */

.dm-results-divider {

    width: 100%;

    height: 1px;

    margin: 85px 0 80px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0, 217, 255, .2),
            transparent
        );

}


/* =========================================
   BOTTOM CONTENT
   ========================================= */

.dm-results-content {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 80px;

    max-width: 1200px;

    margin: 0 auto;

    align-items: center;

}


.dm-results-heading {

    max-width: 550px;

}


.dm-small-label {

    margin-bottom: 18px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

}


.dm-results-heading h2 {

    margin: 0;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: clamp(40px, 5vw, 65px);

    line-height: 1.05;

    letter-spacing: -3px;

    font-weight: 800;

}


.dm-results-heading h2 span {

    display: block;

    color: #00d9ff;

    text-shadow:
        0 0 30px rgba(0, 217, 255, .18);

}


/* =========================================
   DESCRIPTION
   ========================================= */

.dm-results-description {

    max-width: 560px;

}


.dm-results-description p {

    margin: 0 0 28px;

    color: #8499ad;

    font-family: Arial, sans-serif;

    font-size: 16px;

    line-height: 1.8;

}


.dm-results-link {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

    transition: all .3s ease;

}


.dm-results-link span {

    font-size: 20px;

    transition: transform .3s ease;

}


.dm-results-link:hover {

    color: #ffffff;

}


.dm-results-link:hover span {

    transform: translateX(5px);

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 900px) {

    .dm-results-grid {

        grid-template-columns: repeat(2, 1fr);

    }


    .dm-result-item:nth-child(2) {

        border-right: none;

    }


    .dm-result-item:nth-child(1),
    .dm-result-item:nth-child(2) {

        border-bottom: 1px solid rgba(255, 255, 255, .07);

    }


    .dm-results-content {

        grid-template-columns: 1fr;

        gap: 35px;

    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

    .dm-results-section {

        padding: 70px 20px 80px;

    }


    .dm-results-label {

        font-size: 9px;

        letter-spacing: 1.4px;

        gap: 10px;

    }


    .dm-results-label span {

        width: 20px;

    }


    .dm-results-grid {

        grid-template-columns: 1fr;

        border-radius: 18px;

    }


    .dm-result-item {

        padding: 32px 20px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, .07);

    }


    .dm-result-item:last-child {

        border-bottom: none;

    }


    .dm-result-number {

        font-size: 43px;

    }


    .dm-results-divider {

        margin: 65px 0 60px;

    }


    .dm-results-content {

        display: block;

    }


    .dm-results-heading {

        margin-bottom: 30px;

    }


    .dm-results-heading h2 {

        font-size: 43px;

        letter-spacing: -2px;

    }


    .dm-results-description p {

        font-size: 15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a061b72 *//* =========================================
   SERVICES SECTION
   ========================================= */

.dm-services-v2 {

    position: relative;

    padding: 120px 7%;

    overflow: hidden;

    background: #030c19;

    color: #ffffff;

}


/* =========================================
   BACKGROUND GRID
   ========================================= */

.dm-services-grid-bg {

    position: absolute;

    inset: 0;

    opacity: .45;

    background-image:

        linear-gradient(
            rgba(0,217,255,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(0,217,255,.025) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    pointer-events: none;

}


.dm-services-glow {

    position: absolute;

    width: 600px;
    height: 400px;

    top: 100px;
    right: -200px;

    border-radius: 50%;

    background: rgba(0,217,255,.055);

    filter: blur(120px);

    pointer-events: none;

}


/* =========================================
   HEADER
   ========================================= */

.dm-services-header {

    position: relative;

    z-index: 2;

    max-width: 1250px;

    margin: 0 auto 65px;

}


.dm-services-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

}


.dm-services-label span {

    width: 35px;

    height: 1px;

    background: #00d9ff;

    box-shadow:
        0 0 10px rgba(0,217,255,.5);

}


/* =========================================
   HEADING WRAPPER
   ========================================= */

.dm-services-heading-wrap {

    display: grid;

    grid-template-columns: 1.1fr .9fr;

    align-items: end;

    gap: 80px;

}


.dm-services-heading-wrap h2 {

    margin: 0;

    font-family: Arial, sans-serif;

    font-size: clamp(
        42px,
        5.2vw,
        72px
    );

    line-height: 1.02;

    letter-spacing: -3px;

    font-weight: 800;

}


.dm-services-heading-wrap h2 span {

    display: block;

    color: #00d9ff;

    text-shadow:
        0 0 30px rgba(0,217,255,.16);

}


/* =========================================
   INTRO
   ========================================= */

.dm-services-intro {

    max-width: 480px;

}


.dm-services-intro p {

    margin: 0 0 25px;

    color: #8298ad;

    font-family: Arial, sans-serif;

    font-size: 15px;

    line-height: 1.8;

}


.dm-services-cta {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

}


.dm-services-cta span {

    font-size: 20px;

    transition: transform .3s ease;

}


.dm-services-cta:hover {

    color: #ffffff;

}


.dm-services-cta:hover span {

    transform: translateX(5px);

}


/* =========================================
   SERVICES GRID
   ========================================= */

.dm-services-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

    max-width: 1250px;

    margin: 0 auto;

}


/* =========================================
   SERVICE CARD
   ========================================= */

.dm-service-card {

    position: relative;

    min-height: 365px;

    padding: 35px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    overflow: hidden;

    border: 1px solid rgba(0,217,255,.11);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(8,30,53,.80),
            rgba(3,14,27,.85)
        );

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;

}


.dm-service-card::before {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    top: -120px;
    right: -100px;

    border-radius: 50%;

    background: rgba(0,217,255,.10);

    filter: blur(60px);

    opacity: 0;

    transition: opacity .4s ease;

}


.dm-service-card:hover {

    transform: translateY(-8px);

    border-color: rgba(0,217,255,.42);

    box-shadow:
        0 25px 70px rgba(0,0,0,.35),
        0 0 40px rgba(0,217,255,.05);

}


.dm-service-card:hover::before {

    opacity: 1;

}


/* =========================================
   CARD TOP
   ========================================= */

.dm-service-top {

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}


.dm-service-number {

    color: #526a80;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

}


.dm-service-icon {

    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 14px;

    border: 1px solid rgba(0,217,255,.16);

    background: rgba(0,217,255,.055);

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 27px;

    transition: all .4s ease;

}


.dm-service-card:hover .dm-service-icon {

    background: #00d9ff;

    color: #001019;

    transform: rotate(-5deg);

    box-shadow:
        0 0 25px rgba(0,217,255,.25);

}


/* =========================================
   CARD CONTENT
   ========================================= */

.dm-service-content {

    position: relative;

    z-index: 2;

}


.dm-service-content h3 {

    margin: 0 0 15px;

    font-family: Arial, sans-serif;

    font-size: 27px;

    line-height: 1.1;

    letter-spacing: -.8px;

}


.dm-service-content h3 span {

    color: #00d9ff;

}


.dm-service-content p {

    max-width: 480px;

    margin: 0 0 22px;

    color: #8196aa;

    font-family: Arial, sans-serif;

    font-size: 13px;

    line-height: 1.75;

}


/* =========================================
   SERVICE TAGS
   ========================================= */

.dm-service-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}


.dm-service-tags span {

    padding: 7px 10px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 5px;

    background: rgba(255,255,255,.025);

    color: #6f8599;

    font-family: Arial, sans-serif;

    font-size: 9px;

}


/* =========================================
   SERVICE LINK
   ========================================= */

.dm-service-link {

    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    gap: 9px;

    width: fit-content;

    margin-top: 25px;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 1px;

    transition: color .3s ease;

}


.dm-service-link span {

    color: #00d9ff;

    font-size: 18px;

    transition: transform .3s ease;

}


.dm-service-link:hover {

    color: #00d9ff;

}


.dm-service-link:hover span {

    transform: translateX(5px);

}


/* =========================================
   BOTTOM CTA
   ========================================= */

.dm-services-bottom {

    position: relative;

    z-index: 2;

    max-width: 1250px;

    margin: 55px auto 0;

    padding-top: 30px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px solid rgba(255,255,255,.07);

}


.dm-services-bottom > span {

    color: #60768a;

    font-family: Arial, sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


.dm-services-bottom a {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;

}


.dm-services-bottom a span {

    font-size: 18px;

    transition: transform .3s ease;

}


.dm-services-bottom a:hover {

    color: #ffffff;

}


.dm-services-bottom a:hover span {

    transform: translateX(5px);

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 900px) {

    .dm-services-v2 {

        padding: 90px 5%;

    }


    .dm-services-heading-wrap {

        grid-template-columns: 1fr;

        gap: 30px;

    }


    .dm-services-grid {

        grid-template-columns: 1fr;

    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

    .dm-services-v2 {

        padding: 75px 20px;

    }


    .dm-services-header {

        margin-bottom: 45px;

    }


    .dm-services-heading-wrap h2 {

        font-size: 43px;

        letter-spacing: -2px;

    }


    .dm-service-card {

        min-height: 330px;

        padding: 27px;

        border-radius: 18px;

    }


    .dm-service-content h3 {

        font-size: 24px;

    }


    .dm-services-bottom {

        flex-direction: column;

        align-items: flex-start;

        gap: 18px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5b8f88 *//* =========================================
   PROCESS SECTION
   ========================================= */

.dm-process-v2 {

    position: relative;

    padding: 120px 7%;

    overflow: hidden;

    background: #020914;

    color: #ffffff;

}


/* =========================================
   BACKGROUND
   ========================================= */

.dm-process-grid-bg {

    position: absolute;

    inset: 0;

    opacity: .45;

    background-image:

        linear-gradient(
            rgba(0,217,255,.022) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(0,217,255,.022) 1px,
            transparent 1px
        );

    background-size: 65px 65px;

    pointer-events: none;

}


.dm-process-glow {

    position: absolute;

    width: 550px;
    height: 350px;

    top: 80px;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    background: rgba(0,217,255,.045);

    filter: blur(110px);

    pointer-events: none;

}


/* =========================================
   HEADER
   ========================================= */

.dm-process-header {

    position: relative;

    z-index: 2;

    max-width: 800px;

    margin: 0 auto 75px;

    text-align: center;

}


.dm-process-label {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

}


.dm-process-label span {

    width: 30px;

    height: 1px;

    background: #00d9ff;

}


.dm-process-header h2 {

    margin: 0;

    font-family: Arial, sans-serif;

    font-size: clamp(
        42px,
        5vw,
        68px
    );

    line-height: 1.03;

    letter-spacing: -3px;

    font-weight: 800;

}


.dm-process-header h2 span {

    display: block;

    color: #00d9ff;

    text-shadow:
        0 0 30px rgba(0,217,255,.18);

}


.dm-process-header p {

    max-width: 600px;

    margin: 25px auto 0;

    color: #8197ab;

    font-family: Arial, sans-serif;

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================
   TIMELINE
   ========================================= */

.dm-process-timeline {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    gap: 15px;

    max-width: 1350px;

    margin: 0 auto;

}


/* =========================================
   CONNECTING LINE
   ========================================= */

.dm-process-line {

    position: absolute;

    top: 25px;

    left: 8%;

    right: 8%;

    height: 1px;

    background: rgba(0,217,255,.13);

    z-index: -1;

}


.dm-process-line-progress {

    width: 100%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            #00d9ff,
            transparent
        );

    box-shadow:
        0 0 12px rgba(0,217,255,.5);

    animation:
        dm-process-line-animation 3s
        ease-in-out infinite;

}


@keyframes dm-process-line-animation {

    0% {
        opacity: .25;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .25;
    }

}


/* =========================================
   STEP
   ========================================= */

.dm-process-step {

    position: relative;

}


/* =========================================
   NUMBER
   ========================================= */

.dm-process-number {

    position: relative;

    z-index: 5;

    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 28px;

    border-radius: 50%;

    border: 1px solid rgba(0,217,255,.4);

    background: #041224;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 800;

    box-shadow:
        0 0 25px rgba(0,217,255,.08);

    transition: all .4s ease;

}


.dm-process-step:hover .dm-process-number {

    color: #001019;

    background: #00d9ff;

    border-color: #00d9ff;

    box-shadow:
        0 0 30px rgba(0,217,255,.4);

    transform: scale(1.08);

}


/* =========================================
   PROCESS CARD
   ========================================= */

.dm-process-card {

    min-height: 390px;

    padding: 28px;

    border-radius: 18px;

    border: 1px solid rgba(0,217,255,.10);

    background:
        linear-gradient(
            145deg,
            rgba(7,28,50,.75),
            rgba(3,13,25,.85)
        );

    backdrop-filter: blur(12px);

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;

}


.dm-process-step:hover .dm-process-card {

    transform: translateY(-7px);

    border-color: rgba(0,217,255,.35);

    box-shadow:
        0 25px 60px rgba(0,0,0,.3),
        0 0 30px rgba(0,217,255,.04);

}


/* =========================================
   ICON
   ========================================= */

.dm-process-icon {

    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    border-radius: 12px;

    background: rgba(0,217,255,.06);

    border: 1px solid rgba(0,217,255,.12);

    color: #00d9ff;

    font-size: 22px;

    transition: all .4s ease;

}


.dm-process-step:hover .dm-process-icon {

    background: #00d9ff;

    color: #001019;

}


/* =========================================
   LABEL
   ========================================= */

.dm-process-step-label {

    display: block;

    margin-bottom: 12px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.7px;

}


/* =========================================
   CARD HEADING
   ========================================= */

.dm-process-card h3 {

    margin: 0 0 17px;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 22px;

    line-height: 1.15;

    letter-spacing: -.6px;

}


.dm-process-card h3 span {

    display: block;

    color: #00d9ff;

}


/* =========================================
   CARD DESCRIPTION
   ========================================= */

.dm-process-card p {

    margin: 0;

    color: #7f95a9;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 1.75;

}


/* =========================================
   TAGS
   ========================================= */

.dm-process-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin-top: 22px;

}


.dm-process-tags span {

    padding: 6px 8px;

    border-radius: 5px;

    border: 1px solid rgba(255,255,255,.06);

    background: rgba(255,255,255,.02);

    color: #63798d;

    font-family: Arial, sans-serif;

    font-size: 8px;

}


/* =========================================
   BOTTOM CTA
   ========================================= */

.dm-process-bottom {

    position: relative;

    z-index: 2;

    max-width: 1150px;

    margin: 70px auto 0;

    padding: 25px 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    border-radius: 15px;

    border: 1px solid rgba(0,217,255,.13);

    background: rgba(5,20,37,.6);

}


.dm-process-bottom-text span {

    display: block;

    margin-bottom: 7px;

    color: #00d9ff;

    font-family: Arial, sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


.dm-process-bottom-text strong {

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 16px;

}


.dm-process-button {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 20px;

    border-radius: 8px;

    background: #00d9ff;

    color: #001019;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;

    transition: all .3s ease;

}


.dm-process-button:hover {

    color: #001019;

    transform: translateY(-2px);

    box-shadow:
        0 0 25px rgba(0,217,255,.3);

}


.dm-process-button span {

    font-size: 17px;

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1100px) {

    .dm-process-timeline {

        grid-template-columns:
            repeat(3, 1fr);

        row-gap: 35px;

    }


    .dm-process-line {

        display: none;

    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 700px) {

    .dm-process-v2 {

        padding: 80px 20px;

    }


    .dm-process-header {

        margin-bottom: 50px;

    }


    .dm-process-header h2 {

        font-size: 43px;

        letter-spacing: -2px;

    }


    .dm-process-timeline {

        grid-template-columns: 1fr;

        gap: 25px;

    }


    .dm-process-step {

        display: grid;

        grid-template-columns: 55px 1fr;

        gap: 15px;

    }


    .dm-process-number {

        width: 48px;
        height: 48px;

        margin: 0;

    }


    .dm-process-card {

        min-height: auto;

        padding: 25px;

    }


    .dm-process-bottom {

        flex-direction: column;

        align-items: flex-start;

        padding: 25px;

    }


    .dm-process-button {

        width: 100%;

        justify-content: center;

    }

}/* End custom CSS */