.elementor-20 .elementor-element.elementor-element-071c236{--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-20 .elementor-element.elementor-element-9cf9c6d{--display:flex;}.elementor-20 .elementor-element.elementor-element-2836f30{--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-20 .elementor-element.elementor-element-2836f30:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-2836f30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #050A14 0%, #000000 100%);}.elementor-20 .elementor-element.elementor-element-af03eda{--display:flex;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20 .elementor-element.elementor-element-9807a91{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.31 * 100% );}.elementor-20 .elementor-element.elementor-element-9807a91:after{content:"0.31";}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__thumbnail__link{width:43%;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__meta-data span + span:before{content:"///";}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:11px;padding:45px 10px 45px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);background-color:#000000;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__text{padding:4px 4px 4px 4px;}.elementor-20 .elementor-element.elementor-element-9807a91.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:22px;}.elementor-20 .elementor-element.elementor-element-9807a91.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:22px;}.elementor-20 .elementor-element.elementor-element-9807a91.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:22px;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__title, .elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__title a{color:#0048CE;font-family:"Source Sans 3", Sans-serif;font-size:23px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__meta-data{color:#989898;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__excerpt p{color:#DADADA;font-family:"Inter Tight", Sans-serif;font-size:15px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__read-more{color:#0048CE;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-2836f30{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.27 * 100% );}.elementor-20 .elementor-element.elementor-element-9807a91:after{content:"0.27";}.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post__thumbnail__link{width:56%;}}/* Start custom CSS for posts, class: .elementor-element-9807a91 *//* ===== CARD BACKGROUND ===== */
.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post {
    position: relative;
    background: linear-gradient(145deg, #0f1524 0%, #0c0c0c 100%);
    z-index: 0;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s ease;
}

/* ===== ROTATING BORDER + CIRCLE ===== */
.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--angle, 0deg),
        #0048ce 0deg,
        #4d8aff 40deg,
        #001a66 80deg,
        transparent 140deg,
        transparent 360deg
    );
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post::after {
    content: '';
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    background: linear-gradient(145deg, #0f1524 0%, #0c0c0c 100%);
    z-index: -1;
}

.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post:hover::before {
    opacity: 1;
    animation: rotateBorder 3s linear infinite;
}

.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post:hover {
    transform: translateY(-6px);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.7),
        0 0 30px rgba(0, 72, 206, 0.1);
}

/* ===== MOVING CIRCLE DOT ON BORDER ===== */
.elementor-20 .elementor-element.elementor-element-9807a91 .elementor-post:hover .elementor-post__thumbnail::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #4d8aff;
    border-radius: 50%;
    box-shadow: 0 0 10px #0048ce, 0 0 20px #0048ce;
    z-index: 10;
    animation: orbitDot 3s linear infinite;
    top: -5px;
    left: -5px;
    transform-origin: center;
}

@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes rotateBorder {
    to { --angle: 360deg; }
}

@keyframes orbitDot {
    0%   { offset-path: none; top: -5px;  left: 50%;  }
    25%  { top: 50%;   left: calc(100% - 5px); }
    50%  { top: calc(100% - 5px); left: 50%; }
    75%  { top: 50%;   left: -5px; }
    100% { top: -5px;  left: 50%; }
}/* End custom CSS */
/* Start custom CSS *//* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;700;800&family=Source+Sans+3:wght@400;500;600&display=swap');

/* ===== BLOG PAGE BODY ===== */
body {
    background: #050a14 !important;
}

/* ===== TOP BLOG HEADING (inject before posts section) ===== */
.blog-hero-heading {
    text-align: center;
    padding: 80px 20px 20px;
    position: relative;
}

.blog-hero-heading::before {
    content: "BLOG";
    display: block;
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(72px, 12vw, 160px);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
    background: linear-gradient(135deg, #0048ce 0%, #003399 40%, #001a66 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.12;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
}

.blog-hero-heading h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 5vw, 56px);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.03em;
    margin: 0 0 12px;
    position: relative;
    z-index: 1;
}

.blog-hero-heading h2 span {
    background: linear-gradient(90deg, #0048ce, #4d8aff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.blog-hero-heading p {
    font-family: 'Source Sans 3', sans-serif;
    color: #6b7280;
    font-size: 18px;
    position: relative;
    z-index: 1;
    margin: 0;
}/* End custom CSS */