/*==========================================================================================
           General
==========================================================================================*/
:root {
    --primary-color: #212C64;
    --y-padding: 7rem;
}

body {
    position: absolute;
    height: 100%;
    width: 100%;
}

.bg-theme-color {
    background-color: var(--primary-color);
}

.btn-theme-color {
    background-color: var(--primary-color);
    color: #ffffff;
}

.btn-theme-color:hover {
    background-color: #0f57cd;
    color: #ffffff;
}

.text-theme-color {
    color: #0f57cd;
}

.bg-dark-opacity-5 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-dark-opacity-5:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.parallax-window {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.btn-danger {
    background-color: #c62031;
}


/*==========================================================================================
           Navbar
==========================================================================================*/

/*===== Headertop =====*/
#headerTop{
    transition: all 0.5s;
}

/*===== Navbar =====*/
header nav {
    background-color: var(--primary-color);
    z-index: 999999999;
}

.margin-top-30 {
    margin-top: 30px;
}

.navbar{
    transition: all 0.5s;
}

.navbar-brand-img-sm{
    height: 40px;
}

.navbar-brand-img-lg{
    height: 60px;
}


.navigation-user-btn img{
    height: 30px;
    width: 30px;
}

.navigation-user-btn i{
    font-size: 1rem;
}



/*==========================================================================================
           Home Page
==========================================================================================*/

/*===== Home Booking Area =====*/

#home {
    top: 30px;
    background-image: url('../img/205.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#home .home-cover-inner{
    background-color: rgba(0, 0, 0, 0.4);
}

#home .container-fluid {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
}

#home .card {
    margin-top: 7rem;
    margin-bottom: 6rem;
    border-radius: 20px !important;
}

#home .home-cover-title {
    font-size: 5rem;
}

#home .home-cover-text {
    font-size: 1.2rem;
}


/*===== Recommended Area =====*/

#recommended {
    padding-top: 5rem;
}

#recommended .card {
    border-radius: 20px !important;
}

#recommended .card img {
    border-radius: 20px 0 0 20px !important;
    object-fit: cover;
}

#recommended .card-img{
    object-fit: fill !important;
    height: 250px !important;
}


/*===== Details Area =====*/

#bookingDetails {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#bookingDetails .card {
    border-radius: 20px !important;
}

#bookingDetails .card img {
    border-radius: 20px 20px 0 0 !important;
    object-fit: cover;
    height: 200px;
}

/*===== Destinations Area =====*/

#destinations {
    padding-bottom: 5rem;
}

#destinations .card img, #destinations .card .card-img-overlay {
    border-radius: 20px;
    object-fit: cover;
    height: 100%;
}

/*==========================================================================================
           Holiday Deal Page
==========================================================================================*/

/*===== Header Cover Area =====*/

#holidayDealCover {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

#holidayDealCover .card {
    border-radius: 20px !important;
}

#holidayDealCover .card img {
    border-radius: 20px !important;
    object-fit: cover;
}

#holidayDealCover .card-img{
    object-fit: fill !important;
    height: 100% !important;
}

/*===== Holiday Deal Body Area =====*/

#holidayDealBody {
    margin-bottom: 5rem;
}

#holidayDealBody .card {
    border-radius: 20px !important;
}

#holidayDealBody .card img {
    border-radius: 20px 20px 0 0 !important;
}



/*==========================================================================================
           Holiday Deals Search Result Page
==========================================================================================*/

/*===== Holiday deals search result =====*/

#holidayDealsSearchResult {
    margin-top: 7rem;
    margin-bottom: 5rem;
}

#holidayDealsSearchResult .col-8 .card {
    border-radius: 20px !important;
}

#holidayDealsSearchResult .col-8 .card img {
    border-radius: 20px 0 0 20px !important;
}




/*==========================================================================================
           Footer
==========================================================================================*/

footer {
    background-color: var(--primary-color);
    padding-top: 3rem;
}

footer .footer-inner-prlx {
    height: 500px;
    background-image: url('/img/205.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: calc(-0.719115px);
}


/*==========================================================================================
           User Login Page
==========================================================================================*/

/*===== Login Area =====*/
#login {
    margin-top: 4rem;
    background-image: url('/img/205.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#login .container-fluid {
    background-color: rgba(0, 0, 0, 0.5);
    /* padding-left: 13rem !important;
    padding-right: 13rem !important; */
    height: 75vh;
}

#login .card {
    margin-top: 7rem;
    margin-bottom: 6rem;
    border-radius: 20px !important;
}

#login .login-cover-title {
    font-size: 5rem;
}

#login .login-cover-text {
    font-size: 1.2rem;
}


/*==========================================================================================
           User
==========================================================================================*/

/*===== Home =====*/

#userHome{
    margin-top: 12rem;
    margin-bottom: 12rem;
}

/*===== Reservations =====*/

#userReservations{
    margin-top: 12rem;
    margin-bottom: 12rem;
}


/*===== View Reservation =====*/

#userReservationView{
    margin-top: 12rem;
    margin-bottom: 12rem;
}


/*===== Profile =====*/

#userProfile{
    margin-top: 12rem;
    margin-bottom: 12rem;
}

#userProfile .user-pofile-image{
    height: 70px;
    width: 70px;
    object-fit: cover;
    border-radius: 20px;
}

#userProfile .user-profile-img-card .card-img-overlay{
    border-radius: 20px !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

#userProfile .user-profile-img-card .card-img-overlay:hover{
    border-radius: 20px !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    cursor: pointer;
}

#userProfile .edit-name .form-notch-middle{
    width: 56px !important;
}

#userProfile .edit-dob .form-notch-middle{
    width: 63.2px !important;
}

#userProfile .edit-email .form-notch-middle{
    width: 32.8px !important;
}

#userProfile .edit-phone .form-notch-middle{
    width: 73.6px !important;
}

#userProfile .edit-passport .form-notch-middle{
    width: 85.6px !important;
}

#userProfile .dropify-filename-inner{
    display: none !important;
}



/*==========================================================================================
           Flights Search Result Page
==========================================================================================*/

/*===== Flights Search Result =====*/

#flightsSearchResult {
    margin-top: 7rem;
    margin-bottom: 5rem;
}

#flightsSearchResult .col-8 .card {
    border-radius: 20px !important;
}

#flightsSearchResult .col-8 .card img {
    border-radius: 20px 0 0 20px !important;
}