/* ADATASK WEBINAR V3355 EXACT PRICING */

.v3355-pricing{
    padding:76px 0;
    background:
        radial-gradient(
            circle at 86% 8%,
            rgba(150,205,205,.22),
            transparent 30%
        ),
        linear-gradient(180deg,#f7f9fc,#edf3f8);
}

.v3355-shell{
    width:min(1080px,calc(100% - 32px));
    margin-inline:auto;
}

.v3355-badge{
    display:table;
    margin:0 auto;
    padding:7px 14px;
    border-radius:999px;
    background:rgba(150,205,205,.24);
    color:#137f82;
    font-size:13px;
    font-weight:800;
}

.v3355-title{
    margin:15px 0 10px;
    color:#173454;
    font-size:clamp(31px,4vw,47px);
    line-height:1.4;
    text-align:center;
}

.v3355-description{
    max-width:760px;
    margin:0 auto 32px;
    color:#61758c;
    line-height:2;
    text-align:center;
}

.v3355-builder{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
    gap:22px;
    padding:26px;
    border:1px solid rgba(23,52,84,.08);
    border-radius:28px;
    background:#fff;
    box-shadow:0 26px 76px rgba(23,52,84,.10);
}

.v3355-controls{
    display:grid;
    gap:25px;
}

.v3355-step{
    padding:20px;
    border:1px solid rgba(23,52,84,.09);
    border-radius:19px;
    background:#fafbfd;
}

.v3355-step-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.v3355-number{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:10px;
    background:linear-gradient(135deg,#173454,#9759e7);
    color:#fff;
    font-weight:900;
}

.v3355-step h3{
    margin:0;
    color:#173454;
    font-size:17px;
}

.v3355-select{
    width:100%;
    min-height:50px;
    padding:9px 13px;
    border:1px solid rgba(23,52,84,.15);
    border-radius:13px;
    background:#fff;
    color:#173454;
    font:inherit;
}

.v3355-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.v3355-options.images{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.v3355-option{
    position:relative;
    min-width:0;
}

.v3355-option input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.v3355-option span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:8px;
    border:1px solid rgba(23,52,84,.12);
    border-radius:13px;
    background:#fff;
    color:#173454;
    font-size:13px;
    font-weight:800;
    text-align:center;
    cursor:pointer;
    transition:.18s ease;
}

.v3355-option input:checked + span{
    border-color:#9759e7;
    background:
        linear-gradient(
            135deg,
            rgba(23,52,84,.08),
            rgba(151,89,231,.13)
        );
    box-shadow:
        inset 0 0 0 1px rgba(151,89,231,.26),
        0 8px 22px rgba(151,89,231,.10);
}

.v3355-summary{
    position:sticky;
    top:110px;
    align-self:start;
    padding:24px;
    border-radius:22px;
    background:
        linear-gradient(145deg,#173454,#3b477f 58%,#9759e7);
    color:#fff;
    box-shadow:0 20px 44px rgba(23,52,84,.24);
}

.v3355-summary h3{
    margin:0 0 20px;
    font-size:20px;
}

.v3355-summary-row{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.13);
    font-size:14px;
}

.v3355-summary-row span{
    color:rgba(255,255,255,.76);
}

.v3355-price-label{
    margin:23px 0 6px;
    color:rgba(255,255,255,.75);
    font-size:13px;
}

.v3355-price{
    min-height:56px;
    font-size:30px;
    font-weight:900;
    line-height:1.5;
}

.v3355-vat{
    margin:5px 0 20px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.8;
}

.v3355-continue{
    width:100%;
    min-height:51px;
    border:0;
    border-radius:14px;
    background:#fff;
    color:#173454;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}

.v3355-error{
    padding:20px;
    border:1px dashed rgba(185,45,45,.24);
    border-radius:16px;
    background:#fff5f5;
    color:#a82c2c;
    line-height:2;
    text-align:center;
}

@media(max-width:850px){
    .v3355-builder{
        grid-template-columns:1fr;
    }

    .v3355-summary{
        position:static;
    }
}

@media(max-width:620px){
    .v3355-pricing{
        padding:52px 0;
    }

    .v3355-shell{
        width:calc(100% - 20px);
    }

    .v3355-builder{
        padding:14px;
        border-radius:22px;
    }

    .v3355-step{
        padding:16px;
    }

    .v3355-options,
    .v3355-options.images{
        grid-template-columns:1fr 1fr;
    }

    .v3355-title{
        font-size:31px;
    }
}

/* ADATASK WEBINAR V3356 PLAN SELECTION BEGIN */

.v3356-plan-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.v3356-plan-card{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-height:96px;
    padding:16px;
    border:1px solid rgba(23,52,84,.12);
    border-radius:16px;
    background:#fff;
    color:#173454;
    font:inherit;
    text-align:right;
    cursor:pointer;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease,
        background .18s ease;
}

.v3356-plan-card:hover{
    transform:translateY(-2px);
    border-color:rgba(151,89,231,.40);
}

.v3356-plan-card strong{
    display:block;
    margin-bottom:7px;
    font-size:16px;
}

.v3356-plan-card small{
    color:#718399;
    font-size:12px;
    line-height:1.8;
}

.v3356-plan-card.is-active{
    border-color:#9759e7;
    background:
        linear-gradient(
            135deg,
            rgba(23,52,84,.07),
            rgba(151,89,231,.13)
        );
    box-shadow:
        inset 0 0 0 1px rgba(151,89,231,.22),
        0 12px 28px rgba(151,89,231,.12);
}

.v3356-plan-card.is-active:after{
    content:"انتخاب‌شده";
    display:inline-flex;
    margin-top:10px;
    padding:4px 9px;
    border-radius:999px;
    background:#9759e7;
    color:#fff;
    font-size:11px;
    font-weight:800;
}

@media(max-width:700px){
    .v3356-plan-options{
        grid-template-columns:1fr;
    }

    .v3356-plan-card{
        min-height:82px;
    }
}

/* ADATASK WEBINAR V3356 PLAN SELECTION END */

/* ADATASK WEBINAR V3357 HELP BEGIN */

.v3357-help{
    margin:7px 42px 16px 0;
    color:#718399;
    font-size:12px;
    line-height:1.9;
}

.v3356-plan-card small{
    min-height:44px;
    color:#718399;
    font-size:12px;
    line-height:1.85;
}

.v3356-plan-card{
    justify-content:flex-start;
    min-height:128px;
}

@media(max-width:700px){
    .v3357-help{
        margin:7px 0 14px;
        font-size:12px;
        line-height:1.9;
    }

    .v3356-plan-card{
        min-height:auto;
    }

    .v3356-plan-card small{
        min-height:auto;
    }
}

/* ADATASK WEBINAR V3357 HELP END */

/* ADATASK WEBINAR V3359 COMPACT BEGIN */

#webinar-pricing-v3355{
    min-height:auto !important;
    margin:0 !important;
    padding:46px 0 30px !important;
    border:0 !important;
    box-shadow:none !important;
    background:
        radial-gradient(
            circle at 88% 4%,
            rgba(150,205,205,.18),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #f7f9fc 0%,
            #edf3f8 100%
        ) !important;
}

#webinar-pricing-v3355::before,
#webinar-pricing-v3355::after{
    display:none !important;
    content:none !important;
}

#webinar-pricing-v3355 .v3355-title{
    margin-top:10px !important;
    margin-bottom:6px !important;
    line-height:1.3 !important;
}

#webinar-pricing-v3355 .v3355-description{
    max-width:720px !important;
    margin-bottom:20px !important;
}

#webinar-pricing-v3355 .v3355-builder{
    gap:16px !important;
    padding:18px !important;
    border-radius:24px !important;
}

#webinar-pricing-v3355 .v3355-controls{
    gap:14px !important;
}

#webinar-pricing-v3355 .v3355-step{
    padding:15px 16px !important;
    border-radius:17px !important;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafbfe
        ) !important;
    box-shadow:
        0 7px 20px rgba(23,52,84,.045);
}

#webinar-pricing-v3355 .v3355-step-head{
    margin-bottom:10px !important;
}

#webinar-pricing-v3355 .v3357-help{
    margin-top:3px !important;
    margin-bottom:11px !important;
}

#webinar-pricing-v3355 .v3356-plan-options{
    gap:9px !important;
}

#webinar-pricing-v3355 .v3356-plan-card{
    min-height:112px !important;
    padding:13px !important;
}

#webinar-pricing-v3355 .v3355-summary{
    top:88px !important;
    padding:20px !important;
    border-radius:20px !important;
}

.v3359-summary-benefits{
    margin:18px 0;
    padding:15px 0 4px;
    border-top:
        1px solid rgba(255,255,255,.18);
}

.v3359-summary-benefits > strong{
    display:block;
    margin-bottom:10px;
    color:#fff;
    font-size:14px;
}

.v3359-summary-benefits ul{
    display:grid;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.v3359-summary-benefits li{
    position:relative;
    padding-right:19px;
    color:rgba(255,255,255,.84);
    font-size:12px;
    line-height:1.8;
}

.v3359-summary-benefits li::before{
    position:absolute;
    right:0;
    top:0;
    content:"✓";
    color:#96cdcd;
    font-weight:900;
}

[data-v3359-after-pricing="1"]{
    margin-top:0 !important;
    padding-top:52px !important;
    border-top:0 !important;
    box-shadow:none !important;
    background-color:#f6f2ff !important;
    background-image:
        linear-gradient(
            180deg,
            #edf3f8 0,
            #f6f2ff 150px,
            #f6f2ff 100%
        ) !important;
}

[data-v3359-after-pricing="1"]::before,
[data-v3359-after-pricing="1"]::after{
    display:none !important;
    content:none !important;
}

#webinar-pricing-v3355 + hr,
#webinar-pricing-v3355 + .section-divider,
#webinar-pricing-v3355 + [class*="separator"],
[data-v3358-retained-engine="1"] + hr,
[data-v3358-retained-engine="1"] + .section-divider,
[data-v3358-retained-engine="1"] + [class*="separator"]{
    display:none !important;
}

@media(max-width:850px){
    #webinar-pricing-v3355{
        padding:38px 0 24px !important;
    }

    #webinar-pricing-v3355 .v3355-builder{
        padding:14px !important;
    }

    #webinar-pricing-v3355 .v3355-summary{
        position:static !important;
    }

    [data-v3359-after-pricing="1"]{
        padding-top:40px !important;
    }
}

@media(max-width:620px){
    #webinar-pricing-v3355{
        padding:32px 0 20px !important;
    }

    #webinar-pricing-v3355 .v3355-title{
        font-size:29px !important;
    }

    #webinar-pricing-v3355 .v3355-step{
        padding:14px !important;
    }

    .v3359-summary-benefits{
        margin:15px 0;
    }
}

/* ADATASK WEBINAR V3359 COMPACT END */
