* {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.9rem;
    padding: 0;
    margin: 0;
    letter-spacing: 1px;
    box-sizing: border-box;
}

#kalender {
    font-family: Arial, sans-serif;
    text-align: center;
}

#kalender table {
    margin: 0 auto;
    width: 70%;
}

#marginSearch {
    margin-top: 100px
}

#kalender td {
    padding: 10px;
    border: 1px solid #ccc;
}

#kalender .hari-ini {
    background-color: #0D6EFD;
    color: #fff;
}


#aSearch {
    display: none;
}

#widthFull {
    padding: 0 !important;
    margin: 0 !important;
}

body {
    background: #EFF5FB;
}

#container-fluid {
    top: 0%;
}

.iconFloat {
    position: fixed;
    bottom: 7%;
    right: 3%;
    z-index: 9999;
}

#wrapbgcontent {
    margin-top: 100px;
}

#wrapbgcontent2 {
    margin-top: 100px;
}

#containerSosmed {
    height: 40px;
    position: fixed;
    display: flex;
    align-items: center;
    top: -20%;
    animation: animationWrapSosmed 2s forwards;
}

#containerSosmed2 {
    display: none;
}

@keyframes animationWrapSosmed {
    to {
        top: 0%;
    }
}

#nav {
    top: -20%;
    animation: animationWrapNav 2s forwards;
}

@keyframes animationWrapNav {
    to {
        top: 40px;
    }
}

#navBackend {
    top: -20%;
    animation: animationWrapNavBackend 2s forwards;
}

@keyframes animationWrapNavBackend {
    to {
        top: 0%;
    }
}

#carouselExampleInterval {
    position: relative;
    overflow: hidden;
}

#wrapItemCarousel {
    margin-top: -115px;
    animation: animasiWrapCarousel 2s forwards;
}

@keyframes animasiWrapCarousel {
    to {
        margin-top: 115px;
    }
}

#imgCarousel {
    width: 100%;
    height: 600px;
}

.linkNav {
    text-decoration: none;
    letter-spacing: 0px;
}

#nav-item {
    font-size: 0.8rem
}

#nav-item a:hover {
    cursor: pointer;
    background: #2492FF;
    color: white;
    border-radius: 5px;
}

#active {
    cursor: pointer;
    background: #2492FF;
    color: white;
    border-radius: 5px;
}

.icon-msg {
    background: light;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 5px;
    color: blue;
}

#bgimage {
    width: 100%;
    height: 450px;
}

#activated {
    cursor: pointer;
    background: #2492FF;
    color: white;
    border-radius: 5px;
}

.iconFloat img:hover {
    transform: scale(1.1);
}

#imgSlide {
    width: 100%;
    height: 400px;
}

.plane {
    width: 400px;
    height: 100px;
    position: absolute;
    top: -13%;
    right: 0%;
}

.img-menu {
    width: 100%;
    height: 250px;
}

#wrapDest {
    height: 50px;
    align-items: center;
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

#itemDest {
    font-size: 0.8rem;
}

.imgBookingNow {
    height: 620px;
    width: 100%;
    margin-bottom: 20px;
}

#DescIntDom {
    position: absolute;
}

#btnDoInt {
    width: 100%;
}

#positionRating {
    bottom: 0%;
}

#DashBorderInt {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

#desc1 {
    top: 10%; 
    left:10%
}

#desc2 {
    top: 17%; 
    left:10%
}

#love {
    cursor: pointer;
    color: white;
    background: rgba(255, 255, 255, 0.5); 
    top: 10%; 
    right:10%; 
    font-size: 1.3rem;
}

#love:hover {
    background: white;
    color: red;
}

#wrapBookngInt {
    bottom: 10%;
}

#wrapSelectFlight {
    background: white;
    bottom: -35%;
}

#wrapImageBlog {
    overflow: hidden;
    border-radius: 20px 20px 0px 0px;
}

#imgBlog {
    width: 100%;
    height: 250px;
    border-radius: 20px 20px 0px 0px;
    object-fit: cover; /* Memastikan gambar mengisi kontainer tanpa terdistorsi */
    transition: transform 0.3s ease;
}

#imgBlog:hover {
    transform: scale(1.15);
}

#wrapKet {
    border-radius: 0px 0px 20px 20px;
    padding: 15px;
}

#descBlog {
    margin-bottom: 5px;
    padding-bottom: 0px;
}

#linkBlog {
    text-decoration: none;
}

#titleBlog {
    font-size: 1.1rem;
}

a {
    text-decoration: none;
}

#wrapTestimoni {
    padding: 0px;
}

#wrapBtnBooking {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: end;
}

#wrapPage {
    margin-top: 115px;
    opacity: 0;
    animation: animasiWrapPage 5s forwards;
}

@keyframes animasiWrapPage {
    to {
        opacity: 1;
    }
}

@media (min-width: 0px) and (max-width: 999px) {
    #imgCarousel {
        width: 100%;
        height: 300px;
    }
    
    #marginSearch {
        margin-top: 150px
    }
        
    #welcome {
        text-align: center;
    }

    #containerSosmed {
        display: none;
    }

    #containerSosmed2 {
        display: none;
        height: 40px;
        position: fixed;
        display: flex;
        align-items: center;
        top: -20%;
        animation: animationWrapSosmed 2s forwards;
    }
    
    @keyframes animationWrapSosmed {
        to {
            top: 0%;
        }
    }

    #wrapItemCarousel {
        margin-top: -115px;
        animation: animasiWrapCarousel 2s forwards;
    }
    
    @keyframes animasiWrapCarousel {
        to {
            margin-top: 115px;
        }
    }

    #wrapTestimoni {
        text-align: center;
    }

    #wrapBtnBooking {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #bgimage {
        width: 100%;
        height: 300px;
    }

    #wrapSelectFlight {
        background: white;
        bottom: -85%;
    }
    
    #wrapbgcontent {
        margin-top: 150px;
    }
    
    #wrapbgcontent2 {
        margin-top: 200px;
    }
    
}