.flexplan-steps{display:grid;gap:32px;grid-template-columns:1fr;max-width:100%;padding-top:100px}@media screen and (max-width:767px){.flexplan-steps{padding-top:30px}}.flexplan-steps .module-header h2{color:#000;font-family:Outfit;font-size:60px;font-weight:700;line-height:102%;margin-bottom:24px}.flexplan-steps .module-header p{color:#222;font-family:Outfit;font-size:22px;font-weight:400;margin-bottom:48px}@media screen and (max-width:767px){.flexplan-steps .module-header h2{font-size:26px;font-weight:700;line-height:32px;margin-bottom:16px}.flexplan-steps .module-header h2,.flexplan-steps .module-header p{font-style:normal;margin-left:auto;margin-right:auto;text-align:center}.flexplan-steps .module-header p{font-size:16px;font-weight:400;line-height:22px;margin-bottom:24px}}.flexplan-steps{overflow:hidden}.flexplan-steps .tab{height:0;max-height:0;overflow:hidden}.flexplan-steps .tab-header{align-items:center;display:flex;justify-content:center}.flexplan-steps .tab.active{height:fit-content;max-height:unset;overflow:visible}.flexplan-steps .tab-buttons-container{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:48px;max-width:100%;overflow:auto;width:fit-content}@media screen and (max-width:767px){.flexplan-steps .tab-buttons-container{gap:8px}}@media screen and (max-width:420px){.flexplan-steps .tab-buttons-container{gap:4px}}.flexplan-steps .tab-buttons-container .tab-button{border-radius:38px;margin:0;white-space:nowrap;width:fit-content}.flexplan-steps .tab-containers .steps-container{display:flex;gap:48px;min-height:300px}@media screen and (max-width:1440px){.flexplan-steps .tab-containers .steps-container{gap:32px}}.flexplan-steps .tab-containers .step-wrapper{border-radius:40px;box-shadow:2px 4px 12px #00000014;height:fit-content;transition:all .3s ease}.flexplan-steps .tab-containers .step-wrapper:hover{background-image:url(https://19618217.fs1.hubspotusercontent-na1.net/hubfs/19618217/Dito_July2021/Image/box%20bg.png);padding:3px}.flexplan-steps .tab-containers .step{aspect-ratio:1;background-color:#fff;border-radius:37px;display:flex;flex-direction:column;justify-content:space-between;padding:20px 30px;transition:all .3s ease;width:240px}.flexplan-steps .tab-containers .step-wrapper:hover .step{width:280px}.flexplan-steps .tab-containers .step .img-container{display:flex;justify-content:flex-end}.flexplan-steps .tab-containers .step img{height:auto;transition:all .3s ease;width:70px}.flexplan-steps .tab-containers .step-wrapper:hover .step img{width:90px}.flexplan-steps .tab-containers .step h3{color:#222;font-family:Outfit;font-size:30px;font-style:normal;font-weight:900;line-height:32px;margin-bottom:16px}.flexplan-steps .tab-containers .step p{color:#222;font-family:Outfit;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0}.flexplan-steps{position:relative}.flexplan-steps>.image-container{bottom:0;display:flex;justify-content:flex-end;position:absolute;right:0;width:100%}@media screen and (max-width:1024px){.flexplan-steps>.image-container{display:none}}.flexplan-steps>.image-container img{max-width:440px;min-width:300px;width:30%}.flexplan-steps .dots-container{display:flex;gap:48px;margin-bottom:48px}@media screen and (max-width:1440px){.flexplan-steps .dots-container{gap:32px}}.flexplan-steps .dot-container{align-items:center;display:flex;height:18px;justify-content:center;width:256px}.flexplan-steps .dot-container .dot{background:#e6e6e6;border-radius:100px;height:18px;overflow:hidden;transition:all .3s ease;width:18px}.flexplan-steps .dot-container .dot.active,.flexplan-steps .dot-container .dot:hover{transform:scale(1.1)}.flexplan-steps .dot-container .dot:after{background:linear-gradient(135deg,rgba(243,124,1,.96) 4.28%,rgba(229,12,12,.96) 57.58%,rgba(108,14,92,.96) 122.66%,rgba(0,56,168,.96) 179.23%);content:"";display:block;height:100%;opacity:0;transition:all .3s ease;width:100%}.flexplan-steps .dot-container .dot.active:after,.flexplan-steps .dot-container .dot:hover:after{opacity:1}@media screen and (max-width:1024px){.flexplan-steps .dots-container{display:none}}.flexplan-steps .overflow-scroll{max-width:100vw;overflow-x:auto}.flexplan-steps .content-container{position:relative;z-index:2}.flexplan-steps .image-container{z-index:1}.flexplan-steps .cta-container{align-items:center;display:flex;justify-content:center;margin-bottom:55px;max-width:940px}