@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
.font-MuLight{font-family:"Mulish";font-weight:300;}
.font-MuRegular{font-family:"Mulish";font-weight:400;}
.font-MuMedium{font-family:"Mulish";font-weight:500;}
.font-MuSemibold{font-family:"Mulish";font-weight:600;}
.font-MuBold{font-family:"Mulish";font-weight:700;}
.font-MuBlack{font-family:"Mulish";font-weight:800;}
/* ==== COMMON RESET RULE CSS ==== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:"Mulish";}
html{scroll-behavior:smooth;}
body{font-family:"Mulish";font-weight:400;}
:root{--neutral-1000:#0D1B2A;--neutral-900:#25323F;--neutral-600:#6E767F;--neutral-500:#868D95;--neutral-400:#9EA4AA;--neutral-200:#CFD1D4;--primary-green:#00CFBF;--gray-300:#F7F7F8;}
.text-neutral-1000{color:var(--neutral-1000);}
.text-neutral-900{color:var(--neutral-900);}
.text-neutral-600{color:var(--neutral-600);}
.text-neutral-500{color:var(--neutral-500);}
.text-primary-green{color:var(--primary-green);}
.bg-neutral-1000{background-color:var(--neutral-1000);}
.bg-primary-green{background-color:var(--primary-green);}
.bg-gray-300{background-color:var(--gray-300);}
.border-gray-300{border-color:var(--gray-300);}
.border-primary-green{border-color:var(--primary-green);}
::selection{color:#ffffff;background:var(--primary-green);}
h1{font:normal normal 600 3.75rem/4.37rem "Mulish";letter-spacing:0px;margin-bottom:10px;}
h2{font:normal normal 600 3rem/3.5rem "Mulish";letter-spacing:0px;margin-bottom:10px;}
h3{font:normal normal 500 2rem/2.5rem "Mulish";letter-spacing:0px;margin-bottom:10px;}
h4{font:normal normal 500 1.75rem/2.18rem "Mulish";letter-spacing:0px;margin-bottom:10px;}
h5{font:normal normal 500 1.5rem/1.9rem "Mulish";letter-spacing:0px;margin-bottom:10px;}
h6{font:normal normal 500 1.25rem/1.6rem "Mulish";letter-spacing:0px;margin-bottom:10px;}
.font-12{font-size:12px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-24{font-size:24px;}
.font-32{font-size:32px;}
.font-48{font-size:48px;}
.font-60{font-size:60px;}
/* ==== OTHER UTILITY CLASS ==== */
ul,ol{list-style:none;padding-left:0px!important;}
.rounded-24{border-radius:24px;}
.rounded-8{border-radius:8px;}
.w-fit{width:-moz-fit-content;width:fit-content;}
.center-item{display:flex;justify-content:center;align-items:center;}
.object-fit-cover{object-fit:cover;}
.object-fit-contain{object-fit:contain;}
.flex-1{flex:1;}
.lh-1{line-height:1;}
.text-wrap-balance{overflow-wrap:break-word;text-wrap:wrap;text-wrap:balance;}
.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;}
.transition-400{transition:400ms ease;}
.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.clamp-2{-webkit-line-clamp:2;line-clamp:2;}
.clamp-3{-webkit-line-clamp:3;line-clamp:3;}
.cursor-pointer{cursor:pointer;}
.aspect-ratio-1{aspect-ratio:1;}
a{color:var(--primary-green);text-decoration:none;}
.container{max-width:clamp(320px,90%,1210px);padding:0px 20px;}
.btn-close:focus-visible,.btn-close:focus,:focus-visible,.form-check-input:focus,.form-check-input:focus-visible,.navbar-toggler:focus,.form-control:focus{box-shadow:none;outline:none!important;text-decoration:none;}
.form-control:focus{color:var(--bs-body-color);background-color:var(--gray-300);border-color:var(--neutral-400);}
form input::placeholder,form textarea::placeholder{color:var(--neutral-400);}
textarea.form-control{min-height:120px;height:auto;resize:none;}
:is(input,textarea)::placeholder,:is(input,textarea)::-webkit-input-placeholder,:is(input,textarea)::-moz-placeholder,:is(input,textarea)::-ms-placeholder{color:var(--dark-brown)!important;}
body .btn{border-color:var(--primary-blue);padding-block:0.5rem;}
body .btn:hover,:not(.btn-check) + .btn:active{background-color:var(--neutral-1000)!important;color:#ffffff;border-color:var(--neutral-1000)!important;}
.custom-btn:before{content: '';content: '';width:110%;position:absolute;padding-bottom:110%;border-radius:50%;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,1);background-color:var(--neutral-900);transition:transform 0.4s cubic-bezier(0.1,0,0.3,1);}
.custom-btn.blue-effect:before{background:var(--primary-green);}
.custom-btn:hover:before{transition:transform 0.4s cubic-bezier(0.1,0,0.3,1);transform:translate3d(-50%,-50%,0) scale3d(1,1,1);}
@keyframes MoveRightInitial{
100%{transform:translate3d(105%,0,0);}
}
@keyframes MoveRightEnd{
0%{transform:translate3d(-100%,0,0);}
100%{transform:translate3d(0,0,0);}
}
.inner-spacing{padding:73px 0px;}
.contact-btn,form .form-control{line-height:1.8rem!important;}
form button{line-height:1.9rem!important;}
/* ==== HEADER CSS === */
header a.navbar-brand{height:56px;}
header a.nav-link:hover,header a.nav-link.active,header .btn-group a:hover,footer .list-group-item a:hover{color:var(--primary-green)!important;}
.menu-button{display:none;}
.menu-button button img{filter:brightness(0.2);}
.menu-button button{border:none;background-color:transparent;}
.hero-section .content-info{max-width:570px;}
.hero-section .svg-arrow{right:-75px;bottom:-30px;}
.hero-section .hero-img:after{content: '';position:absolute;right:0px;bottom:-50px;background:transparent url('../images/double-star.svg') no-repeat center;background-size:contain;width:96px;height:78px;opacity:1;transform:scale(0);transition:transform 1s ease 3s;}
.hero-section .hero-img:before{content: '';position:absolute;left:35px;top:30px;background:transparent url(../images/double-dots.svg) no-repeat center;background-size:contain;width:32px;height:32px;transform:scale(0);transition:transform 1s ease 3s;}
.hero-section.loaded .hero-img::before,.hero-section.loaded .hero-img::after{transform:scale(1);}
.hero-section .line-effect svg{content: '';position:absolute;left:0px;bottom:-14px;top:unset;right:0px;width:100%;height:26px;margin:0px auto;}
.booking-overview .img-wrapper:after{content: '';position:absolute;bottom:0px;left:0px;right:0px;background-color:var(--gray-300);max-width:470px;height:calc(100% - 150px);border-radius:24px;z-index:0;}
.booking-overview .img-wrapper{max-width:614px;}
.booking-overview .img-wrapper img{max-height:614px;max-width:350px;filter:drop-shadow(-20px 0px 12px #0000001F);object-position:bottom;}
.booking-overview .img-wrapper:before{content: '';position:absolute;left:-20px;top:-20px;right:0px;background:transparent url(../images/double-green.svg) no-repeat center;background-size:contain;width:60px;height:46px;}
.process-sec p,.contact-sec p,.why_choose_section .section_head p{max-width:470px;}
.process-sec .box .img-wrap{height:250px;}
.process-sec .box .img-wrap img{height:210px;object-position:bottom;}
.process-sec .box:hover .img-wrap{transform:translateY(-10px);box-shadow:1px 6px 8px #80808029;}
.info-sec .img-wrap{height:400px;max-width:470px;}
.contact-sec form{max-width:503px;}
.contact-sec{padding-bottom:120px!important;}
.ride-sec .ride-img{margin-top:-140px;}
.ride-sec .ride-img img{height:500px;}
.ride-sec .ride-img img:nth-child(1),.hero-section .hero-img img:nth-child(1){margin-right:-115px;}
.ride-sec .ride-img:after{content: '';position:absolute;left:-30px;bottom:19px;background:transparent url(../images/double-star.svg) no-repeat center;background-size:contain;width:96px;height:78px;}
.ride-sec .ride-img:before{content: '';position:absolute;right:-30px;top:105px;background:transparent url(../images/double-dots.svg) no-repeat center;background-size:contain;width:32px;height:32px;transform:rotate(100deg);}
.ride-sec .btn-group a:hover,.info-sec .btn-group a:hover,.hero-section .btn-group a:hover{transform:scale(0.95);}
.why_choose_section .section_head h2{max-width:530px;}
.why_choose_cols p{line-height:28px;}
.why_choose_cols ul{padding-top:40px;}
.why_choose_cols ul li:not(:last-child){margin-bottom:30px;}
.iphone_whyChoose::before{content: '';display:block;background:transparent url('../images/double-star.svg') no-repeat center;background-size:contain;filter:brightness(0) saturate(100%) invert(60%) sepia(78%) saturate(484%) hue-rotate(126deg) brightness(100%) contrast(84%);width:96px;height:78px;position:absolute;top:-10px;}
/* ==== FOOTER CSS === */
footer{padding:60px 0px;}
footer .list-group-item a:hover svg{transform:scale(1.3);}
footer .row:nth-child(2):before{content: "";background-color:var(--neutral-200);position:absolute;left:0px;right:0px;bottom:unset;top:0px;width:calc(100% - 24px);height:1px;margin:0px auto;}
/* ==== LOADER === */
.loader{display:flex;align-items:center;justify-content:center;background-color:#fff;backdrop-filter:blur(6px);z-index:9;}
.car-body{animation:shake 0.2s ease-in-out infinite alternate;}
.car-line{transform-origin:center right;stroke-dasharray:22;animation:line 0.8s ease-in-out infinite;animation-fill-mode:both;}
.car-line-top{animation-delay:0s;}
.car-line-middle{animation-delay:0.2s;}
.car-line-bottom{animation-delay:0.4s;}
@keyframes shake{
0%{transform:translateY(-1%);}
100%{transform:translateY(3%);}
}
@keyframes line{
0%{stroke-dashoffset:22;}
25%{stroke-dashoffset:22;}
50%{stroke-dashoffset:0;}
51%{stroke-dashoffset:0;}
80%{stroke-dashoffset:-22;}
100%{stroke-dashoffset:-22;}
}
.category-sec .img-wrapper figure{height:290px;max-width:355px;}
.category-sec .img-wrapper figure:before{content: '';position:absolute;inset:0;background:linear-gradient(0deg,#000000 0%,rgba(255,255,255,0) 100%);width:100%;height:100%;}
.category-sec .img-wrapper.active figure:before{background:linear-gradient(0deg,#00CFBF 0%,rgba(255,255,255,0) 100%);}
.category-sec .img-wrapper.active figure svg{transform:rotate(90deg);}
.category-sec .img-wrapper.active figure span{color:#fff;}
.process-slider .slick-list{padding-right:100vw;margin-right:-100vw;padding-top:10px;}
.process-slider .slick-track{margin-left:-12px;display:flex;gap:20px;}
.work-sec .img-wrap{max-width:370px;height:340px;}
.work-sec ul{list-style-type:disc;}
.work-sec .cnt-info{max-width:470px;}
.work-sec .img-wrap img{object-position: bottom;}


/* New css  */
.row.column_gap_30{margin-inline: -15px;}
.row.column_gap_30>*{padding-inline: 15px;}
.hero-section .btn-group .banner_btn{min-width: 177px;}
.hero-section .btn-group .banner_btn:hover{color: white;}
.hero-section .btn-group .banner_btn.active{background-color: var(--primary-green);color: white;}
.download_app_scaner{box-shadow: 0px 0px 33.4px 0px #80808029;max-width: 270px; right: -17%;bottom: 23px;}
.download_app_scaner .scaner_img{box-shadow: 0px 0px 12.8px 0px #00000029;height: 80px !important;}
.more-app-install-sec{padding-block: 100px 110px;}
.download_app_scaner.drive_page_app_scaner{bottom: 13%;right: -1%;}
