.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-section:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-section.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-section .eac-background__images-wrapper{background-color:var( --e-global-color-primary );}.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-section .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.element-condition_fallback-{{ID}}{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );background-color:var( --e-global-color-secondary );}.elementor-62205 .elementor-element.elementor-element-8ed6450:not(.elementor-motion-effects-element-type-background), .elementor-62205 .elementor-element.elementor-element-8ed6450 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#194256;background-image:url("https://chartvps.com/wp-content/uploads/2026/01/bg-scaled-1.png");}.elementor-62205 .elementor-element.elementor-element-8ed6450 > .elementor-container{max-width:1320px;}.elementor-62205 .elementor-element.elementor-element-8ed6450{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-98px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-8ed6450 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-column .eac-background__images-wrapper{background-color:var( --e-global-color-primary );}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-column:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-column.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-62205 .elementor-element.elementor-element-1953e27:not(.elementor-motion-effects-element-type-background), .elementor-62205 .elementor-element.elementor-element-1953e27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chartvps.com/wp-content/uploads/2026/01/bg-1-scaled-1.png");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-62205 .elementor-element.elementor-element-1953e27 > .elementor-container{max-width:1420px;}.elementor-62205 .elementor-element.elementor-element-1953e27{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 60px 0px;}.elementor-62205 .elementor-element.elementor-element-1953e27 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-heading.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-62205 .elementor-element.elementor-element-2f291b0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-2f291b0 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:68px;font-weight:700;text-transform:capitalize;line-height:73px;color:#FFFFFF;}.elementor-62205 .elementor-element.elementor-element-a0f9edb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-a0f9edb .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:30px;color:#FFFFFF;}.elementor-widget-post-info.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-post-info .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-post-info .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-post-info:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-post-info.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-post-info .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-62205 .elementor-element.elementor-element-ec4b07b .elementor-icon-list-icon i{color:#9BB6C305;font-size:18px;}.elementor-62205 .elementor-element.elementor-element-ec4b07b .elementor-icon-list-icon svg{fill:#9BB6C305;--e-icon-list-icon-size:18px;}.elementor-62205 .elementor-element.elementor-element-ec4b07b .elementor-icon-list-icon{width:18px;}.elementor-62205 .elementor-element.elementor-element-ec4b07b .elementor-icon-list-text, .elementor-62205 .elementor-element.elementor-element-ec4b07b .elementor-icon-list-text a{color:#9BB6C3;}.elementor-62205 .elementor-element.elementor-element-ec4b07b .elementor-icon-list-item{font-family:"Mulish", Sans-serif;font-size:16px;font-weight:600;line-height:16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-button:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-button.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-62205 .elementor-element.elementor-element-2e2d0a2 .elementor-button{background-color:transparent;font-family:"Mulish", Sans-serif;font-size:15px;font-weight:800;text-transform:none;font-style:normal;text-decoration:none;background-image:linear-gradient(90deg, #D31010 0%, #D31010 100%);border-style:none;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-62205 .elementor-element.elementor-element-2e2d0a2{width:auto;max-width:auto;}.elementor-62205 .elementor-element.elementor-element-2e2d0a2 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-widget-container .eac-background__images-wrapper{background-color:var( --e-global-color-primary );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-62205 .elementor-element.elementor-element-4f31133{--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-62205 .elementor-element.elementor-element-e44e004{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62205 .elementor-element.elementor-element-371f41e .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:42px;font-weight:700;text-transform:capitalize;line-height:44px;color:#04151E;}.elementor-widget-shortcode.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-shortcode .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-shortcode:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-shortcode.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-62205 .elementor-element.elementor-element-ca57981 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-a4a7a2d{--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;--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-62205 .elementor-element.elementor-element-df14dde{--display:flex;}.elementor-62205 .elementor-element.elementor-element-cf59568 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:42px;font-weight:700;text-transform:capitalize;line-height:44px;color:#04151E;}.elementor-62205 .elementor-element.elementor-element-f9e27bd > .elementor-widget-container{margin:10px 0px 0px 0px;}@media(max-width:1024px){.elementor-62205 .elementor-element.elementor-element-2f291b0 .elementor-heading-title{font-size:68px;line-height:73px;}}@media(max-width:900px){.elementor-62205 .elementor-element.elementor-element-8ed6450{padding:60px 0px 40px 0px;}.elementor-62205 .elementor-element.elementor-element-1953e27{padding:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-2f291b0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-2f291b0 .elementor-heading-title{font-size:40px;line-height:60px;}.elementor-62205 .elementor-element.elementor-element-a0f9edb{width:100%;max-width:100%;}.elementor-62205 .elementor-element.elementor-element-a0f9edb > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-62205 .elementor-element.elementor-element-2e2d0a2 > .elementor-widget-container{margin:20px 0px 0px 0px;}}@media(max-width:767px){.elementor-62205 .elementor-element.elementor-element-8ed6450{padding:80px 0px 30px 0px;}.elementor-62205 .elementor-element.elementor-element-1953e27{padding:0px 0px 20px 0px;}.elementor-62205 .elementor-element.elementor-element-2f291b0{width:100%;max-width:100%;}.elementor-62205 .elementor-element.elementor-element-2f291b0 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-2f291b0 .elementor-heading-title{font-size:2.6rem;line-height:50px;}.elementor-62205 .elementor-element.elementor-element-a0f9edb{width:100%;max-width:100%;}.elementor-62205 .elementor-element.elementor-element-a0f9edb > .elementor-widget-container{margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-a0f9edb .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-62205 .elementor-element.elementor-element-2e2d0a2 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-2e2d0a2 .elementor-button{font-size:15px;line-height:18px;padding:15px 15px 15px 15px;}.elementor-62205 .elementor-element.elementor-element-e44e004{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-62205 .elementor-element.elementor-element-371f41e .elementor-heading-title{font-size:28px;}.elementor-62205 .elementor-element.elementor-element-ca57981 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-a4a7a2d{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-62205 .elementor-element.elementor-element-df14dde{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62205 .elementor-element.elementor-element-cf59568 > .elementor-widget-container{padding:25px 15px 0px 15px;}.elementor-62205 .elementor-element.elementor-element-cf59568 .elementor-heading-title{font-size:28px;}.elementor-62205 .elementor-element.elementor-element-f9e27bd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-62205 .elementor-element.elementor-element-7295acb > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-62205 .elementor-element.elementor-element-89d7600{width:60%;}.elementor-62205 .elementor-element.elementor-element-1a993ef{width:40%;}.elementor-62205 .elementor-element.elementor-element-e44e004{--content-width:1290px;}.elementor-62205 .elementor-element.elementor-element-df14dde{--content-width:1290px;}}/* Start custom CSS for heading, class: .elementor-element-2f291b0 */img.left-bottom-circle.position-absolute {
    opacity: 0;
}

img.right-top.position-absolute {
    opacity: 0;
}


a.elementor-button-link.elementor-button.elementor-size-sm {
    width: 140px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e2d0a2 */a#vps-plan-dd-btn i {
    color: #fff;
    font-size: 15px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ca57981 */.container-grid {
            max-width: 1300px;
            margin: 0 auto;
        }

        .magazine-grid {
            display: grid;
            /*grid-template-columns: repeat(2, 1fr);*/
            grid-template-columns: 1fr 35%;
            gap: 30px;
        }

        /* Featured Large Post - Top Left */
        .post-card.featured {
            grid-column: 1;
            grid-row: 1 / 3;
        }

        /* Top Right Post */
        .post-card.top-right {
            grid-column: 2;
            grid-row: 1;
        }

        /* Second Right Post */
        .post-card.second-right {
            grid-column: 2;
            grid-row: 2;
        }

        /* Bottom Row - 3 Equal Cards */
        .bottom-row {
            grid-column: 1 / 3;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .post-card {
            background: white;
            border-radius: 14px;
            overflow: hidden;
            /*(box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            display: flex;
            flex-direction: column;
        }

        .post-card:hover {
            transform: translateY(-4px);
            /*box-shadow: 0 8px 24px rgba(0,0,0,0.15);*/
        }

        .post-thumbnail {
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .post-card.featured .post-thumbnail {
            height: 380px;
        }

        .post-card.top-right .post-thumbnail,
        .post-card.second-right .post-thumbnail {
            height: 180px;
        }

        .bottom-row .post-card .post-thumbnail {
            height: 220px;
        }

        .post-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .post-card:hover .post-thumbnail img {
            transform: scale(1.05);
        }

        .post-badge {
            position: absolute;
            top: 16px;
            right: 16px;
            background: #dc2626;
            color: white;
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 600;
            z-index: 2;
        }

        .post-content {
            padding: 20px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .post-card.top-right .post-content,
        .post-card.second-right .post-content {
            padding: 20px;
        }

        .post-meta {
            display: flex;
            align-items: center;
            gap: 16px;
            font-size: 13px;
            color: #666;
            margin-bottom: 12px;
        }

        .post-meta-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .post-meta-item svg {
            width: 14px;
            height: 14px;
        }

        .post-title {
            font-size: 22px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 11px;
            line-height: 1.4;
        }

        .post-card.featured .post-title {
            font-size: 26px;
        }

        .post-card.top-right .post-title,
        .post-card.second-right .post-title {
            font-size: 18px;
        }

        .bottom-row .post-card .post-title {
            font-size: 19px;
        }

        .post-excerpt {
            font-size: 15px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 20px;
            flex: 1;
        }

        .post-card.top-right .post-excerpt,
        .post-card.second-right .post-excerpt {
            display: none;
        }

    .read-more-btn 
    {
            display: inline-block;
            background: #D31010;
            padding: 14px 28px;
            border-radius: 5px;
            color: #FFF;
            font-family: Mulish;
            font-size: 13px;
            font-style: normal;
            font-weight: 800;
            line-height: normal;
            text-transform: uppercase;
            transition: background 0.3s ease;
            align-self: flex-start;
        }

        .read-more-btn:hover {
            background: #b91c1c;
        }

        .post-card.top-right .read-more-btn,
        .post-card.second-right .read-more-btn,
        .bottom-row .post-card .read-more-btn {
            display: none;
        }

        .post-category {
            position: absolute;
            bottom: 16px;
            right: 16px;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 6px 12px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
            text-transform: capitalize;
        }

        @media (max-width: 968px) {
            .magazine-grid {
                grid-template-columns: 1fr;
            }

            .post-card.featured,
            .post-card.top-right,
            .post-card.second-right {
                grid-column: 1;
                grid-row: auto;
            }

            .bottom-row {
                grid-column: 1;
                grid-template-columns: 1fr;
            }

            .post-card.featured .post-thumbnail {
                height: 300px;
            }
        }

        @media (max-width: 640px) {
            .post-title {
                font-size: 18px;
            }

            .post-card.featured .post-title {
                font-size: 22px;
            }
        }
        
        
/* CSS Style Added */  

.post-card.featured {
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 20px;
}
.post-card.featured .post-thumbnail {
    height: 350px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.post-card.featured .post-title, .post-card.featured .post-title a {
    color: #04151E;
    font-family: Urbanist;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
}

.post-card.featured p.post-excerpt {
    color: #333;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 29px;
}
.post-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    color: #898989;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.post-meta {
    margin: 0 0px 20px !important;
}

a.read-more-btn:hover {
    color: #fff;
}

 .post-card.second-right .post-title {
    color: #FFF;
    font-family: Urbanist;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
}
  article.post-card.second-right .post-content p {
    color: #F2D1D1;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}  
.post-card.second-right .post-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #FEC8C8;
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
article.post-card.featured .post-content {
    padding: 35px 15px 20px;
}
.bottom-row .post-card .post-thumbnail {
    padding: 10px;
}
.bottom-row .post-card .post-thumbnail img{
    border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.10);
}
.bottom-row .post-card .post-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #898989;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.bottom-row .post-card .post-title {
    color: #04151E;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-transform: capitalize;
}
.bottom-row .post-card  p.post-excerpt {
    color: #333;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
a.read-more-link {
    color: #042536;
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
a.read-more-link:hover {
    color: #D31010;
}
a.read-more-link svg {
    width: 20px;
    height: 29px;
}
article.post-card.top-right {
    background: url(https://staging.chartvps.com/wp-content/uploads/2025/12/Rectangle-1051.png);
    background-repeat: no-repeat;
    background-size: cover;
}
article.post-card.top-right .cate-name {
    display: block;
    border-radius: 6px;
    background: #D4ECFF;
    color: #042536;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    padding: 10px;
    width: fit-content;
    margin: 0 0 12px;
}
article.post-card.top-right .cate-name a {
    color: #042536;
font-family: Urbanist;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 14px;
}

article.post-card.second-right .cate-name {
    border-radius: 6px;
    background: #801F1F;
    display: block;
    padding: 10px;
    width: fit-content;
   /* margin: 0 0 10px;*/
    color: #FFF;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}

.bottom-row .post-meta {
    margin: 0px !important;
    display: flex;
    align-items: center;
}

.bottom-row .main-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px 0;
}

.cate-block {
    border-radius: 6px;
    border: 1px solid rgba(25, 66, 86, 0.30);
    background: #FFF;
    padding: 10px;
    color: #042536;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
.cate-block:hover {
    border-radius: 6px;
    background: #194256;
    color: #FFF;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
article.post-card.top-right .post-title {
    color: #FFF;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 3px;
} 
   
article.post-card.top-right p {
    color: #D4ECFF;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
 text-transform: capitalize;
}
article.post-card.top-right .post-meta {
    color: #87D3F3;
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
span.link-arrow {
    border-radius: 20px;
    background: #FFF;
    display: block;
    display: flex;
    width: 34px;
    height: 34px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
article.post-card.second-right  .main-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}
span.link-arrow a img {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 99999;
    display: inline-block;
}
.post-card.top-right .post-content {
    background: linear-gradient(180deg, #19425608 0%, #194256 50%);
}
.post-card.top-right .post-thumbnail{
   opacity:0;
   height: 100px;
}
.post-card.featured .post-meta-item svg {
    width: 18px;
    height: 18px;
}
.post-card.top-right .post-meta-item svg, .post-card.second-right .post-meta-item svg {
    width: 15px;
    height: 15px;
}
.post-card.featured .post-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #898989;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.post-card.top-right span.post-meta-item {
    color: #87D3F3;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
.post-card.second-right span.post-meta-item {
    color: #FEC8C8;
font-family: Mulish;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 14px; /* 107.692% */
}
.bottom-row .post-meta-item svg {
    width: 13.537px;
    height: 13.537px;
}

.latest-insight h3 {
    font-family: "Urbanist", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 44px;
    color: #04151E;
}

/****** Filter Styles *********/
.trading-filter-wrapper {
    max-width: 1300px;
    margin: 0 auto 30px;
}

.filter-container {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 0;
    justify-content: space-between;
}

.filter-container label {
    color: #04151E;
font-family: Urbanist;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}

.trading-category-select {
    padding: 10px 40px 10px 16px;
    border-radius: 6px;
    border: 1px solid #00000033;
    background: #FFF;
    color: #04151E;
font-family: Urbanist;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
    cursor: pointer;
    min-width: 200px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23042536' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    transition: all 0.3s ease;
}

.trading-category-select:hover {
    border-color: #194256;
    box-shadow: 0 2px 8px rgba(25, 66, 86, 0.1);
}

.trading-category-select:focus {
    outline: none;
    border-color: #194256;
    box-shadow: 0 0 0 3px rgba(25, 66, 86, 0.1);
}

@media (max-width: 640px) {
    .filter-container {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0 0 0;
    }
    
    .trading-category-select {
        width: 100%;
    }
    
    .filter-wrap {
    display: flex;
    gap: 5px;
    align-items: center;
   }
   .filter-container label {
        width: 100%;
    }
    .latest-insight h3 {
    font-size: 28px;
    margin: 0;
    }
    .trading-filter-wrapper {
      margin: 0 auto 20px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f21eb1 *//* Mobile Trading Grid Styles */
.trading-filter-wrapper-mobile {
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 0 15px;
}

.filter-container-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 0;
}

.latest-insight-mobile h3 {
    font-family: "Urbanist", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 32px;
    color: #04151E;
    margin: 0;
}

.filter-wrap-mobile {
    display: flex;
    gap: 5px;
    align-items: center;
}

.filter-container-mobile label {
    color: #04151E;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    white-space: nowrap;
}

.trading-category-select-mobile {
    padding: 8px 30px 8px 12px;
    border-radius: 6px;
    border: 1px solid #00000033;
    background: #FFF;
    color: #04151E;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
    min-width: 140px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23042536' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    transition: all 0.3s ease;
}

.trading-category-select-mobile:hover {
    border-color: #194256;
}

.trading-category-select-mobile:focus {
    outline: none;
    border-color: #194256;
}

/* Mobile Posts Grid */
.mobile-posts-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 10px;
}

.mobile-post-card {
    padding: 10px;
    background: #FFF;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    overflow: hidden;
    transition: transform 0.3s ease;
}

.mobile-post-card:hover {
    transform: translateY(-2px);
}

.mobile-post-thumbnail {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.mobile-post-card:hover .mobile-post-thumbnail img {
    transform: scale(1.05);
}

.mobile-post-content {
    padding: 13px 5px 5px;
}

.mobile-post-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 9px;
    gap: 10px;
}

.mobile-post-meta {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.mobile-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #898989;
    font-family: Urbanist;
    font-size: 12px;
    font-weight: 600;
}

.mobile-meta-item svg {
    width: 13px;
    height: 13px;
}

.mobile-category-badge {
    border-radius: 6px;
    border: 1px solid rgba(25, 66, 86, 0.30);
    background: #FFF;
    padding: 8px 12px;
    transition: all 0.3s ease;
}

.mobile-category-badge span {
    color: #042536;
    font-family: Urbanist;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
}

.mobile-category-badge:hover {
    background: #194256;
}

.mobile-category-badge:hover span {
    color: #FFF;
}

.mobile-post-title {
    color: #04151E;
    font-family: Urbanist;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.mobile-post-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.mobile-post-title a:hover {
    color: #194256;
}

.mobile-post-excerpt {
    color: #333;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
}

.mobile-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: Mulish;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Alternating colors for Read Full Article links */
.mobile-read-more.link-blue {
    color: #042536;
}

.mobile-read-more.link-blue:hover {
    color: #194256;
}

.mobile-read-more.link-red {
    color: #D31010;
}

.mobile-read-more.link-red:hover {
    color: #b91c1c;
}

.mobile-read-more svg {
    width: 18px;
    height: 18px;
}

.no-posts-mobile {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-family: Mulish;
    font-size: 16px;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .filter-container-mobile {
        flex-direction: column;
        align-items: stretch;
        padding: 15px 0;
    }
    
    .latest-insight-mobile h3 {
        font-size: 24px;
        line-height: 28px;
    }
    
    .filter-wrap-mobile {
        justify-content: space-between;
        width: 100%;
    }
    
    .filter-container-mobile label {
        flex: 0 0 auto;
    }
    
    .trading-category-select-mobile {
        flex: 1;
        min-width: auto;
    }
    
    .mobile-post-thumbnail {
        height: 180px;
    }
    
    .mobile-post-content {
        padding: 13px 5px 5px;
    }
    
    .mobile-post-title {
        font-size: 20px;
        line-height: 26px;
    }
}

/* Hide on desktop - only show on mobile */
@media (min-width: 769px) {
    .trading-filter-wrapper-mobile,
    .mobile-posts-grid {
        display: none;
    }
}

/* Show only on mobile/tablet */
@media (max-width: 768px) {
   /* 
   .trading-filter-wrapper:not(.trading-filter-wrapper-mobile),
    .container-grid {
        display: none;
    } */
}

/* Loading Indicator Styles */
.mobile-loading {
    text-align: center;
    padding: 30px 20px;
}

.loading-spinner {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #194256;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mobile-loading p {
    color: #666;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 600;
}

.mobile-no-more-posts {
    text-align: center;
    padding: 10px 10px 0;
    margin: 10px 0 0;
}

.mobile-no-more-posts p {
    color: #898989;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 600;
    background: #f5f5f5;
    padding: 15px 20px;
    border-radius: 8px;
    display: inline-block;
}
/* Sentinel element for intersection observer */
.scroll-sentinel {
    height: 1px;
    width: 100%;
    visibility: hidden;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f9e27bd */.popular-section {
            max-width: 1300px;
            margin: 0 auto;
        }

        .section-title {
            font-size: 32px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 32px;
            text-align: left;
        }

        .popular-grid {
            display: grid;
            /*grid-template-columns: 1fr 1fr;*/
            grid-template-columns: 35% 1fr;
            gap: 30px;
        }

        /* Large Featured Card - Left Side (spans 2 rows) */
        .popular-card.featured {
            grid-row: 1 / 3;
            /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
            background: url(https://staging.chartvps.com/wp-content/uploads/2025/12/bgblue.png);
                background-repeat: no-repeat;
            background-size: cover;
            border-radius: 16px;
            overflow: hidden;
           /* box-shadow: 0 4px 12px rgba(0,0,0,0.15);*/ 
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
        }

        .popular-card.featured:hover {
            transform: translateY(-6px);
           /*box-shadow: 0 12px 28px rgba(0,0,0,0.25);*/
        }

        .featured-content {
            padding: 30px;
            color: white;
            display: flex;
            flex-direction: column;
            height: 100%;
            padding-top: 180px;
            justify-content: end;
        }
.featured-content p.card-excerpt {
    color: #D4ECFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
        .card-meta {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px;
            font-size: 13px;
            color: rgba(255,255,255,0.8);
        }

        .meta-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .meta-item svg {
            width: 14px;
            height: 14px;
        }

        .card-title {
            font-size: 32px;
            font-weight: 700;
            color: white;
            line-height: 1.4;
            margin-bottom: 20px;
        }

        .card-excerpt {
            font-size: 15px;
            color: rgba(255,255,255,0.9);
            line-height: 1.6;
            margin-bottom: 24px;
           /* flex: 1; */
        }

        .read-more {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: white;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: gap 0.3s ease;
        }

        .read-more:hover {
            gap: 12px;
        }

        .read-more svg {
            width: 16px;
            height: 16px;
        }

        /* White Card - Top Right */
        .white-card {
            background: white;
            border-radius: 16px;
           /* box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
            overflow: hidden;
            display: flex;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            padding: 12px;
        }

        .white-card:hover {
            transform: translateY(-4px);
           /* box-shadow: 0 8px 20px rgba(0,0,0,0.15);*/
        }

        .white-card-content {
            flex: 1;
            padding: 13px 30px 13px 13px;
            display: flex;
            flex-direction: column;
        }

        .white-card .card-meta {
            color: #666;
        }

        .white-card .card-meta svg {
    color: #666;
    width: 13.537px;
    height: 13.537px;
}
        .white-card .card-title, 
        .white-card .card-title a{
            color: #04151E;
font-family: Urbanist;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 130% */
text-transform: capitalize;
            margin-bottom: 12px;
        }

        .white-card .card-excerpt {
            color: #333;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
            margin-bottom: 20px;
            flex: 1;
        }

        .white-card .read-more {
            color: #dc2626;
            font-weight: 600;
        }

        .white-card .read-more:hover {
            color: #b91c1c;
        }

        .white-card-image {
            /*width: 280px;*/
            width: 311px;
            height: auto;
            flex-shrink: 0;
            /*padding: 12px;*/
        }

        .white-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
            border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.10);
        }

        .white-card:hover .white-card-image img {
            transform: scale(1.05);
        }

        /* Bottom Row - Two Equal Cards */
        .bottom-cards {
            grid-column: 2;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }

        .gradient-card {
            border-radius: 16px;
            padding: 32px;
            color: white;
            /*box-shadow: 0 4px 12px rgba(0,0,0,0.15);*/
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
        }

        .gradient-card:hover {
            transform: translateY(-4px);
            /*box-shadow: 0 8px 20px rgba(0,0,0,0.2);*/
        }

        .gradient-card.blue {
            background: #194256;
            padding: 25px;
        }

        .gradient-card.green {
            background: #033922;
            padding: 25px;

        }

        .gradient-card .card-title,
        .gradient-card .card-title a{
    font-size: 20px;
    margin-bottom: 12px;
    color: #FFF;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-transform: capitalize;
}

        .gradient-card .card-excerpt {
color: #D4ECFF;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */            margin-bottom: 0;
        }

.featured-content .card-title a {
    margin-bottom: 20px;
    color: #FFF;
    font-family: Urbanist;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
}
        /* Responsive Design */
        @media (max-width: 968px) {
            .popular-grid {
                grid-template-columns: 1fr;
            }

            .popular-card.featured {
                grid-row: auto;
            }

            .bottom-cards {
                grid-column: 1;
                grid-template-columns: 1fr;
            }

            .white-card {
                flex-direction: column;
            }

            .white-card-image {
                width: 100%;
                height: 250px;
            }
        }

        @media (max-width: 640px) {
            .section-title {
                font-size: 24px;
            }

            .card-title {
                font-size: 20px;
            }

            .popular-card.featured .card-title {
                font-size: 24px;
            }

            .featured-content,
            .white-card-content {
                padding: 24px;
            }

            .gradient-card {
                padding: 24px;
            }
        }
        
article.popular-card.featured a.read-more {
    color: #D4ECFF !important;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}     
article.white-card a.read-more {
    color: #042536 !important;
    font-family: Mulish;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.bottom-cards .card-meta {
    margin: 0;
}
.bottom-cards .main-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}
article.gradient-card.blue .meta-item {
    color: #80DAFD;
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
article.gradient-card.green .meta-item {
    color: #14DB7B;
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
article.white-card .meta-item {
    color: #898989;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.popular-card.featured .featured-content {
    background: linear-gradient(180deg, #19425608 0%, #194256 50%);
}
.popular-card.featured .post-thumbnail{
   opacity:0;
}
.card-meta {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
    color: #D4ECFF;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.popular-card.featured .meta-item svg {
    width: 18px;
    height: 18px;
}
.meta-item svg {
    width: 15px;
    height: 15px;
}/* End custom CSS */