.elementor-2715 .elementor-element.elementor-element-afd6b75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:00px;--padding-right:0px;}.elementor-2715 .elementor-element.elementor-element-afd6b75.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-2715 .elementor-element.elementor-element-afd6b75{--width:98.439%;}}/* Start custom CSS for html, class: .elementor-element-85efe7a *//* DGSTEK — MINI SERVICE ICONS */

.dgstek-lv-card-icon {
    width: 40px;
    height: 40px;

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

    margin-bottom: 20px;

    background: rgba(247, 148, 29, 0.08);
    border: 1px solid rgba(247, 148, 29, 0.20);
    border-radius: 8px;

    color: #F7941D;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease;
}

.dgstek-lv-card-icon svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: #F7941D;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition: transform 0.35s ease;
}

.dgstek-lv-card:hover .dgstek-lv-card-icon {
    transform: translateY(-3px);

    background: rgba(247, 148, 29, 0.12);
    border-color: rgba(247, 148, 29, 0.35);
}

.dgstek-lv-card:hover .dgstek-lv-card-icon svg {
    transform: scale(1.08);
}


/* =========================================
   SUBTLE CARD HOVER
========================================= */

.dgstek-lv-card {
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.dgstek-lv-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 14px 32px rgba(15, 34, 71, 0.08);

    border-color:
        rgba(247, 148, 29, 0.25);
}


/* =========================================
   ENVIRONMENT CARDS
========================================= */

.dgstek-lv-environment {
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.dgstek-lv-environment:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 28px rgba(15, 34, 71, 0.07);

    border-color:
        rgba(247, 148, 29, 0.22);
}


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

.dgstek-lv-process-item {
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.dgstek-lv-process-item:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 28px rgba(15, 34, 71, 0.07);

    border-color:
        rgba(247, 148, 29, 0.22);
}


/* =========================================
   CTA BUTTON
========================================= */

.dgstek-lv-cta-button {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.dgstek-lv-cta-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(247, 148, 29, 0.22);
}

.dgstek-lv-cta-button span {
    display: inline-block;

    transition:
        transform 0.3s ease;
}

.dgstek-lv-cta-button:hover span {
    transform: translate(3px, -3px);
}

/* =====================================================
   ENVIRONMENT MINI ICONS
===================================================== */

.dgstek-lv-environment-icon {
    width: 38px;
    height: 38px;

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

    margin-bottom: 18px;

    border-radius: 8px;

    background: rgba(247, 148, 29, 0.08);
    border: 1px solid rgba(247, 148, 29, 0.18);

    color: #F7941D;

    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease;
}

.dgstek-lv-environment-icon svg {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: #F7941D;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.dgstek-lv-environment:hover
.dgstek-lv-environment-icon {
    transform: translateY(-3px);

    background: rgba(247, 148, 29, .12);

    border-color:
        rgba(247, 148, 29, .35);
}


/* =====================================================
   PROCESS MINI ICONS
===================================================== */

.dgstek-lv-process-number {
    width: 38px !important;
    height: 38px !important;

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

    border-radius: 8px !important;

    background: rgba(247, 148, 29, .08) !important;

    border: 1px solid
        rgba(247, 148, 29, .18) !important;

    color: #F7941D !important;

    font-size: 0 !important;

    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease !important;
}

.dgstek-lv-process-number svg {
    width: 19px;
    height: 19px;

    fill: none;

    stroke: #F7941D;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.dgstek-lv-process-item:hover
.dgstek-lv-process-number {
    transform: translateY(-3px);

    background:
        rgba(247, 148, 29, .12) !important;

    border-color:
        rgba(247, 148, 29, .35) !important;
}


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

@media (max-width: 650px) {

    .dgstek-lv-environment-icon,
    .dgstek-lv-process-number {
        width: 36px !important;
        height: 36px !important;
    }

    .dgstek-lv-environment-icon svg,
    .dgstek-lv-process-number svg {
        width: 18px;
        height: 18px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afd6b75 *//* =========================================
   DGSTEK — SAFE CARD INTERACTIONS
   Does NOT modify icons
========================================= */

/* Service cards */

.dgstek-lv-card {
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.dgstek-lv-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 14px 30px rgba(15, 34, 71, 0.10);

    border-color:
        rgba(247, 148, 29, 0.25);
}


/* Service card heading */

.dgstek-lv-card h3 {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.dgstek-lv-card:hover h3 {
    transform: translateX(3px);
    color: #F7941D;
}


/* Environment cards */

.dgstek-lv-environment {
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.dgstek-lv-environment:hover {
    transform: translateY(-5px);

    box-shadow:
        0 12px 26px rgba(15, 34, 71, 0.08);

    border-color:
        rgba(247, 148, 29, 0.25);
}


/* Environment headings */

.dgstek-lv-environment h3 {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.dgstek-lv-environment:hover h3 {
    transform: translateX(3px);
    color: #F7941D;
}


/* Process items */

.dgstek-lv-process-item {
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.dgstek-lv-process-item:hover {
    transform: translateX(5px);

    box-shadow:
        0 10px 24px rgba(15, 34, 71, 0.07);

    border-color:
        rgba(247, 148, 29, 0.25);
}


/* Process headings */

.dgstek-lv-process-item h3 {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.dgstek-lv-process-item:hover h3 {
    transform: translateX(3px);
    color: #F7941D;
}


/* CTA button */

.dgstek-lv-cta-button {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.dgstek-lv-cta-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 26px rgba(247, 148, 29, 0.20);
}


/* CTA arrow */

.dgstek-lv-cta-button span {
    display: inline-block;

    transition:
        transform 0.3s ease;
}

.dgstek-lv-cta-button:hover span {
    transform: translate(3px, -3px);
}


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

@media (max-width: 767px) {

    .dgstek-lv-card:hover {
        transform: translateY(-3px);
    }

    .dgstek-lv-environment:hover {
        transform: translateY(-3px);
    }

    .dgstek-lv-process-item:hover {
        transform: translateY(-3px);
    }

}/* End custom CSS */