.online-ebook-outline{padding:225px 0 175px}.online-ebook-outline .bg-area>div{position:relative}.online-ebook-outline .bg-area>div .blue-blob{left:-170px;position:absolute;top:-100px;z-index:0}.online-ebook-outline .bg-area .blue-blob svg{overflow:visible;width:645px}.online-ebook-outline .bg-area>div .green-blob{position:absolute;right:-200px;top:0;z-index:0}.online-ebook-outline .bg-area .green-blob svg{overflow:visible;width:645px}.online-ebook-outline .intro-area{padding-bottom:100px;position:relative;text-align:center;z-index:1}.online-ebook-outline .intro-area h4{color:#ea6115}.online-ebook-outline .intro-area h1{font-size:clamp(100px,10.417vw,175px);line-height:1}.online-ebook-outline .outline-area{display:flex;flex-wrap:wrap;justify-content:center}.online-ebook-outline .outline-area .section{align-items:center;background:#fff;border-radius:30px;display:flex;flex-basis:calc(25% - 20px);flex-grow:0;flex-shrink:0;margin:15px 10px;padding:55px 25px;position:relative}.online-ebook-outline .outline-area .section .number{background:url(https://www.directdevelopment.com/hubfs/DD%20Agency/Deep%20Dive/sm-blue-splotch.svg) 50%/contain no-repeat;color:#033b84;font-size:40px;font-weight:700;margin-right:40px;padding:10px 30px}.online-ebook-outline .outline-area .section h4{color:#033b84;font-size:22px;margin:0}.online-ebook-outline .outline-area .section .desc{align-items:center;background:#033b84;border-radius:30px;box-shadow:0 2px 15px #72a4e6;color:#fff;display:flex;height:100%;left:0;opacity:0;padding:25px;position:absolute;top:0;transition:all .2s ease;width:100%}.online-ebook-outline .outline-area .section .desc:hover{opacity:1}.online-ebook-outline .outline-area .section .desc p{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:100%;line-height:1.5;margin:0 15px 0 0;overflow-y:auto;padding-right:10px}.online-ebook-outline .outline-area .section .desc p::-webkit-scrollbar{width:5px}.online-ebook-outline .outline-area .section .desc p::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}.online-ebook-outline .outline-area .section .desc p::-webkit-scrollbar-thumb{background:#d1e5ff;border-radius:10px}@media (max-width:1680px){.online-ebook-outline .outline-area .section{flex-basis:calc(33.33% - 20px)}}@media (max-width:1280px){.online-ebook-outline .outline-area .section{flex-basis:calc(50% - 20px)}}@media (max-width:900px){.online-ebook-outline .outline-area .section{flex-basis:100%;margin:15px 0}}