* {
    margin: 0px;
    padding: 0%;
    font-family: Posterama1927-Black, Times New Roman, Times, serif;
}

body {
    padding: 0px;
    margin: 0%;
}

.reserve button:focus,
button:hover,
button:active,
button:focus-visible {
    background-image: linear-gradient(90deg, rgba(0, 225, 255, 0.9), rgba(134, 132, 132, 0.9), rgba(203, 230, 51, 0.9));
    color: #fff !important;
}

.reserve a:hover h1,
.reserve a:hover h2,
.reserve a:hover h3,
.reserve a:hover h4,
.reserve a:hover h5,
.reserve a:hover h6 {
    color: rgb(0, 0, 0) !important;
}

.reserve footer a:hover h1,
.reserve footer a:hover h2,
.reserve footer a:hover h3,
.reserve footer a:hover h4,
.reserve footer a:hover h5,
.reserve footer a:hover h6,
.reserve footer a:hover p {
    color: rgb(7, 5, 6) !important;
}


.reserve .header-fixed {
    position: fixed;
    top: 0px;
    z-index: 100;
}

.reserve .btn-group .dropdown-toggle::after {
    display: none !important;
}


.reserve .airdrop-color {
    background: linear-gradient(to right, #1a8dd4, #65cfa1, #d68567);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reserve .header-down-position {
    position: fixed;
    bottom: 5%;
    z-index: 100;
}


.reserve .header-down-m {
    margin: 0.1px;
}

.reserve .header-down-border {
    padding: 2%;
    box-shadow: 1px 1px 3px gray;
}

.reserve .header-down-border {
    padding: 2.5%;
    box-shadow: 1px 1px 3px gray;

}

@media (min-width: 576px) {

    .reserve .container,
    .reserve .container-sm {
        max-width: 100%;
    }
}

.reserve .header-help-position {
    background-image: linear-gradient(90deg, rgba(237, 204, 238, 0.9), rgba(162, 233, 202, 0.9), rgba(245, 247, 179, 0.9));
    color: #fff !important;
    border-radius: 50%;
    width: 59px;
    height: 59px;
    z-index: 20;
    position: fixed;
    bottom: 20%;
    right: 3%;
}

/* header-end */


/* main-start  */
.reserve .card {
    text-align: center;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    color: white;
}

.reserve .main-1-border1 {
    border-left: 7px solid rgb(51, 149, 230);
}

.reserve .main-1-border2 {
    border-left: 7px solid greenyellow;
}

.reserve .main-1-border3 {
    border-left: 7px solid gray;
}

.reserve .main-1-border4 {
    border-left: 7px solid orange;
}

.reserve .main-1-border5 {
    border-left: 7px solid blue;
}

.reserve .main-1-border6 {
    border-left: 7px solid rgb(22, 24, 26);
}

.reserve .reservation-range {
    color: black;
    font-weight: bold;
}

.reserve .main-1-logo {
    position: relative;
    top: -3px;
}

.reserve .main-1-btn-bg {
    background-image: linear-gradient(90deg, rgba(0, 225, 255, 0.9), rgba(134, 132, 132, 0.9), rgba(203, 230, 51, 0.9));
    color: #fff !important;
}

.custom-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.dropdown-menu {
    min-width: 180px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.info-icon {
    cursor: pointer;
}

/* main-end */