.resourcesBanner-banner{border-radius:0 0 20% 20%;width:100%;height:520px;position:relative;overflow:hidden;background:var(--np-white-bg)!important}.resourcesBanner-banner__bg{object-fit:cover;z-index:0}.resourcesBanner-banner__overlay{z-index:1;background:#00000059;position:absolute;inset:0}.resourcesBanner-banner__content{z-index:2;text-align:center;color:var(--np-white-text);padding:0 20px;position:relative;top:50%;transform:translateY(-50%)}.resourcesBanner-banner__content h1{letter-spacing:.02em;font-size:48px;font-weight:800;line-height:1.4}.resourcesBanner-form-below-title{opacity:.9;width:80%;margin:0 auto;font-size:18px;color:var(--np-white-text)!important}.leaf{z-index:2;position:absolute}.leaf-left{width:180px;bottom:80px;left:-20px}.leaf-right{width:180px;bottom:80px;right:-20px}.left-flower-top{z-index:2;width:60px;position:absolute;top:40px;left:40px}.right-flower-top{z-index:2;width:60px;position:absolute;top:40px;right:40px}.right-small-flower-top{z-index:2;width:40px;height:40px;position:absolute;top:80px;right:120px}.left-small-flower-top{z-index:2;width:40px;height:40px;position:absolute;top:80px;left:120px}.flower{pointer-events:none;transition:transform .1s linear}@media (max-width:780px){.resourcesBanner-banner{border-radius:0;height:600px}.resourcesBanner-banner__content h1{width:80%;margin:0 auto;font-size:28px}.leaf-left,.leaf-right{width:100px;height:20%;bottom:0}.leaf-left{left:0}.leaf-right{right:0}.left-flower-top{width:30px;height:30px;top:25%;left:5%}.left-small-flower-top{width:15px;height:15px;top:30%;left:15%}.right-flower-top{width:30px;height:30px;top:25%;right:5%}.right-small-flower-top{width:15px;height:15px;top:30%;right:15%}.resourcesBanner-banner__content h1{width:90%;margin-top:15px}.flower-top{width:40px}}
.resources-section{background:var(--np-white-bg);padding:60px 20px}.resources-card-header{font-family:var(--font-mochiy-pop-one);text-align:start;flex-direction:row;justify-content:start;padding:18px;font-size:18px;display:flex}.resources-card-header1{font-family:var(--font-mochiy-pop-one);text-align:start;flex-direction:row;justify-content:end;padding:18px;font-size:18px;display:flex}.resources-card-title{color:var(--np-orange-text);font-size:1.8rem;font-family:var(--font-mochiy-pop-one);margin-bottom:15px}.resources-card-title2{color:var(--np-primary-text);font-size:1.8rem;font-family:var(--font-mochiy-pop-one);margin-bottom:15px}.resources-card-text{color:var(--np-secondary-text);font-size:1rem;font-family:var(--font-prompt)}.whale-image{z-index:1;pointer-events:none;width:90px;height:auto;margin-left:20px}.whale-image1{z-index:1;pointer-events:none;width:90px;height:auto;margin-right:20px;transform:scaleX(-1)}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(380px,3fr));gap:20px;display:grid}.resource-card{background:var(--np-white-bg);border-radius:0;flex:1;margin-bottom:2rem;transition:transform .3s,border-radius .6s;overflow:hidden;box-shadow:0 8px 20px #00000014}.resource-card.active:first-child{border-radius:10px 60px 0 0}.resource-card.active:nth-child(2){border-radius:60px 60px 0 0}.resource-card.active:nth-child(3){border-radius:60px 10px 0 0}.resource-card:hover{transform:translateY(-5px)}.resource-card-header{color:var(--np-white-text);font-family:var(--font-mochiy-pop-one);text-align:center;flex-direction:column;justify-content:center;padding:18px;font-size:18px;display:flex}.resource-card-header svg{margin-bottom:8px;font-size:50px}.resource-card-header.yellow{background:var(--np-primary-bg)}.resource-card-header.pink{background:var(--np-pink-bg)}.resource-card-header.green{background:var(--np-green-bg)}.resource-card-body{color:var(--np-secondary-text);padding:40px;font-size:15px;font-family:var(--font-prompt)!important}.resource-card-body img{border-radius:8px;width:100%;height:auto;margin-bottom:20px}@media (max-width:780px){.resources-section{padding:40px 10px}.resources-grid{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex!important}.resource-card{width:100%;max-width:400px}.whale-image,.whale-image1{width:100px;height:100px}}
