.elementor-2527 .elementor-element.elementor-element-886aa46{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2527 .elementor-element.elementor-element-5d5a34cc{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2527 .elementor-element.elementor-element-5d5a34cc .elementor-divider-separator{width:100%;}.elementor-2527 .elementor-element.elementor-element-5d5a34cc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2527 .elementor-element.elementor-element-ea5abc8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-2527 .elementor-element.elementor-element-0ae85df{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:105px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2527 .elementor-element.elementor-element-3cdf0c3 .elementor-heading-title{font-family:"Anek Bangla", Sans-serif;font-size:44px;font-weight:600;line-height:1.2em;}.elementor-2527 .elementor-element.elementor-element-4b9aedf{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:105px;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2527 .elementor-element.elementor-element-2864a83{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2527 .elementor-element.elementor-element-de440e6{padding:0px 105px 0px 105px;text-align:start;}.elementor-2527 .elementor-element.elementor-element-de440e6 img{border-style:solid;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2527 .elementor-element.elementor-element-c910235{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 105px 70px 105px;color:#FFFFFF;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-2527 .elementor-element.elementor-element-5310c2d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 160px 25px 160px;border-radius:25px 25px 25px 25px;}.elementor-2527 .elementor-element.elementor-element-5310c2d .elementor-author-box__avatar img{width:135px;height:135px;}.elementor-2527 .elementor-element.elementor-element-5310c2d .elementor-author-box__name{color:#FFFFFF;font-family:"Anek Bangla", Sans-serif;font-size:56px;font-weight:600;line-height:1.5em;margin-bottom:0px;}.elementor-2527 .elementor-element.elementor-element-5310c2d .elementor-author-box__bio{color:#FFFFFF;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;}.elementor-2527 .elementor-element.elementor-element-5310c2d .elementor-author-box__button{border-radius:34px;}.elementor-2527 .elementor-element.elementor-element-86b249b{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2527 .elementor-element.elementor-element-77e61113{--display:flex;--min-height:104px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2527 .elementor-element.elementor-element-77e61113.e-con{--e-con-transform-rotateZ:0deg;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2527 .elementor-element.elementor-element-17bc74e9{background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:11px 0px 11px 0px;--e-icon-list-icon-size:48px;--icon-vertical-offset:0px;}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-icon{padding-inline-end:35px;}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-item > a{font-family:"Anek Bangla", Sans-serif;font-size:36px;font-weight:700;}.elementor-2527 .elementor-element.elementor-element-17bc74e9 .elementor-icon-list-text{color:#181715;transition:color 0.3s;}.elementor-2527 .elementor-element.elementor-element-473172c8{--display:flex;}body.elementor-page-2527:not(.elementor-motion-effects-element-type-background), body.elementor-page-2527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://daniyalkhan.me/wp-content/uploads/2026/05/Bg-patton-1.png");}@media(min-width:768px){.elementor-2527 .elementor-element.elementor-element-4b9aedf{--width:30%;}}@media(max-width:1024px){.elementor-2527 .elementor-element.elementor-element-0ae85df{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2527 .elementor-element.elementor-element-3cdf0c3 .elementor-heading-title{font-size:40px;}.elementor-2527 .elementor-element.elementor-element-4b9aedf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2527 .elementor-element.elementor-element-de440e6{padding:0px 0px 0px 0px;}.elementor-2527 .elementor-element.elementor-element-c910235{padding:0px 0px 0px 0px;}.elementor-widget-author-box .elementor-author-box__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2527 .elementor-element.elementor-element-5310c2d{padding:0px 30px 40px 30px;}}@media(max-width:767px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2527 .elementor-element.elementor-element-3cdf0c3 .elementor-heading-title{font-size:30px;}.elementor-widget-author-box .elementor-author-box__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2527 .elementor-element.elementor-element-5310c2d{padding:30px 30px 30px 30px;}.elementor-2527 .elementor-element.elementor-element-5310c2d .elementor-author-box__avatar img{width:86px;height:86px;}body.rtl .elementor-2527 .elementor-element.elementor-element-5310c2d.elementor-author-box--layout-image-left .elementor-author-box__avatar,
					 body:not(.rtl) .elementor-2527 .elementor-element.elementor-element-5310c2d:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-right:0px;margin-left:0;}body:not(.rtl) .elementor-2527 .elementor-element.elementor-element-5310c2d.elementor-author-box--layout-image-right .elementor-author-box__avatar,
					 body.rtl .elementor-2527 .elementor-element.elementor-element-5310c2d:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-left:0px;margin-right:0;}.elementor-2527 .elementor-element.elementor-element-5310c2d.elementor-author-box--layout-image-above .elementor-author-box__avatar{margin-bottom:0px;}.elementor-2527 .elementor-element.elementor-element-5310c2d .elementor-author-box__name{font-size:34px;margin-bottom:13px;}.elementor-2527 .elementor-element.elementor-element-5310c2d .elementor-author-box__bio{font-size:12px;margin-bottom:25px;}}/* Start custom CSS *//* ================================
   BLOG CONTENT — MASTER STYLING
   ================================ */

/* ---------- Paragraphs ---------- */
.blog-content p {
    color: #E8E8E8;
    line-height: 1.8;
    margin-bottom: 18px;
}


/* ---------- H2 ---------- */
.blog-content h2 {
    background: linear-gradient(
        90deg,
        #BB6FFB 0%,
        #FC5F67 52%,
        #FFB054 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    font-weight: 700;
    line-height: 1.3;
    margin-top: 45px;
    margin-bottom: 18px;
}


/* ---------- H3 ---------- */
.blog-content h3 {
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 32px;
    margin-bottom: 14px;
}


/* ---------- H4 ---------- */
.blog-content h4 {
    color: #D0D0D0;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 25px;
    margin-bottom: 12px;
}


/* ---------- H5 / H6 ---------- */
.blog-content h5,
.blog-content h6 {
    color: #BDBDBD;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 22px;
    margin-bottom: 10px;
}


/* ---------- Bold / Strong ---------- */
.blog-content strong,
.blog-content b {
    color: #FFFFFF;
    font-weight: 700;
}


/* ---------- Links ---------- */
.blog-content a {
    color: #FC6B9B;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blog-content a:hover {
    color: #FFB054;
    text-decoration: underline;
}


/* ---------- Unordered & Ordered Lists ---------- */
.blog-content ul,
.blog-content ol {
    color: #E8E8E8;
    margin: 18px 0 22px 25px;
    padding-left: 20px;
}

.blog-content li {
    color: #E8E8E8;
    line-height: 1.75;
    margin-bottom: 8px;
}


/* ---------- List Markers ---------- */
.blog-content ul li::marker {
    color: #FC5F67;
}

.blog-content ol li::marker {
    color: #BB6FFB;
    font-weight: 700;
}


/* ---------- Blockquotes ---------- */
.blog-content blockquote {
    margin: 30px 0;
    padding: 22px 25px;

    background: #151515;

    border-left: 4px solid #FC5F67;
    border-radius: 0 10px 10px 0;

    color: #E8E8E8;
    font-size: 1.05em;
    line-height: 1.7;
}


/* ---------- Tables ---------- */
.blog-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;

    background: #151515;
    color: #E8E8E8;

    border: 1px solid #BB6FFB;
    overflow: hidden;
}


/* Table Header */
.blog-content table th {
    padding: 13px 15px;
    text-align: left;

    color: #FFFFFF;
    font-weight: 700;

    background: linear-gradient(
        90deg,
        #BB6FFB,
        #FC5F67,
        #FFB054
    );

    border: 1px solid rgba(255,255,255,0.15);
}


/* Table Cells */
.blog-content table td {
    padding: 12px 15px;
    color: #E8E8E8;

    border: 1px solid rgba(255,255,255,0.15);
}


/* Table Hover */
.blog-content table tr:hover td {
    background: rgba(187,111,251,0.06);
}


/* ---------- Images Inside Article ---------- */
.blog-content img {
    max-width: 100%;
    height: auto;

    border: 2px solid transparent;
    border-radius: 12px;

    background:
        linear-gradient(#151515, #151515) padding-box,
        linear-gradient(
            135deg,
            #BB6FFB,
            #FC5F67,
            #FFB054
        ) border-box;

    margin: 25px 0;
}


/* ---------- Image Captions ---------- */
.blog-content figcaption {
    color: #AFAFAF;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    margin-top: -15px;
    margin-bottom: 25px;
}


/* ---------- Horizontal Divider ---------- */
.blog-content hr {
    border: 0;
    height: 1px;

    background: linear-gradient(
        90deg,
        #BB6FFB,
        #FC5F67,
        #FFB054
    );

    margin: 40px 0;
}


/* ---------- Code Blocks ---------- */
.blog-content pre {
    background: #0D0D0D;
    color: #E8E8E8;

    padding: 20px;
    margin: 25px 0;

    border: 1px solid #333;
    border-left: 3px solid #BB6FFB;

    border-radius: 10px;

    overflow-x: auto;
    line-height: 1.6;
}


/* Inline Code */
.blog-content code {
    color: #FFB054;
    background: #151515;

    padding: 2px 6px;
    border-radius: 4px;
}


/* ---------- First Paragraph ---------- */
.blog-content > p:first-child {
    margin-top: 0;
}


/* ---------- Mobile Tables ---------- */
@media (max-width: 767px) {

    .blog-content {
        font-size: 16px;
    }

    .blog-content h2 {
        margin-top: 35px;
    }

    .blog-content h3 {
        margin-top: 27px;
    }

    .blog-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .blog-content blockquote {
        padding: 18px 20px;
    }

    .blog-content img {
        margin: 20px 0;
    }
}

/* ==========================================
   BLOG COMMENTS — DARK PREMIUM STYLE
   ========================================== */

/* Main comments area */
.blog-comments {
    margin-top: 45px;
    color: #E8E8E8;
}

/* Comments heading */
.blog-comments h2,
.blog-comments h3,
.blog-comments .comments-title {
    background: linear-gradient(
        90deg,
        #BB6FFB 0%,
        #FC5F67 52%,
        #FFB054 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    font-weight: 700;
    margin-bottom: 25px;
}


/* ==========================================
   INPUT FIELDS
   ========================================== */

.blog-comments input[type="text"],
.blog-comments input[type="email"],
.blog-comments input[type="url"],
.blog-comments textarea {
    width: 100%;
    box-sizing: border-box;

    background: #151515 !important;
    color: #FFFFFF !important;

    border: 1px solid #444 !important;
    border-radius: 8px;

    padding: 14px 16px;

    font-family: inherit;
    font-size: 15px;

    outline: none;

    transition: all 0.3s ease;
}


/* Placeholder */
.blog-comments input::placeholder,
.blog-comments textarea::placeholder {
    color: #777 !important;
}


/* Focus effect */
.blog-comments input:focus,
.blog-comments textarea:focus {
    border-color: #FC5F67 !important;

    box-shadow:
        0 0 0 1px #BB6FFB,
        0 0 15px rgba(252, 95, 103, 0.15);
}


/* Comment textarea */
.blog-comments textarea {
    min-height: 150px;
    resize: vertical;
}


/* ==========================================
   LABELS
   ========================================== */

.blog-comments label {
    color: #E8E8E8 !important;
    font-weight: 600;
}


/* Required star */
.blog-comments .required {
    color: #FC5F67 !important;
}


/* ==========================================
   SUBMIT BUTTON
   ========================================== */

.blog-comments button,
.blog-comments input[type="submit"],
.blog-comments .submit {
    background: linear-gradient(
        90deg,
        #BB6FFB,
        #FC5F67,
        #FFB054
    ) !important;

    color: #FFFFFF !important;

    border: none !important;
    border-radius: 25px;

    padding: 12px 25px;

    font-weight: 700;
    cursor: pointer;

    transition: all 0.3s ease;
}


/* Button hover */
.blog-comments button:hover,
.blog-comments input[type="submit"]:hover,
.blog-comments .submit:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(252, 95, 103, 0.25);
}


/* ==========================================
   EXISTING COMMENTS
   ========================================== */

.blog-comments .comment {
    background: #151515;

    border: 1px solid #2F2F2F;
    border-radius: 12px;

    padding: 20px;

    margin-bottom: 20px;
}


/* Comment author */
.blog-comments .comment-author,
.blog-comments .fn {
    color: #FFFFFF !important;
    font-weight: 700;
}


/* Comment date */
.blog-comments .comment-metadata,
.blog-comments .comment-metadata a {
    color: #777 !important;
    font-size: 13px;
}


/* Comment text */
.blog-comments .comment-content,
.blog-comments .comment-content p {
    color: #D8D8D8 !important;
    line-height: 1.7;
}


/* Reply link */
.blog-comments .reply a {
    color: #FC6B9B !important;
    font-weight: 600;
    text-decoration: none;
}

.blog-comments .reply a:hover {
    color: #FFB054 !important;
}


/* ==========================================
   AVATARS
   ========================================== */

.blog-comments img.avatar {
    border-radius: 50%;

    border: 2px solid transparent;

    background:
        linear-gradient(#151515, #151515) padding-box,
        linear-gradient(
            135deg,
            #BB6FFB,
            #FC5F67,
            #FFB054
        ) border-box;
}


/* ==========================================
   COMMENT FORM SPACING
   ========================================== */

.blog-comments .comment-form-comment {
    margin-bottom: 20px;
}

.blog-comments .comment-form-author,
.blog-comments .comment-form-email,
.blog-comments .comment-form-url {
    margin-bottom: 15px;
}


/* Remove unnecessary default spacing */
.blog-comments p {
    margin-bottom: 15px;
}


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

@media (max-width: 767px) {

    .blog-comments {
        margin-top: 35px;
    }

    .blog-comments input[type="text"],
    .blog-comments input[type="email"],
    .blog-comments input[type="url"],
    .blog-comments textarea {
        font-size: 14px;
        padding: 12px 14px;
    }

    .blog-comments .comment {
        padding: 15px;
    }

    .blog-comments button,
    .blog-comments input[type="submit"],
    .blog-comments .submit {
        width: auto;
        padding: 11px 22px;
    }
}

/* ==========================================
   BLOG COMMENTS — FIX LINKS + TOP LINE
   ========================================== */

/* Force all comment-section links to brand color */
.blog-comments a,
.blog-comments a:visited {
    color: #FC6B9B !important;
    text-decoration: none !important;
}

.blog-comments a:hover,
.blog-comments a:focus {
    color: #FFB054 !important;
    text-decoration: underline !important;
}


/* Specifically fix comment text links */
.blog-comments .comment-content a,
.blog-comments .comment-content a:visited {
    color: #FC6B9B !important;
}

.blog-comments .comment-content a:hover {
    color: #FFB054 !important;
}


/* Reply / metadata links */
.blog-comments .comment-metadata a,
.blog-comments .reply a {
    color: #FC6B9B !important;
}

.blog-comments .comment-metadata a:hover,
.blog-comments .reply a:hover {
    color: #FFB054 !important;
}


/* Remove the white horizontal line above comments */
.blog-comments {
    border-top: none !important;
}

.blog-comments::before {
    display: none !important;
    content: none !important;
}


/* Remove Elementor/WordPress divider if attached to comments */
.blog-comments hr,
.blog-comments .elementor-divider,
.blog-comments .elementor-widget-divider {
    display: none !important;
    border: none !important;
}


/* Remove default top border from comments list/form */
.blog-comments .comments-area,
.blog-comments .comment-respond,
.blog-comments .comments-title {
    border-top: none !important;
}

/* ==========================================
   BLOG CONTENT — IMAGE GRADIENT BORDER
   ========================================== */

.blog-content img {
    border: 2px solid transparent !important;
    border-radius: 10px;

    background:
        linear-gradient(#151515, #151515) padding-box,
        linear-gradient(
            135deg,
            #BB6FFB 0%,
            #FC5F67 52%,
            #FFB054 100%
        ) border-box;

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

    margin: 25px auto;

    box-sizing: border-box;
}

/* =========================================================
   BLOG CONTENT — COMPLETE STYLING
   Desktop + Mobile Responsive
   ========================================================= */

/* ---------- MAIN CONTENT ---------- */

.blog-content {
    color: #f5f5f5 !important;
    font-size: 17px;
    line-height: 1.85;
    font-family: inherit;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


/* ---------- PARAGRAPHS ---------- */

.blog-content p {
    color: #f5f5f5 !important;
    margin: 0 0 22px;
}


/* ---------- HEADINGS ---------- */

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 35px !important;
    margin-bottom: 16px !important;

    background: linear-gradient(
        90deg,
        #BB6FFB 0%,
        #FC5F67 52%,
        #FFB054 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* Individual heading sizes */

.blog-content h1 {
    font-size: 34px !important;
}

.blog-content h2 {
    font-size: 28px !important;
}

.blog-content h3 {
    font-size: 23px !important;
}

.blog-content h4 {
    font-size: 20px !important;
}

.blog-content h5 {
    font-size: 18px !important;
}

.blog-content h6 {
    font-size: 16px !important;
}


/* ---------- LINKS ---------- */

.blog-content a,
.blog-content a:visited {
    color: #FC6B9B !important;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.blog-content a:hover {
    color: #FFB054 !important;
    text-decoration: underline !important;
}


/* ---------- STRONG / BOLD ---------- */

.blog-content strong,
.blog-content b {
    color: #ffffff !important;
    font-weight: 700;
}


/* ---------- ITALIC ---------- */

.blog-content em,
.blog-content i {
    color: #dddddd !important;
}


/* ---------- UNORDERED + ORDERED LISTS ---------- */

.blog-content ul,
.blog-content ol {
    margin: 0 0 24px 25px;
    padding-left: 20px;
}

.blog-content li {
    color: #f5f5f5 !important;
    margin-bottom: 9px;
    line-height: 1.75;
}

.blog-content li::marker {
    color: #FC6B9B;
    font-weight: 700;
}


/* ---------- BLOCKQUOTE ---------- */

.blog-content blockquote {
    margin: 30px 0;
    padding: 20px 24px;

    background: #151515;

    border-left: 4px solid #FC6B9B;
    border-radius: 0 10px 10px 0;

    color: #dddddd !important;

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

    box-shadow: 0 0 15px rgba(187, 111, 251, 0.08);
}

.blog-content blockquote p {
    margin-bottom: 0;
}


/* =========================================================
   CONTENT IMAGES — GRADIENT BORDER
   ========================================================= */

.blog-content img {
    border: 2px solid transparent !important;
    border-radius: 10px;

    background:
        linear-gradient(#151515, #151515) padding-box,
        linear-gradient(
            135deg,
            #BB6FFB 0%,
            #FC5F67 52%,
            #FFB054 100%
        ) border-box;

    display: block;

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

    margin: 28px auto;

    box-sizing: border-box;

    object-fit: contain;
}


/* Image captions */

.blog-content .wp-caption {
    max-width: 100% !important;
    margin: 28px auto;
}

.blog-content .wp-caption img {
    margin-bottom: 8px;
}

.blog-content .wp-caption-text {
    color: #999999 !important;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
}


/* =========================================================
   TABLES
   ========================================================= */

.blog-content table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin: 30px 0;

    background: #151515;

    overflow: hidden;
}

.blog-content th {
    background: linear-gradient(
        90deg,
        #BB6FFB,
        #FC5F67,
        #FFB054
    );

    color: #ffffff !important;
    font-weight: 700;

    padding: 13px 15px;
    text-align: left;

    border: 1px solid #333333;
}

.blog-content td {
    color: #eeeeee !important;
    padding: 12px 15px;

    border: 1px solid #333333;
}

.blog-content tr:nth-child(even) td {
    background: #191919;
}


/* ---------- HORIZONTAL LINE ---------- */

.blog-content hr {
    border: 0;
    border-top: 1px solid #333333;
    margin: 35px 0;
}


/* ---------- CODE ---------- */

.blog-content code {
    color: #FFB054 !important;
    background: #151515;
    padding: 3px 7px;
    border-radius: 4px;
}

.blog-content pre {
    background: #151515 !important;
    border: 1px solid #333333;
    border-radius: 10px;

    padding: 20px;
    margin: 25px 0;

    overflow-x: auto;
    max-width: 100%;
}

.blog-content pre code {
    background: transparent !important;
    padding: 0;
}


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

@media (max-width: 767px) {

    /* Main text */

    .blog-content {
        font-size: 15px !important;
        line-height: 1.75 !important;

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

        overflow-x: hidden;
    }


    /* Paragraphs */

    .blog-content p {
        font-size: 15px !important;
        line-height: 1.75 !important;
        margin-bottom: 18px !important;
    }


    /* Headings */

    .blog-content h1 {
        font-size: 27px !important;
        line-height: 1.3 !important;
        margin-top: 28px !important;
        margin-bottom: 13px !important;
    }

    .blog-content h2 {
        font-size: 23px !important;
        line-height: 1.3 !important;
        margin-top: 27px !important;
        margin-bottom: 12px !important;
    }

    .blog-content h3 {
        font-size: 20px !important;
        line-height: 1.35 !important;
        margin-top: 24px !important;
        margin-bottom: 11px !important;
    }

    .blog-content h4 {
        font-size: 18px !important;
    }

    .blog-content h5 {
        font-size: 16px !important;
    }

    .blog-content h6 {
        font-size: 15px !important;
    }


    /* Lists */

    .blog-content ul,
    .blog-content ol {
        margin-left: 15px !important;
        padding-left: 18px !important;
    }

    .blog-content li {
        font-size: 15px !important;
        line-height: 1.7 !important;
        margin-bottom: 7px;
    }


    /* Images */

    .blog-content img {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 22px auto !important;

        border-width: 2px !important;
        border-radius: 8px !important;
    }


    /* Blockquotes */

    .blog-content blockquote {
        margin: 22px 0 !important;
        padding: 16px 17px !important;

        font-size: 15px !important;
        line-height: 1.7 !important;
    }


    /* Tables */

    .blog-content table {
        display: block;
        width: 100% !important;

        overflow-x: auto;
        -webkit-overflow-scrolling: touch;

        font-size: 13px !important;
    }

    .blog-content th,
    .blog-content td {
        padding: 9px 11px !important;
        white-space: nowrap;
    }


    /* Code */

    .blog-content pre {
        padding: 14px !important;
        font-size: 13px !important;

        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .blog-content code {
        font-size: 13px;
    }


    /* Horizontal line */

    .blog-content hr {
        margin: 25px 0 !important;
    }
}


/* =========================================================
   EXTRA SMALL PHONES
   ========================================================= */

@media (max-width: 480px) {

    .blog-content {
        font-size: 14px !important;
    }

    .blog-content p {
        font-size: 14px !important;
    }

    .blog-content h1 {
        font-size: 24px !important;
    }

    .blog-content h2 {
        font-size: 21px !important;
    }

    .blog-content h3 {
        font-size: 18px !important;
    }

    .blog-content li {
        font-size: 14px !important;
    }

    .blog-content blockquote {
        font-size: 14px !important;
        padding: 14px !important;
    }

    .blog-content th,
    .blog-content td {
        font-size: 12px !important;
        padding: 8px 9px !important;
    }
}/* End custom CSS */