.type-of-custom-animation{padding:48px 48px 60px 48px;background:rgb(3 20 60 / .5);border-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}.type-of-custom-animation .h3-small-semibold{display:flex;gap:8px;align-items:center;justify-content:center}.type-of-custom-animation .tooltip{position:relative;display:block;height:26px}.type-of-custom-animation .tooltip svg{display:block;transition:0.2s ease}.type-of-custom-animation .tooltip .small-text-medium{position:absolute;left:50%;transform:translateX(-50%);background:var(--n-grey-BG);color:var(--n-black);padding:16px;border-radius:10px;z-index:10;width:440px;bottom:55px;text-align:left;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease}.type-of-custom-animation .tooltip .small-text-medium:after{content:'';display:block;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid #fff0;border-right:8px solid #fff0;border-top:8px solid var(--n-grey-BG)}.type-of-custom-animation .tooltip:hover .small-text-medium{opacity:1;visibility:visible}.type-of-custom-animation .tooltip:hover svg path{fill:var(--d-accent);transition:0.2s ease}.type-of-custom-animation .items{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:20px}.type-of-custom-animation .item{background:var(--d-dark-60);border-radius:12px;overflow:hidden;color:var(--d-white);position:relative;border:1px solid #9DC7FF1A}.type-of-custom-animation .item .small-text-medium{color:var(--d-grey);margin-top:8px}.type-of-custom-animation .item.active .small-text-medium{color:var(--d-white)}.type-of-custom-animation .item .content{padding:24px;max-width:320px;position:relative;z-index:2;height:100%}.type-of-custom-animation .item .video{position:absolute;top:0;right:-44px;width:300px;height:100%;object-fit:cover;z-index:1}.type-of-custom-animation .item video{width:100%;height:100%;object-fit:cover}.type-of-custom-animation .item .video:before{background:linear-gradient(90deg,#061D55 0%,rgb(6 29 85 / .2) 47.95%);content:"";position:absolute;top:0;left:-2px;width:100%;height:100%;z-index:10;display:block}.calculator .type-of-custom-animation .item:hover{background:var(--d-dark-40);border:1px solid #9DC7FF33;cursor:pointer}.calculator .type-of-custom-animation .item:hover .video::before{background:linear-gradient(90deg,#133071 0%,rgb(19 48 113 / .2) 47.95%)}.calculator .type-of-custom-animation .item.active{border:1px solid #9DC7FF33;background:#0C45C6;background-clip:padding-box}.calculator .type-of-custom-animation .item.active .content{height:100%;width:100%}.calculator .type-of-custom-animation .item.active .video::before{background:linear-gradient(90deg,#0C45C6 0%,rgb(12 69 198 / .2) 47.95%)}@media (max-width:1919px){.type-of-custom-animation .item{padding-bottom:0}.type-of-custom-animation .item .video{position:absolute;top:0;right:-44px;width:270px;height:100%}.type-of-custom-animation .item:after{width:272px;height:100%}}@media (max-width:1439px){.type-of-custom-animation{padding:40px 40px 48px 40px;border-radius:16px;border-bottom-left-radius:0;border-bottom-right-radius:0}.type-of-custom-animation .item{border-radius:10px;padding-bottom:0}.type-of-custom-animation .item .video{position:absolute;top:0;right:0;width:200px;height:100%}.type-of-custom-animation .item:after{width:200px;height:100%;right:0}.type-of-custom-animation .item .content{padding:20px;max-width:314px}.type-of-custom-animation .item .small-text-medium{margin-top:6px}}@media (max-width:1279px){.type-of-custom-animation .item{padding-bottom:0}.type-of-custom-animation .items{grid-template-columns:1fr}.type-of-custom-animation .item .video{position:absolute;top:0;right:0;width:200px;height:100%}.type-of-custom-animation .item:after{width:200px;height:100%;right:0}.type-of-custom-animation .item .content{padding:20px;max-width:408px}}@media (max-width:577px){.type-of-custom-animation{padding:32px 16px;position:relative}.type-of-custom-animation .item video{display:none}.type-of-custom-animation .item:after{display:none}.type-of-custom-animation .item .content{padding:20px;max-width:100%;text-align:center}.type-of-custom-animation .tooltip svg{height:24px;width:24px}.type-of-custom-animation .tooltip{height:44px;padding:10px;position:absolute;top:4px;right:4px}.type-of-custom-animation .tooltip .small-text-medium{width:calc(100vw - 52px);right:10px;left:auto;transform:none;top:44px;bottom:auto}.type-of-custom-animation .tooltip .small-text-medium:after{content:'';display:block;position:absolute;bottom:auto;top:-7px;left:auto;transform:none;width:0;height:0;right:8px;border-left:8px solid #fff0;border-right:8px solid #fff0;border-bottom:8px solid var(--n-grey-BG);border-top:none}.type-of-custom-animation .item .video{display:none}.calculator .type-of-custom-animation .item.active .content{box-sizing:border-box}}