.button{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#fff;letter-spacing:normal;line-height:1;border:0;border-radius:4rem;padding:12rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:3;overflow:hidden;background-color:rgba(255,0,0,.5);text-shadow:0px 2px 4px rgba(58,58,58,.25);letter-spacing:.15rem}.button:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);z-index:-2;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;height:100%;width:100%}.button:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), to(#FF0000));background-image:linear-gradient(-270deg, #FF0000 0%, #FF0000 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0;height:100%;width:100%}.button:hover,.button:focus{color:#fff}.button:hover::after,.button:focus::after{opacity:1}.button:hover:before,.button:focus:before{opacity:0}.buttonSmall{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#fff;letter-spacing:normal;line-height:1;border:0;border-radius:4rem;padding:12rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:3;overflow:hidden;background-color:rgba(255,0,0,.5);text-shadow:0px 2px 4px rgba(58,58,58,.25);letter-spacing:.15rem;padding:9rem 22rem;font-size:16rem;letter-spacing:.15rem}.buttonSmall:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);z-index:-2;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;height:100%;width:100%}.buttonSmall:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), to(#FF0000));background-image:linear-gradient(-270deg, #FF0000 0%, #FF0000 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0;height:100%;width:100%}.buttonSmall:hover,.buttonSmall:focus{color:#fff}.buttonSmall:hover::after,.buttonSmall:focus::after{opacity:1}.buttonSmall:hover:before,.buttonSmall:focus:before{opacity:0}.buttonStroked{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#000;letter-spacing:normal;line-height:1;background-color:rgba(0,0,0,0);border:2rem solid red;border-radius:4rem;padding:10rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;letter-spacing:.15rem}.buttonStroked:hover,.buttonStroked:focus{background-color:red;color:#fff;text-shadow:0px 2px 4px rgba(58,58,58,.25)}.buttonText{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#000;letter-spacing:normal;line-height:1;margin:20rem 0;cursor:pointer;letter-spacing:.15rem;position:relative}.buttonText:before{content:"";position:absolute;bottom:-10rem;height:3rem;border-radius:2rem;left:0;width:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);-webkit-transition:.25s ease width;transition:.25s ease width}.buttonText:after{display:inline-block;content:"";background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg");margin-left:12rem;width:20rem;height:20rem;background-color:rgba(43,138,248,.8);background-position:7px 50%;background-repeat:no-repeat;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:.1s ease-in;transition:.1s ease-in}.buttonText:hover,.buttonText:focus{color:#3a3a3a}.buttonText:hover:before,.buttonText:focus:before{width:100%}.buttonText:hover:after,.buttonText:focus:after{-webkit-transform:translateX(4rem);transform:translateX(4rem);background-color:#8d2838;background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/chevronOnlyW.svg")}.buttonLight{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#fff;letter-spacing:normal;line-height:1;border:0;border-radius:4rem;padding:12rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:3;overflow:hidden;background-color:rgba(255,0,0,.5);text-shadow:0px 2px 4px rgba(58,58,58,.25);letter-spacing:.15rem}.buttonLight:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);z-index:-2;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;height:100%;width:100%}.buttonLight:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), to(#FF0000));background-image:linear-gradient(-270deg, #FF0000 0%, #FF0000 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0;height:100%;width:100%}.buttonLight:hover,.buttonLight:focus{color:#fff}.buttonLight:hover::after,.buttonLight:focus::after{opacity:1}.buttonLight:hover:before,.buttonLight:focus:before{opacity:0}.buttonLightSmall{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#fff;letter-spacing:normal;line-height:1;border:0;border-radius:4rem;padding:12rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:3;overflow:hidden;background-color:rgba(255,0,0,.5);text-shadow:0px 2px 4px rgba(58,58,58,.25);letter-spacing:.15rem;padding:9rem 22rem;font-size:16rem;letter-spacing:.15rem}.buttonLightSmall:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);z-index:-2;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;height:100%;width:100%}.buttonLightSmall:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), to(#FF0000));background-image:linear-gradient(-270deg, #FF0000 0%, #FF0000 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0;height:100%;width:100%}.buttonLightSmall:hover,.buttonLightSmall:focus{color:#fff}.buttonLightSmall:hover::after,.buttonLightSmall:focus::after{opacity:1}.buttonLightSmall:hover:before,.buttonLightSmall:focus:before{opacity:0}.buttonLightStroked{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#000;letter-spacing:normal;line-height:1;background-color:rgba(0,0,0,0);border:2rem solid red;border-radius:4rem;padding:10rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;letter-spacing:.15rem;color:#fff;border-color:red}.buttonLightStroked:hover,.buttonLightStroked:focus{background-color:red;color:#fff;text-shadow:0px 2px 4px rgba(58,58,58,.25)}.buttonLightStroked:hover,.buttonLightStroked:focus{background-color:red;color:#fff}.buttonLightText{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#000;letter-spacing:normal;line-height:1;margin:20rem 0;cursor:pointer;letter-spacing:.15rem;position:relative;color:#fff;text-shadow:0px 2px 4px rgba(58,58,58,.25)}.buttonLightText:before{content:"";position:absolute;bottom:-10rem;height:3rem;border-radius:2rem;left:0;width:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);-webkit-transition:.25s ease width;transition:.25s ease width}.buttonLightText:after{display:inline-block;content:"";background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg");margin-left:12rem;width:20rem;height:20rem;background-color:rgba(43,138,248,.8);background-position:7px 50%;background-repeat:no-repeat;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:.1s ease-in;transition:.1s ease-in}.buttonLightText:hover,.buttonLightText:focus{color:#3a3a3a}.buttonLightText:hover:before,.buttonLightText:focus:before{width:100%}.buttonLightText:hover:after,.buttonLightText:focus:after{-webkit-transform:translateX(4rem);transform:translateX(4rem);background-color:#8d2838;background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/chevronOnlyW.svg")}.buttonLightText:after{background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg")}.buttonLightText:before{background-color:#fff}.buttonLightText:hover,.buttonLightText:focus{color:#fff}.buttonLightText:hover:before,.buttonLightText:focus:before{background-image:none;background-color:#fff}.buttonLightText:hover:after,.buttonLightText:focus:after{background-color:#fff;background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg")}html{font-size:1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(max-width: 580px){html{font-size:1px}}@media(min-width: 2560px){html{font-size:1px}}section.u4m-blog-listing{background-color:#000}section.u4m-blog-listing div.hero{padding-top:100rem}section.u4m-blog-listing div.hero:not(.other-listing){background-color:#000;background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/blogBG.webp");background-size:cover;background-position:center center;background-repeat:no-repeat}section.u4m-blog-listing div.hero h1.heading{font-family:"Saira Condensed",sans-serif;font-size:60rem;color:#000;font-weight:bold;letter-spacing:0;margin-bottom:30rem;line-height:1.13;margin-top:0;color:#fff;text-align:center}section.u4m-blog-listing div.hero h1.heading span{color:#2b8af8}@media(max-width: 1024px){section.u4m-blog-listing div.hero h1.heading{font-size:48rem}}@media(max-width: 580px){section.u4m-blog-listing div.hero h1.heading{font-size:38rem;margin-bottom:20rem}}section.u4m-blog-listing div.hero h1.heading .blog-title{font-family:"Saira Condensed",sans-serif;font-size:60rem;color:#000;font-weight:bold;letter-spacing:0;margin-bottom:30rem;line-height:1.13;margin-top:0;color:#fff;text-align:center}section.u4m-blog-listing div.hero h1.heading .blog-title span{color:#2b8af8}@media(max-width: 1024px){section.u4m-blog-listing div.hero h1.heading .blog-title{font-size:48rem}}@media(max-width: 580px){section.u4m-blog-listing div.hero h1.heading .blog-title{font-size:38rem;margin-bottom:20rem}}section.u4m-blog-listing div.hero h1.heading .topic-name{color:#fff}body.author-listing section.u4m-blog-listing div.hero h1.heading{padding-bottom:50rem}body.author-listing section.u4m-blog-listing div.hero h1.heading .blog-title{font-family:"Saira Condensed",sans-serif;color:#000;font-size:28rem;font-weight:bold;color:#000;letter-spacing:0;margin-bottom:20rem;line-height:1.2;margin-bottom:0;display:block}body.author-listing section.u4m-blog-listing div.hero h1.heading .blog-title span{color:#2b8af8}@media(max-width: 1024px){body.author-listing section.u4m-blog-listing div.hero h1.heading .blog-title{font-size:28rem}}@media(max-width: 580px){body.author-listing section.u4m-blog-listing div.hero h1.heading .blog-title{font-size:24rem;margin-bottom:20rem}}section.u4m-blog-listing div.hero div.wrapper{float:none;margin-left:auto;margin-right:auto;max-width:1340rem;padding-left:20rem;padding-right:20rem;max-width:1200rem;margin:0 auto;margin-bottom:50rem}section.u4m-blog-listing div.hero div.wrapper.none{display:none}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper{display:block}}body.author-listing section.u4m-blog-listing div.hero div.wrapper,body.archive section.u4m-blog-listing div.hero div.wrapper{display:none}section.u4m-blog-listing div.hero div.wrapper div.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);background-color:#fff}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper div.card{display:block}}section.u4m-blog-listing div.hero div.wrapper div.card .image-wrap{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%}section.u4m-blog-listing div.hero div.wrapper div.card .image-wrap a{display:block;height:100%}section.u4m-blog-listing div.hero div.wrapper div.card .image-wrap a .image{height:100%;background-size:cover}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper div.card .image-wrap a .image{height:160rem}}section.u4m-blog-listing div.hero div.wrapper div.card .content{text-align:left;padding:20rem}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper div.card .content{padding:20rem}}section.u4m-blog-listing div.hero div.wrapper div.card .content span.medium{font-family:"Saira",sans-serif;font-size:14rem;line-height:1.6;letter-spacing:0;margin-bottom:20rem}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper div.card .content span.medium{font-size:14rem}}section.u4m-blog-listing div.hero div.wrapper div.card .content .heading{font-family:"Saira Condensed",sans-serif;color:#000;font-size:28rem;font-weight:bold;color:#000;letter-spacing:0;margin-bottom:20rem;line-height:1.2;margin:0;text-align:left}section.u4m-blog-listing div.hero div.wrapper div.card .content .heading span{color:#2b8af8}@media(max-width: 1024px){section.u4m-blog-listing div.hero div.wrapper div.card .content .heading{font-size:28rem}}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper div.card .content .heading{font-size:24rem;margin-bottom:20rem}}section.u4m-blog-listing div.hero div.wrapper div.card .content .heading a{color:#3a3a3a}section.u4m-blog-listing div.hero div.wrapper div.card .content p{font-family:"Saira",sans-serif;font-size:14rem;line-height:1.6;letter-spacing:0;margin-bottom:20rem;margin-bottom:4rem}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper div.card .content p{font-size:14rem}}section.u4m-blog-listing div.hero div.wrapper div.card .content a.link{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#fff;letter-spacing:normal;line-height:1;border:0;border-radius:4rem;padding:12rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:3;overflow:hidden;background-color:rgba(255,0,0,.5);text-shadow:0px 2px 4px rgba(58,58,58,.25);letter-spacing:.15rem;padding:9rem 22rem;font-size:16rem;letter-spacing:.15rem}section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);z-index:-2;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;height:100%;width:100%}section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), to(#FF0000));background-image:linear-gradient(-270deg, #FF0000 0%, #FF0000 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0;height:100%;width:100%}section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:hover,section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:focus{color:#fff}section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:hover::after,section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:focus::after{opacity:1}section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:hover:before,section.u4m-blog-listing div.hero div.wrapper div.card .content a.link:focus:before{opacity:0}section.u4m-blog-listing div.hero div.wrapper div.card div.content .heading{margin-bottom:10rem}section.u4m-blog-listing div.hero div.wrapper div.card div.content div.read-time,section.u4m-blog-listing div.hero div.wrapper div.card div.content span.date{font-family:"Saira",sans-serif;font-size:13rem;line-height:1.9;letter-spacing:0;margin-bottom:20rem;text-transform:uppercase}@media(max-width: 580px){section.u4m-blog-listing div.hero div.wrapper div.card div.content div.read-time,section.u4m-blog-listing div.hero div.wrapper div.card div.content span.date{font-size:13rem}}section.u4m-blog-listing div.filter{float:none;margin-left:auto;margin-right:auto;max-width:1340rem;padding-left:20rem;padding-right:20rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px 40px;margin:50px auto}section.u4m-blog-listing div.filter.none{margin-top:0;display:none}section.u4m-blog-listing div.filter .filter-menu{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px 40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}section.u4m-blog-listing div.filter .filter-menu form{margin:0;-webkit-box-flex:0;-ms-flex:0 1 350px;flex:0 1 350px;position:relative}section.u4m-blog-listing div.filter .filter-menu form:after{content:"";background-repeat:no-repeat;background-position:right 10rem center;background-size:18rem;background:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/Web%20Assets%202023/magnifying-glass-solid%20(1).svg") no-repeat;position:absolute;right:5rem;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:18rem;height:18rem}section.u4m-blog-listing div.filter .filter-menu form input{background-color:#fff;-webkit-box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);-webkit-box-flex:0;-ms-flex:0 1 350px;flex:0 1 350px;border:unset;height:55px;padding:10rem 30rem 10rem 10rem;width:100%;border-radius:4rem}section.u4m-blog-listing div.filter .filter-menu form input::-webkit-input-placeholder{color:rgba(58,58,58,.8)}section.u4m-blog-listing div.filter .filter-menu form input::-moz-placeholder{color:rgba(58,58,58,.8)}section.u4m-blog-listing div.filter .filter-menu form input:-ms-input-placeholder{color:rgba(58,58,58,.8)}section.u4m-blog-listing div.filter .filter-menu form input::-ms-input-placeholder{color:rgba(58,58,58,.8)}section.u4m-blog-listing div.filter .filter-menu form input::placeholder{color:rgba(58,58,58,.8)}section.u4m-blog-listing div.filter .filter-menu input,section.u4m-blog-listing div.filter .filter-menu select{background-color:#fff;-webkit-box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);-webkit-box-flex:0;-ms-flex:0 1 350px;flex:0 1 350px;border:unset;height:55px;padding-left:10px;width:100%;border-radius:4rem}section.u4m-blog-listing div.filter .filter-menu select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10rem center;background-size:24rem}section.u4m-blog-listing div.author{background-color:#cacaca;padding:50rem 0;margin-bottom:80rem}section.u4m-blog-listing div.author div.inner{float:none;margin-left:auto;margin-right:auto;max-width:1340rem;padding-left:20rem;padding-right:20rem;max-width:1160rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 580px){section.u4m-blog-listing div.author div.inner{display:block}}section.u4m-blog-listing div.author div.inner div.avatar{background-size:cover;width:300rem;height:300rem;background-position:50% 50%;border-radius:50%;-webkit-box-flex:0;-ms-flex:0 0 300rem;flex:0 0 300rem}@media(max-width: 580px){section.u4m-blog-listing div.author div.inner div.avatar{width:200rem;height:200rem;margin:0 auto 30rem auto}}section.u4m-blog-listing div.author div.inner .blog-author-text{margin-left:85rem}@media(max-width: 580px){section.u4m-blog-listing div.author div.inner .blog-author-text{margin:0}}section.u4m-blog-listing div.author div.inner .header{font-family:"Saira Condensed",sans-serif;font-size:22rem;font-weight:bold;color:#000;letter-spacing:0;margin-bottom:20rem;line-height:1.2}section.u4m-blog-listing div.author div.inner .header span{color:#2b8af8}@media(max-width: 1024px){section.u4m-blog-listing div.author div.inner .header{font-size:24rem}}@media(max-width: 580px){section.u4m-blog-listing div.author div.inner .header{font-size:20rem;margin-bottom:20rem}}section.u4m-blog-listing div.author div.inner p.bio{font-family:"Saira",sans-serif;font-size:14rem;line-height:1.6;letter-spacing:0;margin-bottom:20rem}@media(max-width: 580px){section.u4m-blog-listing div.author div.inner p.bio{font-size:14rem}}section.u4m-blog-listing div.author div.inner div.social a{font-size:24rem;margin-right:10rem}section.u4m-blog-listing div.posts{float:none;margin-left:auto;margin-right:auto;max-width:1340rem;padding-left:20rem;padding-right:20rem;max-width:1200rem;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(max-width: 580px){section.u4m-blog-listing div.posts{display:block;padding:0 20rem}}section.u4m-blog-listing div.posts a.blog-post-card{margin:18rem;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:2px solid #cacaca;border-radius:4rem;-webkit-box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);box-shadow:0rem 1rem 12rem 0 rgba(58,58,58,.1);-webkit-box-flex:0;-ms-flex:0 1 calc(33.333% - 38rem);flex:0 1 calc(33.333% - 38rem);position:relative;-webkit-transition:.1s ease-in;transition:.1s ease-in;top:0}section.u4m-blog-listing div.posts a.blog-post-card:hover{top:-10rem}@media(max-width: 1024px){section.u4m-blog-listing div.posts a.blog-post-card{-ms-flex-preferred-size:calc(50% - 38rem);flex-basis:calc(50% - 38rem)}}@media(max-width: 768px){section.u4m-blog-listing div.posts a.blog-post-card{-webkit-box-flex:0;-ms-flex:0 1 calc(100% - 38rem);flex:0 1 calc(100% - 38rem)}}@media(max-width: 580px){section.u4m-blog-listing div.posts a.blog-post-card{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin:0 0 20px}}section.u4m-blog-listing div.posts a.blog-post-card .featured-image{background-size:cover;background-position:top center;width:100%;height:203rem}section.u4m-blog-listing div.posts a.blog-post-card .content{height:calc(100% - 203rem);color:#3a3a3a;padding:32rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media(max-width: 768px){section.u4m-blog-listing div.posts a.blog-post-card .content{padding:20rem}}section.u4m-blog-listing div.posts a.blog-post-card .content .topics{color:#2b8af8;font-family:"Saira",sans-serif;font-size:18rem;font-weight:bold;letter-spacing:2.25rem;text-transform:uppercase;display:block;margin-bottom:20rem;font-size:14rem;letter-spacing:1.25rem;margin-bottom:0;margin-bottom:0}section.u4m-blog-listing div.posts a.blog-post-card .content .read-time{font-family:"Saira",sans-serif;font-size:13rem;line-height:1.9;letter-spacing:0;margin-bottom:20rem;display:inline;text-transform:uppercase;margin-bottom:0}@media(max-width: 580px){section.u4m-blog-listing div.posts a.blog-post-card .content .read-time{font-size:13rem}}section.u4m-blog-listing div.posts a.blog-post-card .content .date{font-family:"Saira",sans-serif;font-size:13rem;line-height:1.9;letter-spacing:0;margin-bottom:20rem;display:inline;text-transform:uppercase}@media(max-width: 580px){section.u4m-blog-listing div.posts a.blog-post-card .content .date{font-size:13rem}}section.u4m-blog-listing div.posts a.blog-post-card .content .title{font-family:"Saira Condensed",sans-serif;color:#000;font-size:28rem;font-weight:bold;color:#000;letter-spacing:0;margin-bottom:20rem;line-height:1.2;display:block;margin-bottom:30rem;color:#3a3a3a;margin-top:10rem}section.u4m-blog-listing div.posts a.blog-post-card .content .title span{color:#2b8af8}@media(max-width: 1024px){section.u4m-blog-listing div.posts a.blog-post-card .content .title{font-size:28rem}}@media(max-width: 580px){section.u4m-blog-listing div.posts a.blog-post-card .content .title{font-size:24rem;margin-bottom:20rem}}@media(max-width: 580px){section.u4m-blog-listing div.posts a.blog-post-card .content .title{margin-bottom:20rem}}section.u4m-blog-listing div.posts a.blog-post-card .content .teaser{font-family:"Saira",sans-serif;font-size:13rem;line-height:1.9;letter-spacing:0;margin-bottom:20rem;display:block}@media(max-width: 580px){section.u4m-blog-listing div.posts a.blog-post-card .content .teaser{font-size:13rem}}section.u4m-blog-listing div.posts a.blog-post-card .content .read-more{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#000;letter-spacing:normal;line-height:1;margin:20rem 0;cursor:pointer;letter-spacing:.15rem;position:relative;margin:auto 0 0;-webkit-transition:.1s ease-in;transition:.1s ease-in}section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:before{content:"";position:absolute;bottom:-10rem;height:3rem;border-radius:2rem;left:0;width:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);-webkit-transition:.25s ease width;transition:.25s ease width}section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:after{display:inline-block;content:"";background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg");margin-left:12rem;width:20rem;height:20rem;background-color:rgba(43,138,248,.8);background-position:7px 50%;background-repeat:no-repeat;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:.1s ease-in;transition:.1s ease-in}section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:hover,section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:focus{color:#3a3a3a}section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:hover:before,section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:focus:before{width:100%}section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:hover:after,section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:focus:after{-webkit-transform:translateX(4rem);transform:translateX(4rem);background-color:#8d2838;background-image:url("https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/chevronOnlyW.svg")}section.u4m-blog-listing div.posts a.blog-post-card .content .read-more:hover{color:#3a3a3a}section.u4m-blog-listing div.posts .resource-card{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin:100rem 0;padding:50rem 20rem;position:relative;overflow:visible}@media(max-width: 580px){section.u4m-blog-listing div.posts .resource-card{padding:30rem 0}}section.u4m-blog-listing div.posts .resource-card:after{content:"";position:absolute;height:100%;width:1920rem;z-index:0;top:0;background-color:#cacaca;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}section.u4m-blog-listing div.posts .resource-card a{position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 580px){section.u4m-blog-listing div.posts .resource-card a{display:block}}section.u4m-blog-listing div.posts .resource-card a .image{-webkit-box-flex:0;-ms-flex:0 0 300rem;flex:0 0 300rem;height:100%;margin-right:50rem;background-size:cover;background-position:50%}@media(max-width: 580px){section.u4m-blog-listing div.posts .resource-card a .image{height:300rem;margin:0 auto 30rem auto}}section.u4m-blog-listing div.posts .resource-card a .content h2,section.u4m-blog-listing div.posts .resource-card a .content span,section.u4m-blog-listing div.posts .resource-card a .content p{color:#3a3a3a}section.u4m-blog-listing div.posts .resource-card a .content span.type{display:block;font-family:"Saira",sans-serif;font-size:15rem;line-height:1.9;letter-spacing:0;margin-bottom:20rem;margin-bottom:0;text-transform:uppercase}@media(max-width: 580px){section.u4m-blog-listing div.posts .resource-card a .content span.type{font-size:15rem}}section.u4m-blog-listing div.posts .resource-card a .content h2.title{font-family:"Saira Condensed",sans-serif;font-size:48rem;color:#000;font-weight:bold;letter-spacing:0;margin-bottom:20rem;line-height:1.3;margin-top:0}section.u4m-blog-listing div.posts .resource-card a .content h2.title span{color:#2b8af8}@media(max-width: 1024px){section.u4m-blog-listing div.posts .resource-card a .content h2.title{font-size:38rem}}@media(max-width: 580px){section.u4m-blog-listing div.posts .resource-card a .content h2.title{font-size:32rem;margin-bottom:20rem}}section.u4m-blog-listing div.posts .resource-card a .content p{font-family:"Saira",sans-serif;font-size:16rem;line-height:1.75;letter-spacing:0;margin-bottom:20rem}@media(max-width: 580px){section.u4m-blog-listing div.posts .resource-card a .content p{font-size:16rem}}section.u4m-blog-listing div.posts .resource-card a .content span.link{display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#fff;letter-spacing:normal;line-height:1;border:0;border-radius:4rem;padding:12rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:3;overflow:hidden;background-color:rgba(255,0,0,.5);text-shadow:0px 2px 4px rgba(58,58,58,.25);letter-spacing:.15rem;padding:9rem 22rem;font-size:16rem;letter-spacing:.15rem}section.u4m-blog-listing div.posts .resource-card a .content span.link:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);z-index:-2;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;height:100%;width:100%}section.u4m-blog-listing div.posts .resource-card a .content span.link:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), to(#FF0000));background-image:linear-gradient(-270deg, #FF0000 0%, #FF0000 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0;height:100%;width:100%}section.u4m-blog-listing div.posts .resource-card a .content span.link:hover,section.u4m-blog-listing div.posts .resource-card a .content span.link:focus{color:#fff}section.u4m-blog-listing div.posts .resource-card a .content span.link:hover::after,section.u4m-blog-listing div.posts .resource-card a .content span.link:focus::after{opacity:1}section.u4m-blog-listing div.posts .resource-card a .content span.link:hover:before,section.u4m-blog-listing div.posts .resource-card a .content span.link:focus:before{opacity:0}section.u4m-blog-listing div.pagination-standard{text-align:center;margin:50rem 0 0;padding-bottom:100rem}section.u4m-blog-listing div.pagination-standard ul.pages{padding-left:0;margin:0}section.u4m-blog-listing div.pagination-standard ul.pages li{background:none;display:inline-block;margin:0 5rem;list-style:none;background-image:none}section.u4m-blog-listing div.pagination-standard ul.pages li a{color:#3a3a3a;min-height:55rem;min-width:55rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0;background-color:#cacaca;font-weight:bold}@media(max-width: 580px){section.u4m-blog-listing div.pagination-standard ul.pages li a{min-height:35rem;min-width:35rem}}section.u4m-blog-listing div.pagination-standard ul.pages li a:hover{color:#fff;background-color:#3a3a3a}section.u4m-blog-listing div.pagination-standard ul.pages li.disabled a{display:none}section.u4m-blog-listing div.pagination-standard ul.pages li.active a{color:#fff;background-color:#3a3a3a}section.u4m-blog-listing div.pagination-infinite{text-align:center}section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button{float:none;margin-left:auto;margin-right:auto;max-width:1340rem;padding-left:20rem;padding-right:20rem;display:inline-block;font-family:"Saira Condensed",sans-serif;font-size:18rem;font-weight:bold;color:#fff;letter-spacing:normal;line-height:1;border:0;border-radius:4rem;padding:12rem 30rem;margin:20rem 0;-webkit-transition:.1s ease-in;transition:.1s ease-in;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:3;overflow:hidden;background-color:rgba(255,0,0,.5);text-shadow:0px 2px 4px rgba(58,58,58,.25);letter-spacing:.15rem}section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), color-stop(85%, #8d2838));background-image:linear-gradient(-270deg, #FF0000 0%, #8d2838 85%);z-index:-2;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;height:100%;width:100%}section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#FF0000), to(#FF0000));background-image:linear-gradient(-270deg, #FF0000 0%, #FF0000 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0;height:100%;width:100%}section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:hover,section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:focus{color:#fff}section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:hover::after,section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:focus::after{opacity:1}section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:hover:before,section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button:focus:before{opacity:0}.hide-next section.u4m-blog-listing div.pagination-infinite a.pagination-infinite_button{display:none} .display-none{ display: none!important; } section.u4m-blog-listing .hero { position: relative; width: 100%; background-color: #040b29; background-image: url("https://theuki.com/hubfs/blog-bg%20(1)-1.jpg") !important; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 56px 0 72px; margin: 0; text-align: center; } section.u4m-blog-listing div.hero:not(.other-listing), section.u4m-blog-listing div.hero.other-listing { background-image: url("https://theuki.com/hubfs/blog-bg%20(1)-1.jpg") !important; background-color: #040b29; } section.u4m-blog-listing .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(4 11 41 / 0%) 0%, rgb(4 11 41 / 57%) 100%); pointer-events: none; } section.u4m-blog-listing .hero .inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 32px; } section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left { display: flex; align-items: center; justify-content: center; min-height: 420px !important; max-width: 100%; background: transparent !important; padding: 0 !important; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.text-left .copy { flex: 0 1 auto; max-width: 1200px; padding: 0; margin: 0 auto; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left .copy .eyebrow { font-family: "Saira", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; margin: 0 0 16px; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left .copy .heading { font-family: 'Playfair Display', serif; font-size: 70px; line-height: 1.05; margin: 0 0 18px; color: #fff; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left .copy .subhead { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; margin: 0 0 12px; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left .copy .subtext { font-family: "Saira", sans-serif; font-size: 17px; line-height: 1.55; color: #fff; max-width: 100%; margin: 0 auto; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row { display: flex; align-items: center; justify-content: center; gap: 48px; max-width: 1100px; margin: 0 auto; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-author-avatar { flex: 0 0 auto; } section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-author-avatar img { display: block; width: 220px; height: 220px; border-radius: 50%; object-fit: cover; } section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row .copy { flex: 1 1 auto; max-width: 720px; text-align: left; } section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row .copy .heading, section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row .copy .subhead, section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row .copy .eyebrow { text-align: left !important; } /* Override theme bundle (left-aligned / old background) */ section.u4m-blog-listing div.hero h1.heading, section.u4m-blog-listing div.hero .eyebrow, section.u4m-blog-listing div.hero .subhead, section.u4m-blog-listing div.hero .subtext { text-align: left !important; } section.u4m-blog-listing div.author { display: none !important; } @media (max-width: 768px) { section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row { flex-direction: column; gap: 28px; text-align: center; } section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row .copy, section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row .copy .heading, section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-copy-row .copy .subhead { text-align: center; } section.u4m-blog-listing .hero .inner .content-wrap.hero--author .hero-author-avatar img { width: 160px; height: 160px; } } section.u4m-blog-listing .hero .wrapper { display: none !important; } section.u4m-blog-listing .filter.display-none { display: none !important; } /* Full-width section — theme constrains section with dark side gutters */ section.u4m-blog-listing { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } main.body-container-wrapper:has(> section.u4m-blog-listing), main.body-container-wrapper:has(section.u4m-blog-listing) { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* Standard white header on listing (hero uses reverse-text; avoid white-on-white nav) */ body:has(section.u4m-blog-listing) header.u4m-header, body:has(section.u4m-blog-listing) header.u4m-header .inner { background: #fff !important; } body:has(section.u4m-blog-listing):not(.page-scrolled) header.u4m-header .inner .logo img { filter: none !important; } body:has(section.u4m-blog-listing):not(.page-scrolled) header.u4m-header .inner .menu > li > a, body:has(section.u4m-blog-listing):not(.page-scrolled) header.u4m-header .inner .menu > li > button, body:has(section.u4m-blog-listing):not(.page-scrolled) header.u4m-header .inner .hs-menu-wrapper a, body:has(section.u4m-blog-listing):not(.page-scrolled) header.u4m-header .inner .button, body:has(section.u4m-blog-listing):not(.page-scrolled) header.u4m-header .inner a.button { color: #253033 !important; } .section-white-bg{ background: #fff; width: 100% } section.u4m-blog-listing .posts-band { width: 100%; max-width: 1200px; margin: 0px auto; box-sizing: border-box; padding: 55px 0px; } section.u4m-blog-listing .posts-band__heading { max-width: 1200px; margin: 0 auto 32px; font-family: "Saira Semi Condensed", "Saira", sans-serif; font-size: 32px; font-weight: 500; line-height: 1.2; color: #000; } section.u4m-blog-listing .posts, section.u4m-blog-listing div.posts { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; justify-content: start; justify-items: stretch; background: transparent; max-width: 1200px; margin: 0 auto; padding: 0; } section.u4m-blog-listing div.posts a.blog-post-card { flex: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; top: 0 !important; box-sizing: border-box; } section.u4m-blog-listing div.posts .resource-card { grid-column: 1 / -1; } @media (max-width: 1024px) { section.u4m-blog-listing .posts, section.u4m-blog-listing div.posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { section.u4m-blog-listing .posts, section.u4m-blog-listing div.posts { grid-template-columns: 1fr; } } section.u4m-blog-listing .posts-band .pagination, section.u4m-blog-listing .posts-band nav[class*="pagination"], section.u4m-blog-listing .posts-band .hs-pagination { max-width: 1200px; margin: 40px auto 0; } @media (max-width: 1024px) { section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left { min-height: 320px !important; background-color: transparent !important; } section.u4m-blog-listing .hero .inner .content-wrap.text-left .copy { flex: 0 0 100%; max-width: 100%; } } @media (max-width: 728px) { section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left .copy .heading { font-size: 48px; } } section.u4m-blog-listing .hero .inner .content-wrap.has-none.text-left .copy .heading { margin: 0px !important; padding: 0px; margin-bottom: 25px !important; } section.u4m-hero .inner .content-wrap.text-left .copy { padding: 0px; } .btn-uki{ border: 2px solid #000; padding: 10px 25px; background: transparent; color: #000; margin-bottom: 15px; font-size: 15px; } .btn-uki:hover{ border: 2px solid #858585; padding: 10px 25px; background: transparent; color: #858585; } .inline-btn a{ color: #000; } .inline-btn a:hover{ color: #858585; } .inline-btn { display: flex; text-align: center; column-gap: 10px; line-height: 1.2; } body, ul, li, strong{ font-family: "Saira"; } #trainingsolutions .card .content .title { font-size: 34rem; } section.u4m-hero { margin-bottom: 0px; } section.u4m-hero .inner .content-wrap .copy .heading { font-size: 70rem; line-height: 1; margin-bottom: 15px; } section.u4m-hero.reverse-text div.inner div.content-wrap div.copy .link1 a:after, section.u4m-hero.reverse-text div.inner div.content-wrap div.copy .link1 a:before { background: transparent; } section.u4m-hero.reverse-text div.inner div.content-wrap div.copy .link1 a { background-color: transparent; border-radius: 0px; box-shadow: none; border: 2px solid #fff; color: #fff; font-family: "Saira"; font-size: 17px; font-weight: 500; padding: 15px 25px; } section.u4m-hero.reverse-text div.inner div.content-wrap div.copy .link1 a:focus, section.u4m-hero.reverse-text div.inner div.content-wrap div.copy .link1 a:hover { color: #4A7FFF; background: transparent; border: 2px solid #4A7FFF; } section.u4m-hero .inner .content-wrap.text-left .copy { padding: 0px; } @media (max-width: 1400px) { section.u4m-hero.widget_1778173785966 { background-size: cover !important; } } @media (max-width: 1024px) { section.u4m-hero .inner .content-wrap { background-color: rgb(4 11 41 / 79%)!important; padding-top: 100px; } section.u4m-hero .inner .content-wrap.text-left .copy { flex: 0 0 100%; } } @media (max-width: 728px) { section.u4m-hero .inner .content-wrap .copy .heading { font-size: 56rem; } } @media (max-width: 580px) { section.u4m-hero .inner .content-wrap { background-color: rgb(4 11 41 / 79%)!important; } } section.u4m-cards.reverse-text .heading span { color: #2b8af8; } #trainingsolutions .card { background: #FFFFFF; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25); border-radius: 10px !important; } #trainingsolutions .card .content { padding: 25px; } section.u4m-cards .inner .wrapper { padding-top: 0px; padding-bottom: 55px; } #center-header{ margin: 55px 0px 0px 0px!important; } #center-header .content{ margin: 0px auto!important; } section.u4m-hero .inner .content-wrap .copy .heading { line-height: 1.13; font-family: 'Playfair Display'; font-style: normal; font-weight: 400; } section.u4m-hero .inner .content-wrap .copy { flex: 0 0 80%!important; } section.u4m-hero .inner .content-wrap.has-none .copy .heading, section.u4m-hero .inner .content-wrap.has-none .copy .subtext { max-width: 80%; } h4 { background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%)!important; -webkit-text-fill-color: transparent!important; background-clip: text!important; text-fill-color: transparent!important; background-blend-mode: color, overlay, normal!important; margin-bottom: 0px !important; font-family: 'Saira'!important; font-style: normal!important; font-weight: 400!important; font-size: 21px!important; line-height: 1.2!important; letter-spacing: 1px!important; text-align: left!important; text-transform: uppercase!important; margin-top: 0px; margin-bottom: 0px !important; } section.u4m-rich-text div.content .h2, section.u4m-rich-text div.content h2 { color: #000; font-size: 58px; letter-spacing: 0; line-height: 1.3; margin-bottom: 20rem; font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 400; background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: color, overlay, normal; } section.u4m-hero .inner .content-wrap .copy .subtext { font-family: "Saira"; } section.u4m-cards:not(.reverse-text) .card .content span.title { display: block; letter-spacing: 0; margin-bottom: 20rem; font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 500; font-size: 32px !important; line-height: 1.1; background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(278deg, #253033 8.32%, #6C6F6F 21.93%, #525958 44.51%, #253033 52.12%, #253033 73.48%, #434849 81.53%, #253033 87.45%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: color, overlay, normal; } #trainyourteam{ background-attachment: fixed; background-size: cover; } #trainingsolutions .content ul li { line-height: 1.5; margin-bottom: 8px; font-size: 15rem; } section.u4m-cards .inner .intro .subheading { font-size: 18rem; line-height: 1.2; margin: 0 auto 20rem; max-width: 90%; text-align: center; font-family: 'Raleway'; font-style: normal; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: difference, overlay, normal; } section.u4m-cards.reverse-text .heading { color: #fff; font-size: 57rem; letter-spacing: 0; line-height: 1.3; margin-bottom: 20rem; font-family: 'Saira Condensed'; font-style: normal; font-weight: 600; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: difference, overlay, normal; margin-bottom: 10px; } #trainingsolutions .image.filled img { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; } #trainingsolutions .image.filled { border-bottom: 10rem solid #2f6fed; } section.u4m-cards.reverse-text .wrapper div.card .content span.title { display: block; font-size: 18px; line-height: 1.2; width: 100%; font-family: 'Saira'; font-style: normal; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #FFFFFF; margin: 15px 0px 10px 0px; } section.u4m-cards.reverse-text .wrapper div.card .content span.teaser p { line-height: 1.2; color: hsla(0, 0%, 100%, .8); font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 auto; font-family: "Saira"; } section.u4m-logo-trust-marks .intro .heading { color: #000; font-size: 54px; letter-spacing: 0; line-height: 1.3; margin-bottom: 10px; text-align: center; font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 400; background: linear-gradient(0deg, #000000, #000000), } section.u4m-logo-trust-marks .intro .subheading { background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%); -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: color, overlay, normal; margin-bottom: 0px !important; font-family: 'Saira'; font-style: normal; font-weight: 400; font-size: 23px; line-height: 1.2; letter-spacing: 1px; text-align: center; margin-top: 0px; max-width: 90%; margin-bottom: 35px!important; } section.u4m-logo-trust-marks figure img { max-height: 110rem; box-shadow: 0px 0px 10px #00000026; } section.u4m-logo-trust-marks .slick-track .slick-slide .item { padding: 10px; } #partnerships { padding: 75px 0px!important; } #companyhero .subhead{ color: #fff; text-align: left !important; font-size: 27px !important; margin-bottom: 5px !important; font-family: 'Saira' !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 1px !important; text-transform: uppercase !important; margin-top: 0px; } } section.u4m-hero.reverse-text div.inner div.content-wrap { color: #ffffff; } section.u4m-cards.reverse-text .wrapper div.card .content h3.heading { font-size: 18px; line-height: 1.2; width: 100%; font-family: 'Saira'; font-style: normal; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #FFFFFF; margin: 35px 0px 10px 0px; } #open360{ background-attachment: fixed; background-size: cover; background-positon: center; } section.u4m-cards.reverse-text .wrapper div.card .content{ background: transparent!important; } section.u4m-cards .inner .wrapper.three div.card { background: rgba(255, 255, 255, 0.15) !important; backdrop-filter: blur(12px); padding: 35px; } section.u4m-alternating-content.widget_1714051543545 { background: linear-gradient(180deg, #f0f0f0 0%, #EFEFEF 100%)!important; } section.u4m-rich-text div.content .h5, section.u4m-rich-text div.content h5 { color: #000; letter-spacing: 0; font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 500; font-size: 29px !important; line-height: 1.1; background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(278deg, #253033 8.32%, #6C6F6F 21.93%, #525958 44.51%, #253033 52.12%, #253033 73.48%, #434849 81.53%, #253033 87.45%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: color, overlay, normal; margin-bottom: 5px !important; } section.u4m-section-intro .inner .heading { font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 400; font-size: 60px; background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: color, overlay, normal; margin-bottom: 10px !important; } section.u4m-section-intro .inner p.content { display: none; } section.u4m-drag-and-drop-area { margin: 0rem auto; } section.u4m-rich-text div.content { padding-left: 10rem; padding-right: 10rem; } .button { background-color: rgba(255,0,0,.5); border: 0; border-radius: 4rem; color: #fff; cursor: pointer; display: inline-block; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; overflow: hidden; padding: 12rem 30rem; position: relative; text-align: center; text-decoration: none; text-shadow: 0 2px 4px rgba(58,58,58,.25); -webkit-transition: .1s ease-in; transition: .1s ease-in; z-index: 3 } .button:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); opacity: 1; z-index: -2 } .button:after,.button:before { bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; width: 100% } .button:after { background-image: -webkit-gradient(linear,left top,right top,from(red),to(red)); background-image: linear-gradient(-270deg,red,red); opacity: 0; z-index: -1 } .button:focus,.button:hover { color: #fff } .button:focus:after,.button:hover:after { opacity: 1 } .button:focus:before,.button:hover:before { opacity: 0 } .buttonSmall { background-color: rgba(255,0,0,.5); border: 0; border-radius: 4rem; color: #fff; cursor: pointer; display: inline-block; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-size: 16rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; overflow: hidden; padding: 9rem 22rem; position: relative; text-align: center; text-decoration: none; text-shadow: 0 2px 4px rgba(58,58,58,.25); -webkit-transition: .1s ease-in; transition: .1s ease-in; z-index: 3 } .buttonSmall:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); opacity: 1; z-index: -2 } .buttonSmall:after,.buttonSmall:before { bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; width: 100% } .buttonSmall:after { background-image: -webkit-gradient(linear,left top,right top,from(red),to(red)); background-image: linear-gradient(-270deg,red,red); opacity: 0; z-index: -1 } .buttonSmall:focus,.buttonSmall:hover { color: #fff } .buttonSmall:focus:after,.buttonSmall:hover:after { opacity: 1 } .buttonSmall:focus:before,.buttonSmall:hover:before { opacity: 0 } .buttonStroked { background-color: transparent; border: 2rem solid red; border-radius: 4rem; color: #000; cursor: pointer; display: inline-block; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; padding: 10rem 30rem; text-decoration: none; -webkit-transition: .1s ease-in; transition: .1s ease-in } .buttonStroked:focus,.buttonStroked:hover { background-color: red; color: #fff; text-shadow: 0 2px 4px rgba(58,58,58,.25) } .buttonText { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; cursor: pointer; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; position: relative } .buttonText:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); border-radius: 2rem; bottom: -10rem; content: ""; height: 3rem; left: 0; position: absolute; -webkit-transition: width .25s ease; transition: width .25s ease; width: 0 } .buttonText:after { background-color: rgba(43,138,248,.8); background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg); background-position: 7px 50%; background-repeat: no-repeat; border-radius: 50%; content: ""; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; height: 20rem; margin-left: 12rem; width: 20rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: .1s ease-in; transition: .1s ease-in } .buttonText:focus,.buttonText:hover { color: #3a3a3a } .buttonText:focus:before,.buttonText:hover:before { width: 100% } .buttonText:focus:after,.buttonText:hover:after { background-color: #8d2838; background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/chevronOnlyW.svg); -webkit-transform: translateX(4rem); transform: translateX(4rem) } .buttonLight { background-color: rgba(255,0,0,.5); border: 0; border-radius: 4rem; color: #fff; cursor: pointer; display: inline-block; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; overflow: hidden; padding: 12rem 30rem; position: relative; text-align: center; text-decoration: none; text-shadow: 0 2px 4px rgba(58,58,58,.25); -webkit-transition: .1s ease-in; transition: .1s ease-in; z-index: 3 } .buttonLight:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); opacity: 1; z-index: -2 } .buttonLight:after,.buttonLight:before { bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; width: 100% } .buttonLight:after { background-image: -webkit-gradient(linear,left top,right top,from(red),to(red)); background-image: linear-gradient(-270deg,red,red); opacity: 0; z-index: -1 } .buttonLight:focus,.buttonLight:hover { color: #fff } .buttonLight:focus:after,.buttonLight:hover:after { opacity: 1 } .buttonLight:focus:before,.buttonLight:hover:before { opacity: 0 } .buttonLightSmall { background-color: rgba(255,0,0,.5); border: 0; border-radius: 4rem; color: #fff; cursor: pointer; display: inline-block; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-size: 16rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; overflow: hidden; padding: 9rem 22rem; position: relative; text-align: center; text-decoration: none; text-shadow: 0 2px 4px rgba(58,58,58,.25); -webkit-transition: .1s ease-in; transition: .1s ease-in; z-index: 3 } .buttonLightSmall:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); opacity: 1; z-index: -2 } .buttonLightSmall:after,.buttonLightSmall:before { bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; width: 100% } .buttonLightSmall:after { background-image: -webkit-gradient(linear,left top,right top,from(red),to(red)); background-image: linear-gradient(-270deg,red,red); opacity: 0; z-index: -1 } .buttonLightSmall:focus,.buttonLightSmall:hover { color: #fff } .buttonLightSmall:focus:after,.buttonLightSmall:hover:after { opacity: 1 } .buttonLightSmall:focus:before,.buttonLightSmall:hover:before { opacity: 0 } .buttonLightStroked { background-color: transparent; border: 2rem solid red; border-radius: 4rem; color: #000; color: #fff; cursor: pointer; display: inline-block; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; padding: 10rem 30rem; text-decoration: none; -webkit-transition: .1s ease-in; transition: .1s ease-in } .buttonLightStroked:focus,.buttonLightStroked:hover { background-color: red; color: #fff; text-shadow: 0 2px 4px rgba(58,58,58,.25) } .buttonLightText { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; color: #fff; cursor: pointer; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: 20rem 0; position: relative; text-shadow: 0 2px 4px rgba(58,58,58,.25) } .buttonLightText:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); border-radius: 2rem; bottom: -10rem; content: ""; height: 3rem; left: 0; position: absolute; -webkit-transition: width .25s ease; transition: width .25s ease; width: 0 } .buttonLightText:after { background-color: rgba(43,138,248,.8); background-position: 7px 50%; background-repeat: no-repeat; border-radius: 50%; content: ""; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; height: 20rem; margin-left: 12rem; width: 20rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: .1s ease-in; transition: .1s ease-in } .buttonLightText:focus,.buttonLightText:hover { color: #3a3a3a } .buttonLightText:focus:before,.buttonLightText:hover:before { width: 100% } .buttonLightText:focus:after,.buttonLightText:hover:after { background-color: #8d2838; background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/chevronOnlyW.svg); -webkit-transform: translateX(4rem); transform: translateX(4rem) } .buttonLightText:after { background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg) } .buttonLightText:before { background-color: #fff } .buttonLightText:focus,.buttonLightText:hover { color: #fff } .buttonLightText:focus:before,.buttonLightText:hover:before { background-color: #fff; background-image: none } .buttonLightText:focus:after,.buttonLightText:hover:after { background-color: #fff; background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg) } html { font-size: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility } @media(max-width: 580px) { html { font-size:1px } } @media(min-width: 2560px) { html { font-size:1px } } section.u4m-blog-post-cards { margin: 0; padding-bottom: 15px; } section.u4m-blog-post-cards.reverse-text .top-wrapper .heading { color: #fff } section.u4m-blog-post-cards .top-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; margin-left: auto; margin-right: auto; max-width: 1340rem; padding-left: 20rem; padding-right: 20rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width: 768px) { section.u4m-blog-post-cards .top-wrapper { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 40rem; text-align: center } } section.u4m-blog-post-cards .top-wrapper .heading { color: #000; font-family: Saira Condensed,sans-serif; font-size: 48rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; margin-bottom: 20rem } section.u4m-blog-post-cards .top-wrapper .heading span { color: #2b8af8 } @media(max-width: 1024px) { section.u4m-blog-post-cards .top-wrapper .heading { font-size:38rem } } @media(max-width: 580px) { section.u4m-blog-post-cards .top-wrapper .heading { font-size:32rem; margin-bottom: 20rem } } section.u4m-blog-post-cards .top-wrapper .link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; cursor: pointer; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; position: relative; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0; text-align: right } section.u4m-blog-post-cards .top-wrapper .link:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); border-radius: 2rem; bottom: -10rem; content: ""; height: 3rem; left: 0; position: absolute; -webkit-transition: width .25s ease; transition: width .25s ease; width: 0 } section.u4m-blog-post-cards .top-wrapper .link:after { background-color: rgba(43,138,248,.8); background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg); background-position: 7px 50%; background-repeat: no-repeat; border-radius: 50%; content: ""; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; height: 20rem; margin-left: 12rem; width: 20rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: .1s ease-in; transition: .1s ease-in } section.u4m-blog-post-cards .top-wrapper .link:focus,section.u4m-blog-post-cards .top-wrapper .link:hover { color: #3a3a3a } section.u4m-blog-post-cards .top-wrapper .link:focus:before,section.u4m-blog-post-cards .top-wrapper .link:hover:before { width: 100% } section.u4m-blog-post-cards .top-wrapper .link:focus:after,section.u4m-blog-post-cards .top-wrapper .link:hover:after { background-color: #8d2838; background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/chevronOnlyW.svg); -webkit-transform: translateX(4rem); transform: translateX(4rem) } @media(max-width: 768px) { section.u4m-blog-post-cards .top-wrapper .link { text-align:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } section.u4m-blog-post-cards div.wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: none; margin-left: auto; margin-right: auto; max-width: 1340rem; padding-left: 20rem; padding-right: 20rem } @media(max-width: 1280px) { section.u4m-blog-post-cards div.wrapper { padding:0 } } @media(max-width: 768px) { section.u4m-blog-post-cards div.wrapper { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center } } section.u4m-blog-post-cards div.wrapper a.blog-post-card { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; margin: 18rem; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: #fff; border: 2px solid #cacaca; border-radius: 4rem; -webkit-box-shadow: 0 1rem 12rem 0 rgba(58,58,58,.1); box-shadow: 0 1rem 12rem 0 rgba(58,58,58,.1); -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 calc(33.333% - 38rem); flex: 0 1 calc(33.333% - 38rem); position: relative; top: 0; -webkit-transition: .1s ease-in; transition: .1s ease-in } section.u4m-blog-post-cards div.wrapper a.blog-post-card:hover { top: -10rem } @media(max-width: 1024px) { section.u4m-blog-post-cards div.wrapper a.blog-post-card { -ms-flex-preferred-size:calc(50% - 38rem); flex-basis: calc(50% - 38rem) } } @media(max-width: 768px) { section.u4m-blog-post-cards div.wrapper a.blog-post-card { -webkit-box-flex:0; -ms-flex: 0 1 calc(100% - 38rem); flex: 0 1 calc(100% - 38rem) } } @media(max-width: 580px) { section.u4m-blog-post-cards div.wrapper a.blog-post-card { -webkit-box-flex:0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin: 0 0 20px } } .featured-image { background-position: top; background-size: cover; height: 203rem; width: 100% } .content { color: #3a3a3a; display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 203rem); padding: 32rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media(max-width: 768px) { .content { padding:20rem } } .content .topics { color: #2b8af8; display: block; font-family: Saira,sans-serif; font-size: 18rem; font-size: 12rem; font-weight: 700; letter-spacing: 2.25rem; letter-spacing: 1.25rem; margin-bottom: 0; text-transform: uppercase } .content .read-time { display: inline; font-family: Saira,sans-serif; font-size: 13rem; letter-spacing: 0; line-height: 1.9; margin-bottom: 0; text-transform: uppercase } @media(max-width: 580px) { .content .read-time { font-size:13rem } } .content .date { display: inline; font-family: Saira,sans-serif; font-size: 13rem; letter-spacing: 0; line-height: 1.9; margin-bottom: 20rem; text-transform: uppercase } @media(max-width: 580px) { .content .date { font-size:13rem } } .content .title { color: #000; color: #3a3a3a; display: block; font-family: Saira Condensed,sans-serif; font-size: 28rem; font-weight: 700; letter-spacing: 0; line-height: 1.2; margin-bottom: 30rem; margin-top: 10rem } .content .title span { color: #2b8af8 } @media(max-width: 1024px) { .content .title { font-size:28rem } } @media(max-width: 580px) { .content .title { font-size:24rem; margin-bottom: 20rem } } .content .teaser { display: block; font-family: Saira,sans-serif; font-size: 13rem; letter-spacing: 0; line-height: 1.9; margin-bottom: 20rem } @media(max-width: 580px) { .content .teaser { font-size:13rem } } .content .read-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; cursor: pointer; font-family: Saira Condensed,sans-serif; font-size: 18rem; font-weight: 700; letter-spacing: normal; letter-spacing: .15rem; line-height: 1; margin: auto 0 0; position: relative; -webkit-transition: .1s ease-in; transition: .1s ease-in } .content .read-more:before { background-image: -webkit-gradient(linear,left top,right top,from(red),color-stop(85%,#8d2838)); background-image: linear-gradient(-270deg,red,#8d2838 85%); border-radius: 2rem; bottom: -10rem; content: ""; height: 3rem; left: 0; position: absolute; -webkit-transition: width .25s ease; transition: width .25s ease; width: 0 } .content .read-more:after { background-color: rgba(43,138,248,.8); background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/ChevronOnly.svg); background-position: 7px 50%; background-repeat: no-repeat; border-radius: 50%; content: ""; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; height: 20rem; margin-left: 12rem; width: 20rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: .1s ease-in; transition: .1s ease-in } .content .read-more:focus,.content .read-more:hover { color: #3a3a3a } .content .read-more:focus:before,.content .read-more:hover:before { width: 100% } .content .read-more:focus:after,.content .read-more:hover:after { background-color: #8d2838; background-image: url(https://39950057.fs1.hubspotusercontent-na1.net/hubfs/39950057/chevronOnlyW.svg); -webkit-transform: translateX(4rem); transform: translateX(4rem) } .content .read-more:hover { color: #3a3a3a } .btn-uki{ border: 2px solid #000; padding: 10px 25px; background: transparent; color: #000; margin-bottom: 15px; font-size: 15px; } .btn-uki:hover{ border: 2px solid #858585; padding: 10px 25px; background: transparent; color: #858585; } .inline-btn a{ color: #000; } .inline-btn a:hover{ color: #858585; } .inline-btn { display: flex; text-align: center; column-gap: 10px; line-height: 1.2; } #container-uki, #container-a-uki, #container-b-uki { margin-left: auto; margin-right: auto; max-width: 1340rem; padding-left: 0rem; padding-right: 0rem; } #container-uki .content, #container-a-uki .content, #container-b-uki .content{ max-width: 100%!important; padding-left: 0px!important; padding-right: 0px!important; margin: 50px 0px!important; } #container-a-uki .content{ margin: 0px!important; } #container-b-uki .content{ margin: 50px 0px 0px 0px!important; } #resources-filter{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:16px 0 22px; } #resources-filter .resources-filter__left{ flex: 1 1 320px; min-width: 240px; } #resources-filter .resources-filter__right{ display:flex; gap:10px; flex: 0 0 auto; align-items:center; } #resources-q, #resources-type{ height:44px; border:1px solid rgba(0,0,0,.18); border-radius:10px; padding:0 14px; font-size:14px; outline:none; } #resources-q{ width:100%; } #resources-type{ min-width: 200px; background:#fff; } #resources-search-btn{ height:44px; padding:0 20px; border-radius:999px; border:0; background:#2f6fed; color:#fff; font-weight:400!important; cursor:pointer; white-space:nowrap; font-family: "Saira"; } #resources-search-btn:hover{ filter:brightness(.95); } @media (max-width: 640px){ #resources-filter .resources-filter__right{ width:100%; } #resources-type{ flex: 1 1 auto; min-width: 0; } #resources-search-btn{ flex: 0 0 auto; } } #resources-filter{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:16px 0 22px; } #resources-filter .resources-filter__left{ flex: 1 1 320px; min-width: 240px; } #resources-filter .resources-filter__right{ display:flex; gap:10px; flex: 0 0 auto; align-items:center; } #resources-q, #resources-type{ height:44px; border:1px solid rgba(0,0,0,.18); border-radius:10px; padding:0 14px; font-size:14px; outline:none; } #resources-q{ width:100%; } #resources-type{ min-width:200px; background:#fff; } #resources-search-btn{ height:44px; padding:0 16px; border-radius:999px; border:0; background:#2f6fed; color:#fff; cursor:pointer; white-space:nowrap; } #resources-search-btn:hover{ filter:brightness(.95); } .featured-image { height: 280px; border-bottom: none; } #container-uki .blog-post-card .content, #container-a-uki .blog-post-card .content{ padding: 20px 20px 0!important; height: auto!important; margin: 0px!important; } #hs_cos_wrapper_widget_1778088968614_{ background: #f6f6f6; border: 1px solid #ddd; margin-bottom: 55px!important; } #resources-filter{ margin:16px 0 22px; } #resources-filter .resources-filter__bar{ display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 0px; background: #f6f6f6; width: 100%; flex-wrap: nowrap; border: none; border-bottom: 1px solid #ddd; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #resources-q, #resources-type{ height:44px; border:1px solid rgba(255,255,255,.18); border-radius:12px; padding:0 14px; font-size:14px; outline:none; background:#2a2a2a; color:#fff; } #resources-q{ flex: 1 1 320px; min-width: 240px; } #resources-type{ flex: 0 0 auto; min-width: 200px; } #resources-search-btn{ height:44px; padding:0 16px; border-radius:999px; border:0; background:#2f6fed; color:#fff; font-weight:600; cursor:pointer; white-space:nowrap; } #resources-search-btn:hover{ filter:brightness(.95); } #resources-filter-pills{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; } .resources-pill{ display:inline-flex; align-items:center; gap:8px; padding:10px 15px; border-radius:999px; background:#000; /* adjust to match your brand */ color:#fff; font-size:12px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; } .resources-pill__x{ display:inline-grid; place-items:center; width:18px; height:18px; border-radius:999px; border:0; background:rgba(255,255,255,.18); color:#fff; cursor:pointer; line-height:1; padding:0; } #resources-filter{ margin: 0px; max-width: 100%; /* optional */ } #resources-q{ flex: 1 1 auto; min-width: 280px; } #resources-type{ flex: 0 0 220px; } #resources-search-btn{ flex: 0 0 auto; } #resources-q, #resources-type{ height:44px; border:1px solid #ddd; border-radius:5px; padding:0 14px; font-size:14px; outline:none; background:#fff; color:#000; } #resources-q{ background:transparent!important; border: none!important; } #resources-search-btn{ height:44px; padding:0 16px; border-radius:999px; border:0; background:#2f6fed; color:#fff; font-weight:600; cursor:pointer; white-space:nowrap; } /* pills directly below the bar */ #resources-filter-pills{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; justify-content:flex-start; /* left */ align-items:center; margin: 0px 20px; } .resources-pill__x{ display:inline-grid; place-items:center; width:18px; height:18px; border-radius:999px; border:0; background:rgba(255,255,255,.18); color:#fff; cursor:pointer; line-height:1; padding:0; } /* mobile: allow stacking */ @media (max-width: 700px){ #resources-filter .resources-filter__bar{ flex-wrap:wrap; } #resources-q{ min-width: 0; width:100%; flex: 1 1 100%; } #resources-type{ flex: 1 1 180px; } } .topics .topic-sep{ display:inline !important; opacity:1 !important; visibility:visible !important; font-size:12px; /* match your tag size */ line-height:1; color:inherit; margin:0 6px; } #resources-type{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 34px; /* space for arrow */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23666' d='M5.5 7.5L10 12l4.5-4.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 5px center; /* <-- 5px from right */ background-size: 24px 14px; } /* hide default arrow in old IE/EdgeHTML */ #resources-type::-ms-expand{ display:none; } section.u4m-blog-post-cards div.wrapper a.blog-post-card { border: 1px solid #ddd !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden; } .content .read-more:before { background-image: none!important; } .content .read-more:focus:after, .content .read-more:hover:after { display: none; } .content .read-more:after{ display: none; } .content .read-more:hover { color: #2f6fed; transition: color 0.2s ease; } .read-more { transition: color 0.2s ease; } .blog-post-card:hover .read-more { color: #2f6fed; } .blog-post-card:hover .content .read-more{ color: #2b8af8!important; } section.u4m-hero .inner .content-wrap.text-left .copy { padding: 0px; } section.u4m-rich-text div.content .h3, section.u4m-rich-text div.content h3 { color: #000; font-family: Saira Condensed, sans-serif; font-size: 30rem; font-weight: 700; letter-spacing: 0; line-height: 1.2; margin-bottom: 20rem; font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 400; background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: color, overlay, normal; } .content .date { font-family: "Saira"; letter-spacing: 1px; } .content .read-time { font-family: "Saira"; letter-spacing: 1px; } .content { padding: 20px 20px 0 !important; height: auto !important; flex: 1 1 auto; } .topics--filter { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .card-meta { margin: 0 0 14px; width: 100%; } .card-category { margin: 0 0 6px; font-family: "Saira", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; color: #2f6fed; } .card-category .topic { color: #2f6fed; } .card-meta-line { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0; text-transform: none; color: #3a3a3a; } .card-meta-line .card-date, .card-meta-line .card-read-time { margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: none; color: inherit; } .card-divider { width: 100%; height: 0; border: 0; border-top: 1px solid #ddd; margin: 0 0 16px; } .content .title { margin-top: 0 !important; margin-bottom: 16px !important; font-family: "Saira Semi Condensed", "Saira", sans-serif !important; font-size: 22px !important; font-weight: 500 !important; line-height: 1.25 !important; color: #000 !important; background: none !important; -webkit-text-fill-color: #000 !important; } .card-author-bar { display: flex; align-items: center; gap: 8px; margin: auto -20px 0; padding: 12px 20px; width: calc(100% + 40px); background: #f8f8f8; font-family: "Saira", sans-serif; font-size: 14px; line-height: 1.3; color: #3a3a3a; } .card-author__avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: 0 0 28px; background: #e0e0e0; } .card-author__name { font-weight: 500; color: #000; } .content .read-more { display: none !important; } #resources-q, #resources-type { font-family: "Saira"; } .content .read-more { font-family: "Saira", sans-serif; font-size: 15rem; font-weight: 400; } section.u4m-rich-text div.content .b3, section.u4m-rich-text div.content ol, section.u4m-rich-text div.content p, section.u4m-rich-text div.content ul { font-family: "Saira"; } #ourvision .content { padding-left: 20%; padding-right: 20%; } section.u4m-blog-listing .posts-band__heading { max-width: 1200px; margin: 0 auto 32px; font-family: "Saira Semi Condensed", "Saira", sans-serif; font-size: 32px; font-weight: 500; line-height: 1.2; color: #000; color: #000; font-family: Saira Condensed, sans-serif; font-size: 30rem; font-weight: 700; letter-spacing: 0; line-height: 1.2; margin-bottom: 20rem; font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 400; background: linear-gradient(0deg, #000000, #000000), linear-gradient(339.03deg, rgba(255, 255, 255, 0) 52.79%, #FFFFFF 95.95%), linear-gradient(233.58deg, #253033 -163.72%, #6C6F6F -121.35%, #525958 -51.05%, #253033 -27.37%, #253033 39.1%, #434849 64.15%, #253033 82.59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; background-blend-mode: color, overlay, normal; } a.blog-post-card { border: 1px solid #ddd !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden; } .card-category { margin: 0 0 6px; font-family: "Saira", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; color: #2f6fed; } .card-meta { margin: 0 0 14px; width: 100%; } .card-meta-line { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0; text-transform: none; color: #3a3a3a; } .card-divider { width: 100%; height: 0; border: 0; border-top: 1px solid #ddd; margin: 0 0 16px; } .card-author-bar { display: flex; align-items: center; gap: 8px; margin: auto -20px 0; padding: 12px 20px; width: calc(100% + 40px); background: #f8f8f8; font-family: "Saira", sans-serif; font-size: 14px; line-height: 1.3; color: #3a3a3a; } .card-author__avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: 0 0 28px; background: #e0e0e0; } a.blog-post-card:hover { top: -10rem!important; }