.slick-dots{display:flex!important;justify-content:start;align-items:center;bottom:-80px;left:20px}.slick-dots .page-dot{width:12px;height:12px;border-radius:50%;background:#272727;cursor:pointer;transition:all .3s ease}.slick-dots .page-dot:hover{background:#c9da2b;border:2px solid #272727;width:29px;height:12px;border-radius:30px}.slick-dots .page-dot button{padding:0;width:12px;height:12px}.slick-dots .page-dot button:before{display:none}.slick-dots li{width:12px;height:12px;border-radius:50%;background:#272727;cursor:pointer;transition:all .3s ease}.slick-dots li:hover{background:#c9da2b;border:2px solid #272727;width:29px;height:12px;border-radius:30px}.slick-dots li button{padding:0;width:12px;height:12px}.slick-dots li button:before{display:none}.slick-dots .page-dot.active,.slick-dots li.active,.slick-dots li.slick-active{background:#c9da2b;border:2px solid #272727;width:29px;height:12px;border-radius:30px}.hero-sec.how-it-works{padding-top:160px;padding-bottom:70px}.hero-sec.how-it-works .nav.nav-tabs{position:relative;outline:1px solid #272727;border-left:3px solid #fff;border-right:3px solid #fff;border-top:3px solid #fff;border-color:#fff;border-style:solid;border-width:3.5px 5px 3px;border-radius:30px;padding:2px;width:-moz-fit-content;width:fit-content;display:flex;overflow:hidden}.hero-sec.how-it-works .nav.nav-tabs .nav-item{z-index:2;flex:1 1;width:50%}.hero-sec.how-it-works .nav.nav-tabs .nav-item .nav-link{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;padding:8px 28px;font-size:18px;font-weight:600;border:none;background:transparent!important;border-radius:30px!important;color:#272727!important;cursor:pointer;white-space:nowrap;text-align:center}.hero-sec.how-it-works .nav.nav-tabs .nav-item .nav-link.active{color:#fff;box-shadow:none!important;outline:none!important}.hero-sec.how-it-works .nav.nav-tabs .slider{position:absolute;top:2px;left:0;height:calc(100% - 4px);background:#c9da2b!important;border-radius:30px;z-index:1;width:50%;transition:left .35s cubic-bezier(.22,.61,.36,1);pointer-events:none}.hero-sec.how-it-works .nav.nav-tabs:has(.nav-item:first-child .nav-link.active) .slider{left:0}.hero-sec.how-it-works .nav.nav-tabs:has(.nav-item:nth-child(2) .nav-link.active) .slider{left:50%}.hero-sec.how-it-works .tab .content{display:flex;flex-direction:column;gap:24px}