﻿.fa-bell:before {
    content: "\f0f3";
}
.profile_menu > li.bell_icon > a {
    padding: 0;
    font-size: 20px;
    line-height: 38px;
    color: var(--secondary-text-color);
}
.icon-bar_new {
    position: fixed;
    top: 39%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-57%);
    z-index: 99;
}
.icon-bar_new a {
    display: block;
    text-align: center;
    padding: 11px;
    transition: all .3s ease;
    color: #fff;
    font-size: 20px;
    border-radius: 0 5px 5px 0;
}
.whatsapp {
    background: #00bfa5;
    color: #fff;
}
.fa-whatsapp::before {
    content: "\f232";
}

.policy_signup label {
    width: 100%;
    display: -webkit-inline-box;
    text-align: left;
    padding-right: 10px;
}
.input_check_box.policy_signup a {
    display: inline-block;
}

.policy_signup label::before{
    height: 17px;
    float: left;
    top: 5px;
    line-height: normal;
}
.nocart {
    padding: 10px;
    text-align: center;
    color: #000;
}

    .nocart a {
        margin: 0 auto;
    }

.cart_text {
    text-align: center;
    padding: 20px 0;
    font-size: 15px;
    font-weight: 600;
    color: #0c0101;
}

.header_block {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 1px -6px 9px rgba(0, 0, 0, 0.5);
    width: 100%;
}

a.navbar-brand {
    padding: 15px 0;
    height: auto;
    width: 100%;
}
.logo_display {
    max-height: 70px;
    object-fit: contain;
}
.active.select_item > a {
    color: var(--primary-color);
}
.before_login_profile {
    float: right !important;
    padding: 0px 0px;
    margin-bottom: 0;
    display:inline-flex !important;
    column-gap: 35px;
}

    .before_login_profile li {
        padding: 20px 0;
    }

.profile_menu {
    float: right;
    padding: 0px 0px;
    margin-bottom: 0;
    display: inline-flex;
    column-gap: 25px;
}
    .profile_menu > li {
        padding: 20px 0;
    }

        .profile_menu > li:first-child {
            margin: 0px;
        }
a.regi_btn {
    background: var(--primary-color);
    color: #fff !important;
    padding: 2px 15px !important;
    border-radius: 4px;
}
.profile_menu a.regi_btn {
    padding: 10px 15px !important;
}

.profile_menu .regi_icon {
    top: -3px;
}
.regi_icon {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 22px;
    float: left;
    top: 5px;
    background-position: -234px -40px;
    margin-right: 7px;
}
        .profile_menu > li > a {
            padding: 10px 1px;
            display: block;
            font-size: 14px;
            text-transform: capitalize;
            color: #000;
            font-weight: 600;
            position: relative;
            z-index: 1;
            line-height: 19px;
            white-space: nowrap;
        }

.my_trip small {
    font-size: 10px;
    text-transform: capitalize;
    color: #C0AEAE;
}
.reg_icon {
    background-position: -737px -203px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
}
.profile_menu li .my_trip {
    line-height: 4px;
}
.my_trip span {
    line-height: 14px;
    text-transform: capitalize;
}
.profile_menu > li > a.registration_btn {
    border: 1px solid var(--primary-color);
    padding-left: 10px;
    padding-right: 10px;
    color: var(--primary-color);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content a {
    color: #fff;
}

.fa-caret-down:before {
    content: "\f0d7";
}

.profile_menu > li > a .fa-caret-down {
    font-size: 17px;
    margin-left: 5px;
}

.dropdown-content {
    display: block;
    position: absolute;
    background: #ffffff;
    width: 200px;
    top: 110%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    z-index: 99;
    box-shadow: inset 0 0 0 0 rgb(0 0 0 / 10%), 0 0 20px 0 rgb(51 51 51 / 20%);
    border-radius: 5px;
}

ul.dropdown-content:before {
    height: 15px;
    position: absolute;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate( 45deg );
    width: 15px;
    left: 31px;
    top: -8px;
    transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
    background-color: #fff;
    display: none;
    content: "";
    border-image: none;
}

.dropdown-content > li {
    margin: 0;
    display: block;
    width: 100%;
    float: left;
}

    .dropdown-content > li > a {
        color: #000;
        text-decoration: none;
        display: block;
        line-height: 36px;
        padding: 0px 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .dropdown-content > li > a:hover {
            padding-left: 35px;
        }

.CurrencyList ul {
    list-style: none;
    max-width: 330px;
    padding: 15px;
    width: max-content;
}

    .CurrencyList ul li {
        display: inline-block;
        width: 33.33%;
    }

        .CurrencyList ul li a {
            border: 1px solid #F1F1F1;
            padding: 0px 8px;
            display: inline-block;
            margin-bottom: 10px;
            width: 90%;
            border-radius: 8px;
            font-weight: 500;
            font-size: 12px;
        }

            .CurrencyList ul li a:hover {
                padding-left: 5px;
            }

.form-control:focus, .input-group input:focus, input:focus, select {
    outline: 0;
}

.dropdown-content a:hover {
    color: var(--primary-color);
}

.dropdown:hover .dropdown-content {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.navbar-toggle .icon-bar {
    background: #000;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
}

.usernamespan {
    display: none;
}
/*menu css star*/
.menu_block_header {
    display: inline-flex;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    column-gap: 25px;
}
.topnav a {
    font-size: 14px;
    line-height: 34px;
    text-transform: capitalize;
    color: #000;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    font-weight: 600;
    padding: 23px 0;
}
.before_login_profile li a {
    padding: 0;
}
    .topnav .menu_center .menu_block_header a:before {
        content: "";
        height: 32px;
        position: absolute;
        right: 0;
        background: #C4C4C4;
        width: 1px;
    }

.menu_center {
    text-align: center;
}
.topnav {
    float: left;
}
.topnav .menu_center .menu_block_header a:last-child:before {
    background: #fff;
}
.topnav a.Active {
    color: var(--primary-text-color);
}

.topnav a:hover {
    color: var(--primary-text-color);
}

.menu_icon {
    width: 33px;
    height: 33px;
    float: left;
    margin-right: 7px;
    margin-left: 20px;
    transform:scale(0.9)
}

.hotel_menu_icon {
    background-position: -313px 4px;
}

.tour_menu_icon {
    background-position: -372px 4px;
}

.transfer_menu_icon {
    background-position: -403px 4px;
}
.carrental_menu_icon {
    background-position: -316px -8px;
}
.package_menu_icon {
    background-position: -362px -6px;
}
.buildpackage_menu_icon {
    background-position: -362px -6px;
}
.visa_menu_icon {
    background-position: -671px -1px;
    transform:scale(0.8)
}
/*menu css end*/
/*crdit limit*/
.Credit {
    padding: 5px;
    background: var(--primary-color);
    color: #fff;
}

.dropdown-content-credit {
    width: 240px;
}

.Credit_color {
    padding: 0px 0px;
    background: #f7f9fc;
    color: #000;
    border:1px solid var(--primary-color);
    border-bottom:none;
}

.Credit_dtl {
    display: inline-block;
    width: 100%;
    line-height: 25px;
    border-bottom:1px solid var(--primary-color);
    padding:0 5px;
}

    .Credit_dtl span:last-child {
        float: right;
    }

.fa-refresh:before {
    content: "\f021";
}
/*cart css*/
.buy-now {
    position: fixed;
    z-index: 99;
    right: 30px;
    top: 81px;
    width: 60px;
    height: 60px;
}


.cartcount {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 3px;
    border-radius: 50%;
    color: #fff;
    right: -19px;
    background: var(--primary-color);
}

.buy-now .buy-now-btn {
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.5);
    -webkit-transform-origin: center;
    transform-origin: center;
    position: relative;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 80px;
    font-size: 1.3em;
    color: #fff;
    z-index: 1;
    display: block;
    background: #e7b601;
}

    .buy-now .buy-now-btn:hover {
        background: #efac14;
    }

.buy-now .ripple, .buy-now .ripple:before, .buy-now .ripple:after {
    -webkit-animation: ripple 3s infinite;
    animation: ripple 4s infinite;
    border-radius: 50%;
    box-shadow: 0 0 0 0 var(--primary-color);
    top: 0;
    height: 70px;
    position: absolute;
    width: 70px;
}

    .buy-now .ripple:before {
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
        content: "";
        position: absolute;
        top: 0;
    }

    .buy-now .ripple:after {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        content: "";
        position: absolute;
        top: 0;
    }

.fa-shopping-cart {
    font-size: 30px;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 30px rgba(94, 188, 231, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 30px rgba(94, 188, 231, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
    }
}

.fa-shopping-cart::before {
    content: "\f07a";
}
/*b2c heder social login*/
 .signup-text {
    text-align: center;
    background: var(--primary-color);
}
    .signup-text ul {
    margin: 0 auto;
    width: fit-content;
    background: transparent;
}
    .signup-text ul li a{
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: var(--white-background-color) !important;
    background:transparent !important;
    border-bottom:2px solid #F5F4F4 !important;
    border: none !important;
}
    .signup-text ul li.active a{
   border-bottom: 5px solid var(--white-background-color) !important;
   color: var(--white-background-color);
}
    a.popup-close {
    position: absolute;
    top: -16px;
    right: -12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    line-height: 30px;
    border: 1px solid transparent;
    box-shadow: 0px 8px 16px rgb(15 15 15 / 10%);
    font-size: 23px;
    transition: all .2s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 99999999;
    background: #fff;
    border: 1px solid var(--border-color);
    color: var(--all-text-main);
    text-align: center;
}
.or {
    margin: 0 auto;
    width: 30px;
    background: #F2F2F2;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    padding-top: 5px;
    margin-bottom: 15px;
}
.form-login-socials {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}
.form-login-socials a {
    width: 20%;
    text-align: center;
    padding: 11px 0;
    border-radius: 4px;
    cursor: pointer;
        color: #fff;
}
a.social-button.bule {
    background: #07b9e7;
}

a.social-button.red {
    background: #fd3d3d;
}
.social-button .social_icon{
    margin: 0 auto;
    margin-bottom: 10px;
}
.form-login-socials a .google{
    background-position: -166px -260px;
}
.top_header {
    background: var(--primary-color);
}
    .top_header .left_details li {
        display: inline-block;
        color: #fff;
        padding: 0px 15px;
        border-right: 1px solid #fff;
        margin: 10px 0;
    }
        .top_header .left_details li:last-child {
            border-right: 0px solid #fff;
        }
        .top_header .left_details li:first-child {
            padding-left: 0;
        }
        .top_header .left_details li ul li {
            padding: 0;
            margin: 0;
        }
        .top_header .left_details li:last-child {
          border-right: 0px solid #fff;
     }
    .top_header .left_details {
        margin: 0;
    }
    .top_header .head_icon {
        height: 20px;
        width: 27px;
        display: inline-block;
        float: left;
        margin-right: 8px;
    }

    .top_header .email_icon {
        background-position: -200px -41px;
    }

    .top_header .call_icon {
        background-position: -162px -40px;
    }

    .top_header .right_social {
        position: relative;
        display: inline-block;
        margin: 0;
        right: 0;
        float: right;
    }

  .top_header .twitter {
        background-position: -3px -37px;
    }

   .top_header .right_social .head_icon {
        height: 26px;
        margin: 0;
        width: 26px;
    }
     .top_header .right_social li {
        display: flex;
        margin: 7px 0;
        column-gap: 5px;
    }
    .top_header .facebook {
        background-position: -35px -37px;
    }

    .top_header .instagram {
        background-position: -66px -37px;
    }

    .top_header .utube {
        background-position: -99px -37px;
    }
    .top_header .snepchat {
        background-position: -228px -395px;
    }

    .top_header .thread {
        background-position: -292px -395px;
    }

    .top_header .tiktok {
        background-position: -260px -396px;
    }

/*footer css*/
.footer-areawe {
    background: var(--primary-color);
    padding: 50px 0px 0px 0px;
    display: block;
}

    .footer-areawe ul {
        padding-left: 0;
        display: inline-block;
        width: 100%;
    }
        .footer-areawe ul li a {
            display: block;
            position: relative;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;
            line-height: 14px;
            color: #fff;
            text-transform: capitalize;
            margin-bottom: 16px;
        }
.resocial a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
}
.resocial {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.social_icon {
    width: 35px;
    height: 32px;
    display: block;
    margin-right: 10px;
    float: left;
}

.common_icon.social_icon.facebook {
    background-position: -38px -72px;
}

.common_icon.social_icon.linkedin {
    background-position: -486px -7px;
}

.common_icon.social_icon.instagram {
    background-position: -78px -72px;
}

.common_icon.social_icon.twitter {
    background-position: 1px -72px;
}
.common_icon.social_icon.youtube {
    background-position: -118px -72px;
}
.common_icon.social_icon.Snapchat {
    background-position: -228px -427px;
}

.common_icon.social_icon.Threads {
    background-position: -304px -427px;
}

.common_icon.social_icon.Tiktok {
    background-position: -265px -427px;
}
.property_payment a {
    background: #F1F1F1;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #353941;
    padding: 10px 18px 10px 42px;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
}

.right_arrow {
    position: absolute;
    top: 10px;
    left: 10px;
    background-position: -528px -7px;
    width: 23px;
    height: 20px;
    float: left;
}
.linkwe li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 17px;
    margin-right: 10px;
}
.footer-areawe .payment_icon {
    position: relative;
    display: inline-block;
    width: 205px;
    height: 40px;
    background-position: -8px -420px;
}
.foot_title {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin: 0 0 35px 0;
}
.devlop {
    text-align: right;
}
.contact_part a {
    color: #fff;
}

.contact_icon {
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    float: left;
    left: 0;
}

.contact_part .phone_icon {
    background-position: -162px -40px;
}

.contact_part .home_icon {
    background-position: -133px -38px;
}
.contact_part .mail_icon {
    background-position: -201px -40px;
}

.contact_part {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 35px;
    color: #fff;
}
.devlop a {
    color: var(--secondary-text-color);
    display: inline-block;
}
.bottom_footer {
    padding: 12px 0px;
    background: var(--primary-color);
    margin-top: 25px;
    color: #fff;
    border-top: 1px solid #465A9D;
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-left:before {
    content: "\f104";
}

.usernamespan {
    display: none;
}
/*footer css end*/

@media (max-width:1199px) {
    .profile_menu {
        column-gap: 14px;
    }
        .profile_menu > li > a {
            font-size: 12px;
        }
    .menu_block_header {
        column-gap: 10px;
    }
    .topnav a {
        font-size: 13px;
    }
    
   

}

@media (max-width:991px) {
    .topnav a {
        font-size: 13px;
        padding: 0px 10px;
    }

    .menu_block_header {
        display: inline-block;
        width: 100%;
        text-align: left;
    }
    .top_header .left_details li {
        font-size: 12px;
        padding: 0px 8px;
    }
    .before_login_profile {
        display: block !important;
    }
    .navbar-toggle {
        display: block;
    }
    .before_login_profile li {
        padding: 0 10px;
    }
    .navbar-toggle {
        margin-top: 20px;
    }
    .topnav {
        background: #fff;
        overflow: hidden;
        transition: .5s;
        width: 250px;
        position: fixed;
        z-index: 2;
        height: 100%;
        top: 0;
        left: -100%;
        bottom: 0;
        max-height: inherit;
        padding: 0;
    }

    .new_navbar_ope {
        position: fixed;
        background: rgba(0,0,0,0.8);
        width: 100%;
        right: 0;
        height: 100vh;
        z-index: 1;
        top: 0;
        bottom: 0;
    }

    .modal-open {
        overflow: hidden !important;
    }

    .usernamespan {
        position: relative;
        padding: 10px !important;
        background: var(--primary-color);
        width: 250px;
        color: #fff;
        font-weight: 600;
        margin-top: 0px;
        display: block;
    }

        .usernamespan .main_close {
            font-size: 20px;
            position: absolute;
            right: 10px;
            top: 10px;
            width: 20px;
            height: 20px;
            background: #fff;
            border-radius: 50%;
            color: var(--primary-color);
            text-align: center;
            line-height: 20px;
        }

    .mobile_menu {
        display: flex;
        overflow-x: auto;
        width: 100%;
    }
    .buy-now .ripple, .buy-now .ripple:before, .buy-now .ripple:after {
        height: 40px;
        width: 40px;
    }
    .buy-now {
        right: 25%;
        top: 0;
        width: 40px;
        height: 40px;
    }
        .buy-now .buy-now-btn {
            height: 40px;
            width: 40px;
            line-height: 43px;
        }
    .cartcount {
        padding: 0;
        right: -7px;
    }
    .fa-shopping-cart {
        font-size: 22px;
    }
   
}

@media (max-width: 767px) {
    .bottom_footer {
    margin-top: 15px;
    text-align: center;
    font-size: 12px;
}
   .foot_title {
    font-size: 14px;
    margin: 0 0 13px 0;
}
   .contact_part {
    margin-bottom: 15px;
}
    .resocial a {
        font-size: 12px
    }
    .CurrencyList ul {
        max-width: 205px;
        padding: 10px;
    }
    
    .profile_menu a.regi_btn {
        padding: 5px 7px !important;
        position: relative;
        display: inline-block;
        top: 9px;
        right: -18px;
    }
    .profile_menu .regi_icon {
        top: 0;
        margin: 0;
    }
    .CurrencyList ul li {
        width: 50%;
    }
        .CurrencyList ul li a {
            width: 90%;
        }
    .dropdown-content-credit {
        left: 0;
    }
    .profile_menu {
        column-gap: 6px;
    }
    .navbar-toggle {
        margin-top: 9px;
    }
    .top_header .head_icon {
        margin-right: 0;
    }
    .logo_display{
    max-height:35px;
   
}
    .menu_block_header {
        display: inline-block;
        text-align: left;
    }

    .menu_center {
        text-align: left;
    }

    .topnav .menu_center .menu_block_header a:before {
        background: #fff;
    }

    .topnav a.Active {
        border-bottom: none;
    }

    .menu_icon {
        margin-left: 0;
    }

    .navbar-brand > img {
        width: 100px;
    }

    .navbar-toggle {
        margin-right: 5px;
    }

    .footer-areawe {
        padding: 20px 0px 0px 0px;
    }

    .devlop {
        text-align: center;
    }

    .xs-border-top {
        border-top: 1px solid #f0f7ff;
    }
    
    .profile_menu > li {
    padding: 0px 0;
}
        .profile_menu > li > a {
            padding: 15px 3px;
            font-size: 13px;
        }


    .profile_menu.topnav > li {
        width: 100%;
    }

    .profile_menu > li > a.dropbtn {
        padding: 14px 0px;
    }

    .before_login_profile > li + li {
        margin: 0 0px 0 0px;
    }

    .before_login_profile > li > a {
        padding-left: 10px;
    }

    .buy-now, .buy-now .buy-now-btn, .buy-now .ripple, .buy-now .ripple:before, .buy-now .ripple:after {
        width: 30px;
        height: 30px;
    }

    .fa-shopping-cart {
        font-size: 15px;
    }

    #cartcount {
        padding: 1px;
        border-radius: 50%;
        right: 2px;
        font-size: 9px;
    }

    .buy-now .buy-now-btn {
        line-height: 33px;
    }

    .buy-now {
        right: 8px;
        top: 90px;
    }

    @-webkit-keyframes ripple {
        70% {
            box-shadow: 0 0 0 15px rgba(94, 188, 231, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
        }
    }

    @keyframes ripple {
        70% {
            box-shadow: 0 0 0 15px rgba(94, 188, 231, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
        }
    }
}
