.ph__top-navigation .login,
.ph__top-navigation .login:hover .ph__top-navigation .login:active .ph__top-navigation .login:link .ph__top-navigation .login:visited {
    color: #f9ad19;
}

.display-block {
    display: block !important;
}

.show-mobile {
    display: block;
}

.ph__top-navigation {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 81px;
    z-index: 1;
    display: flex;
    align-items: center;
    left: 15px;
}

.ph__navigation__right {
    display: none;
}

.ph__navigation__contents .link-from-nav a {
    text-transform: uppercase;
    color: #fff;
}

.ph__navigation__contents .lang_ar a,
.ph__navigation__contents .lang_en a {
    font-size: 10px;
}


/* .ph__navigation .module-group.right {
    margin-top: 15px;
}

.ph__navigation .top-border {
    margin-top: 15px;
} */

.ph__navigation .bottom-border {
    margin-bottom: 15px;
}

.top-border>a {
    padding-top: 15px !important;
}

.bottom-border>a {
    padding-bottom: 15px !important;
}

nav.ph__navigation .nav-open .has-dropdown:after {
    top: 15px;
}

.top-border>a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 121px;
    background-color: #DCDCDC;
    margin: auto;
}

.bottom-border>a:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 121px;
    background-color: #DCDCDC;
    margin: auto;
}

.ph__top-navigation .logo.logo-light,
.ph__top-navigation .logo.logo-dark {
    display: none;
}

.nav-container~.main-container .voucher-summary-adjustment {
    margin-top: -440px;
}

.has-livenow-icon {
    line-height: 74px;
}

.has-livenow-icon a {
    line-height: normal;
    display: inline-flex;
    flex-direction: column;
    row-gap: 5px;
}



@media (max-width: 767px) {
    nav.transparent .nav-open .menu>li>a {
        text-transform: capitalize;
    }
.end_of_year{
/*background-image: url(https://www.holiday-factory.com/assets/img/end-of-year-bg-mob.svg) !important;
 background-repeat: no-repeat;
        background-size: cover;*/
        background-color: #0E305D;
         position: relative;
}
.end_of_year a{
    color: white!important;
}
 .end_of_year  .eoy_left{
            position: absolute;
        left: 0px;
        top: 7px;
        width: 29px;
            }
    .end_of_year  .eoy_right{
        position: absolute;
        right: 35px;
        top: 7px;
        width: 29px;
    }
}

@media (min-width: 768px) {
    .end_of_year  .eoy_left{
        display: none;
    }
    .end_of_year  .eoy_right{
        display: none;
    }
    .end_of_year a{
    padding:0px 10px;
}
    .end_of_year{
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(https://www.holiday-factory.com/assets/img/end-of-year-bg.svg) !important;
        animation: blink-bg 1s infinite;

    }


    .margin__top-fix {
        margin-top: -500px !important;
        padding-top: 64px;
    }
    .nav-container~.main-container {
        padding-top: 134px;
        /* margin-top: 134px; */
    }
    .nav-container~.main-container .parallax.hf-header {
        padding-top: unset !important;
        /* margin-top: 134px; */
    }
    .show-mobile {
        display: none;
    }
    .ph__navigation {
        font-size: 10px;
        letter-spacing: 1px;
    }
    .ph__navigation__ml6 {
        margin-left: 6px;
    }
    .ph__navigation__mr6 {
        margin-right: 6px;
    }
    .ph__navigation .module-group.right {
        display: flex;
        justify-content: center;
        float: unset !important;
    }
    .ph__navigation__right {
        display: block;
        margin-left: auto;
        margin-right: 30px;
    }
    .ph__top-navigation,
    .ph__navigation__contents {
        display: flex;
        align-items: center;
        padding: 10px 0;
    }
    .ph__navigation__contents {
        gap: 18px;
    }
    .ph__top-navigation {
        position: unset;
        background: linear-gradient(90deg, rgba(11, 82, 133, 1) 0%, rgba(56, 159, 194, 1) 71%, rgba(5, 179, 179, 1) 100%);
        font-family: 'Raleway';
        color: #fff;
        font-size: 10px;
        height: 59px;
    }
    .ph__top-navigation>a {
        margin-left: 30px;
        height: 42px;
    }
    .ph__navigation__contents {
        list-style: none;
    }
    .ph__navigation__contents li {
        position: relative;
    }
    .ph__navigation__contents li.with-icon {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .ph__navigation__contents li:not(:last-child):after {
        position: absolute;
        content: '';
        background-color: #fff;
        right: -9px;
        width: 2px;
        height: 12px;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: 0.5;
    }
    .ph__navigation__contents li:last-child {
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .ph__navigation__contents li .menu {
        height: unset;
    }
    .ph__navigation__right .ph__navigation__contents .no-divider-right:after {
        content: unset;
    }
    .ph__navigation .menu.swapcontainer li:not(:last-child) {
        margin-left: 10px;
    }
    .ph__navigation .menu.swapcontainer li a {
        font-size: 12px !important;
        font-weight: 600;
    }
    .menu li a{
        text-transform: capitalize;
    }
    .ph__navigation .menu>li>ul li a {
        display: block;
        width: 100%;
    }
    .ph__navigation__contents .no-divider-right li:after {
        content: unset;
    }
    .ph__navigation .module-group.right {
        margin-top: unset;
    }
    nav.ph__navigation .has-dropdown:after {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 11px;
        content: "\e64b";
        font-family: themify;
        font-weight: 400;
        text-transform: none;
    }
    .ph__top-navigation .logo.logo-light,
    .ph__top-navigation .logo.logo-dark {
        display: block;
    }
    .ph__navigation .module.left a {
        display: none;
    }
    /* .ph__navigation__contents .lang_ar:after {
        position: absolute;
        content: '';
        width: 65px;
        height: 59px;
        background-color: #11B2BA;
        left: -8px;
        right: 0;
        margin: auto;
    } */
    .nav-container+.main-container #about {
        margin-top: 0;
    }
    .nav-container+.main-container .voucher-summary-adjustment {
        margin-top: -550px;
    }
}

    /* Blinking Animation */
@keyframes blink-bg {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}