body {
    font-family: 'Cairo', sans-serif;
    background-color:rgb(241 241 241 / 46%);
}


select {
    -webkit-appearance: none;
}

input {
    text-transform: uppercase;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    text-transform: uppercase;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: uppercase;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: uppercase;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: uppercase;
}

::placeholder {
    /* Recent browsers */
    text-transform: uppercase;
}


.bg-travel {
    background-color: #70193c;
}

.bg-travel-2 {
    background-color: #b0a377;
}

.logo {
    height: 55px;
}

.travel-nav {
    height: 100px;
    background-color: rgba(37, 37, 37, 0.57);
    border-bottom: 1px solid #fff;
    transition: all 0.5s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.nav-i {
    color: #b0a377;
    font-size: 14px;
    margin-right: 5px;
}

.bg-trip {
    background-color: #252525;
}

.travel-title {
    background-color: #70193c;
    color: #fff;
    border-radius: 10px;
}

.travel-text {
    color: #b0a377 !important;
}

.travel-radio {
    width: 18px;
    height: 18px;
}

.travel-nav-item {
    /*width: 75px;*/
    text-align: center;
    font-weight: 500;
    transition: all 0.5s ease;
    font-size: 18px;

}

.travel-nav-item a {
    color: #fff !important;
    transition: all 0.5s ease;

}

.hidden {
    display: none;
}


/*login box*/
.dropdown-item {
    background-color: var(--maincolor);
    color: #fff;
}

.dropdown-item:hover {
    background-color: var(--mainlight);
    color: #fff;
}

.login-box {
    background-color: #0b2e13;
}

/*login box end*/


/*drop down menu*/
.travel-drop-down {
    background-color: var(--maincolor);
    color: #b0a377 !important;
}


.travel-nav-item a:hover {
    color: #b0a377 !important;
}

.scrolled {
    height: auto;
    background-color: #252525;
    border-bottom: 0px;
}

.one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.travel-content {}

.travel-heading {
    position: relative;
}


.travel-slider {
    background-size: cover;
    /*height: 100vh;*/
    height: 755px;
    background-position: center;

}

.travel-search-warp {
    z-index: 10;
    position: absolute;
    bottom: 0px;
}

.travel-search {
    background-color: #6b6957;
    border: 10px solid #414141;
    border-radius: 5px;
}

.travel-search .nav-pills {
    background: #414141 !important;
}

.travel-search-input {
    background-color: #0b2e13;
    color: #b0a377;
    border-color: transparent;
}


.travel-search-tab {
    background-color: transparent;
    color: #fff;
}

.travel-search-tab.active {
    background-color: #6b6957 !important;
    border-radius: 0;
}

.btn.btn-trip {
    border-radius: 3px;
    font-style: normal;
    font-weight: 700;
    width: 100%;
    color: #fff;
    background: #70193c;
    letter-spacing: .05em;
}

/*section head*/

.content-heading {
    text-align: center;
    position: relative;
}


.seperator {
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    padding-bottom: 30px;
}

.seperator::before {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120px;
    height: 4px;
    background: #e2e2e2;
}

/* section */


.travel-section {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

/**/
.travel-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 20vh;
    width: 100%;
}

.travel-logo-bg {
    position: absolute;
    top: 15vh;

    display: block;
    background: rgba(76, 34, 4, 0.36);
    width: 50%;
    height: 100px;

    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}


/*table style*/

.travel-table {

}

.travel-table thead tr {
    background-color: #414141;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.travel-table thead tr span {
    color: #fff;
}

.travel-table tbody tr {

    margin-bottom: 15px;
}

.travel-table tbody tr td {
    text-align: center;
    font-weight: 500;
}

.btn-reserve {
    background-color: #414141;
    border-radius: 3px;
    font-style: normal;
    font-size: 17px;
    width: 100%;
    color: #b0a377;
    transition: all 0.5s ease;
}

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


/*footer style*/

.travel-footer {
    background: #252525 url(../img/footer-pattern.png);
    display: table-footer-group;
    height: 1%;
    overflow: hidden;
    padding-bottom: 290px;
}

.info-warp {
    display: table;
    width: 100%;
    text-align: center;
}

.info-warp li {
    display: inline-block;
    vertical-align: middle;
}

.info-warp li i {
    color: #6b6957;

}

.info-warp li p {
    float: right;
    color: #9d9d9d;
}


.social-wrap {
    display: table;
    width: 100%;
    text-align: center;
}

.social-wrap li {
    display: inline-block;
    vertical-align: middle;
}


.social-wrap li a {
    display: inline-block;
    position: relative;
    vertical-align: top;
    color: #6b6957;
}

.social-wrap li a:hover {
    color: #b0a377;
}





/*checkout*/

.checkout-title {

    color: #b0a377;
}


/*contact us*/

.contact-us-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-us-list .icons-list a {
    padding: 5px;
    color: #414141;
    transition: all 0.5s ease;
    font-size: 14px;
}

.contact-us-list .icons-list a:hover {
    color: #b0a377;
}


/*pnr page*/
.pnr-title {
    background-color: var(--maincolor);
    color: #fff;
}


/*visa pages*/

.visa-card {
    position: relative;
}

.visa-card a {
    color: #fff;
    transition: all 0.5s ease;
    display: block;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;

}

.visa-card a:hover {
    color: #f2f2f2;
    box-shadow: 0 0px 7px 1px rgba(0, 0, 0, 0.5)
}

.visa-data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    transition: all 0.5s ease;
    height: inherit;


}

.visa-data:hover {
    background-color: rgba(109, 105, 92, 0.4);
    background-image:
        repeating-linear-gradient(120deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px),
        repeating-linear-gradient(60deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px),
        linear-gradient(60deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1)),
        linear-gradient(120deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1));
    background-size: 70px 120px;
}


.marquee {
    width: 900px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #414141;
    color: #fff;
}