.blog-banner-wrapper{position:relative;overflow:hidden}.blog-banner-image{transition:all .2s ease-in-out;background-size:cover;background-position:center center;height:350px;background-color:#444}.blog-banner{z-index:1;padding:6rem 0 0 0;text-align:center;width:100%}.blog-banner-wrapper .content-wrapper{width:100%;padding:0 20px}.row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.banner-content{position:relative;width:100%;min-height:1px;padding-right:10px;padding-left:10px}.banner-content h2{font-family:sofia-pro,sans-serif;font-style:normal;font-weight:700;color:#004e9b;transition:all .2s ease-in-out;line-height:1;padding:0;margin:0}.banner-content p{font-size:calc( 16px + 6 * ((100vw - 420px) / 1180) );line-height:calc( 22px + 10 * ((100vw - 420px) / 1180) );font-family:sofia-pro,sans-serif;font-style:normal;font-weight:700;margin:0 0 25px}.blog-banner-wrapper:before,.blog-banner-wrapper:after{transform:rotate(-135deg);transform-origin:0 0;left:57px}.blog-banner-wrapper:after{content:"";position:absolute;border:solid rgba(54,188,238,.35);border-width:66px;height:10000px;width:10000px}.blog-banner-wrapper:before{content:"";position:absolute;width:66px;height:66px;background:rgba(0,65,135,.9);z-index:1}.banner-arrow{transition:all .2s ease-in-out;z-index:1;position:absolute;left:calc(50% - 17px);display:block;width:34px;height:34px;border:2px solid #fff;border-radius:100%;cursor:pointer;-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;box-shadow:0px 0px 1px rgb(0 0 0 / 50%),rgb(0 0 0 / 50%) 0px 0px 4px inset;background-image:radial-gradient(rgba(0,0,0,0.3),transparent)}.banner-arrow:after{content:"";display:block;width:40%;height:40%;position:absolute;top:24%;left:30%;transform:rotate(45deg);border-bottom:2px solid #fff;border-right:2px solid #fff}.banner-content h2{font-size:calc( 28px + 30 * ((100vw - 420px) / 1180) );line-height:calc( 32px + 31 * ((100vw - 420px) / 1180) );margin-bottom:calc( 10px + 5 * ((100vw - 420px) / 1180) )}.button-translucent{transition:all .2s ease-in-out;font-family:sofia-pro,sans-serif;font-style:normal;font-weight:600;display:inline-block;border-radius:4px;text-decoration:none;padding:16px 36px;font-size:2rem;text-align:center;position:relative;background:rgba(0,0,0,.3);color:#fff;border:2px solid #fff;margin:0 10px 10px 0;line-height:22px}.button-translucent:after{content:"⇤";font-family:sans-serif;display:inline-block;font-size:1.3em;transform:rotate(-90deg);margin-left:.25em}.button-translucent:hover{background:#fff;color:#36bcee;text-decoration:none;border-color:#36bcee}.banner-area .dnd-section{padding:0}@media(min-width:992px){.blog-banner-wrapper{display:flex;min-height:592px}.blog-banner-image{position:absolute;height:calc(100% - (155px* 0.705));top:0;right:0;bottom:0;left:0}.blog-banner{position:absolute;padding:0;margin-top:15rem;text-align:left;top:-50px;bottom:0;display:flex;justify-content:center;flex-direction:column}.banner-content{flex:0 0 50%;max-width:50%}.banner-content h2{text-shadow:0 3px 6px rgb(0 0 0 / 50%);color:#fff}.banner-content p{color:#fff;text-shadow:0 3px 6px rgb(0 0 0 / 50%)}.blog-banner-wrapper:before,.blog-banner-wrapper:after{left:127px;bottom:0;transform-origin:0 100% 0;transform:rotate(-45deg)}.blog-banner-wrapper:after{border-width:155px}.blog-banner-wrapper:before{width:155px;height:155px}.banner-arrow{bottom:130px}.blog-banner-wrapper.post-banner{min-height:592px;display:flex}}@media(min-width:1600px){.banner-content h2{font-size:58px;line-height:63px;margin-bottom:15px}.banner-content p{font-size:22px;line-height:32px}.blog-banner-wrapper:before,.blog-banner-wrapper:after{left:calc((50vw - 680px))}}@media(max-width:991px){.blog-banner-wrapper:before,.blog-banner-wrapper:after{top:397px}.banner-content h2{font-size:calc( 28px + 30 * ((100vw - 420px) / 1180) );line-height:calc( 32px + 31 * ((100vw - 420px) / 1180) );margin-bottom:calc( 10px + 5 * ((100vw - 420px) / 1180) )}.banner-arrow{top:300px}.button-translucent{background:#36bcee !important;color:#fff !important}}@media(max-width:420px){.banner-content h2{line-height:32px;font-size:28px;margin-bottom:10px}.banner-content p{font-size:16px;line-height:22px}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}