.elementor-6525 .elementor-element.elementor-element-32370e3{width:var( --container-widget-width, 78.182% );max-width:78.182%;--container-widget-width:78.182%;--container-widget-flex-grow:0;}.elementor-6525 .elementor-element.elementor-element-a4c85c3{--spacer-size:15px;}@media(min-width:768px){.elementor-6525 .elementor-element.elementor-element-a64debe{width:27.368%;}.elementor-6525 .elementor-element.elementor-element-614888f{width:72.632%;}}/* Start custom CSS for html, class: .elementor-element-16bbad5 *//* ===== CONFERENCE NEWS ===== */
.conf-news {
    --cn-primary: #2a6f97;
    --cn-primary-light: #61a5c2;
    --cn-accent: #ee9b3a;
    --cn-accent-soft: #fdf3e7;
    --cn-bg: #f8fafc;
    --cn-card: #ffffff;
    --cn-text: #2f3e46;
    --cn-text-soft: #5c6b73;
    --cn-border: #e3ebf1;

    direction: rtl;
    text-align: right;
    color: var(--cn-text);
    line-height: 1.9;
    max-width: 820px;
    margin: 0 auto;
    background: var(--cn-card);
    border-radius: 14px;
    border: 1px solid var(--cn-border);
    padding: 2rem 2.2rem;
    box-shadow: 0 4px 18px rgba(42, 111, 151, 0.06);
}

/* ===== HEADER ===== */
.conf-news .cn-header {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding-bottom: 1rem;
    margin-bottom: 1.3rem;
    border-bottom: 2px solid var(--cn-border);
}

.conf-news .cn-header-icon {
    width: 44px;
    height: 44px;
    background: var(--cn-accent-soft);
    color: var(--cn-accent);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.conf-news .cn-title {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--cn-primary);
    line-height: 1.6;
    margin: 0;
}

/* ===== META (DATE / VENUE) ===== */
.conf-news .cn-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.4rem;
}

.conf-news .cn-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--cn-bg);
    border: 1px solid var(--cn-border);
    border-radius: 50px;
    padding: 0.35rem 0.9rem;
    font-size: 0.88rem;
    color: var(--cn-text-soft);
    font-weight: 600;
}

.conf-news .cn-meta-item span {
    color: var(--cn-primary);
    font-weight: 700;
}

/* ===== PARAGRAPHS ===== */
.conf-news p {
    font-size: 1rem;
    color: var(--cn-text-soft);
    margin: 0 0 1rem 0;
    text-align: justify;
}

.conf-news p:last-child {
    margin-bottom: 0;
}

/* ===== SPEAKERS BOX ===== */
.conf-news .cn-speakers {
    background: var(--cn-bg);
    border-right: 4px solid var(--cn-primary-light);
    border-radius: 10px;
    padding: 1rem 1.2rem;
    margin: 1.2rem 0;
}

.conf-news .cn-speakers-title {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--cn-primary);
    margin-bottom: 0.5rem;
}

.conf-news .cn-speakers p {
    font-size: 0.95rem;
    margin: 0;
    color: var(--cn-text);
}

.conf-news .cn-speakers strong {
    color: var(--cn-primary);
    font-weight: 700;
}

/* ===== FOOTNOTE ===== */
.conf-news .cn-footnote {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    background: var(--cn-accent-soft);
    border-radius: 10px;
    padding: 0.9rem 1.1rem;
    margin-top: 1.3rem;
    font-size: 0.95rem;
    color: #8a5a1f;
}

.conf-news .cn-footnote .cn-footnote-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    line-height: 1.6;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .conf-news {
        padding: 1.5rem 1.3rem;
        border-radius: 12px;
    }
    .conf-news .cn-title {
        font-size: 1.15rem;
    }
    .conf-news .cn-header-icon {
        width: 38px;
        height: 38px;
        font-size: 1.2rem;
    }
    .conf-news p {
        font-size: 0.95rem;
    }
    .conf-news .cn-speakers p,
    .conf-news .cn-footnote {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .conf-news {
        padding: 1.2rem 1rem;
    }
    .conf-news .cn-title {
        font-size: 1.05rem;
    }
    .conf-news .cn-meta-item {
        font-size: 0.8rem;
        padding: 0.3rem 0.7rem;
    }
    .conf-news p {
        font-size: 0.9rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a03ed78 *//* ===== WEBINAR CARD ===== */
.webinar-card {
    --wb-pink: #d66a9c;
    --wb-pink-soft: #fce8f1;
    --wb-purple: #7c5cbf;
    --wb-purple-soft: #f0eafc;
    --wb-text: #3a2e3f;
    --wb-text-soft: #6b5d70;
    --wb-border: #f0e2ea;
    --wb-bg: #fffafc;


    direction: rtl;
    text-align: right;
    color: var(--wb-text);
    line-height: 1.9;
    max-width: 760px;
    margin: 0 auto;
    background: var(--wb-bg);
    border: 1px solid var(--wb-border);
    border-radius: 20px;
    padding: 2rem 2.2rem 2.2rem;
    box-shadow: 0 6px 24px rgba(214, 106, 156, 0.08);
    position: relative;
    overflow: hidden;
}

/* ===== TOP GRADIENT BAR ===== */
.webinar-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #d66a9c, #a68bd6, #d66a9c);
}

/* ===== HEADER ===== */
.webinar-card .wb-header {
    text-align: center;
    padding-bottom: 1.2rem;
    margin-bottom: 1.3rem;
    border-bottom: 2px dashed var(--wb-border);
}

.webinar-card .wb-slogan {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--wb-purple);
    margin: 0 0 0.4rem 0;
    line-height: 1.6;
}

.webinar-card .wb-subtitle {
    font-size: 1rem;
    font-weight: 600;
    color: var(--wb-pink);
    margin: 0;
}

/* ===== ORGANIZER ===== */
.webinar-card .wb-organizer {
    text-align: center;
    font-size: 0.95rem;
    color: var(--wb-text-soft);
    margin-bottom: 1.2rem;
}

.webinar-card .wb-organizer strong {
    color: var(--wb-purple);
    font-weight: 700;
}

/* ===== DATE & TIME BADGES ===== */
.webinar-card .wb-datetime {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
    margin-bottom: 1.6rem;
}

.webinar-card .wb-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--wb-purple-soft);
    color: var(--wb-purple);
    border-radius: 50px;
    padding: 0.45rem 1.1rem;
    font-size: 0.92rem;
    font-weight: 700;
}

.webinar-card .wb-badge.wb-badge-pink {
    background: var(--wb-pink-soft);
    color: var(--wb-pink);
}

/* ===== TOPICS TITLE ===== */
.webinar-card .wb-topics-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--wb-text);
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ===== TOPICS LIST ===== */
.webinar-card .wb-topics {
    list-style: none;
    margin: 0 0 1.5rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.55rem 1rem;
}

.webinar-card .wb-topics li {
    position: relative;
    padding-right: 1.5rem;
    font-size: 0.95rem;
    color: var(--wb-text-soft);
    line-height: 1.7;
}

.webinar-card .wb-topics li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0.6rem;
    width: 8px;
    height: 8px;
    background: var(--wb-pink);
    border-radius: 50%;
}

/* ===== SPEAKERS BAR ===== */
.webinar-card .wb-speakers {
    background: linear-gradient(135deg, var(--wb-purple-soft), var(--wb-pink-soft));
    border-radius: 12px;
    padding: 0.9rem 1.2rem;
    margin-bottom: 1.4rem;
    text-align: center;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--wb-purple);
}

/* ===== REGISTER BUTTON ===== */
.webinar-card .wb-register {
    text-align: center;
    margin-bottom: 1.4rem;
}

.webinar-card .wb-register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background: linear-gradient(135deg, #d66a9c, #a68bd6);
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 800;
    padding: 0.9rem 2.2rem;
    border-radius: 50px;
    box-shadow: 0 6px 18px rgba(214, 106, 156, 0.35);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.webinar-card .wb-register-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transition: left 0.5s ease;
}

.webinar-card .wb-register-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(214, 106, 156, 0.45);
    color: #ffffff !important;
}

.webinar-card .wb-register-btn:hover::after {
    left: 100%;
}

.webinar-card .wb-register-btn:active {
    transform: translateY(0);
}

/* ===== CONTACT BOX ===== */
.webinar-card .wb-contact {
    background: #fff;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    padding: 1.1rem 1.3rem;
    text-align: center;
}

.webinar-card .wb-contact-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--wb-pink);
    margin-bottom: 0.7rem;
}

.webinar-card .wb-phone {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--wb-text);
    margin: 0.2rem 0.5rem;
    direction: ltr;
}

.webinar-card .wb-phone a {
    color: var(--wb-text);
    text-decoration: none;
    transition: color 0.2s ease;
}

.webinar-card .wb-phone a:hover {
    color: var(--wb-pink);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .webinar-card {
        padding: 1.5rem 1.3rem 1.7rem;
        border-radius: 16px;
    }
    .webinar-card .wb-slogan {
        font-size: 1.1rem;
    }
    .webinar-card .wb-topics {
        grid-template-columns: 1fr;
    }
    .webinar-card .wb-topics li {
        font-size: 0.9rem;
    }
    .webinar-card .wb-register-btn {
        font-size: 0.95rem;
        padding: 0.8rem 1.7rem;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .webinar-card {
        padding: 1.2rem 1rem 1.4rem;
    }
    .webinar-card .wb-slogan {
        font-size: 1rem;
    }
    .webinar-card .wb-subtitle {
        font-size: 0.9rem;
    }
    .webinar-card .wb-badge {
        font-size: 0.82rem;
        padding: 0.35rem 0.9rem;
    }
    .webinar-card .wb-topics li {
        font-size: 0.85rem;
    }
    .webinar-card .wb-phone {
        font-size: 0.9rem;
        display: flex;
        justify-content: center;
    }
}/* End custom CSS */