.featured-resources{height:60vh;margin-top:calc(40px + 3%);max-height:60vh;overflow:hidden}.featured-resources .resources-track{align-items:flex-start;flex-direction:column;flex-wrap:wrap;height:60vh;justify-content:space-evenly;max-height:60vh;overflow-x:visible;position:relative;-webkit-transition:left .2s;-moz-transition:left .2s;-ms-transition:left .2s;-o-transition:left .2s;transition:left .2s;width:100%}.featured-resources .resources-track .resource-box{height:100%;min-height:100%;overflow:hidden;padding:0 1.375%;width:33.333%}.featured-resources .resources-track .resource-box .resource-box-inner{background-position:top;background-repeat:no-repeat;background-size:auto 100%;border-radius:24px;height:100%;margin:0;min-height:100%;overflow:hidden;padding:0;position:relative;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.featured-resources .resources-track .resource-box:hover .resource-box-inner{background-size:auto 102%}.featured-resources .resources-track .resource-box .resource-box-inner>a{border-radius:24px;cursor:pointer;display:block;height:100%;position:absolute;width:100%;z-index:20}.featured-resources .resources-track .resource-box .resource-box-inner>a:hover{cursor:pointer}.featured-resources .resources-track .resource-box .resource-box-inner .content{background:#000;background:-moz-linear-gradient(0deg,#000 0,transparent 100%);background:-webkit-linear-gradient(0deg,#000,transparent);background:linear-gradient(0deg,#000,transparent);bottom:0;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);padding:30px;position:absolute;width:100%;z-index:12}.featured-resources .resources-track .resource-box .gradient-overlay-bottom{height:96%;opacity:1}.featured-resources .resources-track .resource-box .content h3,.featured-resources .resources-track .resource-box .content h4{margin-bottom:calc(1.5rem + 2%);margin-top:.5rem}.featured-resources .resources-track .resource-box .content .button{background:hsla(0,0%,100%,.17);width:auto}.featured-resources .resources-track .resource-box .content .button:hover,.featured-resources .resources-track .resource-box a:hover .content .button{background:hsla(0,0%,100%,.24)}.featured-resources .resources-track .resource-box .content .button.button-icon-arrow:hover:after{background-color:hsla(0,0%,100%,.1);border:.5px solid hsla(0,0%,100%,.3)}.resources-nav.flex{cursor:pointer;margin-top:4vh;-webkit-tap-highlight-color:rgba(0,0,0,0);justify-content:center}.resources-nav ul{justify-content:center;list-style-type:none;margin:0;padding:0;width:auto}.resources-nav ul li{height:34px;margin:14px 7px;padding:0;width:34px}.resources-nav ul li a{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:center;opacity:.5;width:34px}.resources-nav ul li a span{background-color:var(--grey-text-color);border-radius:6px;display:block;height:12px;width:12px}.resources-nav ul li.is-active a{opacity:1}.resources-nav ul li.is-active a span{background-color:#7c3b86;display:block}.resources-nav div{background-repeat:no-repeat;background-size:14px 30px;cursor:pointer;height:30px;margin:16px;width:14px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.resources-nav .arrow-previous{background-image:url(https://www.saasacademy.com/hubfs/SaaS%20Academy%202024%20Website/images/arrow-previous.svg)}.resources-nav .arrow-next{background-image:url(https://www.saasacademy.com/hubfs/SaaS%20Academy%202024%20Website/images/arrow-next.svg)}.resources-nav .arrow-next.disabled,.resources-nav .arrow-previous.disabled{cursor:auto;opacity:.3}@media only screen and (max-width:1080px){.featured-resources{overflow-y:hidden;width:100%}.featured-resources>div{width:47%}}@media only screen and (max-width:1000px){.featured-resources .resources-track .resource-box{padding:0 1.375%;width:50%}}@media only screen and (max-width:680px){.featured-resources .resources-track .resource-box{padding:0 1.375%;width:100%}.resources-nav div{background-repeat:no-repeat;background-size:14px 30px;cursor:pointer;height:30px;margin:12px;width:14px}.resources-nav ul{margin:10px}.resources-nav ul li{height:7px;margin:10px;width:7px}.resources-nav ul li a{height:7px;width:7px}.resources-nav ul li a span{border-radius:3.5px;height:7px;width:7px}}