.blog-post-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:600px;padding:0;position:relative}.blog-post-imge{background-image:url(https://43907374.fs1.hubspotusercontent-na1.net/hubfs/43907374/Hope_Christian_Academy/Images/Group%207.png);height:100%;left:0;position:absolute;right:0;top:0;z-index:3}.blog-post-banner-inner,.blog-post-imge{clip-path:polygon(0 0,100% 0,100% calc(100% - 5.6vw),0 100%);width:100%}.blog-post-banner-inner{display:flex;min-height:inherit;padding-bottom:5.6vw;position:relative;z-index:9}.blog-post-banner:before{background:linear-gradient(89deg,#ffd500 .5%,rgba(255,213,0,0) 99.65%);z-index:5}.blog-post-banner:after,.blog-post-banner:before{clip-path:polygon(0 0,100% 0,100% calc(100% - 5.6vw),0 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.blog-post-banner:after{background:#ffd500;z-index:1}.blog-post-banner-bg{display:none}.blog-post-banner .container{align-items:center;display:flex;height:inherit;position:relative;width:100%;z-index:9}.blog-pbanner-col{align-items:center;display:flex;justify-content:center;max-width:670px}.blog-post-banner-content h1{font-size:56px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:20px;text-transform:capitalize}.blog-post-banner-content .author-name{color:var(--color-purple);font-size:18px;font-style:normal;font-weight:700;letter-spacing:.36px;line-height:normal;margin:0;text-transform:uppercase}.blog-post-banner-content .author-name a{color:inherit;text-decoration:none}.blog-post-banner-content .author-name a:hover{color:var(--color-second)}.blog-pbanner-right-col{height:100%;position:absolute;right:0;top:0;width:38vw}.blog-pbanner-right-col img{height:100%;object-fit:cover;object-position:center;width:100%}@media (min-width:992px){.blog-post-banner-inner{padding-top:4vw}.blog-post-banner .container{max-width:100%;padding-right:38vw}.blog-pbanner-col{margin-left:auto;max-width:760px;padding-right:2%}}@media (max-width:991px){.blog-post-banner-content h1{font-size:48px}.blog-pbanner-col{max-width:60%;padding-right:20px}.blog-pbanner-right-col{position:static;width:40vw;width:100%}.blog-pbanner-right-col img{height:auto}.blog-pbanner-col{justify-content:flex-start;max-width:100%;padding:50px 30px;width:100%}.blog-post-banner .container{flex-direction:column}.blog-post-banner-inner{display:flex;flex-direction:column;flex-direction:column-reverse;min-height:auto;padding-bottom:0}}@media (max-width:767px){.blog-post-banner-content h1{font-size:40px}.blog-post-banner{min-height:auto}}