.elementor-930 .elementor-element.elementor-element-fa51a52{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-930 .elementor-element.elementor-element-75bb8e8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:15px 10px;--row-gap:15px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-930 .elementor-element.elementor-element-0861a05{width:100%;max-width:100%;text-align:start;}.elementor-930 .elementor-element.elementor-element-0861a05 .elementor-heading-title{font-family:"Shabnam", Sans-serif;font-size:36px;font-weight:900;line-height:1.8em;color:var( --e-global-color-primary );}.elementor-930 .elementor-element.elementor-element-4deb36b{width:auto;max-width:auto;}.elementor-930 .elementor-element.elementor-element-4deb36b > .elementor-widget-container{background-color:#F1F1F1;padding:5px 5px 5px 5px;border-radius:15px 15px 15px 15px;}.elementor-930 .elementor-element.elementor-element-4deb36b.elementor-element{--align-self:center;}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-icon i{color:var( --e-global-color-text );font-size:15px;}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-icon svg{fill:var( --e-global-color-text );--e-icon-list-icon-size:15px;}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-icon{width:15px;}body:not(.rtl) .elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-text{padding-left:5px;}body.rtl .elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-text{padding-right:5px;}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-text, .elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-text a{color:#5C6383;}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-item{font-family:"Shabnam", Sans-serif;font-size:14px;font-weight:400;}.elementor-930 .elementor-element.elementor-element-7474094{width:auto;max-width:auto;}.elementor-930 .elementor-element.elementor-element-7474094 > .elementor-widget-container{background-color:#F1F1F1;padding:5px 5px 5px 5px;border-radius:15px 15px 15px 15px;}.elementor-930 .elementor-element.elementor-element-7474094.elementor-element{--align-self:center;}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-icon i{color:var( --e-global-color-text );font-size:15px;}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-icon svg{fill:var( --e-global-color-text );--e-icon-list-icon-size:15px;}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-icon{width:15px;}body:not(.rtl) .elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-text{padding-left:5px;}body.rtl .elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-text{padding-right:5px;}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-text, .elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-text a{color:#5C6383;}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-item{font-family:"YekanBakh", Sans-serif;font-size:14px;font-weight:400;}.elementor-930 .elementor-element.elementor-element-c56e2fb{width:auto;max-width:auto;}.elementor-930 .elementor-element.elementor-element-c56e2fb > .elementor-widget-container{background-color:#F1F1F1;padding:5px 5px 5px 5px;border-radius:15px 15px 15px 15px;}.elementor-930 .elementor-element.elementor-element-c56e2fb.elementor-element{--align-self:center;}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-icon i{color:var( --e-global-color-text );font-size:15px;}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-icon svg{fill:var( --e-global-color-text );--e-icon-list-icon-size:15px;}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-icon{width:15px;}body:not(.rtl) .elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-text{padding-left:5px;}body.rtl .elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-text{padding-right:5px;}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-text, .elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-text a{color:#5C6383;}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-item{font-family:"YekanBakh", Sans-serif;font-size:14px;font-weight:400;}.elementor-930 .elementor-element.elementor-element-f46abeb{--display:flex;}.elementor-930 .elementor-element.elementor-element-4f44c00 img{border-radius:15px 15px 15px 15px;}.elementor-930 .elementor-element.elementor-element-9d6c14a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-930 .elementor-element.elementor-element-683aae7{--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;--border-radius:15px 15px 15px 15px;}.elementor-930 .elementor-element.elementor-element-683aae7:not(.elementor-motion-effects-element-type-background), .elementor-930 .elementor-element.elementor-element-683aae7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005698;}.elementor-930 .elementor-element.elementor-element-459dd36{--box-min-height:300px;--box-border-color:#FFFFFF;--box-border-width:0px;--separator-width:1px;--box-padding:15px;--header-color:#FFFFFF;--toggle-button-color:#FFFFFF;--toc-body-max-height:300px;--item-text-color:#FFFFFF;--item-text-hover-color:#FDB1B4;--item-text-active-color:#FDB1B4;--marker-color:var( --e-global-color-accent );}.elementor-930 .elementor-element.elementor-element-459dd36 .elementor-toc__header-title{text-align:start;}.elementor-930 .elementor-element.elementor-element-459dd36 .elementor-toc__header{flex-direction:row;}.elementor-930 .elementor-element.elementor-element-39cac06{--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;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-930 .elementor-element.elementor-element-39cac06:not(.elementor-motion-effects-element-type-background), .elementor-930 .elementor-element.elementor-element-39cac06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-930 .elementor-element.elementor-element-abb0436{color:#50535F;font-family:"YekanBakh", Sans-serif;font-weight:400;line-height:1.6em;}.elementor-930 .elementor-element.elementor-element-0422b77{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-930 .elementor-element.elementor-element-5ca1ff7 > .elementor-widget-container{padding:5px 10px 0px 0px;border-style:double;border-width:0px 8px 0px 0px;border-color:var( --e-global-color-secondary );}.elementor-930 .elementor-element.elementor-element-5ca1ff7.elementor-element{--align-self:flex-start;}.elementor-930 .elementor-element.elementor-element-5ca1ff7 .elementor-heading-title{font-family:"YekanBakh", Sans-serif;font-size:24px;font-weight:900;}@media(max-width:1024px){.elementor-930 .elementor-element.elementor-element-0861a05 .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-930 .elementor-element.elementor-element-fa51a52{--content-width:1200px;}.elementor-930 .elementor-element.elementor-element-9d6c14a{--content-width:1200px;}.elementor-930 .elementor-element.elementor-element-683aae7{--width:33.3333%;}.elementor-930 .elementor-element.elementor-element-39cac06{--width:66.6666%;}}@media(max-width:767px){.elementor-930 .elementor-element.elementor-element-fa51a52{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-930 .elementor-element.elementor-element-75bb8e8{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-930 .elementor-element.elementor-element-0861a05 .elementor-heading-title{font-size:24px;}.elementor-930 .elementor-element.elementor-element-4deb36b > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-930 .elementor-element.elementor-element-4deb36b.elementor-element{--align-self:center;}.elementor-930 .elementor-element.elementor-element-4deb36b .elementor-icon-list-item{font-size:12px;}.elementor-930 .elementor-element.elementor-element-7474094 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-930 .elementor-element.elementor-element-7474094.elementor-element{--align-self:center;}.elementor-930 .elementor-element.elementor-element-7474094 .elementor-icon-list-item{font-size:12px;}.elementor-930 .elementor-element.elementor-element-c56e2fb > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-930 .elementor-element.elementor-element-c56e2fb.elementor-element{--align-self:center;}.elementor-930 .elementor-element.elementor-element-c56e2fb .elementor-icon-list-item{font-size:12px;}.elementor-930 .elementor-element.elementor-element-9d6c14a{--content-width:90%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-930 .elementor-element.elementor-element-abb0436 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-930 .elementor-element.elementor-element-0422b77{--padding-top:48px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-930 .elementor-element.elementor-element-5ca1ff7 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for container, class: .elementor-element-39cac06 *//* =========================================================
   CUSTOM POST ARTICLE STYLES
   Scope: .custom-post ONLY
   Brand Colors:
   Red   #ED1C24
   Blue  #005698
   Font  Shabnam
   ========================================================= */


/* ---------------------------------------------------------
   1. ROOT ARTICLE
   --------------------------------------------------------- */

.custom-post {
    --cp-red: #ED1C24;
    --cp-blue: #005698;
    --cp-blue-dark: #003F6F;
    --cp-blue-light: #EAF4FA;
    --cp-text: #303840;
    --cp-text-light: #66717C;
    --cp-border: #DCE5EB;
    --cp-bg-soft: #F7F9FB;
    --cp-white: #FFFFFF;

    font-family: "Shabnam", sans-serif;
    direction: rtl;
    text-align: right;

    color: var(--cp-text);
    font-size: 18px;
    line-height: 2;

    max-width: 100%;
    width: 100%;

    word-wrap: break-word;
    overflow-wrap: break-word;
}


/* ---------------------------------------------------------
   2. RESET / BOX SIZING
   --------------------------------------------------------- */

.custom-post *,
.custom-post *::before,
.custom-post *::after {
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   3. PARAGRAPHS
   --------------------------------------------------------- */

.custom-post p {
    margin: 0 0 1.25em;
    padding: 0;
    color: var(--cp-text);

    font-size: 18px;
    line-height: 2;
    font-weight: 400;
}


/* آخرین پاراگراف */
.custom-post > p:last-child,
.custom-post p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   4. HEADINGS – GENERAL
   --------------------------------------------------------- */

.custom-post h1,
.custom-post h2,
.custom-post h3,
.custom-post h4,
.custom-post h5,
.custom-post h6 {
    font-family: "Shabnam", sans-serif;
    color: var(--cp-blue);

    margin-top: 1.7em;
    margin-bottom: 0.65em;

    padding: 0;

    line-height: 1.5;
    font-weight: 700;

    word-break: normal;
    overflow-wrap: anywhere;
}


/* ---------------------------------------------------------
   H1
   --------------------------------------------------------- */

.custom-post h1 {
    position: relative;

    font-size: 34px;
    line-height: 1.45;

    color: var(--cp-blue-dark);

    margin-top: 0;
    margin-bottom: 0.8em;

    font-weight: 800;
}


/* ---------------------------------------------------------
   H2
   --------------------------------------------------------- */

.custom-post h2 {
    position: relative;

    font-size: 29px;
    line-height: 1.5;

    color: var(--cp-blue);

    margin-top: 2em;
    margin-bottom: 0.85em;

    padding: 0.25em 0.7em 0.3em 0.2em;

    border-right: 5px solid var(--cp-red);

    font-weight: 800;
}


/* subtle background for H2 */
.custom-post h2::after {
    content: "";
    position: absolute;

    right: -5px;
    bottom: 0;

    width: 5px;
    height: 35%;

    background: var(--cp-red);
    opacity: 0.18;
}


/* ---------------------------------------------------------
   H3
   --------------------------------------------------------- */

.custom-post h3 {
    font-size: 24px;

    color: var(--cp-blue-dark);

    margin-bottom: 0.7em;

    font-weight: 750;
}


/* ---------------------------------------------------------
   H4
   --------------------------------------------------------- */

.custom-post h4 {
    font-size: 21px;

    color: var(--cp-blue);

    margin-top: 1.5em;
    margin-bottom: 0.65em;

    font-weight: 700;
}


/* ---------------------------------------------------------
   H5
   --------------------------------------------------------- */

.custom-post h5 {
    font-size: 19px;

    color: var(--cp-blue-dark);

    margin-top: 1.4em;
    margin-bottom: 0.6em;

    font-weight: 700;
}


/* ---------------------------------------------------------
   H6
   --------------------------------------------------------- */

.custom-post h6 {
    font-size: 17px;

    color: var(--cp-blue);

    margin-top: 1.3em;
    margin-bottom: 0.5em;

    font-weight: 700;
}


/* ---------------------------------------------------------
   5. LINKS
   --------------------------------------------------------- */

.custom-post a {
    color: var(--cp-red);
    text-decoration: none;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}

.custom-post a:hover,
.custom-post a:focus {
    color: #C9151C;
    text-decoration: none;
    opacity: 0.85;
}


/* ---------------------------------------------------------
   6. STRONG / BOLD / EMPHASIS
   --------------------------------------------------------- */

.custom-post strong,
.custom-post b {
    color: #252B31;
    font-weight: 700;
}

.custom-post em,
.custom-post i {
    font-style: italic;
}


/* ---------------------------------------------------------
   7. MARK / HIGHLIGHT
   --------------------------------------------------------- */

.custom-post mark {
    background: #FFF1F1;
    color: var(--cp-red);

    padding: 0.08em 0.35em;
    border-radius: 4px;
}


/* ---------------------------------------------------------
   8. DEL / S / INS
   --------------------------------------------------------- */

.custom-post del,
.custom-post s {
    color: #8A949E;
}

.custom-post ins {
    color: var(--cp-blue);
    text-decoration: none;
    border-bottom: 2px solid rgba(0, 86, 152, 0.25);
}


/* ---------------------------------------------------------
   9. LISTS
   --------------------------------------------------------- */

.custom-post ul,
.custom-post ol {
    margin-top: 0.8em;
    margin-bottom: 1.3em;

    padding-right: 1.8em;
    padding-left: 0;

    color: var(--cp-text);
}

.custom-post ul {
    list-style: none;
}

.custom-post ul > li {
    position: relative;
}

.custom-post ul > li::before {
    content: "";

    position: absolute;

    right: -1.35em;
    top: 0.85em;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--cp-red);
}

.custom-post ol {
    padding-right: 2em;
}

.custom-post ol > li::marker {
    color: var(--cp-blue);
    font-weight: 700;
}

.custom-post li {
    margin-bottom: 0.45em;

    line-height: 1.95;
    font-size: 18px;
}

.custom-post li:last-child {
    margin-bottom: 0;
}


/* Nested lists */

.custom-post ul ul,
.custom-post ol ol,
.custom-post ul ol,
.custom-post ol ul {
    margin-top: 0.45em;
    margin-bottom: 0.45em;
}


/* ---------------------------------------------------------
   10. BLOCKQUOTE
   --------------------------------------------------------- */

.custom-post blockquote {
    position: relative;

    margin: 2em 0;
    padding: 1.4em 1.6em 1.4em 1.5em;

    background: var(--cp-bg-soft);

    border-right: 4px solid var(--cp-blue);

    border-radius: 0 10px 10px 0;

    color: #3C4650;

    font-size: 19px;
    line-height: 1.9;

    font-style: italic;
}

.custom-post blockquote::before {
    content: "“";

    position: absolute;

    right: 0.25em;
    top: -0.2em;

    font-family: Georgia, serif;

    font-size: 55px;
    line-height: 1;

    color: rgba(237, 28, 36, 0.18);
}

.custom-post blockquote p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   11. HORIZONTAL RULE
   --------------------------------------------------------- */

.custom-post hr {
    border: 0;

    height: 1px;

    background: linear-gradient(
        to left,
        transparent,
        var(--cp-border),
        transparent
    );

    margin: 2.5em 0;
}


/* ---------------------------------------------------------
   12. IMAGES
   --------------------------------------------------------- */

.custom-post img {
    display: block;

    max-width: 100%;
    height: auto;

    margin: 1.8em auto;

    border-radius: 12px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.08);
}


/* WordPress alignment classes */

.custom-post .aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.custom-post .alignright {
    float: right;
    margin: 0.5em 0 1.2em 1.5em;
    max-width: 50%;
}

.custom-post .alignleft {
    float: left;
    margin: 0.5em 1.5em 1.2em 0;
    max-width: 50%;
}


/* ---------------------------------------------------------
   13. FIGURE
   --------------------------------------------------------- */

.custom-post figure {
    margin: 2em auto;
    padding: 0;

    max-width: 100%;

    text-align: center;
}

.custom-post figure img {
    margin: 0 auto;
}

.custom-post figcaption {
    margin-top: 0.7em;

    color: var(--cp-text-light);

    font-size: 14px;
    line-height: 1.7;

    text-align: center;
}


/* ---------------------------------------------------------
   14. TABLE
   --------------------------------------------------------- */

.custom-post .table-wrapper {
    width: 100%;
    overflow-x: auto;

    margin: 2em 0;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: thin;
}


/* Automatically support tables even without wrapper */

.custom-post table {
    width: 100%;

    min-width: 650px;

    border-collapse: separate;
    border-spacing: 0;

    background: var(--cp-white);

    border: 1px solid var(--cp-border);

    border-radius: 12px;

    overflow: hidden;

    font-size: 16px;
    line-height: 1.8;
}


/* Table cells */

.custom-post th,
.custom-post td {
    padding: 13px 16px;

    text-align: right;
    vertical-align: middle;

    border-left: 1px solid var(--cp-border);
    border-bottom: 1px solid var(--cp-border);
}


/* Remove unnecessary borders */

.custom-post th:last-child,
.custom-post td:last-child {
    border-left: 0;
}

.custom-post tr:last-child td {
    border-bottom: 0;
}


/* Table header */

.custom-post thead th,
.custom-post th {
    background: var(--cp-blue);

    color: #FFFFFF;

    font-weight: 750;

    white-space: nowrap;
}


/* Alternating rows */

.custom-post tbody tr:nth-child(even) td {
    background: #F8FBFD;
}

.custom-post tbody tr:nth-child(odd) td {
    background: #FFFFFF;
}


/* Table hover */

.custom-post tbody tr:hover td {
    background: #F0F6FA;
}


/* ---------------------------------------------------------
   15. TABLE SCROLL – Gutenberg / Elementor friendly
   --------------------------------------------------------- */

.custom-post .wp-block-table {
    width: 100%;

    overflow-x: auto;

    margin: 2em 0;

    -webkit-overflow-scrolling: touch;
}

.custom-post .wp-block-table table {
    margin: 0;
}


/* ---------------------------------------------------------
   16. CODE
   --------------------------------------------------------- */

.custom-post code {
    font-family: Consolas, Monaco, monospace;

    font-size: 0.9em;

    color: var(--cp-red);

    background: #FFF4F4;

    padding: 0.15em 0.4em;

    border-radius: 5px;

    direction: ltr;
}


/* ---------------------------------------------------------
   17. PRE / CODE BLOCKS
   --------------------------------------------------------- */

.custom-post pre {
    direction: ltr;
    text-align: left;

    overflow-x: auto;

    margin: 2em 0;
    padding: 1.4em;

    background: #17212B;

    color: #F5F7F9;

    border-radius: 12px;

    font-family: Consolas, Monaco, monospace;

    font-size: 14px;

    line-height: 1.7;

    -webkit-overflow-scrolling: touch;
}

.custom-post pre code {
    background: transparent;

    color: inherit;

    padding: 0;

    border-radius: 0;
}


/* ---------------------------------------------------------
   18. SUP / SUB
   --------------------------------------------------------- */

.custom-post sup,
.custom-post sub {
    font-size: 0.7em;
}


/* ---------------------------------------------------------
   19. DEFINITION LIST
   --------------------------------------------------------- */

.custom-post dl {
    margin: 1.5em 0;
}

.custom-post dt {
    color: var(--cp-blue);

    font-weight: 750;

    margin-bottom: 0.2em;
}

.custom-post dd {
    margin: 0 0 1em;

    color: var(--cp-text);
}


/* ---------------------------------------------------------
   20. DETAILS / SUMMARY – FAQ FRIENDLY
   --------------------------------------------------------- */

.custom-post details {
    margin: 1em 0;

    border: 1px solid var(--cp-border);

    border-radius: 10px;

    background: #FFFFFF;

    overflow: hidden;
}

.custom-post summary {
    cursor: pointer;

    padding: 1em 1.2em;

    color: var(--cp-blue);

    font-weight: 700;

    list-style: none;

    position: relative;

    padding-right: 3em;
}

.custom-post summary::-webkit-details-marker {
    display: none;
}

.custom-post summary::before {
    content: "+";

    position: absolute;

    right: 1em;
    top: 50%;

    transform: translateY(-50%);

    color: var(--cp-red);

    font-size: 22px;
    font-weight: 400;
}

.custom-post details[open] summary::before {
    content: "−";
}

.custom-post details > *:not(summary) {
    padding: 0 1.2em 1em;
}


/* ---------------------------------------------------------
   21. IFRAME / VIDEO / EMBEDS
   --------------------------------------------------------- */

.custom-post iframe {
    display: block;

    max-width: 100%;

    width: 100%;

    margin: 2em auto;

    border: 0;

    border-radius: 12px;
}

.custom-post video {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 2em auto;

    border-radius: 12px;
}


/* YouTube / embeds */

.custom-post .wp-block-embed,
.custom-post .elementor-video,
.custom-post .embed-container {
    width: 100%;

    margin: 2em 0;

    overflow: hidden;

    border-radius: 12px;
}


/* ---------------------------------------------------------
   22. WORDPRESS BLOCKS
   --------------------------------------------------------- */

.custom-post .wp-block-image {
    margin: 2em auto;
}

.custom-post .wp-block-image img {
    margin: 0 auto;
}

.custom-post .wp-block-quote {
    margin: 2em 0;
}

.custom-post .wp-block-separator {
    margin: 2.5em auto;
}

.custom-post .wp-block-heading {
    color: var(--cp-blue);
}


/* ---------------------------------------------------------
   23. NOTICE / ALERT BOXES
   --------------------------------------------------------- */

.custom-post .notice,
.custom-post .alert,
.custom-post .warning,
.custom-post .info {
    margin: 1.8em 0;

    padding: 1em 1.2em;

    border-radius: 10px;

    line-height: 1.9;
}


/* info */

.custom-post .info {
    background: #EEF6FB;

    border-right: 4px solid var(--cp-blue);
}


/* warning */

.custom-post .warning {
    background: #FFF6F6;

    border-right: 4px solid var(--cp-red);
}


/* ---------------------------------------------------------
   24. BUTTON STYLE INSIDE ARTICLE
   --------------------------------------------------------- */

.custom-post .article-button,
.custom-post .wp-element-button {
    display: inline-flex;

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

    padding: 0.7em 1.4em;

    background: var(--cp-red);

    color: #FFFFFF !important;

    border-radius: 8px;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.custom-post .article-button:hover,
.custom-post .wp-element-button:hover {
    background: #C9151C;

    transform: translateY(-1px);
}


/* ---------------------------------------------------------
   25. TEXT ALIGNMENT
   --------------------------------------------------------- */

.custom-post .has-text-align-center {
    text-align: center;
}

.custom-post .has-text-align-left {
    text-align: left;
}

.custom-post .has-text-align-right {
    text-align: right;
}


/* ---------------------------------------------------------
   26. CLEAR FLOATS
   --------------------------------------------------------- */

.custom-post::after {
    content: "";
    display: table;
    clear: both;
}


/* ---------------------------------------------------------
   27. MOBILE – TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .custom-post {
        font-size: 17px;
        line-height: 1.95;
    }

    .custom-post p,
    .custom-post li {
        font-size: 17px;
    }

    .custom-post h1 {
        font-size: 31px;
    }

    .custom-post h2 {
        font-size: 26px;
    }

    .custom-post h3 {
        font-size: 22px;
    }

    .custom-post h4 {
        font-size: 20px;
    }

    .custom-post h5 {
        font-size: 18px;
    }

    .custom-post h6 {
        font-size: 17px;
    }

}


/* ---------------------------------------------------------
   28. MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .custom-post {
        font-size: 16px;
        line-height: 1.95;

        width: 100%;

        overflow-wrap: break-word;
    }


    /* Paragraph */

    .custom-post p {
        font-size: 16px;
        line-height: 1.95;

        margin-bottom: 1.15em;
    }


    /* Headings */

    .custom-post h1 {
        font-size: 27px;

        line-height: 1.45;

        margin-top: 0;
        margin-bottom: 0.75em;
    }

    .custom-post h2 {
        font-size: 23px;

        line-height: 1.5;

        margin-top: 1.7em;
        margin-bottom: 0.8em;

        padding-right: 0.65em;

        border-right-width: 4px;
    }

    .custom-post h3 {
        font-size: 20px;

        line-height: 1.5;

        margin-top: 1.5em;
    }

    .custom-post h4 {
        font-size: 18px;

        line-height: 1.55;
    }

    .custom-post h5 {
        font-size: 17px;
    }

    .custom-post h6 {
        font-size: 16px;
    }


    /* Lists */

    .custom-post ul,
    .custom-post ol {
        padding-right: 1.5em;

        margin-bottom: 1.2em;
    }

    .custom-post li {
        font-size: 16px;

        line-height: 1.9;

        margin-bottom: 0.4em;
    }

    .custom-post ul > li::before {
        right: -1.1em;

        width: 6px;
        height: 6px;

        top: 0.8em;
    }


    /* Blockquote */

    .custom-post blockquote {
        padding: 1.1em 1.15em;

        margin: 1.6em 0;

        border-right-width: 3px;

        font-size: 17px;

        line-height: 1.85;
    }


    /* Images */

    .custom-post img {
        margin: 1.5em auto;

        border-radius: 9px;

        box-shadow:
            0 5px 18px rgba(0, 0, 0, 0.07);
    }


    /* Figure */

    .custom-post figure {
        margin: 1.5em auto;
    }


    /* Table */

    .custom-post .wp-block-table,
    .custom-post .table-wrapper {
        margin: 1.5em 0;

        overflow-x: auto;

        width: 100%;

        max-width: 100%;
    }

    .custom-post table {
        min-width: 600px;

        font-size: 14px;
    }

    .custom-post th,
    .custom-post td {
        padding: 10px 12px;
    }


    /* Code */

    .custom-post pre {
        padding: 1em;

        font-size: 12px;

        border-radius: 9px;
    }

    .custom-post code {
        font-size: 0.85em;
    }


    /* Iframe */

    .custom-post iframe {
        margin: 1.5em auto;

        border-radius: 9px;
    }


    /* Floating images */

    .custom-post .alignright,
    .custom-post .alignleft {
        float: none;

        max-width: 100%;

        margin: 1.5em auto;
    }


    /* Buttons */

    .custom-post .article-button,
    .custom-post .wp-element-button {
        width: 100%;

        text-align: center;
    }

}


/* ---------------------------------------------------------
   29. VERY SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 420px) {

    .custom-post h1 {
        font-size: 25px;
    }

    .custom-post h2 {
        font-size: 21px;
    }

    .custom-post h3 {
        font-size: 19px;
    }

    .custom-post h4 {
        font-size: 17px;
    }

    .custom-post p,
    .custom-post li {
        font-size: 15.5px;
    }

    .custom-post blockquote {
        font-size: 16px;
    }

    .custom-post table {
        min-width: 550px;
    }

}


/* ---------------------------------------------------------
   30. ACCESSIBILITY / SELECTION
   --------------------------------------------------------- */

.custom-post ::selection {
    background: rgba(0, 86, 152, 0.18);
    color: #1D252C;
}


/* ---------------------------------------------------------
   31. ANCHOR SCROLL OFFSET
   --------------------------------------------------------- */

.custom-post h1,
.custom-post h2,
.custom-post h3,
.custom-post h4,
.custom-post h5,
.custom-post h6 {
    scroll-margin-top: 100px;
}/* End custom CSS */