#blogPostMain{font-family:'Figtree',Arial,sans-serif}
#blogPostMain section.hero{position:relative;height:800px;padding:0!important}
@media(max-width: 767px){#blogPostMain section.hero{height:568px}}
#blogPostMain section.hero .heroImage{position:absolute;top:0;left:0;background-position:center center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}
/* UPDATED: Added bottom gradient for better title readability */
#blogPostMain section.hero .heroImage:before{content:"";width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),linear-gradient(90deg, rgba(0, 0, 0, 0) 85.1%, rgba(0, 0, 0, 0.2) 100%),linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 100%);position:absolute;top:0;left:0}
@media(max-width: 767px){#blogPostMain section.hero .heroImage:before{background:linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),linear-gradient(225.13deg, rgba(0, 0, 0, 0) 52.54%, rgba(0, 0, 0, 0.4) 98.55%),linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%);background-position:bottom center}}
#blogPostMain section.hero .container{padding-top:91px;padding-bottom:91px;display:flex;height:100%;align-items:flex-end;justify-content:center;position:relative}
@media(max-width: 767px){#blogPostMain section.hero .container{padding-top:80px;padding-bottom:80px}}
#blogPostMain section.hero .container .heroTitles{display:flex;flex-direction:column;gap:14px;width:100%;max-width:700px}
#blogPostMain section.hero .container .heroTitles h1{font-size:80px;line-height:80px;text-align:center;color:#fff;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,0.3)} /* Added text shadow */
@media(max-width: 767px){#blogPostMain section.hero .container .heroTitles h1{font-size:45px;line-height:40px}}
#blogPostMain section.hero .container .heroTitles .post-meta{display:flex;flex-wrap:wrap;gap:30px;color:#fff;font-size:16px;line-height:20px;justify-content:center;align-items:center;margin-top:20px}
@media(max-width: 767px){#blogPostMain section.hero .container .heroTitles .post-meta{gap:15px;flex-direction:column}}
#blogPostMain section.hero .container .heroTitles .post-meta-item{display:flex;align-items:center;gap:8px}
#blogPostMain section.hero .container .heroTitles .post-meta i{font-size:16px;color:#fff;width:20px;text-align:center}
#blogPostMain section.hero .container .heroTitles .post-meta .post-date{font-weight:400}
#blogPostMain section.hero .container .heroTitles .post-meta .post-author{font-weight:400}
/* Author name as span (not link) */
#blogPostMain section.hero .container .heroTitles .post-meta .post-author .author-name{color:#fff;font-weight:400;text-shadow:0 1px 5px rgba(0,0,0,0.3)} /* Added text shadow */
#blogPostMain section.hero .container .heroTitles .post-meta .post-categories{display:flex;align-items:center;gap:8px}
/* Category tags as spans (not links) */
#blogPostMain section.hero .container .heroTitles .post-meta .post-categories .category-tag{color:#fff;text-decoration:none;padding:2px 12px;border-radius:3px;font-size:14px;font-weight:600;text-transform:uppercase;background:rgba(255,255,255,0.2);transition:all 0.3s ease;display:inline-block;cursor:default;text-shadow:0 1px 3px rgba(0,0,0,0.3)} /* Added text shadow */
#blogPostMain section.hero .container .heroTitles .post-meta .post-categories .category-tag:hover{background:rgba(240,16,42,0.8);transform:translateY(-1px)}
#blogPostMain section{padding-left:64px;padding-right:64px}
@media(min-width: 767px)and (max-width: 1024px){#blogPostMain section{padding-left:30px;padding-right:30px}}
@media(max-width: 767px){#blogPostMain section{padding-left:14px;padding-right:14px}}
#blogPostMain section.postContentSection{background-color:#fff}
#blogPostMain section.postContentSection .container{max-width:800px;margin:0 auto;padding:100px 0}
@media(max-width: 767px){#blogPostMain section.postContentSection .container{padding:60px 0}}
#blogPostMain .postContentWrap{display:flex;flex-direction:column;gap:24px;font-family:'Figtree',Arial,sans-serif}
#blogPostMain .postContentWrap h2{color:#1d1761;font-size:50px;font-weight:400;line-height:55px;margin:50px 0 20px}
@media(max-width: 767px){#blogPostMain .postContentWrap h2{font-size:36px;line-height:40px}}
#blogPostMain .postContentWrap h3{color:#1d1761;font-size:36px;font-weight:400;line-height:40px;margin:40px 0 15px}
#blogPostMain .postContentWrap h4{color:#1d1761;font-size:24px;font-weight:400;line-height:28.8px;margin:30px 0 10px}
#blogPostMain .postContentWrap p{font-size:20px;line-height:28.8px;color:#1d1761;margin-bottom:18px;font-weight:400}
@media(max-width: 767px){#blogPostMain .postContentWrap p{font-size:16px;line-height:24px}}
#blogPostMain .postContentWrap p:first-of-type:first-letter{float:left;font-size:80px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-weight:400;color:#1d1761}
#blogPostMain .postContentWrap ul,#blogPostMain .postContentWrap ol{padding-left:24px;margin:20px 0}
#blogPostMain .postContentWrap ul li,#blogPostMain .postContentWrap ol li{margin-bottom:12px;font-size:20px;line-height:28.8px;color:#1d1761;font-weight:400}
@media(max-width: 767px){#blogPostMain .postContentWrap ul li,#blogPostMain .postContentWrap ol li{font-size:16px;line-height:24px}}
#blogPostMain .postContentWrap a{color:#f0102a;text-decoration:none;font-weight:400}
#blogPostMain .postContentWrap a:hover{color:#1d1761;text-decoration:underline}
#blogPostMain .postContentWrap blockquote{border-left:3px solid #f0102a;padding-left:20px;margin:30px 0;font-style:italic;color:#1d1761;font-size:20px;line-height:28.8px;font-weight:400}
@media(max-width: 767px){#blogPostMain .postContentWrap blockquote{font-size:16px;line-height:24px}}
#blogPostMain .postContentWrap code{background:rgba(240,16,42,0.1);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,'Ubuntu Mono',monospace;font-size:16px;color:#f0102a}
#blogPostMain .postContentWrap table{width:100%;border-collapse:collapse;margin:30px 0;border:1px solid #ddd}
#blogPostMain .postContentWrap th{background:#f4f4f4;color:#1d1761;font-weight:600;text-align:left;padding:12px 15px;border-bottom:2px solid #ddd}
#blogPostMain .postContentWrap td{padding:10px 15px;border-bottom:1px solid #eee;color:#1d1761}
#blogPostMain .postContentWrap tr:nth-child(even){background-color:#f9f9f9}
#blogPostMain .postContentWrap tr:hover{background-color:rgba(240,16,42,0.05)}
#blogPostMain .post-tags{margin-top:60px;padding-top:40px;border-top:1px solid #e1e2ec}
#blogPostMain .post-tags h3{color:#1d1761;font-size:24px;font-weight:400;line-height:28.8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}
#blogPostMain .post-tags h3 i{color:#f0102a;font-size:20px}
#blogPostMain .tags-list{display:flex;flex-wrap:wrap;gap:10px}
/* Tags as spans (not links) */
#blogPostMain .tags-list .tag{color:#1d1761;padding:6px 15px;border-radius:3px;font-size:14px;font-weight:400;text-decoration:none;border:1px solid #1d1761;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px;cursor:default}
#blogPostMain .tags-list .tag i{font-size:12px}
#blogPostMain .tags-list .tag:hover{background:#1d1761;color:#fff}
#blogPostMain .post-navigation{display:flex;justify-content:space-between;margin-top:80px;padding-top:40px;border-top:1px solid #e1e2ec}
#blogPostMain .nav-previous,#blogPostMain .nav-next{flex:1}
#blogPostMain .nav-previous a,#blogPostMain .nav-next a{color:#1d1761;text-decoration:none;font-weight:400;display:flex;align-items:center;gap:10px;font-size:16px;padding:10px 15px;border-radius:5px;transition:all 0.3s ease}
#blogPostMain .nav-previous a:hover,#blogPostMain .nav-next a:hover{color:#f0102a;background-color:rgba(240,16,42,0.05)}
#blogPostMain .nav-previous a i,#blogPostMain .nav-next a i{font-size:14px}
#blogPostMain .nav-next{text-align:right}
#blogPostMain .wp-block-button .wp-block-button__link{appearance:none;-webkit-appearance:none;background:#f0102a!important;border:none!important;border-radius:50px!important;padding:20px 35px!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;text-transform:uppercase!important;color:#fff!important;cursor:pointer!important;width:auto;transition:all .3s ease!important}
#blogPostMain .wp-block-button .wp-block-button__link:hover{background:#1d1761!important}
#blogPostMain .wp-block-image img{border-radius:0;margin:30px auto}
#blogPostMain .wp-block-gallery{margin:30px 0}
#blogPostMain .wp-block-gallery .blocks-gallery-grid{display:flex;flex-wrap:wrap;gap:15px}
#blogPostMain .wp-block-gallery .blocks-gallery-item{flex:1;min-width:200px}
#blogPostMain .wp-block-gallery .blocks-gallery-item img{border-radius:0}
#blogPostMain .postContentWrap strong{font-weight:600;color:#1d1761}
#blogPostMain .postContentWrap em{font-style:italic;color:#1d1761}
#blogPostMain .postContentWrap img.alignleft{float:left;margin:0 20px 20px 0}
#blogPostMain .postContentWrap img.alignright{float:right;margin:0 0 20px 20px}
#blogPostMain .postContentWrap img.aligncenter{display:block;margin:20px auto}
#blogPostMain .postContentWrap .wp-caption{background:#f9f9f9;padding:10px;border:1px solid #eee;margin-bottom:20px}
#blogPostMain .postContentWrap .wp-caption-text{font-size:14px;color:#1d1761;text-align:center;margin-top:10px}