.blog-page-container{margin-top:12vh;background:#efefef;min-height:100vh;box-sizing:border-box;width:100%}.blog-page-header{height:350px;background:linear-gradient(180deg,rgba(2,0,36,.3),rgba(0,0,0,.3)),url(/_next/static/media/blogbanner.2950eaf3.jpg);background-size:cover;background-position:50%}.blog-header-content,.blog-page-header{width:100%;display:flex;justify-content:center}.blog-header-content{max-width:1250px;height:100%;flex-direction:column;align-items:start}.blog-header-content h1{color:#fff;font-size:55px;font-weight:600;margin-bottom:10px;margin-left:20px;text-shadow:2px 2px 4px rgba(0,0,0,.6);letter-spacing:4px}.blog-header-content p{color:#fff;font-size:20px;margin-left:20px;text-shadow:1px 1px 3px rgba(0,0,0,.6);letter-spacing:2px;font-weight:500}.blog-page-body{max-width:1250px;width:100%;margin:0 auto;padding:20px;box-sizing:border-box}.blog-tag-list{display:flex;text-align:center;justify-content:center;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px}.blog-tag-list button{background:transparent;border:none;border-radius:20px;padding:8px 16px;cursor:pointer;transition:all .3s ease;font-size:14px;white-space:nowrap}.blog-tag-list button.active,.blog-tag-list button:hover{background:#002c3a;color:#fff}.blog-list{display:grid;flex-wrap:wrap;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-top:20px}.blog-card{display:flex;flex-direction:column;height:280px;margin:1rem auto 1.6%;background:#fff;line-height:1.4;font-family:sans-serif;border-radius:5px;overflow:hidden;z-index:0;box-shadow:0 3px 7px 1px rgba(0,0,0,.4)}.blog-card a{color:inherit}.blog-card a:hover{color:#3b70fc}.blog-card:hover .photo{transform:scale(1.3) rotate(3deg)}.blog-card .meta{position:relative;z-index:0;height:200px}.blog-card .photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%;transition:transform .2s}.blog-card .details,.blog-card .details ul{margin:auto;padding:0;list-style:none}.blog-card .details{position:absolute;top:0;bottom:0;left:-100%;margin:auto;transition:left .2s;background:rgba(0,0,0,.6);color:#fff;padding:10px;width:100%;font-size:.9rem}.blog-card .details a{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.blog-card .details ul li{display:inline-block}.blog-card .details .author:before{margin-right:10px;content:"\f007"}.blog-card .details .date:before{margin-right:10px;content:"\f133"}.blog-card .details .tags ul:before{content:"\f02b";margin-right:10px}.blog-card .details .tags li{margin-right:2px}.blog-card .details .tags li:first-child{margin-left:-4px}.blog-card .description{padding:1rem;background:#fff;position:relative;z-index:1}.blog-card .description h1{line-height:1;margin:0;font-size:1.7rem}.blog-card .description h2{font-size:1rem;font-weight:300;text-transform:uppercase;color:#a2a2a2;margin-top:5px}.blog-card .description .read-more{text-align:right}.blog-card .description .read-more a{color:#3b70fc;display:inline-block;position:relative}.blog-card .description .read-more a:after{content:"\f061";margin-left:-10px;opacity:0;vertical-align:middle;transition:margin .3s,opacity .3s}.blog-card .description .read-more a:hover:after{margin-left:5px;opacity:1}.blog-card p{position:relative;margin:1rem 0 0}.blog-card p:first-of-type{margin-top:1.25rem}.blog-card p:first-of-type:before{content:"";position:absolute;height:5px;background:#3b70fc;width:35px;top:-.75rem;border-radius:3px}.blog-card:hover .details{left:0}@media (min-width:640px){.blog-card{flex-direction:row;max-width:700px}.blog-card .meta{flex-basis:40%;height:auto}.blog-card .description{flex-basis:60%}.blog-card .description:before{transform:skewX(-3deg);content:"";background:#fff;width:30px;position:absolute;left:-10px;top:0;bottom:0;z-index:-1}.blog-card.alt{flex-direction:row-reverse}.blog-card.alt .description:before{left:inherit;right:-10px;transform:skew(3deg)}.blog-card.alt .details{padding-left:25px}}@media screen and (max-width:800px){.blog-list{grid-template-columns:1fr}}