.main-color {
    color: #1A1D3F !important;
}

.sub-color {
    color: #A7730C !important;
}

*,
* button:focus {
    outline: 0
}

body {
    font-family: 'Cairo', sans-serif;
    direction: ltr;
    text-decoration: none;
    font-size: .9em;
    overflow-x: hidden;
    position: relative;
    background-color: #fff;
    color: #1A1D3F;
}

body p {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}

body a:hover {
    text-decoration: none
}

body a:focus {
    outline: 0
}

body ul {
    list-style-type: none
}

.bg-gray {
    background-color: #f9f9f9;
}

.bg-main {
    background-color: #1A1D3F;
}

.no-mar {
    margin: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    -webkit-appearance: none
}

.btn:active,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    outline: 0
}

.items-gray {
    background-color: var(--mainback);
    padding: 30px;
    border-radius: 10px;
}

.container,
.container-fluid {
    position: relative;
    z-index: 20;
}


/* ----------- datepicker ----------- */

.ui-widget.ui-widget-content {
    border-radius: 10px;
    min-width: 315px;
}

.ui-widget-header {
    background-color: #A7730C;
    border-color: #A7730C;
    font-weight: 100;
    color: #fff;
    border-radius: 15px;
}

.ui-widget-header .ui-icon {
    filter: brightness(1000%);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #A7730C;
}


/* ==================== global style ============================== */

a,
span,
img {
    display: inline-block;
    transition: all 0.3s ease;
    color: inherit;
}

a:hover {
    color: #999;
}

ul {
    padding: 0;
}

img {
    max-width: 100%;
    max-height: 100%;
}

p {
    font-size: 14px;
    color: #888;
    line-height: 1.7;
}

.text {
    font-size: 14px;
    line-height: 2;
    color: #666;
}

small.text {
    font-size: 12px;
}

.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-padding {
    padding: 50px 0;
}

.light {
    color: #fff;
}

.butn {
    padding: 10px 35px;
    text-align: center;
    position: relative;
    background: transparent;
    font-size: 13px;
    border: solid 2px #A7730C;
}

.butn span {
    color: #fff;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
}

.butn span i {
    margin-left: 3px;
}

.butn:hover,
.butn.color {
    background-color: #A7730C;
    border: solid 2px #A7730C;
}

.butn:hover span,
.butn.color span {
    color: #fff;
}

.butn.small {
    padding: 5px 30px;
}

.butn.light {
    border: solid 2px #fff;
    background-color: #fff;
}

.butn.light span {
    color: #1A1D3F;
}


/* ------------- */

.section-head {
    overflow: hidden;
    margin-bottom: 50px;
}

.section-head h2 {
    font-weight: bold;
    font-size: 32px;
    color: #1A1D3F;
    text-align: left;
    position: relative;
    display: inline-block;
    padding-top: 15px;
    text-transform: capitalize;
}

.section-head h2 span {
    color: #A7730C;
}

.section-head p {
    color: #777;
    font-size: 14px;
}

.section-head.light h2,
.section-head.light p {
    color: #fff;
}

.side-header h3 {
    font-size: 30px;
    margin-bottom: 20px;
    position: relative;
    padding-top: 35px;
}

.side-header h3 span {
    color: #A7730C;
}

.side-header h3::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 80px;
    height: 3px;
    background-color: #A7730C;
}

.side-header h3::after {
    position: absolute;
    content: "";
    left: 90px;
    top: 0;
    width: 80px;
    height: 3px;
    background-color: #9995;
}

.has-overlay {
    position: relative;
}

.has-overlay:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, #fff, transparent);
    opacity: 0.5;
    pointer-events: none;
}

.form-group {
    margin-bottom: 30px;
    position: relative;
}

.form-control {
    border: 0;
    border: 1px solid #9993;
    font-size: 14px;
    min-height: 55px;
    border-radius: 10px;
    width: 100%;
}

.form-control:focus {
    border-color: #121A50;
}

.form-control::placeholder {
    color: #777;
}

select.form-control {
    height: 45px;
}

.form-control:focus {
    box-shadow: none;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #222;
    background-color: #222;
}


/* ==================== navbar style ============================== */

.top-nav {
    border-bottom: 1px solid #9995;
    padding: 15px;
}

.top-nav .l-side,
.top-nav .r-side {
    display: flex;
}

.top-nav .r-side {
    justify-content: flex-end;
}

.top-nav .l-side .items {
    width: 33%;
    display: flex;
    justify-content: center;
}

.top-nav .r-side .items {
    display: flex;
    padding: 15px;
    position: relative;
}

.top-nav .r-side .items:after {
    position: absolute;
    content: "";
    right: 0;
    top: 15px;
    height: 50px;
    width: 1px;
    background-color: #9993;
}

.top-nav .r-side .items a {
    padding-top: 15px;
}

.top-nav .r-side .items:last-of-type:after {
    display: none;
}

.top-nav .r-side .items .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 15px;
}

.top-nav .r-side .items .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-nav .l-side .items .icon {
    color: #A7730C;
    margin: 25px 15px;
    font-size: 18px;
}

.top-nav .l-side .items .cont {
    margin-top: 15px;
}

.top-nav .l-side .items .cont small,
.top-nav .r-side .items .cont small {
    font-size: 12px;
    color: #a7a7a7;
}

.top-nav .l-side .items .cont p,
.top-nav .r-side .items .cont p {
    font-size: 13px;
    color: #1A1D3F;
}

.top-nav .l-side .items:nth-of-type(1) {
    justify-content: left;
    width: 25%;
}

.top-nav .l-side .items:nth-of-type(2) {
    position: relative;
}

.top-nav .l-side .items:nth-of-type(2):after {
    position: absolute;
    content: "";
    right: 0;
    top: 15px;
    height: 50px;
    width: 1px;
    background-color: #9993;
}

.top-nav .l-side .items:nth-of-type(2)::before {
    position: absolute;
    content: "";
    left: 0;
    top: 15px;
    height: 50px;
    width: 1px;
    background-color: #9993;
}

.top-nav .logo {
    width: 130px;
}

.navbar {
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 99999;
}

.navbar .container-fluid {
    padding: 0 8vw;
}

/*.navbar .custom-navbar.fixed {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background-color: #fff;*/
    /*transform: translateY(100px);*/
/*    transition: all 0.5s ease;*/
/*    border-bottom: 2px solid #9993;*/
/*}*/

.navbar .custom-navbar .row{
    align-items: center;
}

.navbar .nav-toggle {
    display: none;
}

.nav-toggle span {
    width: 35px;
    background-color: #111;
    height: 4px;
    display: block;
    margin: 7px 0;
    transition: all 0.6s ease;
}

.nav-toggle.active span:first-of-type {
    transform: rotate(45deg) translateX(15px);
}

.nav-toggle.active span:nth-of-type(2) {
    opacity: 0;
}

.nav-toggle.active span:last-of-type {
    transform: rotate(-45deg) translateX(15px);
}

.navbar .custom-navbar {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
}

.navbar .custom-navbar .nav-list {
    justify-content: center;
    z-index: 100;
    margin-bottom: 0;
    padding: 0;
    position: static;
}

.navbar .custom-navbar .nav-list ul {
    /*border-bottom: 1px solid #9993;*/
}

.navbar .custom-navbar .nav-list .nav-items {
    display: inline-block;
}

.navbar .custom-navbar .nav-links {
    padding: 30px 20px;
    border-bottom: 3px solid transparent;
    position: relative;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 600;
    white-space: nowrap;
}

.navbar .custom-navbar .nav-links.butn span{
    text-transform: capitalize;
}

.navbar .custom-navbar .nav-links i {
    display: block;
    margin-bottom: 5px;
    font-size: 21px;
}

.navbar .custom-navbar .nav-links img {
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    margin: 5px auto;
    filter: invert(0%) sepia(23%) saturate(525%) hue-rotate(61deg) brightness(0%) contrast(99%);
}

.navbar .custom-navbar .l-side .nav-links {
    padding: 10px;
}

.navbar .custom-navbar .nav-links.active,
.navbar .custom-navbar .nav-links:hover {
    color: #A7730C;
}

.navbar .custom-navbar .nav-links.active img,
.navbar .custom-navbar .nav-links:hover img {
    filter: invert(0%) sepia(23%) saturate(525%) hue-rotate(61deg) brightness(0%) contrast(99%);
}

.navbar .custom-navbar .drop-nav {
    position: relative;
}

.navbar .custom-navbar .drop-nav .drop-down {
    width: 200px;
    position: absolute;
    left: 0;
    top: 150%;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    z-index: 150;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    border-radius: 0;
    overflow: hidden;
}

.navbar .custom-navbar .drop-nav:hover>.drop-down {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.navbar .custom-navbar .drop-nav .drop-down a {
    font-weight: 500;
    padding: 8px 15px;
    border-bottom: 1px solid #9995;
    display: block;
    width: 100%;
    transition: all 0.3s ease;
    color: #111;
}

.navbar .custom-navbar .drop-nav .drop-down a:hover {
    background-color: #A7730C;
    color: #fff;
}

.navbar .custom-navbar .drop-nav .nav-links::before {
    position: absolute;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 5px;
    top: 34px;
    font-size: 10px;
}

.navbar .custom-navbar .nav-list .mob-logo {
    display: none;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    width: 170px;
    padding: 10px 0;
}

.navbar .quot_btn{
    /*border: 1px solid #9993 !important;*/
    padding: 12px 20px !important;
    border-radius: 10px;
    color: #fff !important;
    background-color: #1A1D3F;
}

/*.navbar .quot_btn:hover{*/
/*    background-color: #A7730C;*/
/*    color: #fff !important;*/
/*}*/

/*.navbar .quot_btn:hover span{*/
/*    color: #fff !important;*/
/*}*/

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    border: 0;
    min-width: 200px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}

.dropdown-item {
    font-size: 13px;
    line-height: 2.2;
}

.dropdown-item:hover {
    background-color: #A7730C;
    color: #fff;
}

.navbar .butn {
    background-color: #1A1D3F;
    border-radius: 50px;
    border-color: #1A1D3F;
}


/* -------------------- header .head-content ------------------------- */

header {
    position: relative;
}

/*header:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 70%;*/
/*    background: linear-gradient(to top, #fff, transparent);*/
/*    z-index: 5;*/
/*    pointer-events: none;*/
/*}*/

header .head-content {
    background-size: cover;
    background-repeat: no-repeat;
    height: 550px;
    min-height: calc(100vh - 100px);
    background-position: center;
    position: relative;
}

header .head-content .img_back{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

header .head-content .container-fluid {
    padding: 0 8vw;
}

.swiper-slide .head-content .info {
    transform: scale(0);
    opacity: 0;
    filter: blur(15px);
    transition: all 0.7s ease;
    transition-delay: 0.4s;
    pointer-events: none;
    padding-top: 35vh;
}

.swiper-slide-active .head-content .info {
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
    pointer-events: all;
}

header .head-content .info .content {
    position: relative;
    padding: 30px 0;
    /* transform: scale(1.3) rotate(-10deg); */
    /* filter: blur(10px); */
    transition: all 1s ease;
    opacity: 1;
}

header .head-content .info p {
    font-size: 17px;
    letter-spacing: 0.5px;
    font-weight: 500;
    line-height: 2;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

header .swiper-pagination-bullet-active {
    background: #A7730C;
}

header .swiper-pagination-bullet {
    width: 10px;
    border-radius: 5px;
    height: 10px;
    display: block;
    margin: 20px 5vw 20px auto !important;
}

header .swiper-container-horizontal>.swiper-pagination-bullets,
header .swiper-pagination-custom,
header .swiper-pagination-fraction {
    bottom: 50%;
    height: max-content;
    padding: 0;
    transform: translateY(50%);
}

header:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 25vh;
    top: 0;
    right: calc(5vw + 5px);
    background-color: #fff9;
    z-index: 20;
}

header:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 25vh;
    bottom: 0;
    right: calc(5vw + 5px);
    background-color: #fff9;
    z-index: 20;
}

header .swiper-next,
header .swiper-prev {
    position: absolute;
    top: 50vh;
    z-index: 99;
    color: #fff;
}

header .swiper-next {
    right: 47%;
}

header .swiper-prev {
    left: 47%;
}


/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0) rotate(-90deg);
        transform: translateY(0) rotate(-90deg);
    }
    100% {
        -webkit-transform: translateY(-30px) rotate(-90deg);
        transform: translateY(-30px) rotate(-90deg);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0) rotate(-90deg);
        transform: translateY(0) rotate(-90deg);
    }
    100% {
        -webkit-transform: translateY(-30px) rotate(-90deg);
        transform: translateY(-30px) rotate(-90deg);
    }
}

.swiper-head {
    position: relative;
    overflow: hidden;
}

.swiper-head .swiper-wrapper {
    /*height: 500px;*/
    min-height: calc(100vh - 100px);
}

.swiper-head .swiper-notification {
    display: none;
}

.swiper-head .swiper-button-next:after,
.swiper-head .swiper-button-prev:after {
    font-size: 18px !important;
}

.swiper-head .swiper-button-next,
.swiper-head .swiper-button-prev {
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50%;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 4vw;
    left: auto;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 4vw;
    right: auto;
}

.search-filter {
    position: absolute;
    z-index: 35;
    width: 80%;
    left: 10%;
    bottom: 80px;
}

.search-filter .form-row {
    justify-content: space-around;
    padding: 30px 50px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    /* border: 1px solid #A7730C; */
    box-shadow: 0 5px 10px rgba(167, 115, 12, 0.3);
}

.search-filter .form-group {
    width: 16%;
    margin: 0;
    padding: 0 5px;
}

.search-filter .form-group label {
    display: block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.search-filter .form-group input {
    border: 0;
    border-bottom: 1px solid #9993;
    padding: 5px 0;
    width: 100%;
    max-width: 100%;
}

.search-filter .form-row button {
    position: absolute;
    right: -15px;
    top: calc(50% - 23px);
    color: #fff;
    border-radius: 8px;
    width: 40px;
    height: 46px;
    background-color: #A7730C;
    border: 0;
}


/* --------------- top-sale ---------------- */

.top-sale {
    margin-top: 80px;
}

.top-sale .items {
    border: 1px solid #9992;
    margin-bottom: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.top-sale .items a{
    display: block;
}

.top-sale .items .img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
    height: 250px;
}

.top-sale .items .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-sale .items .info {
    padding: 10px;
}

.top-sale .items .info h5 {
    font-weight: bold;
    font-size: 15px;
    color: #1b303e;
    margin: 0;
}

.top-sale .items .info .prod-star i {
    color: #f2ca48;
    font-size: 10px;
    margin: 5px 0;
}

.top-sale .items .info h6 {
    font-size: 12px;
    line-height: 25px;
    color: #252734;
}

.top-sale .items .info .top-cont {
    padding: 10px;
    border-bottom: 1px solid #9992;
}

.top-sale .items .info .bottom-cont {
    display: flex;
    justify-content: center;
}

.top-sale .items .info .bottom-cont .item {
    padding: 15px 30px;
}


/* --------------- about ---------------- */
.about .content .row{
    flex-direction: row-reverse;
}

.about .info {
    height: 100%;
    top: 0;
    position: relative;
    padding: 4vw;
    background-color: #f9f9f9;
}

.about .info p {
    font-size: 14px;
    color: #434141;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 30px;
}


/* ---------------- gallery ---------------- */

.gallery .swiper-gallery {
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}

.gallery .swiper-gallery .img img {
    height: 350px;
}

.gallery .swiper-gallery .swiper-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 8vw;
    height: calc(100% - 40px);
    background-color: #fff6;
    z-index: 22;
    color: #A7730C;
    font-size: 30px;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.gallery .swiper-gallery .swiper-next:hover {
    background-color: #fff9;
}

.gallery .swiper-gallery .swiper-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 8vw;
    height: calc(100% - 40px);
    background-color: #fff6;
    z-index: 22;
    color: #A7730C;
    font-size: 30px;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.gallery .swiper-gallery .swiper-prev:hover {
    background-color: #fff9;
}

.gallery .swiper-container-horizontal>.swiper-pagination-bullets,
.gallery .swiper-pagination-custom,
.gallery .swiper-pagination-fraction {
    bottom: 0;
}

.gallery .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    background: #A7730C;
}


/* ---------------- rooms --------------- */

.rooms .info h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    color: #1a1d3f;
}

.rooms .info p {
    font-size: 14px;
    line-height: 30px;
    color: #777;
    margin: 15px 0 25px;
}

.room-item {
    background: #fff;
    box-shadow: 0px 20px 60px rgba(187, 175, 175, 0.16);
    margin-bottom: 30px;
}

.room-item .img {
    height: 200px;
}

.room-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.room-item .inf {
    padding: 20px;
}

.room-item .inf h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #081826;
}

.room-item .inf p {
    font-size: 14px;
    line-height: 20px;
    color: #081826;
}

.room-item .inf a {
    font-weight: 600;
    color: #999;
    margin-top: 15px;
    border-bottom: 1px solid #9993;
}

.room-item .inf a:hover {
    color: #A7730C;
    border-color: #A7730C;
}


/* ---------------- partners --------------- */

.partners {
    background: url(../images/part.png);
    background-size: cover;
}


/* -------------------- footer ------------------------- */

footer {
    padding: 60px 0 0;
    background-color: #f2f2f2;
    position: relative;
}

footer .items {
    padding: 0 15px;
}

footer .foot-logo img{
    margin-top: 55px;
    width: 200px;
    /*border-bottom: 2px solid #A7730C;*/
    padding-bottom: 20px;
    margin-bottom: 15px;
}

footer .items h4 {
    font-size: 16px;
    color: #222;
    position: relative;
    text-transform: capitalize;
    /*margin-bottom: 15px;*/
    padding: 0 30px 15px 0;
    display: inline-block;
    /*border-bottom: 1px solid #A7730C;*/
    font-weight: bold;
    margin-top: 30px;
}

footer .items p {
    line-height: 2;
    font-size: 14px;
    color: #646464;
}

footer .items a {
    line-height: 3;
    color: #646464;
    font-size: 14px;
    text-transform: capitalize;
}

footer .items a:hover {
    color: #A7730C;
}

footer .items h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 25px;
}

footer .items input {
    width: 100%;
    padding: 15px;
}

footer .items .form-group {
    position: relative;
}

footer .items .form-group .butn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

footer .social-icons{
    text-align: initial !important;
    margin-top: 30px;
}

footer .social-icons a{
    background-color: #fff;
}

footer .foot{
    background-color: #F6F6F6;
    padding: 30px 0;
    text-align: center;
    margin-top: 50px;
}

footer .foot .foot_logo_img{
    filter: invert(0%) sepia(25%) saturate(6468%) hue-rotate(312deg) brightness(0%) contrast(108%);
    opacity: 0.6;
    width: 50px;
}

footer .foot p{
    color: #333;
}

footer .new_footer .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    border: 0;
    color: #fff;
    margin-right: 10px;
    background-color: #1A1D3F;
}

footer .new_footer .social-icons a:hover{
    color: #1A1D3F;
    background-color: #fff;
    box-shadow: 0 0 10px #0001;
}


footer .new_footer .foot_links_new a{
    line-height: 1;
    color: #111;
    font-size: 18px;
    text-transform: capitalize;
    padding: 0 20px;
    border-right: 1px solid #9999;
}

footer .new_footer .foot_links_new a:hover{
    color: #A7730C;
}

footer .new_footer .foot_links_new a:last-of-type{
    border: 0;
}

footer .new_footer .social-icons{
    text-align: center !important;
    /*margin-top: 25px;*/
}

.swiper_products .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper_products .swiper-pagination-custom,
.swiper_products .swiper-pagination-fraction,
.swiper_products .swiper-pagination-bullet {
    bottom: -20px;
    left: 50%;
}

.swiper_products .swiper-pagination-bullet-active {
    background: #A7730C;
    width: 20px;
    border-radius: 5px;
}

.swiper_products {
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
}

.swiper_products .btns {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 20;
    transform: translateX(-50%);
    direction: ltr;
}

.swiper_products .products_next,
.swiper_products .products_prev {
    margin: 5px;
    width: 45px;
    height: 45px;
    border: 1px solid #A7730C50;
    border-radius: 10px;
    text-align: center;
    line-height: 45px;
    font-size: 21px;
    color: #A7730C;
    cursor: pointer;
}

.swiper_products .products_next:hover,
.swiper_products .products_prev:hover {
    color: #fff;
    background-color: #A7730C;
    border-color: #A7730C;
}


/* -------------------- overview ------------------------- */

html::-webkit-scrollbar {
    height: 20px;
    width: 10px;
    background: #f1f1f1;
    border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
    background: #999;
    -webkit-border-radius: 0;
    border-radius: 10px;
}

html::-webkit-scrollbar-corner {
    background: #999;
    border-radius: 10px;
}


/* -------------------- pages style ------------------------- */


/* -------------- inner-header --------------- */

.inner-header {
    background-color: #1A1D3F;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
    color: #fff;
}

/*.inner-header::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    left: -40px;*/
/*    top: 0;*/
/*    width: 100px;*/
/*    height: 100%;*/
/*    background-image: url(../images/trans-logo.png);*/
/*    background-size: contain;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*.inner-header::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    right: -40px;*/
/*    top: 0;*/
/*    width: 100px;*/
/*    height: 100%;*/
/*    background-image: url(../images/trans-logo.png);*/
/*    background-size: contain;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*}*/

.inner-header a,
.inner-header h2 {
    color: #fff;
    margin: 0;
}

.inner-header a {
    margin: 0 8px;
}

.inner-header .title {
    position: relative;
    text-align: right;
}

.inner-header .title .trans-logo {
    position: absolute;
    content: "";
    left: -50px;
    top: -30px;
    width: 200px;
    pointer-events: none;
    display: none;
}

.inner-header .title .trans-logo img {
    width: 200px;
    height: 110px;
    object-fit: contain;
}


/* -------------- inner-slide -------------- */

.inner-slide {
    position: relative;
}

.inner-slide::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to top, #fff, transparent);
    z-index: 5;
    pointer-events: none;
}

.inner-slide .img {
    height: 300px;
}

.inner-slide .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


/* ----------- about pg ----------- */

.about-pg .about-logo img {
    width: 350px;
    margin-top: -100px;
}

.about .content img{
    height: 350px;
    object-fit: cover;
}


/* ------------ inner-search ------------- */

.inner-search {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #9992;
    border-radius: 10px;
    transform: translateY(-50%);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding-left: 50px;
}

.inner-search .form-row {
    justify-content: space-between;
}

.inner-search .form-group {
    position: relative;
    padding-left: 12px;
    margin-bottom: 0;
}

.inner-search .form-group label {
    position: absolute;
    left: 0;
    top: 7px;
    color: #A7730C;
}

.inner-search .form-group input {
    min-width: 100%;
    border: 0;
    padding: 8px;
}

.inner-search .form-group input::placeholder {
    color: #999;
}

.inner-search .form-group .search-select {
    border: 0;
    width: 100%;
    padding: 5px;
    margin: 0 8px;
}

.inner-search .butn {
    height: 40px;
    border-radius: 10px;
}


/* ----------------- grid-list ------------------ */

.grid-list p {
    color: #000;
    font-weight: 600;
}

.grid-list span {
    width: 20px;
    margin-left: 10px;
    cursor: pointer;
    opacity: 0.3;
}

.grid-list span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.grid-list span.active {
    opacity: 1;
}


/* -------------- products-pg -------------- */

.products-pg .products-content .items {
    display: flex;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.06);
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.products-pg .products-content .items:nth-child(odd){
    flex-direction: row-reverse;
}

.products-pg .products-content .items:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.products-pg .products-content .items .img {
    width: 50%;
    height: 330px;
    overflow: hidden;
}

.products-pg .products-content .items .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.products-pg .products-content .items:hover .img img {
    transform: scale(1.1);
}

.products-pg .products-content .items .info {
    padding: 40px 20px;
    width: 50%;
}

.products-pg .products-content .items .info h5 {
    font-weight: bold;
}

.products-pg .products-content .items .info p {
    margin: 30px 0;
}

.products-pg .products-content.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.products-pg .products-content.grid .items {
    width: 31.5%;
    display: block;
    border-radius: 20px;
}

.products-pg .products-content.grid .items .img,
.products-pg .products-content.grid .items .info {
    width: 100%;
}

.products-pg .products-content.grid .items .img{
    height: 240px;
}

.products-pg .products-content.grid .items .info p {
    margin: 15px 0;
}

.products-pg .products-content .more .butn {
    border-color: #1a1d3f81;
    border-radius: 50px;
    border-width: 1px;
}

.products-pg .products-content .more .butn:hover {
    background-color: #1A1D3F;
}

.products-pg .products-content .more .butn span {
    color: #1A1D3F;
    font-weight: bold;
}

.products-pg .products-content .more .butn:hover span {
    color: #fff;
}


/* -------------- single_product_pg --------------- */

.swiper-room {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.swiper-room .swiper-slide {
    background-size: cover;
    background-position: center;
}

.swiper-room .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single_product_pg .gallery-top {
    height: 400px;
    width: 100%;
}

.single_product_pg .gallery-thumbs {
    height: 200px;
    box-sizing: border-box;
    padding: 10px 0;
}

.single_product_pg .gallery-thumbs .swiper-slide {
    width: 32% !important;
    height: 100%;
    opacity: 0.4;
}

.single_product_pg .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.single_product_pg .swiper-button-next,
.single_product_pg .swiper-button-prev {
    top: 200px;
}

.single_product_pg .icons {
    /*display: flex;*/
    position: relative;
    border-bottom: 1px solid #9995;
}

.single_product_pg .icons .swiper-button-next, .single_product_pg .icons .swiper-button-prev{
    top: 50%;
}

.single_product_pg .icons .swiper-button-next, .single_product_pg .icons .swiper-container-rtl .swiper-button-prev{
    right: 0;
}

.single_product_pg .icons .swiper-button-prev, .single_product_pg .icons .swiper-container-rtl .swiper-button-next{
    left: 0;
}

.single_product_pg .icons .swiper-button-next:after, .single_product_pg .icons .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 15px;
    color: #000;
    opacity: 0;
}

.single_product_pg .icons .item {
    /*width: calc(100% / 6);*/
    text-align: center;
    padding: 30px 10px;
}

.single_product_pg .icons .item .icon {
    margin-bottom: 10px;
}

.single_product_pg .icons .item .icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: invert(0%) sepia(0%) saturate(17%) hue-rotate(324deg) brightness(0%) contrast(105%);
}

.single_product_pg .icons .item h6 {
    font-size: 11px;
}

.single_product_pg .info .items {
    padding: 30px 0;
}

.single_product_pg .info .items h5 {
    font-weight: bold;
    margin-bottom: 20px;
}

.single_product_pg .info .items ul {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.single_product_pg .info .items li {
    position: relative;
    display: flex;
    width: 50%;
    margin-bottom: 10px;
}

.single_product_pg .info .items li i {
    margin-right: 10px;
    color: #f2ca48;
    position: relative;
    top: 7px;
    font-size: 12px;
}

.single_product_pg .info .items li p {
    font-size: 14px;
}

.single_product_pg .info .items.price {
    border-top: 1px solid #9995;
}

.single_product_pg .info .price .level {
    padding: 12px;
}

.single_product_pg .info .price .level:nth-of-type(1) {
    background-color: #1a1d3f;
}

.single_product_pg .info .price .level:nth-of-type(2) {
    background-color: #D5D6DC;
}

.single_product_pg .info .price .level:nth-of-type(3) {
    background-color: #E7E7E7;
}

.single_product_pg .info .price .level:nth-of-type(1) p {
    color: #fff;
}

.single_product_pg .info .price p {
    color: #000;
}

.single_product_pg .info .price p strong {
    float: right;
}

.single_product_pg .r-side .items {
    padding: 0 10px;
    text-align: center;
    border: 1px solid #9993;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
    margin-bottom: 50px;
}

.single_product_pg .r-side .items h5 {
    padding: 25px 0;
    border-bottom: 1px solid #9993;
    border-top: 1px solid #9993;
}

.single_product_pg .r-side .items ul {
    width: 80%;
    margin: auto;
}

.single_product_pg .r-side .items ul li {
    display: flex;
    margin: 27px 0;
    align-items: center;
}

.single_product_pg .r-side .items ul li img {
    margin-right: 15px;
    width: 30px;
    height: 30px;
    object-fit: contain;
    opacity: 0.5;
    /* filter: invert(98%) sepia(79%) saturate(2440%) hue-rotate(321deg) brightness(102%) contrast(90%); */
}

.single_product_pg .r-side .items.book {
    padding: 30px;
}

.single_product_pg .r-side .items.book .icon i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    background-color: #F6F0E5;
    color: #A7730C;
}

.single_product_pg .r-side .items.book h4 {
    color: #999;
    margin-top: 15px;
    font-size: 18px;
}

.single_product_pg .r-side .items.book h6 {
    font-size: 18px;
    font-weight: bold;
}

.ui-widget.ui-widget-content.custom-combobox-input{
    background-color: #fff;
    border: 1px solid #9993 !important;
}


/* -------------------- contact ------------------------- */

.contact-info .items {
    display: flex;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    padding: 15px;
    height: 100%;
}

.contact-info .items .icons {
    color: #A7730C;
    min-width: 20%;
    text-align: center;
    font-size: 21px;
    border-right: 1px solid #9994;
}

.contact-info .items .info p {
    font-size: 18px;
    color: #777;
    padding-left: 20px;
}

.contact-form {
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin: 50px 0;
}

.contact-form .butn{
    border-radius: 10px;
}

.contact .map {
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    height: calc(100% - 200px);
    min-height: 400px;
}

.contact .map iframe {
    border-radius: 10px;
    height: 540px !important;
}


.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #0009;
}

.loader {
    animation: spin 1s infinite linear;
    border: solid 2vmin transparent;
    border-radius: 50%;
    border-right-color: #09f;
    border-top-color: #09f;
    box-sizing: border-box;
    height: 20vmin;
    left: calc(50% - 10vmin);
    position: fixed;
    top: calc(50% - 10vmin);
    width: 20vmin;
    z-index: 1;
}

.loader:before {
    animation: spin 2s infinite linear;
    border: solid 2vmin transparent;
    border-radius: 50%;
    border-right-color: #3cf;
    border-top-color: #3cf;
    box-sizing: border-box;
    content: "";
    height: 16vmin;
    left: 0;
    position: absolute;
    top: 0;
    width: 16vmin;
}

.loader:after {
    animation: spin 3s infinite linear;
    border: solid 2vmin transparent;
    border-radius: 50%;
    border-right-color: #6ff;
    border-top-color: #6ff;
    box-sizing: border-box;
    content: "";
    height: 12vmin;
    left: 2vmin;
    position: absolute;
    top: 2vmin;
    width: 12vmin;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}


/* -------------------- responsive style ------------------------- */

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 991px) {
    .navbar .custom-navbar .nav-list .nav-items {
        display: block;
        border-bottom: 1px solid #9991;
        padding: 0;
    }
    .navbar .custom-navbar .nav-list {
        position: fixed;
        right: -100%;
        top: 0;
        transition: all 0.5s ease;
        background: #fff;
        border-right: 1px solid #ffffff70;
        background-size: cover;
        background-position: center;
        width: 275px;
        height: 100vh;
        opacity: 0;
        text-align: right;
        padding: 0;
        z-index: 999;
    }
    .navbar .custom-navbar .nav-list .mob-logo {
        padding: 15px;
        display: inherit;
        text-align: left;
        border-bottom: 1px solid #9995;
    }
    .navbar .custom-navbar .nav-list .mob-logo img {
        max-width: 100px;
    }
    .navbar .custom-navbar .nav-links {
        line-height: 3.5;
        margin: 0 !important;
        padding: 0 15px;
    }
    .navbar .custom-navbar .nav-toggle {
        float: right;
        cursor: pointer;
        margin-top: 15px;
        margin-left: 15px;
        display: inline-block;
        position: relative;
        z-index: 99999;
    }
    .navbar .fixed {
        padding: 5px 0;
    }
    /*.navbar .custom-navbar.fixed .logo {*/
    /*    display: none;*/
    /*}*/
    .navbar .custom-navbar .nav-list.show {
        right: 0;
        opacity: 1;
        overflow: auto;
        /* box-shadow: 0 0 15px rgba(0,0,0,0.2); */
    }
    /* ---------------- */
    .navbar .custom-navbar .drop-nav:hover>.drop-down {
        width: 100%;
        position: relative;
        border-radius: 0;
    }
    .navbar .custom-navbar .drop-nav .drop-down {
        width: 100%;
    }
    .navbar .custom-navbar .nav-links {
        color: #777 !important;
        width: 100%;
        text-align: left;
        line-height: 3;
        border-bottom: 1px solid #9991;
    }
    /* -------------- navbar overlay --------------- */
    .navbar .custom-navbar .overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: #000;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    .navbar .custom-navbar .overlay.show {
        opacity: 0.8;
        visibility: visible;
    }
    .lead-section .lead .items {
        padding-bottom: 100px;
    }
    .logo {
        text-align: right;
    }
    .navbar-brand {
        width: 200px;
        padding: 0;
    }
    .navbar-brand img {
        width: 140px;
    }
    .logo {
        display: block;
    }
    .mention {
        overflow: hidden;
    }
    .navbar,
    .navbar .custom-navbar {
        position: relative;
        /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/
        padding: 0 5px;
    }
    .cart-menu {
        left: 0 !important;
    }
    header .head-content .content .img {
        margin: 15px 0;
    }
    .section-head h2 {
        font-size: 25px;
    }
    .butn {
        padding: 10px 25px;
        font-size: 14px;
    }
    footer .items .btn-link,
    footer .items .card-header .head-content,
    footer .items .card-body {
        padding: 3px 0;
    }
    .navbar .custom-navbar .nav-list .nav-items.drop-nav {
        position: relative;
    }
    .navbar .custom-navbar .nav-list .nav-items.drop-nav:hover .fullwidth-menu {
        position: relative;
    }
    .navbar .custom-navbar .drop-nav .nav-links:before {
        left: 94%;
        top: 10px;
    }
    .navbar .custom-navbar .nav-list .nav-links:after,
    header .head-content .social-head .scroll-down {
        display: none;
    }
    header .head-content {
        /*padding-top: 30px;*/
        padding-top: 0;
    }
    header .head-content .info h2 {
        font-size: 20px;
    }
    header .head-content .info h2 strong {
        font-size: 25px;
    }
    header .head-content .info p {
        font-size: 13px;
    }
    header .head-content .info {
        width: 100%;
    }
    footer .text-right {
        text-align: center !important;
        margin-top: 15px;
    }
    header .head-content .info .content {
        padding: 0;
    }
    .swiper-head .swiper-button-next,
    .swiper-head .swiper-button-prev {
        display: none;
    }
    .navbar .custom-navbar .nav-links i {
        display: inline-block;
        font-size: 15px;
        margin-right: 10px;
    }
    .navbar .custom-navbar .nav-links img {
        display: inline-block;
        margin-right: 15px;
    }
    .swiper-head .swiper-wrapper {
        height: auto;
        max-height: unset;
    }
    header .swiper-container-horizontal>.swiper-pagination-bullets,
    header .swiper-pagination-custom,
    header .swiper-pagination-fraction {
        bottom: 10px;
    }
    .top-nav .l-side .items .icon {
        margin: 15px 7px;
        font-size: 12px;
    }
    .top-nav .l-side .items .cont {
        margin-top: 5px;
    }
    .top-nav .l-side .items .cont small,
    .top-nav .l-side .items .cont p {
        font-size: 10px;
    }
    .top-nav .l-side .items:nth-of-type(2)::before,
    .top-nav .l-side .items:nth-of-type(2)::after {
        display: none;
    }
    .top-nav {
        padding: 15px 5px;
    }
    .top-nav .col-lg-9 {
        padding: 0;
    }
    .top-nav .r-side {
        justify-content: center;
    }
    /*.navbar .l-side {*/
    /*    margin-top: -40px !important;*/
    /*    margin-bottom: 15px !important;*/
    /*}*/
    header .swiper-next,
    header .swiper-prev {
        top: 40vh;
    }
    .swiper-slide .head-content .info {
        padding-top: 20vh;
    }
    .search-filter .form-row {
        padding: 30px 20px;
        flex-wrap: wrap;
    }
    .search-filter .form-group {
        width: 32%;
        margin: 15px 0;
    }
    .search-filter .form-group label {
        margin: 0;
        font-size: 11px;
    }
    .search-filter .form-group input {
        font-size: 12px;
    }
    .about .info {
        top: 0;
        height: 100%;
    }
    .rooms .info,
    footer .items {
        margin-bottom: 30px;
    }
    .navbar .custom-navbar .nav-list{
        align-items: flex-start;
    }
    .products-pg .products-content.grid .items{
        width: 100%;
    }
    .grid-list{
        display: none;
    }
    .products-pg .products-content .items{
        display: block;
    }
    .products-pg .products-content .items .img{
        width: 100%;
    }
    .top-sale .items >a{
        display: block;
    }
    
    /*.navbar .custom-navbar.fixed {*/
    /*    position: relative;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    background-color: #fff;*/
    /*    transform: translateY(0);*/
    /*    transition: all 0.5s ease;*/
    /*    border-bottom: 0;*/
    /*}*/
    
    .single_product_pg .icons .swiper-button-next:after, .single_product_pg .icons .swiper-button-prev:after{
        opacity: 1;
    }
    
    .single_product_pg .icons{
        padding: 0 20px;
    }
    
    footer .foot .text-left {
        text-align: center !important;
    }
    
    footer .new_footer .foot_links_new a{
        font-size: 13px;
        padding: 0 10px;
    }
    
    .products-pg .products-content .items .info{
        width: 100%;
    }
    
    .about-pg{
        overflow: visible;
    }
    
    .inner-header .pg-links {
        display: none;
    }
    
    .inner-header .title {
        text-align: center;
    }
    
}


/* ======== */

@media screen and (max-width: 787px) {
    .navbar-brand {
        width: 50%;
    }
    .navbar-brand img {
        padding: 15px 0;
    }
    section {
        overflow: hidden;
    }
    .navbar .custom-navbar .nav-list {
        width: 100%;
    }
}


/* ======= */

@media screen and (max-width: 480px) {}


/*----------- new style -----------*/
.hotels_new .hotel_card{
    background-color: #f7f7f7;
}

.hotels_new .hotel_card .img{
    height: 350px;
}

.hotels_new .hotel_card .img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hotels_new .hotel_card .info{
    padding: 3vw 4vw;
}

.hotels_new .swiper-container{
    padding-bottom: 90px;
}

.hotels_new .btns {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 20;
    transform: translateX(-50%);
}

.hotels_new .products_next,
.hotels_new .products_prev {
    margin: 5px;
    width: 45px;
    height: 45px;
    border: 1px solid #A7730C50;
    border-radius: 10px;
    text-align: center;
    line-height: 45px;
    font-size: 21px;
    color: #A7730C;
    cursor: pointer;
}

.hotels_new .products_next:hover,
.hotels_new .products_prev:hover {
    color: #fff;
    background-color: #A7730C;
    border-color: #A7730C;
}

.custom-navbar .logo{
    width: 120px;
}

.drop-lang .drop-down{
    width: 80px !important;
}

/*---------- custom select with search ---------*/
    .ui-widget{
        font-family: 'Cairo', sans-serif !important;
    }
    .ui-autocomplete-input{
        font-size: 14px;
        min-height: 55px;
        border-radius: 10px;
        width: 100%;
        border: 0;
        background-color: #f9f9f9;
        border: 0 !important;
    }
    .custom-combobox {
      position: relative;
      display: inline-block;
    }
    .custom-combobox-toggle {
      position: absolute !important;
        top: 0;
        bottom: 0;
        margin-left: -1px;
        padding: 0 !important;
        right: 0;
        width: 100% !important;
        background: transparent !important;
    }

    .custom-combobox-toggle:hover{
        background: transparent !important;
    }
    .custom-combobox-input {
      margin: 0;
      padding: 5px 10px;
    }
    .ui-widget.ui-widget-content{
        border: 0;
    }

    .ui-button-icon-only .ui-icon{
        left: auto !important;
        right: 20px !important;
    }
    .ui-widget .ui-widget{
        border: 0 !important;
    }
    
    .ui-menu .ui-menu-item:hover{
        background: #000;
    }
    
    .ui-autocomplete.ui-front{
        padding: 15px;
        background: #fff;
        max-height: 200px;
        overflow-y: scroll;
        border: 0 !important;
        box-shadow: 0 0 15px #0001;
    }
    
    .ui-autocomplete.ui-front::-webkit-scrollbar {
        height: 20px;
        width: 4px;
        background: #f1f1f1;
        border-radius: 5px;
    }
    
    .ui-autocomplete.ui-front::-webkit-scrollbar-thumb {
        background: #999;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    
    .ui-autocomplete.ui-front::-webkit-scrollbar-corner {
        background: #999;
        border-radius: 5px;
    }