:root {
    --maincolor: #70193c;
    --mainlight: #9e124b;
    --gold: #b0a377;
    --lightgold: #f9de85;
    --lightergold: #fbeec2;
    --lightBlue: #3eafe4;
    --rose: #fe0068;
}
body::-webkit-scrollbar {
    width: 8px !important;
}

/* Track */
/* body::-webkit-scrollbar-track {
    background: #ccc;
} */

/* Handle */
body::-webkit-scrollbar-thumb {
    background: var(--gold);
    border-radius: 5px;
    transition: all 0.9s ease-in;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
    background: var(--maincolor) !important;
}

.flight-navbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
}

.upper-nav {
    background-color: brown;
    height: 75px;
}

.main-nav {
    background-color: #fff;
    height: 80px;
    margin-top: -30px;

}

.alosool-nav-item {
    text-align: center;
    font-weight: 500;
    transition: all 0.5s ease;
    font-size: 20px;
}

.alosool-nav-item>.nav-link {
    color: #4b4b4b;
}

.alosool-nav-item:hover {}

.search-box {
    width: 100%;
    height: auto;
    z-index: 10;
    position: absolute;
    bottom: 0px;
}


.t-tabs {
    border: 0px;
    justify-content: center;
    margin-bottom: 20px;
}

.t-tabs>.nav-item {
    background-color: #fff;
    color: #70193c;
    margin: 5px 15px;
    border-radius: 5px;
}

.nav-tabs .nav-link {
    border-radius: 5px;
}

.search-label {
    position: absolute;
    top: 5px;
    left: 25px;
    color: rgb(156, 156, 156);
}

.t-search-input {
    background-color: #fff;
}

.t-search-box {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
}

.btn-dr {
    background-color: #70193c;
    color: #fff;
    transition: all 0.5s ease;
}

.btn-dr:hover {
    color: #f3f3f3;
    font-weight: bold;
}

.travel-title-dr {
    background-color: #70193c;
    color: var(--lightergold);
    border-radius: 25px;
}

.travel-rows {
    width: 90%;
    margin: 10px auto;
}

.travel-section-bg {
    background-image: url('../../img/world-map.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}




.travel-data {
    height: 500px;
    overflow: auto;
    padding: 5px 20px;
  /*   direction: rtl; */
    margin-left: 10px;
}

.travel-data::-webkit-scrollbar {
    width: 8px !important;
}

/* Track */
.travel-data::-webkit-scrollbar-track {
    background: #000;
}

/* Handle */
.travel-data::-webkit-scrollbar-thumb {
    background: #e4c7d3 !important;
    border-radius: 5px;
    transition: all 0.9s ease-in;
}

/* Handle on hover */
.travel-data::-webkit-scrollbar-thumb:hover {
    background: var(--maincolor) !important;
}


.travel-table thead tr {
    background-color: #70193c;
}

.travel-table-rows {
    background-color: var(--maincolor);

}

.travel-table-rows>tbody>tr>td {
    color: var(--lightgold);
    text-align: center;
    font-size: 17px;
}


.travel-data>.row {
    padding: 15px 5px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(107, 107, 107, 0.17);
}

.travel-data>.row>.col {
    text-align: center;
    align-items: center;
}

.label-number {
    background-color: var(--maincolor);
    border-radius: 25px;
    color: var(--lightergold);
    display: block;
}


/* width */
.travel-data::-webkit-scrollbar {
    width: 15px;
}

/* Track */
.travel-data::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.travel-data::-webkit-scrollbar-thumb {
    background: var(--gold);
    border-radius: 15px;
}

/* Handle on hover */
.travel-data::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*text data for table*/
.text-table {
    text-align: center;
    width: 100%;
    font-weight: 650;
    font-size: 19px;
}

.btn-travel {
    background-color: var(--maincolor);
    border-radius: 3px;
    font-style: normal;
    font-size: 18px;
    width: 100%;
    color: var(--lightergold);
    transition: all 0.5s ease;
}

.btn-travel:hover {
    color: #fff;
}



/*footer*/
.travel-footer-2 {
/*     background: var(--maincolor);
    background-image: url(../img/flights.png); */
    background-size: contain;
    background-position: center;

    display: table-footer-group;
    height: 1%;
    overflow: hidden;
    padding-bottom: 290px;
    position: relative;
}

.travel-copyright {
    background-color: var(--maincolor);
    position: absolute;
    bottom: 0;
    left: 0;
}