@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

* {
    padding: 0;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.carousel-caption {
    text-align: left !important;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.h-05 {
    font-size: 3rem;
}

.font-weight-extrabold {
    font-weight: 900;
}

.font-weight-semibold {
    font-weight: 600;
}

.rounded-4 {
    border-radius: 7px !important;
}

.rounded-5 {
    border-radius: 15px !important;
}

.bg-daftar {
    background-repeat: no-repeat;
    background-image: url('../img/daftar-bg.png');
    background-position: center;
    background-size: cover;
    height: 100vh;
}

img {
    pointer-events: none !important;
}

.card {
    border: 1px solid rgba(0, 0, 0, .125);
    transition: 0.7s;
}

.card:hover {
    transition: 0.7s;
    border: 1px solid #fff !important;
    filter: drop-shadow(0px 10px 100px rgba(0, 0, 0, 0.09));


}

.drop-shadow {
    filter: drop-shadow(0px 10px 100px rgba(0, 0, 0, 0.09));
}

.fs-7 {
    font-size: 13px;
}

/* input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} */

.lh-base {
    line-height: 2 !important;
}

.h-7 {
    font-size: 14px;
}


.footer {
    background: linear-gradient(0deg, rgba(231, 243, 239, 0.4) 42.19%, rgba(255, 255, 255, 0) 100%);
}

input:checked+.radio__control::before {
    transform: scale(1);
}

.periode {
    background-color: #FFF0D7;
    border: 1px solid #FEA51D;
    border-radius: 0 0 10px 10px !important;
}

.card-testi {
    background-image: url('../img/petik.png');
    background-repeat: no-repeat;
    background-position: 20px 20px;

}

.detail-pesanan-a a:hover {
    color: #228B67 !important;
}

/* penuliskode */

.wrapper {
    padding: 130px 0;
}

.gallery {
    margin-bottom: 25px;
    overflow: hidden;
}

.gallery a, .carousel-cell-custom a {
    display: inline-block;
}

.gallery img {
    display: inline-block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform .5s;
}
.gallery:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.carousel-cell-custom {
    width: 280px;
    margin-right: 26px;
}

.carousel-cell-custom img {
    border-radius: 8px;
    height: 200px;
    object-fit: cover;
}

.loading-page {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.95);
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2rem;
    transform: translate(-50%, -50%);
    height: 5px;
    width: 15rem;
    background-color: lightgrey;
}

.loading {
    background-color: #FEA51D;
    width: 5rem;
    height: 5px;
    animation: animation 1.8s infinite;
}

@keyframes animation {
    0% {
        transform: translateX(0rem);
    }

    50% {
        transform: translateX(10rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

a {
    color: #164233;
}

a:hover {
    color: #164233;
    text-decoration: none;
}

.form-rent-car input {
    padding: 20px 10px;
    font-size: 14px;
}

.breadcrumb-custom {
    background: none;
    border: none;
}

.breadcrumb-custom > .breadcrumb-item, .breadcrumb-custom > .breadcrumb-item > a{
    color: #fff;
}

.bg-smooth-green {
    background-color: #F3F8F7;
}

.bg-smooth-green-darken {
    background-color: #d9ebe5;
}

.bg-dark-green {
    background-color: #1B1B1B;
}

.bg-orange {
    background-color: #FEA51D;
}

.card-ticket-img img {
    object-fit: cover;
    height: 140px;
    width: 100%;
    border-radius: 14px;
}

.card-news-img img {
    object-fit: cover;
    height: 115px;
    width: 100%;
    border-radius: 15px;
}

.card-desc-img img {
    object-fit: cover;
    height: 320px;
    width: 100%;
    border-radius: 15px;
}

.img-order-detail img {
    object-fit: cover;
    height: 90px;
    width: 100%;
    border-radius: 15px;
}

.title-menu {
    background-repeat: no-repeat;
    background-image: url('../img/pattern.png');
    background-position-x: 5%;
    background-position-y: 50%;
}

.title-menu-2 {
    background-repeat: no-repeat;
    background-image: url('../img/pattern.png');
    background-position-x: 10%;
    background-position-y: 50%;
}

.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 14px;
}

.badge-custom {
    color: #164233;
    background-color: #d9ebe5
}

.text-primary {
    color: #228B67 !important;
}

.text-primary {
    color: #228B67 !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #228B67 !important
}

.text-orange {
    color: #FEA51D !important;
}

a.text-orange:focus,
a.text-orange:hover {
    color: #FEA51D !important
}

.text-custom-dark {
    color: #164233 !important
}

a.text-custom-dark:focus,
a.text-custom-dark:hover {
    color: #164233 !important
}

.navbar-nav>.nav-item {
    padding: 0 7px;
}

.navbar-nav>.nav-item>.nav-link {
    color: #164233;
}

.navbar-nav>.nav-item>.nav-link:hover {
    color: #164233;
}

.btn-custom-orange {
    color: #fff;
    background-color: #FEA51D;
    border-color: #FEA51D
}

.btn-custom-orange:hover {
    color: #fff;
    background-color: #e38f0e;
    border-color: #e38f0e
}

.btn-custom-orange.focus,
.btn-custom-orange:focus {
    color: #fff;
    background-color: #e38f0e;
    border-color: #e38f0e;
    box-shadow: 0 0 0 .2rem rgba(227, 143, 14, 0.5)
}

.btn-custom-dark {
    color: #fff;
    background-color: #228B67;
    border-color: #228B67
}

.btn-custom-dark:hover {
    color: #fff;
    background-color: #167555;
    border-color: #167555
}

.btn-custom-dark.focus,
.btn-custom-dark:focus {
    color: #fff;
    background-color: #167555;
    border-color: #167555;
    box-shadow: 0 0 0 .2rem rgba(22, 117, 85, 0.5)
}

.btn-custom-smooth {
    color: #228B67;
    background-color: #E7F3EF;
    border-color: #E7F3EF
}

.btn-custom-smooth:hover {
    color: #228B67;
    background-color: #d9ebe5;
    border-color: #d9ebe5
}

.nav-custom .nav-link {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 15px;
    padding: 12px 15px;
}

.nav-custom .nav-link.active {
    background: #fff;
    color: #FEA51D;
    border: 1px solid #FEA51D;
}

.page-link {
    color: #FEA51D;
}

.page-link:hover{
    color:#FEA51D;
}