*{margin:0;padding:0;box-sizing:border-box !important;font-family:"Inter",sans-serif}html{scroll-behavior:smooth;width:100%;height:100%;margin:0px;padding:0px}body{overflow-x:hidden;width:100%;height:100%;margin:0px;padding:0px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:rgba(100,100,100,.2);border-radius:50px;cursor:pointer}.preloader{height:100%;width:100%;background-color:#fff;position:absolute;z-index:99999}.gooey{position:absolute;top:50%;left:50%;width:142px;height:40px;margin:-20px 0 0 -71px;background:#fff;filter:contrast(20)}.gooey .dot{position:absolute;width:16px;height:16px;top:12px;left:15px;filter:blur(4px);background:#000;border-radius:50%;transform:translateX(0);animation:dot 2.8s infinite}.gooey .dots{transform:translateX(0);margin-top:12px;margin-left:31px;animation:dots 2.8s infinite}.gooey .dots span{display:block;float:left;width:16px;height:16px;margin-left:16px;filter:blur(4px);background:#000;border-radius:50%}@-moz-keyframes dot{50%{transform:translateX(96px)}}@-webkit-keyframes dot{50%{transform:translateX(96px)}}@-o-keyframes dot{50%{transform:translateX(96px)}}@keyframes dot{50%{transform:translateX(96px)}}@-moz-keyframes dots{50%{transform:translateX(-31px)}}@-webkit-keyframes dots{50%{transform:translateX(-31px)}}@-o-keyframes dots{50%{transform:translateX(-31px)}}@keyframes dots{50%{transform:translateX(-31px)}}.navbar{background-color:#f8fbff}.navbar .nav-item{margin-right:10px}.navbar a{font-size:14px;font-style:normal;font-weight:400;color:#000 !important}.navbar .nav__btn{width:145px;height:56px;background:#3077e7;border-radius:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 20px;color:#fff !important}.navbar-mobile{display:none}.offcanvas-active{overflow:hidden}.offcanvas-header{display:none}.screen-darken{height:100%;width:0%;z-index:30;position:fixed;top:0;right:0;opacity:0;visibility:hidden;background-color:rgba(34,34,34,.6);transition:opacity .2s linear,visibility .2s,width 2s ease-in}.screen-darken.active{z-index:10;transition:opacity .3s ease,width 0s;opacity:1;width:100%;visibility:visible}@media all and (max-width: 991px){.navbar-mobile{display:block}.offcanvas-header{display:block !important}.mobile-offcanvas{visibility:hidden !important;transform:translateX(-100%) !important;border-radius:0 !important;display:block !important;position:fixed !important;top:0;left:0 !important;height:100% !important;z-index:1200 !important;width:80% !important;overflow-y:scroll !important;overflow-x:hidden !important;transition:visibility .3s ease-in-out,transform .3s ease-in-out !important}.mobile-offcanvas.show{visibility:visible !important;transform:translateX(0) !important}.mobile-offcanvas .container,.mobile-offcanvas .container-fluid{display:block !important}}.hero{background:#f8fbff;height:100vh;display:flex;align-items:center}.hero .hero__left__side{padding-top:100px}.hero .hero__left__side .hero__header_text{font-weight:700;font-size:62px;color:#00142e;margin-bottom:30px;line-height:80.14px}.hero .hero__left__side .hero__header_text span{color:#006ff9}.hero .hero__left__side p{font-size:400;font-size:20px;line-height:29.05px;margin-bottom:40px}.hero .hero__left__side .hero__btn{background:#3077e7;border-radius:40px;color:#fff;padding:24px 40px;gap:10px;text-decoration:none;text-align:center;font-weight:500;font-size:22px}.hero .hero__right__side{display:flex;justify-content:center}.hero .hero__right__side .hero__main__image img{height:700px;z-index:1}.hero .hero__right__side .hero__main__image .hero__torue{position:absolute;height:60.43px;right:250px;top:150.43px;animation-name:floating;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero .hero__right__side .hero__main__image .hero__rock{position:absolute;height:80.43px;right:150px;top:250.43px;transform:rotate(59.71deg);animation-name:roatating;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero .hero__right__side .hero__main__image .hero__rock2{position:absolute;height:100.43px;right:200px;top:550px;transform:rotate(85.04deg);animation-name:roatating;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero .hero__right__side .hero__main__image .hero__rock1{position:absolute;height:58.49px;left:796px;top:603.05px;animation-name:floating;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero_down_img{position:absolute;left:4px;top:650px;height:651px;width:1000.46px}@keyframes floating{0%{transform:translate(0, 0px)}50%{transform:translate(0, 10px)}100%{transform:translate(0, 0px)}}@keyframes roatating{0%{transform:rotate(90deg)}50%{transform:rotate(180deg)}100%{transform:rotate(90deg)}}@keyframes rotateAnimation{from{transform:rotateY(45deg)}to{transform:rotateY(225deg)}}.about{margin-top:200px;margin-bottom:200px}.about .about__header{text-align:center}.about .about__header h3{font-weight:700;font-size:38px}.about .about__header p{padding:0 350px}.about .card{border:none;box-shadow:0px 100px 80px rgba(0,0,0,.02),0px 64.8148px 46.8519px rgba(0,0,0,.0151852),0px 38.5185px 25.4815px rgba(0,0,0,.0121481),0px 20px 13px rgba(0,0,0,.01),0px 8.14815px 6.51852px rgba(0,0,0,.00785185),0px 1.85185px 3.14815px rgba(0,0,0,.00481481);border-radius:10px;width:400px}.about .card .card-header{background-color:#eefaff;font-weight:700;font-size:28px;color:#006ff9;border-bottom:0;padding:10px 20px}.about .card .list-group-flush>.list-group-item{border:0}.mobile__app__section{height:500px;background:url("./../image/mobile_app_section.png");background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:end}.mobile__app__section .card{position:relative;width:612px;margin-right:150px;background:rgba(255,255,255,.95);box-shadow:0px 100px 80px rgba(0,0,0,.02),0px 64.8148px 46.8519px rgba(0,0,0,.0151852),0px 38.5185px 25.4815px rgba(0,0,0,.0121481),0px 20px 13px rgba(0,0,0,.01),0px 8.14815px 6.51852px rgba(0,0,0,.00785185),0px 1.85185px 3.14815px rgba(0,0,0,.00481481);border-radius:10px;padding:30px 40px;border:0}.mobile__app__section .card h3{font-weight:700;font-size:34px;line-height:65px;color:#00142e}.mobile__app__section .card p{font-weight:400;font-size:14px;color:#605e5c}.mobile__app__section .card a{font-weight:700}.how_we_work{margin-top:100px;display:flex;justify-content:center;align-items:center;margin-bottom:150px}.how_we_work .setion_header{text-align:center}.how_we_work .setion_header h3{font-weight:700;font-size:38px;margin-bottom:20px}.how_we_work .setion_header p{padding:0 210px}.how_we_work .work-card img{height:100px;margin-bottom:30px}.how_we_work .work-card h4{color:#333;font-weight:700;line-height:36.31px}.how_we_work .work-card p{color:#605e5c;font-weight:400;font-size:16px}.business__growth .left_side_bar{background-color:rgba(0,111,249,.04)}.business__growth .right_side_bar{background-color:rgba(0,111,249,.04)}.business__growth .main_section{margin:0px 30px 30px;padding:50px 30px;background-color:rgba(0,111,249,.04)}.business__growth .main_section .business_image{height:648px}.business__growth .main_section h1{font-weight:700;font-size:52px;color:#00142e;padding-right:150px;margin-bottom:30px}.business__growth .main_section .business_rock_sym{position:relative;height:110px;bottom:55px;z-index:-1;left:394px;filter:drop-shadow(-10px 4px 34px rgba(0, 47, 168, 0.12));animation-name:floating;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.business__growth .main_section ul{list-style:none;padding-left:0}.business__growth .main_section ul li{margin-bottom:20px}.business__growth .main_section .profile-box{margin-bottom:30px;margin-top:50px}.business__growth .main_section .profile-box img{height:40px}.business__growth .main_section .profile-box .profile-info{margin-left:10px}.business__growth .main_section .profile-box h5{font-size:15px;margin-bottom:1px}.business__growth .main_section .profile-box p{font-size:10px;margin-bottom:0;font-style:italic}.business__growth .main_section .business_torus{position:relative;left:500px;height:130px;bottom:250px}.showcase-section{background:#006ff9;color:#fff;background-image:url("./../image/dcycleLogo.png");background-position:center center;background-repeat:no-repeat;background-size:cover}.showcase-section .showcase-section-top{padding:80px 20px}.showcase-section .showcase-section-top h1{font-weight:700;font-size:48px;margin-bottom:10px}.showcase-section .showcase-section-top .showcase-link{color:#fff;text-decoration:none}.showcase-section .showcase-section-top .showcase-outer-link{color:#fff;font-size:24px;font-weight:700;position:relative;top:50px}.showcase-section .showcase-section-middle .swiper-wrapper img{height:400px;transition:.5s}.showcase-section .showcase-section-middle img:hover{transform:scale(1.1);transition:.5s}.showcase-section .showcase-rock{height:176px;position:relative;left:-80px}.showcase-section .showcase-torus{height:200px;position:absolute;right:-50px;overflow:hidden;margin-top:-150px;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.showcase-section .showcase-section-bottom{display:flex;justify-content:center;padding-bottom:100px}.showcase-section .showcase-section-bottom .quotes{margin-top:-60px;width:60%}.showcase-section .showcase-section-bottom .quotes h1{font-weight:700;line-height:74.72px;font-size:50px}.showcase-section .showcase-section-bottom .start-coma{position:absolute;margin-top:-100px;margin-left:-150px}.showcase-section .showcase-section-bottom .end-coma{position:absolute;right:300px;margin-top:-80px}.services{margin-top:100px;margin-bottom:200px}.services .services-header{width:50%}.services .services-header h1{font-weight:700;font-size:54px;color:#3b3a39}.services .services-header p{color:#605e5c;margin-top:30px}.services .card-box{margin-top:50px}.services .card-box .card-logo{background-color:#006ff9;width:70px;height:70px;display:flex;justify-content:center;align-items:center;border-radius:50px;margin-bottom:30px}.services .card-box .card-logo img{height:40px}.services .card-box h3{font-weight:700;margin-bottom:20px;font-size:30px;color:#3b3a39}.services .card-box p{font-size:18px;font-weight:400;color:#605e5c}.services .card-box .card-link{background:#006ff9;border-radius:18px;height:240px;display:flex;justify-content:center;align-items:center}.services .card-box .card-link a{color:#fff;text-decoration:none;font-size:38px;font-weight:700}.services .card-box .card-link a span{background-color:#fff;color:#006ff9;padding:10px 20px;box-shadow:0px 100px 80px rgba(0,0,0,.02),0px 64.8148px 46.8519px rgba(0,0,0,.0151852),0px 38.5185px 25.4815px rgba(0,0,0,.0121481),0px 20px 13px rgba(0,0,0,.01),0px 8.14815px 6.51852px rgba(0,0,0,.00785185),0px 1.85185px 3.14815px rgba(0,0,0,.00481481);border-radius:10px;margin-left:20px}.learning{background-color:rgba(0,111,249,.04);padding:20px 100px;padding-bottom:100px}.learning .learning-header{display:flex;justify-content:center;align-items:center;margin-top:50px;margin-bottom:50px}.learning .learning-header .header-body{width:60%;text-align:center}.learning .learning-header .header-body h1{font-weight:700;color:#3b3a39;margin-bottom:20px}.learning .learning-header .header-body p{margin-bottom:0;color:#636363}.learning h3{font-weight:700;font-size:24px}.learning .learning-card-image{height:320px}.learning .profile-box{margin-bottom:30px;margin-top:50px}.learning .profile-box img{height:40px}.learning .profile-box .profile-info{margin-left:10px}.learning .profile-box h5{font-size:15px;margin-bottom:1px}.learning .profile-box p{font-size:10px;margin-bottom:0;font-style:italic}.learning .show-more{display:flex;justify-content:center;align-items:center;margin-top:80px}.learning .show-more a{background-color:#006ff9;color:#fff;text-decoration:none;padding:24px 40px;border-radius:30px;font-size:18px}.cta{margin-top:100px}.cta .cta-card{background:linear-gradient(0deg, #006FF9, #006FF9);padding:150px 250px;text-align:center;border-radius:24px;color:#fff}.cta .cta-card h1{font-weight:900;font-size:80px;margin-bottom:50px}.cta .cta-card a{background-color:#fff;color:#006ff9;text-decoration:none;padding:15px 40px;border-radius:30px;font-size:18px}.follow{padding:100px 50px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:50px}.follow h1{text-align:center;font-weight:700;font-size:54px}.follow ul{list-style:none;display:flex;justify-content:space-between;width:80%;margin-top:60px}.follow ul li a{text-align:center;text-decoration:none;color:#333;font-weight:700;font-size:32px}footer{background-color:#006ff9;color:#fff;padding:100px 10px}footer .email-section{background-color:#fff;width:330px;padding:10px;box-shadow:12px 12px 24px rgba(236,11,67,.1);border-radius:33.5px;box-shadow:12px 12px 24px 0px rgba(236,11,67,.1019607843)}footer .email-section input{padding:5px 10px;border:0;outline:none}footer .email-section input::placeholder{color:#006ff9;opacity:1;font-weight:500}footer .email-section a{background-color:#006ff9;padding:7px 14px;border-radius:30px}footer p{font-size:24px;margin-top:20px;margin-bottom:20px}footer .footer-link-header{font-size:24px;font-weight:700}footer ul{list-style:none;padding-left:10px;margin-top:20px}footer ul li{margin-top:10px}footer ul li a{color:#eee;text-decoration:none}footer ul li a:hover{color:#fff}.copyright{background-color:#006ff9;border-top:1px solid #f8fbff;display:flex;align-items:center}.copyright .container{margin-top:20px;margin-bottom:30px;color:#eefaff;display:flex;align-items:center;justify-content:space-between}.copyright .container a{color:#eefaff;text-decoration:none;margin-right:20px}.copyright .container p{margin-bottom:0}@media only screen and (max-width: 600px){.navbar-mobile #navbar_main{background:#f8fbff !important;background-image:url("./../image/dcycleLogo.png") !important;background-size:cover !important;background-position:center center !important}#navbar_main ul li{margin-bottom:10px}.navbar-brand{margin-top:.2rem !important}.showcase-link-grid{padding-left:0 !important;padding-right:0 !important}.showcase-link-grid .showcase-link{text-align:center !important}.hero{height:auto !important}.hero .hero__left__side .hero__header_text{font-size:48px;margin-top:50px;line-height:70.14px}.hero .hero__right__side .hero__main__image .hero__rock{right:44px;top:874.43px}.hero .hero__right__side .hero__main__image .hero__rock2{right:273px}.hero_down_img{display:none}.hero .hero__left__side{padding-top:10px}.hero .hero__right__side .hero__main__image .hero__rock1{display:none}.hero .hero__right__side .hero__main__image img{height:390px;margin-top:70px}.hero .hero__right__side .hero__main__image .hero__torue{display:none}.about .about__header p{padding:0}.how_we_work .setion_header p{padding:0}.business__growth .main_section .business_image{width:100%;height:450px}.business__growth .main_section .business_rock_sym{display:none}.business__growth .main_section h1{font-size:26px;padding-right:0px}.business__growth .main_section .business_torus{display:none}.cta .cta-card{padding:100px 5px}.follow ul{flex-direction:column}.showcase-section .showcase-torus{display:none}.about .card{width:100%;margin-top:50px}.mobile__app__section .card{width:100%;margin-right:0;margin:20px}.mobile__app__section .card h3{font-size:24px}.business__growth .main_section{margin:0;padding:0}.navbar-light .navbar-toggler{border:0 !important}.navbar-toggler:focus{box-shadow:none !important}.btn-close:focus{box-shadow:none !important}.navbar-light .navbar-toggler-icon{background-image:url("./../image/menu.png") !important}.services .services-header h1{font-size:35px !important}.services .services-header{width:100% !important}.copyright .container{flex-direction:column-reverse}.copyright .container p{text-align:center;margin-top:20px}footer .email-section{width:100% !important;margin-bottom:30px}.about{margin-top:50px}.showcase-section .showcase-section-bottom .quotes{width:80%}.showcase-section .showcase-section-bottom .quotes h1{font-size:32px;line-height:45.72px}.showcase-section .showcase-section-bottom .end-coma{right:0}.learning{padding:100px 5px}.learning .learning-header .header-body{width:100%}.learning .learning-card{margin-bottom:80px}.learning .learning-card-image{width:100%;height:auto}.cta .cta-card h1{font-size:36px}.follow{padding:100px 20px}.follow ul{text-align:center;padding-left:0px}.follow ul li{margin-bottom:20px}.gx-5{--bs-gutter-x: 0 !important}.showcase-section .swiper-slide{display:flex;justify-content:center;align-items:center}.showcase-section .showcase-section-middle .swiper-wrapper img{width:80%}}