.carousel-container{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9}.tool-list{display:flex;gap:15px;width:100%;margin-bottom:16px}.tool-list.scrollable{overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px}.tool-list.scrollable::-webkit-scrollbar{height:0}.tool-list.scrollable::-webkit-scrollbar-track{background:transparent}.tool-list.scrollable::-webkit-scrollbar-thumb{background:#d8d8d8}.tool-list.horizontal{flex-direction:row;justify-content:space-around}.tool-list.vertical{flex-direction:column}.tool-list .tool-item{display:flex;align-items:center;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s;border-bottom:1px solid #eaeaea;padding-bottom:15px;font-family:serif;flex-shrink:0}.tool-list .tool-item:last-child{border-bottom:0;padding-bottom:0}.tool-list .tool-item .icon{height:66px;width:66px;background:#f9f8f2;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 20px 0 0;padding:10px 0 0 5px;flex-shrink:0;box-sizing:border-box}.tool-list .tool-item .icon svg{height:60px;width:60px}.tool-list .tool-item .icon.dueDate{padding:5px 0 0}.tool-list .tool-item .icon.ovulation{padding:8px 0 0 5px}.tool-list .tool-item .name-container{display:flex;align-items:center;justify-content:center;height:54px}.tool-list .tool-item .name-container .name{font-size:18px;font-weight:700;color:#18443c}.arrow{background:rgba(0,0,0,.5);bottom:100px;display:flex;height:60px;margin:auto;position:absolute;width:25px;align-items:center;cursor:pointer;justify-content:center;transition:all .3s ease-in-out;z-index:11;border:0}.arrow:hover{color:#0d4329}.right-arrow{border-radius:5px 0 0 5px;right:0}.right-arrow:after{border-right:2px solid #fff;border-top:2px solid #fff;bottom:0;content:"";display:block;height:10px;left:0;margin:auto;position:absolute;right:5px;top:0;transform:rotate(43deg);width:10px}.left-arrow{border-radius:0 5px 5px 0;left:0}.left-arrow:after{border-right:2px solid #fff;border-top:2px solid #fff;bottom:0;content:"";display:block;height:10px;left:5px;margin:auto;position:absolute;right:0;top:0;transform:rotate(225deg);width:10px}.pregToolsMobile{margin:0 4%;width:100%}.pregToolsMobile .tool-list.vertical{flex-direction:row;margin-bottom:20px;padding-bottom:20px;overflow-x:auto}.pregToolsMobile .tool-list.vertical .tool-item{border:0;padding:0;flex-wrap:wrap;justify-content:center;max-width:120px;flex-shrink:0}.pregToolsMobile .tool-list.vertical .tool-item .icon{margin:0 0 10px;padding:0}.pregToolsMobile .tool-list.vertical .tool-item .icon.dueDate{padding:5px 0 0}.pregToolsMobile .tool-list.vertical .tool-item .icon.ovulation{padding:8px 0 0 5px}.pregToolsMobile .tool-list.vertical .tool-item .name{text-align:center;font-size:16px;color:#18443c}.pregToolsMobile.hp{margin:0}.pregToolsMobile .carousel-container .arrow{display:none}.pregToolsDesktop{width:100%}.pregToolsDesktop .horizontal-desktop .tool-item{border:0;padding:0;flex-wrap:wrap;max-width:200px;justify-content:center}.pregToolsDesktop .horizontal-desktop .tool-item .icon{width:96px;height:96px;margin:0 0 10px}.pregToolsDesktop .horizontal-desktop .tool-item .icon.dueDate{padding:5px 0 0}.pregToolsDesktop .horizontal-desktop .tool-item .icon svg{height:70px;width:70px}.pregToolsDesktop .horizontal-desktop .tool-item .name{text-align:center;color:#18443c}