.blogs-layout .blogs-layout_inner{padding:80px 0}.blogs-layout .blogs-layout_inner .col-md-4{margin-bottom:25px}.blogBox{border-radius:0;height:100%;overflow:hidden;box-shadow:0 8px 24px #959da533}.blogBox .blogDescription{padding:15px}.blogBox .blogDescription .blogMetas{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.blogBox .blogDescription p.datetime{color:#a9a9a9;margin:0;font-size:14px}.blogBox .blogDescription .author{margin:0;font-size:14px}.blogBox .blogDescription .author span{color:#a9a9a9}.blogBox .blogDescription p.title{margin-bottom:10px;font-size:16px;font-weight:600}.blogBox .blogDescription p.description{font-size:14px}.blogBox .blogDescription .blogLink{color:#fabf02;align-items:center;gap:7px;font-size:14px;display:flex}.blogBox .blogDescription .blogLink svg{width:24px;height:auto}.modal-dialog.blogContent-popup{justify-content:center;align-items:center;max-width:950px;height:100%;margin:0 auto;display:flex}.modal-dialog.blogContent-popup .modal-header{border:0;padding:0}.modal-dialog.blogContent-popup .modal-header button.btn-close{z-index:9;opacity:1;background:#fff var(--bs-btn-close-bg)center/1em auto no-repeat;width:18px;height:18px;margin:0;font-size:12px;position:absolute;top:-15px;right:-15px;box-shadow:0 1px 5px #ccc}.modal-dialog.blogContent-popup .modal-body{padding:25px 40px}.blog-content .blog-title{margin-bottom:20px;font-size:32px;font-weight:500}.blog-content .blog-image{margin-bottom:25px}.blog-content .blog-details p{color:#666;margin:0 0 7px;font-size:14px}.blog-content .blog-details p.detailsTitle{color:#000;margin:25px 0 15px;font-size:18px;font-weight:700;position:relative}.blog-content .blog-details p.detailsTitle:before{content:"";background:#ffc200;width:40px;height:2px;position:absolute;bottom:-3px}.blog-content .blog-details ul li{color:#666;margin-bottom:10px;font-size:14px}.blog-content .blog-details ul li span.block{color:#000;font-weight:600;display:block}.blog-content .blog-details ul li::marker{color:#ffc200}.modal-dialog.blogContent-popup .modal-body iframe{width:100%;height:85vh}
@media only screen and (min-width:1100px) and (max-width:1249px){.blogBox .blogDescription p.title{font-size:12px}.blogBox .blogDescription p.description,.blogBox .blogDescription p.datetime,.blogBox .blogDescription .author,.blogBox .blogDescription .blogLink{font-size:10px}.blogBox .blogDescription .blogLink svg{width:16px}}@media only screen and (max-width:767px){.modal-dialog.blogContent-popup .modal-body iframe{width:100%;height:100vh;padding:40px 0 10px}.modal-dialog.blogContent-popup .modal-header button.btn-close{box-shadow:none;width:auto;height:auto;top:42px;right:7px}.modal-dialog.blogContent-popup .modal-body{padding:0 25px}.blogs-layout .blogs-layout_inner{padding:40px 0}.blogBox .blogDescription p.description{font-size:13px}.blogBox .blogDescription p.title{font-size:14px}.blogBox .blogDescription .author,.blogBox .blogDescription p.datetime,.blogBox .blogDescription span.blogLink{font-size:13px}}