.elementor-12922 .elementor-element.elementor-element-226f2ca{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12922 .elementor-element.elementor-element-8a5551f{width:var( --container-widget-width, 100% );max-width:100%;background-color:#FCFCFD;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-12922 .elementor-element.elementor-element-8a5551f.elementor-element{--align-self:center;}.elementor-12922 .elementor-element.elementor-element-8f7c6e4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12922 .elementor-element.elementor-element-8f7c6e4:not(.elementor-motion-effects-element-type-background), .elementor-12922 .elementor-element.elementor-element-8f7c6e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFD;}.elementor-12922 .elementor-element.elementor-element-41aa1e2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12922 .elementor-element.elementor-element-41aa1e2{text-align:center;}.elementor-12922 .elementor-element.elementor-element-97ccabc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12922 .elementor-element.elementor-element-ff90836{width:auto;max-width:auto;padding:4px 12px 4px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:5px 5px 5px 5px;--e-icon-list-icon-size:24px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:-2px;}.elementor-12922 .elementor-element.elementor-element-ff90836.elementor-element{--align-self:flex-end;}.elementor-12922 .elementor-element.elementor-element-ff90836 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-12922 .elementor-element.elementor-element-ff90836 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-12922 .elementor-element.elementor-element-ff90836 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12922 .elementor-element.elementor-element-ff90836 .elementor-icon-list-item > a{font-size:22px;font-weight:800;}.elementor-12922 .elementor-element.elementor-element-ff90836 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-12922 .elementor-element.elementor-element-927119a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12922 .elementor-element.elementor-element-11002d3{width:auto;max-width:auto;background-color:var( --e-global-color-secondary );padding:4px 12px 4px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:5px 5px 5px 5px;--e-icon-list-icon-size:24px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:-2px;}.elementor-12922 .elementor-element.elementor-element-11002d3.elementor-element{--align-self:flex-start;}.elementor-12922 .elementor-element.elementor-element-11002d3 .elementor-icon-list-icon i{color:var( --e-global-color-f9ecf55 );transition:color 0.3s;}.elementor-12922 .elementor-element.elementor-element-11002d3 .elementor-icon-list-icon svg{fill:var( --e-global-color-f9ecf55 );transition:fill 0.3s;}.elementor-12922 .elementor-element.elementor-element-11002d3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12922 .elementor-element.elementor-element-11002d3 .elementor-icon-list-item > a{font-size:22px;font-weight:800;}.elementor-12922 .elementor-element.elementor-element-11002d3 .elementor-icon-list-text{color:var( --e-global-color-f9ecf55 );transition:color 0.3s;}.elementor-12922 .elementor-element.elementor-element-db13445{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-12922 .elementor-element.elementor-element-db13445.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-12922 .elementor-element.elementor-element-8f7c6e4{--content-width:1000px;}.elementor-12922 .elementor-element.elementor-element-97ccabc{--width:50%;}.elementor-12922 .elementor-element.elementor-element-927119a{--width:50%;}}@media(max-width:767px){.elementor-12922 .elementor-element.elementor-element-226f2ca{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-12922 .elementor-element.elementor-element-8f7c6e4{--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;}.elementor-12922 .elementor-element.elementor-element-41aa1e2{text-align:justify;}.elementor-12922 .elementor-element.elementor-element-ff90836.elementor-element{--align-self:center;}.elementor-12922 .elementor-element.elementor-element-11002d3.elementor-element{--align-self:center;}}/* Start custom CSS for text-editor, class: .elementor-element-41aa1e2 */.elementor-12922 .elementor-element.elementor-element-41aa1e2 {text-align-last: center;}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff90836 */.elementor-12922 .elementor-element.elementor-element-ff90836 {min-width:200px}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11002d3 */.elementor-12922 .elementor-element.elementor-element-11002d3 {min-width:200px}/* End custom CSS */
/* Start custom CSS */#dooloop-premium-landing , #dooloop-premium-landing2 {
    {
        font-family: G-v,tahoma!important;
        direction: rtl;
        text-align: right;
        background-color: #fcfcfd;
        color: #1e293b;
        line-height: 1.8;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden
    }

    * {
        box-sizing: border-box
    }

    * {
        --dl-primary: #365B95;
        --dl-primary-light: rgba(54, 91, 149, 0.08);
        --dl-primary-hover: #2a4775;
        --dl-text-main: #0f172a;
        --dl-text-muted: #475569;
        --dl-bg-white: #ffffff;
        --dl-success: #10b981;
        --dl-border: #e2e8f0;
        --dl-radius: 20px;
        --dl-shadow-soft: 0 10px 40px -10px rgba(54, 91, 149, 0.12);
        --dl-shadow-hover: 0 20px 50px -15px rgba(54, 91, 149, 0.25);
        --dl-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1)
    }

    .dl-hero-image-wrapper {
        max-width: 1000px;
        margin: 0 auto;
        padding: 30px 20px 0
    }

    .dl-hero-image-wrapper img {
        width: 100%;
        height: auto;
        border-radius: 25px;
        box-shadow: var(--dl-shadow-hover);
        display: block;
        object-fit: cover
    }

    .dl-section-header {
        display: flex!important;
        flex-direction: column!important;
        align-items: center!important;
        justify-content: center!important;
        text-align: center!important;
        margin-bottom: 60px;
        padding: 0 15px;
        width: 100%
    }

    .dl-section-subtitle {
        color: var(--dl-primary);
        font-weight: 800;
        font-size: .95rem;
        margin-bottom: 15px;
        display: inline-flex!important;
        align-items: center;
        justify-content: center;
        letter-spacing: .5px;
        background: var(--dl-primary-light);
        padding: 6px 16px;
        border-radius: 100px;
        text-align: center!important
    }

    .dl-section-title {
        font-size: clamp(1.8rem,3vw,2.2rem);
        color: var(--dl-text-main);
        font-weight: 700;
        margin-bottom: 15px;
        line-height: 1.5;
        text-align: center!important;
        width: 100%
    }

    .dl-section-desc {
        color: var(--dl-text-muted);
        font-size: 1.1rem;
        max-width: 750px;
        margin: 0 auto;
        text-align: center!important
    }

    .dl-hook-section {
        padding: 80px 20px 60px;
        max-width: 1200px;
        margin: 0 auto;
        display: flex!important;
        flex-direction: column!important;
        align-items: center!important;
        justify-content: center!important;
        text-align: center!important;
        position: relative
    }

    .dl-hook-badge {
        display: inline-flex!important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: var(--dl-primary-light);
        color: var(--dl-primary);
        padding: 8px 20px;
        border-radius: 100px;
        font-size: .95rem;
        font-weight: 700;
        margin-bottom: 30px;
        box-shadow: 0 4px 15px rgba(54,91,149,.05);
        text-align: center!important
    }

    .dl-hook-title {
        font-size: clamp(2rem,5vw,2.8rem);
        color: var(--dl-text-main);
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 25px;
        letter-spacing: -1px;
        text-align: center!important;
        width: 100%
    }

    .dl-hook-title span {
        color: var(--dl-primary);
        position: relative
    }

    .dl-hook-desc {
        font-size: 1.2rem;
        color: var(--dl-text-muted);
        max-width: 1000px;
        margin: 0 auto;
        text-align: center!important
    }

    .dl-features-section {
        padding: 80px 20px;
        max-width: 1280px;
        margin: 0 auto;
        position: relative
    }

    .dl-features-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
        gap: 30px
    }

    .dl-feature-card {
        background: var(--dl-bg-white);
        border: 1px solid var(--dl-border);
        border-radius: var(--dl-radius);
        padding: 40px 30px;
        transition: var(--dl-transition);
        text-align: center;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .dl-feature-card::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background: var(--dl-primary);
        transform: scaleX(0);
        transform-origin: center;
        transition: var(--dl-transition);
        z-index: -1
    }

    .dl-feature-card:hover {
        box-shadow: var(--dl-shadow-soft);
        transform: translateY(-8px);
        border-color: rgba(54,91,149,.2)
    }

    .dl-feature-card:hover::after {
        transform: scaleX(1)
    }

    .dl-feature-icon {
        width: 70px;
        height: 70px;
        background: var(--dl-primary-light);
        color: var(--dl-primary);
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        margin: 0 auto 25px;
        transition: var(--dl-transition)
    }

    .dl-feature-card:hover .dl-feature-icon {
        background: var(--dl-primary);
        /* color:#fff; */
        transform: scale(1.1) rotate(-10deg);
        box-shadow: 0 10px 20px rgba(54,91,149,.3)
    }

    .dl-feature-title {
        font-size: 1.3rem;
        font-weight: 700;
        color: var(--dl-text-main);
        margin-bottom: 15px
    }

    .dl-feature-desc {
        color: var(--dl-text-muted);
        font-size: 1rem;
        line-height: 1.8;
        margin: 0
    }

    .dl-context-section {
        padding: 60px 20px;
        max-width: 1000px;
        margin: 20px auto 0 ;
        background: #f8fafc;
        border-radius: 30px;
        border: 1px dashed var(--dl-border);
        margin-bottom: 40px
    }

    .dl-context-inner {
        text-align: right;
        padding: 20px
    }

    .dl-context-title {
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--dl-text-main);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 12px
    }

    .dl-context-title i {
        color: #ef4444;
        font-size: 1.8rem
    }

    .dl-context-p {
        font-size: 1.1rem;
        color: var(--dl-text-muted);
        line-height: 2;
        margin-bottom: 15px
    }

    .dl-target-section {
        padding: 40px 20px 80px;
        max-width: 1000px;
        margin: 0 auto
    }

    .dl-target-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px
    }

    .dl-target-box {
        padding: 40px;
        border-radius: 24px;
        border: 1px solid var(--dl-border)
    }

    .dl-target-box.is-fit {
        background: #f0fdf4;
        border-color: #bbf7d0
    }

    .dl-target-box.not-fit {
        background: #fff1f2;
        border-color: #fecdd3
    }

    .dl-target-box-title {
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px
    }

    .dl-target-box.is-fit .dl-target-box-title {
        color: #166534
    }

    .dl-target-box.not-fit .dl-target-box-title {
        color: #991b1b
    }

    .dl-target-list {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .dl-target-list li {
        margin-bottom: 15px;
        font-size: 1.05rem;
        color: var(--dl-text-main);
        display: flex;
        align-items: flex-start;
        gap: 10px;
        line-height: 1.7
    }

    .dl-target-box.is-fit li i {
        color: #22c55e;
        margin-top: 5px
    }

    .dl-target-box.not-fit li i {
        color: #ef4444;
        margin-top: 5px
    }

    .dl-plans-section {
        padding: 80px 20px 100px;
        max-width: 1280px;
        margin: 0 auto;
        background: linear-gradient(180deg,#fcfcfd 0,#f1f5f9 100%);
        border-radius: 40px
    }

    .plans-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
        gap: 20px;
        align-items: stretch
    }

    .dl-process-section {
        padding: 80px 20px;
        max-width: 1280px;
        margin: 0 auto
    }

    .dl-process-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
        gap: 40px;
        position: relative;
        margin-top: 40px
    }

    .dl-process-step {
        text-align: center;
        position: relative;
        padding: 20px
    }

    .dl-process-number {
        width: 60px;
        height: 60px;
        background: #fff;
        border: 3px solid var(--dl-primary);
        color: var(--dl-primary);
        font-size: 1.5rem;
        font-weight: 700;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
        position: relative;
        z-index: 2;
        box-shadow: 0 10px 20px rgba(54,91,149,.1)
    }

    .dl-process-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--dl-text-main);
        margin-bottom: 10px
    }

    .dl-process-desc {
        color: var(--dl-text-muted);
        font-size: .95rem;
        line-height: 1.7
    }

    @media (min-width: 992px) {
        .dl-process-grid::before {
            content:"";
            position: absolute;
            top: 50px;
            right: 10%;
            left: 10%;
            height: 2px;
            background: dashed 2px var(--dl-border);
            z-index: 1
        }
    }

    .dl-guarantee-section {
        padding: 0 20px 80px;
        max-width: 1000px;
        margin: 0 auto
    }

    .dl-guarantee-box {
        background: var(--dl-primary);
        border-radius: 30px;
        padding: 50px 40px;
        display: flex;
        align-items: center;
        gap: 40px;
        color: #fff!important;
        box-shadow: 0 20px 40px rgba(54,91,149,.2);
        position: relative;
        overflow: hidden
    }

    .dl-guarantee-box::before {
        content: "";
        position: absolute;
        top: -50%;
        right: -10%;
        width: 300px;
        height: 300px;
        background: rgba(255,255,255,.05);
        border-radius: 50%
    }

    .dl-guarantee-icon {
        font-size: 5rem;
        color: #fde047;
        flex-shrink: 0;
        position: relative;
        z-index: 2
    }

    .dl-guarantee-content {
        position: relative;
        z-index: 2
    }

    .dl-guarantee-title {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 15px;
        color: #fff!important;
    }

    .dl-guarantee-text {
        font-size: 1.05rem;
        line-height: 1.8;
        opacity: .95;
        color: #fff!important;
        margin: 0
    }

    .dl-guarantee-text strong {
        color: #fde047
    }

    .dl-testimonials-section {
        padding: 80px 20px;
        max-width: 1280px;
        margin: 0 auto
    }

    .dl-testimonials-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
        gap: 30px
    }

    .dl-testimonial-card {
        background: var(--dl-bg-white);
        padding: 40px 30px;
        border-radius: var(--dl-radius);
        box-shadow: 0 4px 20px rgba(0,0,0,.03);
        border: 1px solid var(--dl-border);
        text-align: center;
        position: relative
    }

    .dl-testimonial-icon {
        color: #fbbf24;
        font-size: 1.2rem;
        margin-bottom: 15px
    }

    .dl-testimonial-text {
        font-size: 1.05rem;
        color: var(--dl-text-main);
        line-height: 1.8;
        margin-bottom: 25px
    }

    .dl-testimonial-author {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px
    }

    .dl-testimonial-avatar {
        width: 50px;
        height: 50px;
        background: var(--dl-primary-light);
        color: var(--dl-primary);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700
    }

    .dl-testimonial-info h4 {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
        color: var(--dl-text-main)
    }

    .dl-testimonial-info span {
        font-size: .85rem;
        color: var(--dl-text-muted)
    }

    .dl-faq-section {
        padding: 80px 20px;
        max-width: 900px;
        margin: 0 auto
    }

    .dl-faq-item {
        background: var(--dl-bg-white);
        border: 1px solid var(--dl-border);
        border-radius: 16px;
        margin-bottom: 15px;
        overflow: hidden;
        transition: var(--dl-transition)
    }

    .dl-faq-item.active {
        border-color: var(--dl-primary);
        box-shadow: var(--dl-shadow-soft)
    }

    .dl-faq-header {
        padding: 20px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        font-weight: 700;
        color: var(--dl-text-main);
        font-size: 1.1rem;
        user-select: none
    }

    .dl-faq-icon {
        color: var(--dl-primary);
        transition: var(--dl-transition)
    }

    .dl-faq-item.active .dl-faq-icon {
        transform: rotate(180deg)
    }

    .dl-faq-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease-out;
        background: #f8fafc
    }

    .dl-faq-content {
        padding: 0 25px 25px;
        color: var(--dl-text-muted);
        line-height: 1.8;
        font-size: 1rem
    }

    .dl-cta-section {
        padding: 80px 20px;
        text-align: center;
        background: var(--dl-primary);
        color: #fff!important;
        border-radius: var(--dl-radius);
        max-width: 1280px;
        margin: 0 auto 100px;
        position: relative;
        overflow: hidden
    }

    .dl-cta-section::before {
        content: "\f135";
        font-family: "Font Awesome 6 Free";
        font-weight: 700;
        position: absolute;
        top: -50px;
        left: -20px;
        font-size: 300px;
        opacity: .05;
        transform: rotate(-45deg)
    }

    .dl-cta-title {
        font-size: clamp(1.4rem,2.5vw,2.1rem);
        font-weight: 700;
        margin-bottom: 20px;
        color: #fff!important;
        text-align: center!important;
        width: 100%;
        display: block
    }

    .dl-cta-desc {
        font-size: 1.1rem;
        margin-bottom: 40px;
        opacity: .95;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        color: #fff!important
    }

    .dl-cta-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: #fff;
        color: var(--dl-primary);
        padding: 16px 35px;
        border-radius: 100px;
        font-size: 1.1rem;
        font-weight: 700;
        text-decoration: none;
        transition: var(--dl-transition);
        box-shadow: 0 10px 30px rgba(0,0,0,.15);
        position: relative;
        z-index: 2;
    }

    .dl-cta-btn:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 40px rgba(0,0,0,.25)
    }

    .dl-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(15,23,42,.7);
        backdrop-filter: blur(8px);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: var(--dl-transition);
        padding: 20px
    }

    .dl-modal-overlay.active {
        opacity: 1;
        visibility: visible
    }

    .plan-services-modal {
        background: var(--dl-bg-white);
        width: 100%;
        max-width: 650px;
        max-height: 85vh;
        border-radius: var(--dl-radius);
        box-shadow: 0 30px 60px -15px rgba(0,0,0,.4);
        display: flex;
        flex-direction: column;
        transform: translateY(30px) scale(.9);
        transition: var(--dl-transition)
    }

    .dl-modal-overlay.active .plan-services-modal {
        transform: translateY(0) scale(1)
    }

    .plan-services-modal-header {
        padding: 25px 30px;
        border-bottom: 1px solid var(--dl-border);
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--dl-primary);
        color: #fff;
        border-radius: var(--dl-radius) var(--dl-radius) 0 0;
        position: relative
    }

    .plan-services-modal-title,.plan-services-modal-title i,.plan-services-modal-title span {
        margin: 0;
        font-size: 1.3rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 12px;
        color: #fff!important
    }

    .dl-unified-close-btn {
        position: absolute;
        top: 18px;
        left: 20px;
        background: rgba(255,255,255,.15);
        border: 1px solid rgba(255,255,255,.2);
        color: #fff!important;
        width: 38px;
        height: 38px;
        border-radius: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
        font-size: 1.2rem;
        z-index: 10;
        padding: 0;
        box-shadow: 0 4px 10px rgba(0,0,0,.1)
    }

    .dl-unified-close-btn:hover {
        background: #ef4444!important;
        border-color: #ef4444!important;
        transform: scale(1.05);
        box-shadow: 0 6px 15px rgba(239,68,68,.3)
    }

    .plan-services-modal-body {
        padding: 30px;
        overflow-y: auto
    }

    .plan-card {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        transition: var(--dl-transition)
    }

    .plan-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--dl-shadow-soft)
    }

    .plan-card-header {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px 0;
        margin-bottom: 15px
    }

    .plan-card-icon {
        color: var(--dl-primary);
        font-size: 1.5rem
    }

    .plan-card-title {
        font-size: 1.15rem;
        color: #1e293b;
        font-weight: 700;
        margin: 0
    }

    .plan-card-body {
        padding: 0 20px;
        flex-grow: 1;
        display: flex;
        flex-direction: column
    }

    .plan-monthly-price {
        background-color: #f1f5f9;
        border-radius: 12px;
        padding: 15px;
        text-align: center;
        margin-bottom: 25px;
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .plan-monthly-label {
        font-size: .95rem;
        color: #475569
    }

    .plan-monthly-value {
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--dl-primary)
    }

    .plan-services-title {
        font-size: 1.05rem;
        color: #334155;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 8px
    }

    .plan-service-item {
        display: flex;
        justify-content: space-between;
        padding: 12px 0;
        border-bottom: 1px dashed #cbd5e1;
        font-size: .95rem;
        color: #475569
    }

    .plan-service-item:last-child {
        border-bottom: none
    }

    .plan-service-limit {
        color: #334155
    }

    .plan-services-more-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px dashed #cbd5e1;
        margin-top: 0
    }

    .plan-services-more {
        font-size: .9rem;
        color: #475569
    }

    .btn-view-all-services {
        background: #5468ff;
        color: #fff;
        padding: 6px 15px;
        border-radius: 20px;
        font-size: .85rem;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border: none;
        cursor: pointer;
        font-family: inherit;
        transition: var(--dl-transition)
    }

    .btn-view-all-services:hover {
        background: #4354cc
    }

    .plan-savings-block {
        padding: 20px 0;
        text-align: right;
        margin-top: auto
    }

    .plan-savings-row {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: .9rem;
        margin-bottom: 8px;
        color: #475569
    }

    .plan-savings-row strong {
        color: #0f172a
    }

    .plan-savings-profit {
        color: #10b981;
        align-items: flex-start;
        line-height: 1.6;
        margin-top: 10px
    }

    .plan-savings-profit strong {
        color: #10b981
    }

    .plan-card-actions {
        display: flex;
        gap: 12px;
        padding: 0 20px 20px
    }

    .plan-card-actions .btn {
        padding: 12px 15px;
        font-size: .95rem;
        border-radius: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: inherit;
        font-weight: 700;
        cursor: pointer;
        border: none;
        transition: var(--dl-transition)
    }

    .plan-card-actions .btn-outline-primary {
        background: #fff;
        border: 1px solid #cbd5e1;
        color: #1e293b;
        flex: 1
    }

    .plan-card-actions .btn-outline-primary:hover {
        background: #f1f5f9
    }

    .plan-card-actions .btn-primary {
        background: #365b95;
        color: #fff;
        flex: 1.5
    }

    .plan-card-actions .btn-primary:hover {
        background: #2a4775
    }

    .plan-card[data-product-id="34"] {
        border-color: #e2e8f0;
        box-shadow: none;
        transform: none
    }

    .plan-card[data-product-id="34"]: :before {
        display:none
    }

    .dl-checkout-modal {
        background: var(--dl-bg-white);
        width: 100%;
        max-width: 550px;
        border-radius: var(--dl-radius);
        box-shadow: 0 30px 60px -15px rgba(0,0,0,.4);
        display: flex;
        flex-direction: column;
        transform: translateY(30px) scale(.9);
        transition: var(--dl-transition);
        overflow: hidden
    }

    .dl-modal-overlay.active .dl-checkout-modal {
        transform: translateY(0) scale(1)
    }

    .dl-checkout-header {
        background: var(--dl-primary);
        padding: 25px 30px 20px;
        color: #fff;
        position: relative
    }

    .dl-checkout-plan-name,.dl-checkout-title {
        color: #fff!important
    }

    .dl-checkout-title {
        margin: 0 0 5px 0;
        font-size: 1.3rem;
        font-weight: 900
    }

    .dl-checkout-plan-name {
        font-size: .95rem;
        opacity: .9
    }

    .dl-wizard-progress {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        position: relative
    }

    .dl-wizard-progress::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 17px;
        right: 17px;
        height: 2px;
        background: rgba(255,255,255,.3);
        transform: translateY(-50%);
        z-index: 1
    }

    .dl-wizard-progress-bar {
        position: absolute;
        top: 50%;
        left: auto;
        right: 17px;
        height: 2px;
        background: #10b981;
        transform: translateY(-50%);
        z-index: 1;
        transition: width .4s ease;
        width: 0%;
        max-width: calc(100% - 34px)
    }

    .dl-wizard-step-dot {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: var(--dl-primary);
        border: 2px solid rgba(255,255,255,.5);
        box-shadow: 0 0 0 3px var(--dl-primary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .9rem;
        font-weight: 700;
        position: relative;
        z-index: 2;
        transition: var(--dl-transition)
    }

    .dl-wizard-step-dot.active {
        background: #fff;
        color: var(--dl-primary);
        border-color: #fff;
        box-shadow: 0 0 0 3px var(--dl-primary),0 0 15px rgba(255,255,255,.5)
    }

    .dl-wizard-step-dot.completed {
        background: #10b981;
        color: #fff;
        border-color: #10b981;
        box-shadow: 0 0 0 3px var(--dl-primary)
    }

    .dl-checkout-body {
        padding: 30px;
        overflow-y: auto;
        background: #f8fafc
    }

    .dl-step-content {
        display: none;
        animation: dlFadeIn .4s ease forwards
    }

    .dl-step-content.active {
        display: block
    }

    @keyframes dlFadeIn {
        from {
            opacity: 0;
            transform: translateX(-10px)
        }

        to {
            opacity: 1;
            transform: translateX(0)
        }
    }

    .dl-form-group {
        margin-bottom: 20px
    }

    .dl-form-group label {
        display: block;
        margin-bottom: 8px;
        font-weight: 700;
        color: var(--dl-text-main);
        font-size: .95rem
    }

    .dl-form-group input {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        font-family: inherit;
        font-size: 1rem;
        color: var(--dl-text-main);
        transition: border-color .3s;
        outline: 0;
        background: #fff
    }

    .dl-form-group input: focus {
        border-color:var(--dl-primary);
        box-shadow: 0 0 0 3px var(--dl-primary-light)
    }

    .dl-invoice-box {
        background: #fff;
        border: 1px dashed #cbd5e1;
        border-radius: 16px;
        padding: 20px;
        margin-bottom: 20px
    }

    .dl-invoice-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        font-size: .95rem;
        color: var(--dl-text-muted)
    }

    .dl-invoice-row.total {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #e2e8f0;
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--dl-text-main);
        margin-bottom: 0
    }

    .dl-invoice-row.discount-row {
        color: #10b981;
        display: none
    }

    .dl-discount-wrapper {
        display: flex;
        gap: 10px
    }

    .dl-discount-wrapper input {
        flex: 1;
        text-align: left;
        direction: ltr
    }

    .dl-discount-btn {
        background: var(--dl-text-main);
        color: #fff !important ;
        border: none;
        border-radius: 12px;
        padding: 0 20px;
        font-weight: 700;
        cursor: pointer;
        transition: var(--dl-transition);
        font-family: inherit
    }

    .dl-discount-btn:hover {
        background: #334155
    }

    .dl-checkout-footer {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        margin-top: 10px
    }

    .dl-checkout-footer .btn {
        padding: 12px 20px;
        border-radius: 100px;
        font-size: 1rem;
        font-weight: 700;
        font-family: inherit;
        cursor: pointer;
        border: none;
        transition: var(--dl-transition);
        display: flex;
        align-items: center;
        gap: 8px
    }

    .dl-btn-prev {
        background: #e2e8f0;
        color: var(--dl-text-main)
    }

    .dl-btn-prev:hover {
        background: #cbd5e1
    }

    .dl-btn-next,.dl-btn-submit {
        background: var(--dl-primary);
        color: #fff!important;
        flex: 1;
        justify-content: center
    }

    .dl-btn-next:hover {
        background: var(--dl-primary-hover);
        box-shadow: 0 10px 20px rgba(54,91,149,.2)
    }

    .dl-btn-submit {
        background: #059669!important;
        color: #fff!important;
        font-size: 1.1rem;
        letter-spacing: .5px;
        box-shadow: 0 8px 20px rgba(5,150,105,.3)!important
    }

    .dl-btn-submit:hover {
        background: #047857!important;
        box-shadow: 0 10px 25px rgba(4,120,87,.4)!important
    }

    .dl-checkout-loader {
        display: none;
        text-align: center;
        padding: 20px
    }

    .dl-checkout-loader i {
        font-size: 2rem;
        color: var(--dl-primary);
        animation: fa-spin 1s infinite linear
    }

    .product-details-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(15,23,42,.7);
        backdrop-filter: blur(8px);
        z-index: 10000;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        transition: var(--dl-transition)
    }

    .product-details-modal-overlay.active {
        opacity: 1;
        visibility: visible
    }

    .product-details-modal-box {
        background: var(--dl-bg-white);
        width: 100%;
        max-width: 750px;
        max-height: 90vh;
        border-radius: var(--dl-radius);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        box-shadow: 0 30px 60px -15px rgba(0,0,0,.4);
        transform: translateY(30px) scale(.9);
        transition: var(--dl-transition)
    }

    .product-details-modal-overlay.active .product-details-modal-box {
        transform: translateY(0) scale(1)
    }

    .product-details-modal-header {
        padding: 20px 25px;
        border-bottom: 1px solid var(--dl-border);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--dl-primary);
        color: #fff
    }

    .product-details-modal-header h3 {
        margin: 0;
        font-size: 1.3rem;
        font-weight: 700;
        color: #fff!important
    }

    .product-details-modal-body {
        padding: 25px;
        overflow-y: auto;
        background: #f8fafc
    }

    .product-details-modal-footer {
        padding: 20px 25px;
        border-top: 1px solid var(--dl-border);
        background: var(--dl-bg-white);
        display: flex;
        justify-content: flex-end;
        gap: 10px
    }

    .product-modal-pricing-cards {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(130px,1fr));
        gap: 12px;
        margin-top: 15px;
        margin-bottom: 30px
    }

    .product-modal-pricing-card {
        background: #fff;
        padding: 15px;
        border-radius: 12px;
        text-align: center;
        border: 1px dashed var(--dl-border)
    }

    .product-modal-pricing-card .dur {
        font-size: .95rem;
        color: var(--dl-text-muted);
        margin-bottom: 5px
    }

    .product-modal-pricing-card .price {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--dl-primary)
    }

    .product-modal-service-card {
        border: 1px solid var(--dl-border);
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 15px;
        background: #fff;
        transition: var(--dl-transition)
    }

    .product-modal-service-card:hover {
        box-shadow: var(--dl-shadow-soft);
        border-color: rgba(54,91,149,.2)
    }

    .product-modal-service-card>div: first-child {
        display:flex;
        justify-content: space-between;
        margin-bottom: 12px;
        font-weight: 700;
        border-bottom: 1px dashed var(--dl-border);
        padding-bottom: 12px;
        font-size: 1.05rem;
        color: var(--dl-text-main)
    }

    .svc-row {
        display: flex;
        justify-content: space-between;
        font-size: .95rem;
        margin-bottom: 8px;
        color: var(--dl-text-muted)
    }

    .product-modal-discount-badge {
        background: #dcfce7;
        color: #166534;
        padding: 3px 10px;
        border-radius: 20px;
        font-size: .85rem;
        font-weight: 700;
        display: inline-flex;
        gap: 5px;
        align-items: center
    }

    .product-modal-total-discount {
        margin-top: 25px;
        text-align: right;
        font-size: 1.1rem;
        padding-top: 20px;
        border-top: 2px solid var(--dl-border)
    }

    .product-modal-savings-box {
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
        padding: 20px;
        border-radius: 16px;
        color: #166534;
        display: flex;
        align-items: center;
        gap: 20px;
        font-weight: 700;
        font-size: 1.05rem;
        line-height: 1.7
    }

    .product-modal-savings-box i {
        font-size: 2.5rem;
        color: #22c55e;
        flex-shrink: 0
    }

    .product-modal-section-title {
        font-size: 1.2rem;
        margin-bottom: 20px;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 8px
    }

    .product-details-modal-footer .btn {
        padding: 12px 25px;
        border-radius: 100px;
        font-weight: 700;
        cursor: pointer;
        border: none;
        font-family: inherit;
        font-size: 1rem;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: var(--dl-transition)
    }

    .product-details-modal-footer .btn-secondary {
        background: #e2e8f0;
        color: var(--dl-text-main)
    }

    .product-details-modal-footer .btn-secondary:hover {
        background: #cbd5e1
    }

    .product-details-modal-footer .btn-primary {
        background: var(--dl-primary);
        color: #fff
    }

    .product-details-modal-footer .btn-primary:hover {
        background: var(--dl-primary-hover);
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(54,91,149,.2)
    }

    .product-details-modal-header .btn-ghost {
        background: rgba(255,255,255,.15);
        border: 1px solid rgba(255,255,255,.2);
        color: #fff;
        width: 35px;
        height: 35px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: var(--dl-transition)
    }

    .product-details-modal-header .btn-ghost:hover {
        background: #ef4444;
        border-color: #ef4444;
        transform: scale(1.05)
    }

    .text-primary {
        color: var(--dl-primary)
    }

    .text-success {
        color: #10b981
    }

    .text-strong {
        font-weight: 900
    }

    .text-muted {
        color: var(--dl-text-muted)
    }

    .text-sm {
        font-size: .9rem
    }

    @media (max-width: 768px) {
        .dl-target-grid {
            grid-template-columns:1fr
        }

        .dl-guarantee-box {
            flex-direction: column;
            text-align: center;
            padding: 40px 25px
        }

        .dl-modal-overlay {
            padding: 15px
        }

        .dl-checkout-modal {
            max-height: 90vh
        }

        .dl-context-title, .dl-cta-title, .dl-hook-title, .dl-section-title, .dl-target-box-title {
            font-size: 1.35rem!important;
            text-align: center!important;
            line-height: 1.6;
            justify-content: center
        }

        .dl-context-p, .dl-cta-desc, .dl-hook-desc, .dl-section-desc {
            font-size: .95rem!important;
            text-align: center!important
        }

        .dl-section {
            padding: 40px 15px!important
        }

        .dl-hook-section {
            padding-top: 60px!important
        }

        .dl-target-list li {
            flex-direction: column;
            align-items: center;
            text-align: center!important;
            font-size: .95rem
        }

        .dl-target-list li i {
            margin-bottom: 5px;
            margin-top: 0
        }

        .dl-context-inner {
            text-align: center
        }
    }
}


@media (min-width:500px) {
section + .e-con-inner, .dl-context-inner + .e-con-inner  {
    display: flex;
}
}
@media(max-width:500px){
.dl-checkout-footer .btn{
width:50%
}
.dl-checkout-footer .dl-btn-prev{
width:34%
}
.dl-checkout-footer .dl-btn-submit{
width:79%!important
}
.dl-discount-wrapper .dl-discount-btn{
width:27%
}
}
.dl-feature-card:hover .dl-feature-icon{
color:#fff!important
}/* End custom CSS */