.elementor-642 .elementor-element.elementor-element-86d761c{--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;}/* Start custom CSS for shortcode, class: .elementor-element-fc39052 *//* =====================================================
   AFTAB MEDIA — SINGLE POST
===================================================== */

.aftab-single-post {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    font-family: "Ray", sans-serif;
    direction: rtl;
    color: #2E2E2E;
}


/* =====================================================
   CATEGORY
===================================================== */

.aftab-single-category {
    display: inline-flex;
    align-items: center;

    padding: 8px 17px;

    background: #EAF9F8;
    color: #15B8B2;

    border: 1px solid rgba(21,184,178,.12);

    border-radius: 999px;

    font-size: 13px;
    font-weight: 700;

    margin-bottom: 20px;

    transition: all .3s ease;
}

.aftab-single-category:hover {
    background: #15B8B2;
    color: #fff;
    transform: translateY(-2px);
}


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

.aftab-single-title {
    margin: 0 0 25px;

    font-family: "Ray", sans-serif;

    font-size: clamp(32px, 4vw, 56px);

    font-weight: 900;

    line-height: 1.45;

    letter-spacing: -1px;

    color: #292929;
}


/* =====================================================
   META
===================================================== */

.aftab-single-meta {

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

    flex-wrap: wrap;

    gap: 20px;

    margin-bottom: 32px;

    padding: 14px 18px;

    background: #F8FCFC;

    border: 1px solid #E7F3F2;

    border-radius: 18px;
}


.aftab-meta-item {

    display: flex;
    align-items: center;

    gap: 7px;
}


.aftab-meta-label {

    color: #999;

    font-size: 12px;

    font-weight: 400;
}


.aftab-meta-value {

    color: #333;

    font-size: 13px;

    font-weight: 700;
}


.aftab-meta-divider {

    width: 1px;

    height: 22px;

    background: #DCEDEC;
}


/* =====================================================
   FEATURED IMAGE
===================================================== */

.aftab-single-featured {

    position: relative;

    width: 100%;

    margin-bottom: 42px;

    overflow: hidden;

    border-radius: 28px;

    background: #F4FAFA;

    box-shadow:
        0 18px 50px rgba(21,184,178,.10),
        0 5px 20px rgba(0,0,0,.04);
}


.aftab-single-featured img {

    display: block;

    width: 100%;

    height: auto;

    max-height: 560px;

    object-fit: cover;

    transition: transform .6s ease;
}


.aftab-single-featured:hover img {

    transform: scale(1.025);
}


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

.aftab-single-content {

    font-family: "Ray", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 2.35;

    color: #555;

    text-align: right;
}


/* PARAGRAPH */

.aftab-single-content p {

    margin: 0 0 24px;
}


/* HEADINGS */

.aftab-single-content h2 {

    margin: 48px 0 18px;

    font-size: 28px;

    font-weight: 900;

    line-height: 1.6;

    color: #2E2E2E;
}


.aftab-single-content h3 {

    margin: 38px 0 15px;

    font-size: 22px;

    font-weight: 800;

    color: #2E2E2E;
}


/* =====================================================
   LINKS
===================================================== */

.aftab-single-content a {

    color: #15B8B2;

    font-weight: 700;

    text-decoration: none;

    transition: color .25s ease;
}


.aftab-single-content a:hover {

    color: #0E918D;

    text-decoration: underline;
}


/* =====================================================
   IMAGES INSIDE ARTICLE
===================================================== */

.aftab-single-content img {

    display: block;

    max-width: 100%;

    height: auto;

    margin: 30px auto;

    border-radius: 20px;

}


/* =====================================================
   BLOCKQUOTE
===================================================== */

.aftab-single-content blockquote {

    position: relative;

    margin: 35px 0;

    padding: 25px 28px;

    background: #F2FBFA;

    border-right: 4px solid #15B8B2;

    border-radius: 16px;

    color: #555;

    font-size: 17px;

    line-height: 2;

}


/* =====================================================
   LISTS
===================================================== */

.aftab-single-content ul,
.aftab-single-content ol {

    margin: 25px 0;

    padding-right: 28px;
}


.aftab-single-content li {

    margin-bottom: 10px;
}


/* =====================================================
   TABLE
===================================================== */

.aftab-single-content table {

    width: 100%;

    margin: 30px 0;

    border-collapse: collapse;

    overflow: hidden;

    border-radius: 14px;
}


.aftab-single-content th,
.aftab-single-content td {

    padding: 13px 16px;

    border: 1px solid #E5EEEE;

    text-align: right;
}


.aftab-single-content th {

    background: #EAF9F8;

    color: #15B8B2;

    font-weight: 800;
}


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

@media (max-width: 767px) {

    .aftab-single-post {

        max-width: 100%;

    }


    .aftab-single-category {

        font-size: 11px;

        padding: 7px 14px;

        margin-bottom: 14px;
    }


    .aftab-single-title {

        font-size: clamp(27px, 7vw, 36px);

        line-height: 1.55;

        letter-spacing: -.5px;

        margin-bottom: 20px;
    }


    .aftab-single-meta {

        gap: 10px;

        padding: 12px 14px;

        border-radius: 15px;
    }


    .aftab-meta-item {

        gap: 5px;
    }


    .aftab-meta-label {

        font-size: 10px;
    }


    .aftab-meta-value {

        font-size: 11px;
    }


    .aftab-meta-divider {

        height: 18px;
    }


    .aftab-single-featured {

        margin-bottom: 30px;

        border-radius: 20px;
    }


    .aftab-single-featured img {

        max-height: 400px;
    }


    .aftab-single-content {

        font-size: 14px;

        line-height: 2.2;
    }


    .aftab-single-content h2 {

        margin-top: 35px;

        font-size: 23px;
    }


    .aftab-single-content h3 {

        margin-top: 28px;

        font-size: 19px;
    }


    .aftab-single-content blockquote {

        padding: 18px 20px;

        font-size: 14px;

        margin: 25px 0;
    }

}/* End custom CSS */