@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");:root{--primary-color:#ffc41d;--secondary-color:#374151;--highlight-color:#262626;--gray-color:#f3f4f6;--footer-color:#374151}body{font-family:"Roboto",var(--bs-body-font-family)}.background-gray{background:var(--gray-color)!important}.background-primary{background:var(--primary-color)}.pagination{--bs-pagination-active-bg:var(--primary-color)}.page-link,.page-link:focus,.page-link:hover{color:var(--highlight-color)}.page-link:focus{box-shadow:none}.active>.page-link,.page-link.active{border-color:var(--primary-color)}textarea{resize:none}.form-floating.counter:after{bottom:.6rem;color:var(--highlight-color);content:attr(data-maxlength);font-size:12px;font-weight:500;height:12px;position:absolute;right:.6rem}.form-loading{background:hsla(0,0%,100%,.75);border-radius:var(--bs-border-radius-lg);height:100%;left:0;top:0;width:100%;z-index:100}.loader{animation:l13 1s linear infinite;aspect-ratio:1;background:radial-gradient(farthest-side,var(--primary-color) 94%,transparent) top/8px 8px no-repeat,conic-gradient(transparent 30%,var(--primary-color));border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);width:50px}@keyframes l13{to{transform:rotate(1turn)}}.we-contact{position:relative}.btn{font-size:18px;font-weight:500;padding:.75rem 1.5rem}.btn-primary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.btn-primary:hover{background-color:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.btn-primary.focus,.btn-primary:focus{background-color:var(--highlight-color);box-shadow:none;color:#fff}.btn-primary.active,.btn-primary:active{background-color:var(--highlight-color)!important;border-color:var(--highlight-color)!important;box-shadow:none;color:#fff}.btn-primary.disabled,.btn-primary:disabled{background-color:#9f9f9f;border-color:#9f9f9f;box-shadow:none;color:var(--white)}.btn-primary:focus-visible{background-color:var(--highlight-color)!important;border-color:var(--highlight-color)!important;box-shadow:none!important}.btn-outline-primary{background-color:#fff;border-color:var(--secondary-color);color:var(--secondary-color)}.btn-outline-primary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.btn-outline-primary.focus,.btn-outline-primary:focus{background-color:var(--highlight-color);box-shadow:none;color:#fff}.btn-outline-primary.active,.btn-outline-primary:active{background-color:var(--highlight-color)!important;border-color:var(--secondary-color)!important;box-shadow:none;color:#fff}.btn-outline-primary.disabled,.btn-outline-primary:disabled{background-color:#9f9f9f;border-color:#9f9f9f;box-shadow:none;color:var(--white)}.btn-outline-primary:focus-visible{background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important;box-shadow:none!important}.main-menu{width:100%}.main-menu ul li{margin-right:0;position:relative}.main-menu ul li a{color:var(--highlight-color);display:inline-block;font-size:18px;font-weight:500;padding:1rem 1.5rem;text-decoration:none}.main-menu ul li a:hover{text-decoration:underline}.action-menu ul li a{border:2px solid var(--primary-color);border-radius:var(--bs-border-radius);color:var(--highlight-color);display:block;font-weight:500;padding:1rem .75rem;text-decoration:none}.action-menu ul li:first-child a{background:var(--primary-color)}@media (min-width:992px){.main-menu{width:auto}.main-menu ul li{margin-right:.5rem}.main-menu ul li:last-of-type{margin-right:0}.main-menu ul li a{padding:.5rem .75rem}}.qrcode-wrapper{background-color:#f3f4f6;background-image:none;background-position:100% 100%;background-repeat:no-repeat;height:auto}.qrcode-wrapper .qrcode-content{color:var(--highlight-color)}.qrcode-wrapper .qrcode-content .qrcode-content-title{font-size:2.5rem;font-weight:600}.qrcode-wrapper .qrcode-content span{font-size:1.75rem;font-weight:500}@media (min-width:1200px){.qrcode-wrapper{background-image:url(../images/qrcode/download.png);height:375px}}.faq-content .faq-content-title{color:var(--highlight-color);font-size:2rem;font-weight:500}.faq-content__item{border-bottom:1px solid #6b7280}.faq-content__item:last-of-type{border-bottom:0}.faq-content__item .faq-item_title{color:var(--highlight-color);cursor:pointer;font-weight:500}.faq-content__item .faq-item_title .faq-icon{transition:all .25s}.faq-content__item .faq-item_title .faq-icon svg{height:30px;width:30px}.faq-content__item .faq-item_content{color:#58595b;display:none;font-size:18px;padding-top:1rem}.faq-content__item.active .faq-item_title .faq-icon{transform:rotate(180deg)}.faq-content__item .faq-title{color:var(--highlight-color);font-size:1.25rem;font-weight:500}.statistics-wrapper{background:url(../images/statistics.jpg) no-repeat 50%;height:180px}.statistics-wrapper .statistics-item span{color:var(--primary-color)}.statistics-wrapper .statistics-item span:first-child{font-size:1.5rem;font-weight:500}.statistics-wrapper .statistics-item span:nth-child(2){font-size:3rem;font-weight:600;line-height:100%}.back-to-top{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:.75rem;bottom:30px;cursor:pointer;height:40px;opacity:1;padding:.5rem;position:fixed;right:25px;text-align:center;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .25s ease-in-out 0s;-moz-transition:all .25s ease-in-out 0s;transition:all .25s ease-in-out 0s;width:40px;z-index:400}.back-to-top.hidden-top{bottom:-100px;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.back-to-top svg path{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .25s ease-in-out 0s;-moz-transition:all .25s ease-in-out 0s;transition:all .25s ease-in-out 0s}.back-to-top:hover{background:#fff;border-color:var(--primary-color)}.back-to-top:hover svg path{fill:var(--primary-color)}.aspect-ratio-container{height:0;padding-top:75%;position:relative}.aspect-ratio-container.ratio-16-9{padding-top:56.25%}.aspect-ratio-item{height:100%!important;left:0;position:absolute;top:0;width:100%!important}img.aspect-ratio-item{object-fit:cover}.campaing-bg{background-color:var(--gray-color);background-image:url(../images/campaing-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.filters-content{background-color:#fff;border-radius:calc(infinity * 1px);column-gap:.5rem;display:flex;justify-content:space-between;margin-bottom:2.75rem;overflow-x:auto;padding-left:0;padding-right:0;width:100%}.filters__button{background:none;border:none;border-radius:calc(infinity * 1px);color:rgba(38,38,38,.6);display:block;font-size:18px;font-weight:500;outline:none;padding:1rem;text-align:center;text-decoration:none;transition:.3s;transition:all .3s;width:100%}.filters__button:hover{background-color:var(--gray-color);transition:all .3s}.filters__button.active{background-color:var(--primary-color);color:var(--highlight-color);transition:all .3s}.campaing-card{display:flex;flex-direction:column;height:100%;position:relative}.campaing-card__badge{border-top-right-radius:.25rem;color:#fff;display:flex;font-size:13px;font-weight:500;letter-spacing:.015rem;padding:.25rem .5rem;position:absolute;right:0;text-shadow:1px 1px 1px hsla(0,0%,60%,.55);top:0;z-index:100}.campaing-card__badge.badge-success{background:#27ae60}.campaing-card__badge.badge-warning{background:#f1c40f}.campaing-card__badge.badge-danger{background:#e74c3c}.campaing-card__badge.badge-info{background:#3498db}.campaing-card__image{border-radius:.5rem;margin-bottom:2rem;overflow:hidden}.campaing-card__info{background:#f2feff;border-radius:.5rem;margin-bottom:.75rem;padding:.5rem .75rem}.campaing-card__info .info-tag{font-weight:600}.campaing-card__info .info-date{font-size:.85rem}.campaing-card__title{font-size:1.35rem;font-weight:600;height:auto;line-height:150%;max-height:4.25rem;-webkit-line-clamp:2;margin-bottom:1rem}.campaing-card__desc,.campaing-card__title{display:block;display:box;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.campaing-card__desc{color:var(--highlight-color);line-height:180%;margin-bottom:1.5rem;max-height:5.6rem;-webkit-line-clamp:3;margin-top:auto}.campaing-card__btn a{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:.5rem;color:var(--highlight-color);display:inline-block;font-weight:500;padding:.75rem 1.75rem;text-decoration:none;transition:all .2s}.campaing-card__btn a *{transition:all .2s}.campaing-card__btn a svg path{fill:var(--highlight-color)}.campaing-card__btn a:hover{background:#fff;border-color:var(--primary-color);color:var(--primary-color)}.campaing-card__btn a:hover svg path{fill:var(--primary-color)}.all-campaing{color:var(--highlight-color);font-weight:500}.post-details h2{font-size:2.25rem;font-weight:500}.post-details p{font-size:1.25rem}.post-share{background:#edeff8}.post-share span{font-size:1.25rem;font-weight:500}.post-share ul li{margin-right:1rem}.post-share ul li:last-of-type{margin-right:0}.post-share ul li a{font-size:1.5rem}.last-posts .last-posts-title{border-bottom:1px solid var(--primary-color)}.last-posts .last-posts-title span{background:var(--primary-color);color:var(--highlight-color)}.detail-border-right{border-right:0}@media (min-width:992px){.detail-border-right{border-right:2px solid #f0f0f0}}.content .content-title{color:var(--highlight-color);font-size:2rem;font-weight:600;line-height:120%}.content .content-parag{color:var(--highlight-color);font-size:1.5rem;font-weight:500;line-height:100%}.taksi360-info .taksi360-info-icon{border-radius:calc(infinity * 1px);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.5);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.5);box-shadow:0 1px 4px 0 rgba(0,0,0,.5);height:130px;width:130px}.taksi360-info .taksi360-info-title{color:var(--highlight-color);font-size:22px;font-weight:500}.taksi360-info span{color:var(--highlight-color);font-size:18px}.all-payment-wrapper{background-color:hsla(0,0%,93%,.5);background-image:url(../images/bg-2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:684px}.all-payment-wrapper h1{color:var(--highlight-color);font-size:2rem}.all-payment-wrapper .all-payment-list .all-payment-list-title{color:var(--highlight-color);font-size:1.75rem;font-weight:700;line-height:120%}.all-payment-wrapper .all-payment-list .all-payment-list-desc{color:var(--highlight-color);font-size:1.25rem;line-height:120%}.pos-bg{background:url(../images/taksi360-bg.png) no-repeat center 175px;min-height:400px}.pos-wrapper{background:url(../images/bg-1.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (min-width:992px){.pos-bg{background-position:center 80px}.pos-wrapper .cep-pos{left:-60px;margin-top:0!important;position:relative}.pos-wrapper .android-pos{left:100px;position:relative;top:-30px}}.android-bg{background-image:url(../images/bg-3.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.pos-wrapper .pos-title{color:var(--highlight-color);font-size:2rem;font-weight:700}.pos-wrapper .cep-pos{margin-top:350px}.pos-wrapper .abs-img-left,.pos-wrapper .abs-img-right{position:absolute;z-index:100}.pos-wrapper .abs-img-left{left:-188px;top:180px}.pos-wrapper .abs-img-right{right:-250px;top:180px}.create-account-title{font-size:2rem;font-weight:700}.create-account-content,.create-account-title{color:var(--highlight-color)}.create-account-content .create-account-content-title{font-size:2rem;font-weight:700;line-height:120%}.create-account-content .create-account-content-text{font-size:1.5rem;font-weight:500;line-height:130%}.page-header{background:url(../images/page-header.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:313px}.page-header .page-title{font-size:3rem;font-weight:800}.page-header .page-title,.why-taksi360{color:var(--highlight-color)}.why-taksi360 .why-taksi360-title{font-size:2rem;font-weight:700}.why-taksi360 p{font-size:18px;font-weight:500}.why-taksi360-box{background:var(--primary-color);color:var(--highlight-color)}.why-taksi360-box .why-taksi360-box-title{font-size:1.25rem;font-weight:500}.why-taksi360-box p{font-size:14px}.page-content{color:var(--highlight-color)}.page-content p{font-size:20px;line-height:1.5}.create-tab-menu{background:#d1d5db;border-radius:var(--bs-border-radius-lg);height:48px;overflow:hidden;overflow-x:auto}.create-tab-menu button{background:none;border:0;color:var(--highlight-color);font-weight:500;height:100%;width:100%}.create-tab-menu button.active{background:var(--primary-color)}.create-tab-content{max-width:600px;width:100%}@media (min-width:992px){.create-tab-content{min-width:600px}}.create-account-content{max-width:550px}.tab-control-body{border-radius:var(--bs-border-radius-lg)}.tab-control-body.tab-control-bg{background:#d1d5db;padding:1rem}.form-check-wrapper{color:rgba(38,38,38,.7)}.form-check-wrapper a,.we-contact-title{color:var(--highlight-color);font-weight:500}.we-contact-title{font-size:2rem}.we-contact-detail{color:var(--highlight-color)}.we-contact-detail .we-contact-detail-title{font-size:2rem;font-weight:700;line-height:120%}.we-contact-detail p{font-size:18px;font-weight:500}@media (min-width:992px){.we-contact-order .we-contact-title{text-align:center}.we-contact-order .we-contact-form{padding-left:3rem;padding-right:3rem}.we-contact-order .we-order-5{order:5}}.section-text .section-title{color:var(--highlight-color);font-size:2rem;font-weight:700;line-height:120%}.section-text p{color:var(--highlight-color);font-size:18px;font-weight:500}.section-text a{width:max-content}.about-image{margin-bottom:-75px;margin-top:-50px;z-index:1000}.service-fee-wrapper{max-width:600px}.service-fee-wrapper .service-fee{border:1px solid var(--highlight-color);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(9,1fr);grid-column-gap:0;grid-row-gap:0}.service-fee-wrapper .service-fee>div{font-size:1.25rem;font-weight:500;height:50px;line-height:50px}.service-fee-wrapper .service-fee .service-fee-title{background:var(--primary-color);border-bottom:1px solid var(--highlight-color);border-right:1px solid var(--highlight-color)}.service-fee-wrapper .service-fee .service-fee-title:last-of-type{border-right:0}.service-fee-wrapper .service-fee .service-fee-text{border-right:1px solid var(--highlight-color)}.contact-title,.service-fee-wrapper span{font-size:18px;font-weight:500}.contact-title{color:var(--highlight-color)}.contact-title h2{font-size:2rem;font-weight:700}.contact .contact-item .contact-icon{background:var(--primary-color);border-radius:var(--bs-border-radius-lg);height:60px;width:60px}.contact .contact-item .contact-icon svg{height:28px;width:28px}.contact .contact-item .contact-info ul li:first-of-type{color:var(--highlight-color);font-size:1.5rem;font-weight:500}.contact .contact-item .contact-info ul li a{color:var(--highlight-color);text-decoration:none}.contact .contact-item .contact-info ul li a:hover{text-decoration:underline}.wrapper{margin-inline:auto;width:min(100% - 3rem,1400px)}.topnav{align-items:center;display:flex;padding-block:1.5rem}.topnav button{background:none;border:none;padding:0}.topnav button svg{height:40px;width:40px}@media (width >= 62.5em){.topnav button{display:none}}.topnav__open[aria-expanded=true]+.topnav__menu{translate:0}@media (prefers-reduced-motion){.topnav__open[aria-expanded=true]+.topnav__menu{opacity:1}}.topnav__close{display:block;margin-block-end:4rem;margin-inline-start:auto}.topnav__close img{width:2.5rem}@media (width < 62.5em){.topnav__menu{background-color:var(--gray-color);inset:0;padding:1.5rem;position:fixed;transition:translate .5s ease-in-out;translate:100vw 0;z-index:1050}}@media (width < 62.5em) and (prefers-reduced-motion){.topnav__menu{opacity:0;transition:opacity .5s ease-in-out;translate:0}}.topnav__links{align-items:center;display:flex;gap:1rem;margin:0;padding:0}@media (width < 62.5em){.topnav__links{flex-direction:column}}.topnav__item{list-style-type:none}.footer-social-media span{color:var(--highlight-color);font-size:18px;font-weight:600}.footer-social-media ul li{margin-right:1rem}.footer-social-media ul li:last-child{margin-right:0}.footer-social-media ul li a{color:var(--highlight-color);text-decoration:none}.footer-social-media ul li a svg{height:28px;width:28px}.footer-copy{color:var(--highlight-color);font-size:13px}.footer-widget .footer-widget-title{border-bottom:2px solid var(--primary-color);color:var(--footer-color);display:inline-block;font-size:22px;font-weight:600;padding-bottom:1rem;padding-right:3rem}.footer-widget ul li{font-size:18px;font-weight:500;margin-bottom:.5rem}.footer-widget ul li a{color:var(--footer-color);font-size:18px;font-weight:500;text-decoration:none}.footer-widget ul li a:hover{text-decoration:underline}.password-container { position: relative; display: flex; align-items: center; width: 100%; } .password-container .toggle-password { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.7; transition: opacity 0.3s ease; } .password-container .toggle-password:hover { opacity: 1; } .password-container .password-input.is-invalid { border-width: 2px !important; padding-right: 40px !important; min-height: 56px; } .password-container .invalid-feedback { position: absolute; bottom: -20px; font-size: 12px; } .password-container .show-password { background-image: url('/content/assets/icons/show-password.svg'); } .password-container .hide-password { background-image: url('/content/assets/icons/hide-password.svg'); }