.page-blog-post section.section-post-detail-header{background-image:url("../themes/ozc-company/assets/images/blogs/post-detail-banner.png");width:100%;height:250px;background-size:cover;background-repeat:no-repeat}
.page-blog-post section.section-post-content{padding:80px 0}
.page-blog-post section.section-post-content .row>.col-lg-8{display:flex;gap:30px;flex-direction:column;flex-wrap:wrap}
.page-blog-post section.section-post-content .post-meta .heading{font-size:45px;font-family:"Jeko DEMO";font-weight:800;line-height:120%}
.page-blog-post section.section-post-content .post-meta .date-info{color:#697184;font-weight:300;line-height:26px;font-size:0.85rem}
.page-blog-post section.section-post-content .post-meta .meta{display:flex;justify-content:space-between;align-items:center}
.page-blog-post section.section-post-content .post-meta .meta .author{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.page-blog-post section.section-post-content .post-meta .meta .author .author-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.page-blog-post section.section-post-content .post-meta .meta .author .author-avatar>img{width:100%;object-fit:cover}
.page-blog-post section.section-post-content .post-meta .meta .author .author-name{text-decoration:none;color:#000}
.page-blog-post section.section-post-content .post-meta .meta .author .dash-icon{margin:0 5px}
.page-blog-post section.section-post-content .post-meta .meta .author .dash-icon:before{content:'-';color:#000}
.page-blog-post section.section-post-content .content p{display:block;margin-bottom:8px}
.page-blog-post section.section-post-content .content p img{display:block;margin:16px auto;max-width:100%}
.page-blog-post section.section-post-content .content a{color:#e96338;text-decoration:none}
.page-blog-post section.section-post-content .content h1{font-size:2.25rem;font-weight:700;line-height:1.25}
.page-blog-post section.section-post-content .content h2{font-size:1.75rem;font-weight:600;line-height:1.3}
.page-blog-post section.section-post-content .content h3{font-size:1.375rem;font-weight:600;line-height:1.4}
.page-blog-post section.section-post-content .content pre{background-color:var(--bs-gray-200);padding:16px;border-radius:8px;overflow-x:auto}
.page-blog-post section.section-post-content .content pre code{color:#000;font-size:0.8rem}
.page-blog-post section.section-post-content .content blockquote{border-left:4px solid #d9d9d9;padding-left:16px;margin-left:0;color:#697184;font-style:italic}
.page-blog-post section.section-post-content .content ul{list-style-type:disc;padding-left:20px;margin-bottom:16px}
.page-blog-post section.section-post-content .content ul li{margin-bottom:8px}
.page-blog-post section.section-post-content .content ol{list-style-type:decimal;padding-left:20px;margin-bottom:16px}
.page-blog-post section.section-post-content .content ol li{margin-bottom:8px}
.page-blog-post section.section-post-content .content table{width:100%;border-collapse:collapse;margin-bottom:24px}
.page-blog-post section.section-post-content .content table th,
.page-blog-post section.section-post-content .content table td{border:1px solid #eceef4;padding:12px 16px;text-align:left}
.page-blog-post section.section-post-content .content table th{background-color:#f7f7f9}
.page-blog-post section.section-post-content .gallery-items{margin-top:50px}
.page-blog-post section.section-post-content .gallery-items .grid-item,
.page-blog-post section.section-post-content .gallery-items .grid-sizer{width:calc(100% / 2 - 5px)}
.page-blog-post section.section-post-content .gallery-items .grid-item{width:calc(100% / 2 - 5px);float:left;margin-bottom:10px;position:relative}
.page-blog-post section.section-post-content .gallery-items .grid-item .glightbox{width:100%;border-radius:10px;object-fit:cover}
.page-blog-post section.section-post-content .side-widgets{display:flex;flex-wrap:wrap;flex-direction:column;gap:30px}
.page-blog-post section.section-post-content .side-widgets .subscribe-form{background-color:#171555;padding:60px 30px;border-radius:10px;border:1px solid #eceef4;box-shadow:0 5px 30px 0 rgba(0,0,0,0.05)}
.page-blog-post section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row{gap:30px;justify-content:center}
.page-blog-post section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-image{width:60px;height:60px}
.page-blog-post section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-title .heading{color:#fff;font-size:20px;font-weight:600;line-height:28px;text-align:center}
.page-blog-post section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-item .form-control{width:100%;max-width:360px;padding:15px 20px 15px 30px;border-radius:100px;margin:auto}
.page-blog-post section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-submit{display:flex;flex-wrap:wrap;justify-content:center}
.page-blog-post section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-submit .ozc-btn{background-color:#e96338;color:#fff;width:100%;max-width:360px;padding:15px 20px;border-radius:100px;font-weight:600;line-height:28px}
.page-blog-post section.section-post-content .side-widgets .contact-link{padding:60px 30px;border-radius:10px;border:1px solid #eceef4;box-shadow:0 5px 30px 0 rgba(0,0,0,0.05);text-align:center}
.page-blog-post section.section-post-content .side-widgets .contact-link .heading{font-size:20px;font-weight:600;line-height:28px;margin-bottom:30px}
.page-blog-post section.section-post-content .side-widgets .contact-link .ozc-btn{margin:auto;width:100%;max-width:380px;padding:15px 20px;border-radius:100px;border:1px solid #eceef4;background-color:#e96338}
.page-blog-post section.section-post-content .side-widgets .contact-link .ozc-btn .ozc-link{color:#fff;font-weight:600}
.page-blog-post section.section-post-content .side-widgets .recommend-posts{padding:30px 30px 60px 30px;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;border-radius:10px;border:1px solid #eceef4;box-shadow:0 5px 30px 0 rgba(0,0,0,0.05)}
.page-blog-post section.section-post-content .side-widgets .recommend-posts .heading{font-size:20px;font-weight:600;line-height:28px;text-align:center;padding-bottom:30px;border-bottom:1px solid #eceef4;margin-bottom:20px}
.page-blog-post section.section-post-content .side-widgets .recommend-posts .card{margin:0;padding:0;flex-direction:row;border:none;box-shadow:none}
.page-blog-post section.section-post-content .side-widgets .recommend-posts .card .featured-image{width:60px;height:60px;border-radius:4px}
.page-blog-post section.section-post-content .side-widgets .recommend-posts .card .card-body{padding:0}
.page-blog-post section.section-post-content .side-widgets .recommend-posts .card .card-body .card-title{font-size:16px;font-weight:500;line-height:normal}
.page-blog-post .img-rounded{border-radius:10px}
.page-blog-post .glightbox-container .gslide-image img{max-width:90vw !important;max-height:80vh !important;object-fit:contain !important}
.page-blog-post .glightbox-container .gslide-description .gslide-title{margin-bottom:10px !important;font-weight:bold}
@media (min-width:992px){.w-lg-100{width:100% !important}}
@media (min-width:320px) and (max-width:743px){section.section-post-detail-header{height:315px !important}section.section-post-content{padding:30px 0}section.section-post-content .row>.col-lg-8{gap:10px}section.section-post-content .post-meta .heading{font-size:30px;line-height:150%;text-align:center}section.section-post-content .post-meta .meta .author{width:50%;gap:5px}section.section-post-content .post-meta .meta .author .author-name{font-weight:300}section.section-post-content .side-widgets{margin-top:30px}section.section-post-content .side-widgets .subscribe-form{padding:30px}section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row{gap:20px}section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-title .heading{text-align:left}section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-item .form-control{max-width:293px}section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-submit .ozc-btn{max-width:293px}section.section-post-content .side-widgets .recommend-posts{padding:30px 20px 30px 20px;gap:20px}section.section-post-content .side-widgets .recommend-posts .heading{margin-bottom:0;padding-bottom:20px}}
@media (min-width:744px) and (max-width:991px){section.section-post-content{padding:40px 0}section.section-post-content .card-group-container{width:100% !important}section.section-post-content .card-group-container .card{width:100% !important;max-width:none !important}section.section-post-content .row>.col-lg-8{gap:10px}section.section-post-content .post-meta .heading{font-size:30px;line-height:150%}section.section-post-content .post-meta .meta .author .author-name{font-weight:300}section.section-post-content .side-widgets{gap:40px}section.section-post-content .side-widgets .subscribe-form{padding:30px 30px 60px 30px}section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row{gap:20px}section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-item .form-control{max-width:400px}section.section-post-content .side-widgets .subscribe-form .subscribeForm .container .row .form-submit .ozc-btn{max-width:400px}section.section-post-content .side-widgets .contact-link{padding:30px}section.section-post-content .side-widgets .contact-link .ozc-btn{max-width:293px}section.section-post-content .side-widgets .recommend-posts{padding:30px 40px 30px 40px;gap:20px}section.section-post-content .side-widgets .recommend-posts .heading{margin-bottom:0;padding-bottom:20px}}