/*<!----STYLESHEET------->***/

/*<!----COMMON------->***/

* {box-sizing: border-box}

:root {--theme-dark-red: #8B0000; --theme-gold: #D9A01F; --theme-black: #000000; --theme-white: #FFFFFF; --theme-light-gray-translucent: #D3D3D34D;}

p:empty {display: none;}

ul,li {list-style: none; margin: 0; padding: 0;} 

body{background-color: var(--theme-white);}

body, p, a {font-family: "Montserrat", sans-serif; font-style: normal; font-size: 16px;}

/* Chrome, Edge, Safari */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset !important; box-shadow: 0 0 0px 1000px #fff inset !important; -webkit-text-fill-color: #000 !important; transition: background-color 9999s ease-in-out 0s;}  

a {color: #8B0000;}

h2.mainh2Title, h2 {font-size: 32px; line-height: 100%;}

h3 {font-size: 24px; text-transform: capitalize; line-height: normal; font-weight: 600;}

.btn {color: var(--theme-white); font-family: "Montserrat", sans-serif;} 

.yellow-btn {background-color: var(--theme-white)}

body.cstm_body_overflow {overflow: hidden;}

body:before {position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); display: block; content: ""; z-index: 2; opacity: 0; visibility: hidden;}

body.cstm_body_overflow:before {visibility: visible; opacity: 1; z-index: 9; overflow: hidden;}

.padding-120 {padding: 120px 0;}

.padding-100 {padding: 100px 0;}

.padding-80 {padding: 80px 0;}

.padding-60 {padding: 60px 0;}

/**Buttons**/

.primary_btns {background: #D9A01F; font-weight: 600; font-size: 16px; line-height: 100%; text-transform: capitalize; color: #fff !important; min-height: 46px; min-width: 185px; width: auto; border-radius: 60px; border: none; transition: all 0.5s ease; display: inline-flex;  align-items: center; justify-content: center; text-decoration: none; padding: 5px 20px;}

.primary_btns:hover {background: #8b0000; color: #fff;}


/***HEADER CSS START HERE****/

.headerLogo_absulte {position: absolute; top: -53px; display: inline-flex; flex-direction: column; align-items: center; background: #fff; padding: 0 10px 0; left: 0; right: 0; max-width: 150px; margin-left: auto; margin-right: auto; border-radius: 100%; height: 150px; justify-content: center; transition: height 0.5s ease, max-width 0.5s ease, top 0.5s ease;}

.mid_menu_header { position: relative; transition: .4s }

.header_logo a img { object-fit: contain; transition: height .5s ease; object-position: center; height: 90px; }


.header_innr_st, .header_navigation, .menu_navigation {display: flex;}

.menu_navigation li {transition: .3s }

.sidenavs .menu_navigation li a:hover, .sidenavs .menu_navigation li.active a, a.home_backDiv:hover { color: #d9a01f }

.sidenavs .menu_navigation li a:hover i.svg_icon svg { fill: #d9a01f }

.sidenavs .menu_navigation li.active a svg { fill: #00b9b3; }

.sidenavs a { padding:30px 10px; color: #000; display: block; transition: .4s; text-transform: capitalize; font-weight: 500; font-family: 'Montserrat'; text-decoration: none; }

#myHeader .menu_navigation .dropdown-container a:hover {color: #fff;}

.login-register a { font-size: 16px; font-weight: 500; color: #000; transition: 0.5s; text-decoration: none; }

.login-register a:hover { color: #d9a01f; }

.header_navigation ul { padding: 0; list-style: none; }

.header_navigation { width: 100%; height: 100%; justify-content: start; align-items: center }

.header_innr_st {justify-content: center; align-items: center; flex-direction: column; margin-right: 0 }

.menu_navigation {align-items: center; justify-content: start; overflow: visible; margin-bottom: 0; gap: 15px; list-style: none; margin: 0; padding: 0;}

.sidenavs .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; display: none}

.menu_navigation a:hover {color: #000}

.menu_navigation .dropdown-container {display: none; position: absolute; background:  #f2f2f2; min-width: 210px; padding: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} 

.menu_navigation .dropdown-container a {padding: 10px 20px; color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}

.menu_navigation .dropdown-container a:last-child {border: none;}

.menu_navigation .dropdown-container a:hover {color: #fff; background: #d9a01f}

.header_innr_st .dropdown:hover .dropdown-content, .menu_navigation li:hover .dropdown-container, .txt_key, .waste_txt { display: block }

.menu_navigation .dropdown-container:after {width: 20px; height: 20px; content: ""; background: #f2f2f2; position: absolute; top: -9px; border: 1px solid rgba(0,0,0,0.2); z-index: -1; transform: rotate(45deg); left: 30px;}

.menu-item-about .dropdown-container:after {left: 50px;}

.main_navigations {position: relative; padding: 5px 0; border-top: 1px solid #558dd0}

.header_innr_st button.dropbtn:focus {outline: 0}

.header_innr_st .dropdown-content {display: none; position: absolute; background-color: #fff; min-width: 200px; box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2); z-index: 1; opacity: 1; left: 0}

.header_innr_st li .dropdown a {color: rgb(0 0 0 / .87); display: block; font-size: 14px; font-weight: 500; height: 48px; line-height: 48px; padding: 0 32px}

.header_innr_st li .dropdown a:hover {background-color: rgb(0 0 0 / .05)}

.header_innr_st li .dropdown-content a {color: rgb(0 0 0 / .87); padding: 0 16px; text-decoration: none; display: block; text-transform: none; font-size: 1rem; height: 50px; border: none}

.sidenavs a.dropdown-btn {cursor: pointer}

.navigation_desktop {align-items: center; justify-content: end; position: relative;}

.fixed_sticky .headerLogo_absulte {top: -50px; max-width: 120px; height: 120px;}

.fixed_sticky .headerLogo_absulte .main_logos {height: 75px; margin: auto; object-position: center;}

.menu_navigation .contact-us a {background: #3077b2; border-radius: 64px; color: #fff; min-width: 150px; text-align: center;}

.menu_navigation li.contact-us a:hover {color: #fff;}

.header_section {top: 0px; position: sticky; width: 100%; -webkit-transition: all 1.3s; -moz-transition: all 1.3s; -ms-transition: all 1.3s; -o-transition: all 1.3s; transition: all 1.3s; opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.75s; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);  background: #fff; z-index: 2; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}

.sort_btn {background-color: transparent; padding: 0px; padding: 2px 8px; cursor: pointer;}

.short-by  .filter-btn {font-weight: 600;}

.sort_btn.active {background-color: #d9a01f; color: #fff; font-weight: 500; padding: 2px 8px; border-radius: 5px;}


@keyframes fadeInOpacity {0% {opacity: 0;} 100% {opacity: 1;}}

.user-menu .dropdown-menu {position: absolute; background: #f2f2f2; padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; transition-duration: .3s; top: 0; display: flex; flex-direction: column; height: auto; border-radius: 0; border: none; padding: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2);}

.user-menu .dropdown-menu.drop-open {visibility: visible; opacity: 1; top: 100%;}

.user-menu .dropdown-menu:before {width: 20px; height: 20px; content: ""; background: #f2f2f2; position: absolute; top: -11px; border: 1px solid rgba(0, 0, 0, 0.2); z-index: -1; transform: rotate(45deg); left: 30px; border-bottom: 0; border-right: 0;}

.user-menu .dropdown-menu .d-md-flex {padding: 10px; color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); align-items: center; gap: 10px; justify-content: flex-start; text-decoration: none; transition-duration: .3s;}

.user-menu .user-dropdown-toggle {text-decoration: none; display: flex;}

.user-menu .dropdown-menu .d-md-flex:hover {background: #D9A01F; color: #fff}

.user-menu .user-dropdown-toggle span {width: 40px; height: 40px; background: #8B0000; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; text-decoration: none;}

.user-menu .fa-chevron-down {color: #000;}

/**Mobile Search Bar Design**/

.mobile-search-bar {display: none;}

.Madvanced-search-bar {position: absolute; top: 0; left: 0; right: 0; background: #fff; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); opacity: 0; visibility: hidden;  padding: 20px}

.Madvanced-search-bar.active {top: 100%; visibility: visible; opacity: 1;}

.Madvanced-search-bar .fillter_real_estate, body.front\.index .Madvanced-search-bar .fillter_real_estate {margin: 0;}


.Madvanced-search-bar .tab-content.tab_content_fillter {margin: 0; border-radius: 0;}

.search-close-icon .fa-close {width: 35px; height: 35px; background: #D9A01F; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff;}


.search-close-icon {display: none; justify-content: flex-end; padding: 10px; position: absolute; top: 0; z-index: 99; right: 0;}

.m-search {color: #212529; font-size: 16px; text-decoration: none;}

.mobile-search-bar {padding: 20px;}

.search-input-wrapper {background: #f2f2f2; padding: 15px; border-radius: 5px; position:relative}

.search-input-wrapper .search-icon {position: absolute; right: 25px; top: 28px;}

.Madvanced-search-bar:before {content: ""; position: fixed; top: 72px; bottom: 0; background: rgba(0,0,0,0.8); height: 100%; width: 100%; left: 0; right: 0; z-index: -1}

.Madvanced-search-bar.active:before {display: block;}

.search-active::before {opacity: 1; visibility: visible;}	

.search-active {overflow-y: hidden;}

.m-search .fa-close {display: none;}

.m-search.active .fa-close {display: block;}

.m-search.active .fa-search {display: none;}


/**Mega Menu**/

.dropdown-container.mega-menu {padding: 20px; min-width: max-content;}

.dropdown-container.mega-menu h3 {color: #000; font-size: 16px;}

.mega-menu ul {display: flex; gap: 20px; flex-wrap: wrap;}

.mega-menu ul li {width: calc(50% - 15px);}

.mega-menu ul li a {background: #fff; border-radius: 5px; box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 4px;}

.megacard-img {width: 40px; height: 40px; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f2f2f2}

.megacard-img img {width: 25px; height: 25px; object-fit: cover;}

.mega-card-bg {display: flex; justify-content: center;}

.mega-card-content p {margin: 0; text-align: center}

/**Mobile Menu**/

.offcanvas.side-menus {border: none; color: #fff; background: #000;}

.sidebar-address {margin: 40px 0;} 

.sidebar_address-wrapper {display: flex; flex-direction: column; gap: 10px; margin: 20px 0 0;}

.sidebar_address-wrapper a {color: rgba(255, 255, 255, 0.7); text-decoration: none;}

.sidebar_address-wrapper svg path {fill: #D9A01F; fill-opacity: 1;}

.header_navigation .offcanvas-header {background: #D9A01F; padding: 10px 20px;}

.offcanvas-header a {width: 52px; padding: 2px; background: #fff; border-radius: 100%; height: 52px; justify-content: center; align-items: center; display: flex;}

.offcanvas-header .main_logos {width: 100%; object-fit: contain; height: 100%; max-width: 32px;}

.offcanvas-header {background: #D9A01F; padding: 10px 15px;}

.side-menus .offcanvas-header .btn-close {background: transparent; padding: 0; width: auto; height: auto; opacity: 1;}

.side-menus .btn-close .icon {fill: #fff;}

.side-menus .navbar-nav li a {font-size: 16px; color: rgba(255, 255, 255, 0.7); text-decoration: none; font-weight: 500; justify-content: space-between; display: flex; width: 100%; align-items: center; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}

.side-menus .navbar-nav li a:hover {color: #D9A01F;} 

.side-menus .navbar-nav .dropdown-menu {position: static; background: transparent; padding-left: 20px;}

.toogle-new {border: none; background: transparent; color: #000;  min-height: 40px;}

.side-menus li.nav-item a:after {display: none;}
	
.header_navigation .side-menus .dropdown-menu {background: transparent; padding-left: 20px;}

/*****Main Home Hero Section******/

.main_section_hero {
    background: url(/staging/arips/public/assets/images/banner-image.webp) no-repeat center;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 120px 0;
    background-size: cover;
}

.main_section_hero:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}

.hero_captions_main {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.mainh1Titles {
    font-weight: 700;
    font-size: 55px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
}

.hero_captions_text p {
    font-size: 18px;
    font-weight: 500;
}

/*****Empowering Ream Counter Section******/
.fillter_real_estate {
    position: relative;
    margin-top: -24px;
}

body.front\.index .fillter_real_estate, .home .fillter_real_estate {
	margin-top: -70px;
}

li.nav_item_fillter {
    max-width: 100px;
    width: 100%;
    position: relative;
    transition: all 0.5s ease;
}

button.nav_link_tab {
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
    border: none;
    min-height: 46px;
    width: 100%;
    background: #fff;
    position: relative;
    transition: all 0.5s ease;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

button.nav_link_tab.active,
button.nav_link_tab:hover {
    color: #fff;
    background: #D9A01F;

}

.tab-content.tab_content_fillter {
    margin-top: -4px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 4px;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-content.tab_content_fillter .tab-pane {
    width: 100%;
}

h5.fillterTabTitle {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #000;
}
.property-type-radio {
    display: flex;
    align-items: center;
    gap: 10px;
}
.property-type-radio label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    padding: 5px 10px;
    font-size: 16px;
    width: 100%;
	justify-content: center;
	font-weight: 600;
}

.property-type-radio label .cstm_dv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
    border-radius: 64px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.2);
}
.cstm_lab_text {
    position: relative;
}
.property-type-radio label input[type="radio"]:checked + .cstm_dv {
    border-color: #D9A01F;
    background: #D9A01F;
}

.property-type-radio label input[type="radio"]:checked + .cstm_dv + .cstm_lab_text {
    color: #fff;
}
.property-type-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.custom_select_wrappers {
    position: relative;
    cursor: pointer;
    background: url(/staging/arips/public/assets/images/down-arrow2-select.svg) no-repeat center right;
    background-size: 20px;
    max-width: 220px;
}

.selected_options {
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    text-transform: capitalize;
    position: relative;
    transition: all 0.5s ease;
}

.custom_options_lists {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    display: none;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 10;
    max-height: 220px;
}

.custom_options_lists li {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.arips_fillter_tab {
    position: relative;
}

.cstm_right_border {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.arips_fillter_tab .select2-container .select2-selection {
    border: none;
}
.arips_fillter_tab .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(/staging/arips/public/assets/images/arrow-down.webp);
    background-repeat: no-repeat;
    background-size: 14px;
    height: 20px;
    background-position: center top 7px;
}



.select2-dropdown, .select2-container--open .select2-dropdown--above {
    background: #fff !important;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important; 
    box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 4px;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
    background: transparent;
    border-color: rgba(0,0,0,0.2);
    border-radius: 64px;
    outline: 0;
    color: #000;
    padding: 5px 10px;
}
.select2-container .select2-dropdown .select2-results li.select2-results__option {
    background: transparent;
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.select2-container .select2-dropdown .select2-results li.select2-results__option:last-child {
    border: none !important;
}
.select2-container .select2-dropdown .select2-results li.select2-results__option:hover, .select2-container.select2-container--default .select2-results__option--selected {
    background: #D9A01F;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-results__option:hover {
    background-color: #D9A01F !important;
    color: #fff !important;
}

.arips_fillter_tab .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.advanceSearchBtn {
    background: #D9A01F;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 130px;
    width: 100%;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 65px;
    position: relative;
    transition: all 0.5s ease;
}

.advanceSearchBtn:hover {
    background: #8B0000;
    color: #fff;
}
.advanceFillterBtn {
    border: 1px solid #000000;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    transition: all 0.5s ease;
    border-radius: 65px;
    padding: 10px 15px;
    gap: 5px;
    max-width: 130px;
    width: 100%;
}
.advanced-text {
    display: flex;
	gap: 2px;
}

.advanceFillterBtn .close-text, .advanceFillterBtn .fa-close , .advanceFillterBtn.active-search .fa-filter, .advanceFillterBtn.active-search .advanced-text {
    display: none;
	transition-duration: .3s;
}

.advanceFillterBtn.active-search .close-text, .advanceFillterBtn.active-search .fa-close {
    display: block;
	transition-duration: .3s;
}

.advanceFillterBtn:hover {
    border: 1px solid #8b0000;
    color: #fff;
    background: #8b0000;
}

.advanced-search-pop {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.15);
    border: 1px solid #ddd;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 9;
	opacity: 0;
    visibility: hidden;
    transition-duration: .3s;
	left: 0;
}
.advanced-search-pop.show {
    opacity: 1;
    visibility: visible;
}
.property-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.property-list li {
    width: calc(33.333% - 20px);
}
.property-list li label {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.advanced-search-pop-box .tab-content:not(.advanced-search-pop-box .tab-content.active) {
    display: none;
}

.advanced-search-pop-box .tabs-wrapper {
    padding: 20px 0 0;
    margin: 20px 0 0 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.advanced-search-pop-box .tabs-wrapper .tabs {
    display: flex;
    gap: 10px;
    margin: 0 0 20px 0;
}

.advanced-search-pop-box .tabs-wrapper .tab {
    padding: 5px 10px;
    border: 1px solid rgba(0,0,0,0.1);
    color: #000;
    border-radius: 64px;
    font-size: 14px;
    cursor: pointer;
    transition-duration: .3s;
}

.global-search-main {
    background: #fff;
}

.body_scrolled .global-search-main {
    position: sticky;
    top: 22px;
    z-index: 3;
}

.global-search-wrapper {
    position: relative;
    padding-bottom: 10px;
}

.front\.index .global-search-main,  .home .global-search-main{
    position: static;
}

.empowering_real_connt {
    position: relative;
    overflow: hidden;
    padding: 60px 0 0;
}

.counter-d-flex {
    display: flex;
    gap: 60px;
    padding: 40px;
    border-radius: 5px;
}

.counter_real_head {
    width: 35%;
    min-width: 340px;
}
.counter_carousel-main {
    width: 65%;
}
.counter_real_head h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.4;
    text-transform: capitalize;
}
.pagrText {
    color: #8B0000;
}
.counter_real_estate {
    min-height: 120px;	
	border: 1px solid rgba(0,0,0,0.1);
    border-radius: 8px;
	background: #fff;
}

.cstm_area_location input.form_controls {
    border-radius: 0px !important;
    font-size: 16px;
    padding: 10px 0; 
    height: 40px;
    outline: 0;
    border-bottom: none !important;
    width: 100%;
    border: none;
}

.checkIn_checkOut_wrappers .t-check-in,
.checkIn_checkOut_wrappers .t-check-out {
    min-height: 40px;
    border-bottom-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

input.hotel-input-qty {
    border-radius: 0px !important;
    font-size: 16px;
    padding: 10px;
    height: 40px;
    outline: 0;
    border: 1px solid transparent;
    text-align: center;
}

.hotel-qty-container button.qtys-btns {
    border: none;
    background: #D9A01F;
    color: #fff;
    min-height: 40px;
    max-width: 40px;
    width: 100%;
    transition: 0.5s ease all;
    position: relative;
}

.hotel-qty-container button.qtys-btns-minus {
    border-radius: 20px;
}

.hotel-qty-container button.qtys-btns-plus {
    border-radius: 20px;
}

.checkIn_checkOut_wrappers {
    min-height: 40px;
}



/*****Real Estate House Section******/

.realestate_buttons {
    justify-content: end;
}

.upload_primary_btns {
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    min-height: 46px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    transition: all 0.5s ease;
    border-radius: 65px;
    padding: 10px 15px;
}

.upload_primary_btns:hover {
    border: 1px solid #8b0000;
    color: #fff;
    background: #8b0000;
}

.real_featured_img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    aspect-ratio: 1.4;
    display: flex;
    flex-direction: column;
}

img.featuredrealNew_img {
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

h4.propetyTiltes {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.house_title_footer h5 {
    font-size: 14px;
}

.house_title_footer p {
    font-size: 16px;
    line-height: normal;
}

.newsmain_realhome {
    position: relative;
    transition: all 0.5s ease;
}

.newsmain_realhome:hover img.featuredrealNew_img {
    transform: scale(1.1);
}

span.hotdeal_block {
    font-weight: 500;
    font-size: 14px;
    line-height: 10px;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 15px;
    background: #fff;
    padding: 4px 5px;
    border-radius: 2px;
    color: var(--bs-body-color);
    z-index: 1;
    left: 15px;
}

.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-top: 20px;
}

.owl-carousel .owl-dots button.owl-dot span {
    margin: 0;
    width: 15px;
    height: 15px;
    background: #d9a01f;
}

.owl-carousel .owl-dots button.owl-dot.active span {
    background: #8b0000;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 50px;
    width: 100%;
    height: 50px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin: 0;
    background: #fff;
    border-radius: 50%;
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 50px;
    width: 100%;
    height: 50px;
    margin: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background: #fff;
    border-radius: 50%;
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	transform: translateY(-50%);
}
.main_artisans_sect .owl-carousel .owl-nav button.owl-prev {
    top: 50%;
}

.main_artisans_sect .owl-carousel .owl-nav button.owl-next {
    top: 50%;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #8B0000;
 }

.owl-carousel .owl-nav button>span {
    line-height: 20px;
    display: inline-flex;
    font-size: 30px;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -2px;
}



.real_rated_hotel .owl-carousel .owl-nav button {
    background: #f2f2f2;
}

img.ferescale_img {
    width: 15px !important;
    height: 15px !important;
    object-fit: contain;
}

span.eminit {
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 14px;
}

img.feathumbNew_img {
    width: 50px !important;
    height: 50px;
    object-fit: contain;
    transition: 0.5s;
}

/**Artisans**/

.newsmain_artisans {
    position: relative;
    transition: 0.5s;
    padding-top: 50px;
}
.artisans_inner {
    position: relative;
    transition: 0.5s;
    border-radius: 8px;
    padding: 70px 20px 20px;
    background: #fff;
}
.arisian-services-included {
    background: rgb(217 160 31 / 10%);
    border: 1px solid #D9A01F;
    margin: 0 0 20px  0;
    border-radius: 8px;
	overflow: hidden;
}

.services-i-header h6 {
    margin: 0;
}
.artis_info_block {
    gap: 15px;
}
.artis_info_button {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 20px 0;
}
.services-i-list ul {
    padding-left: 20px;
}

.services-i-list {
    padding: 10px 15px;
}

.services-i-list li {
    position: relative;
    list-style: outside;
}

.services-i-header {
    background: #d9a01f3b;
    padding: 10px 15px;
    border-bottom: 1px solid #D9A01F;
}
.artisain_subheading {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.artisans_featured_img {
    box-shadow: 0px 11px 11px 0px #00000017;
    background: #fff;
    max-width: 95px;
    height: 95px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin: auto;
}
.artisans_button {
    display: flex;
    justify-content: flex-end;
}

.arti_thumbnail {
    display: inline-flex;
    width: 100%;
    position: relative;
    transition: 0.5s;
    overflow: hidden;
    border-radius: 5px;
    height: auto;
}

.artis_info_colmR .arti_thumbnail img {
    max-height: 100px;
    border-radius: 8px;
}


.thumbnailAtr_img {
    height: 100%;
    object-fit: cover;
}

/*****Artisans Section******/

.bg_light_cstm {
    background: #f2f2f2;
}


/*****Find Property CTA Section******/


.find_property_CTA {
    position: relative;
}

.find_properties_block {
    background: url(/staging/arips/public/assets/images/finder-property-cta-bg.webp) no-repeat center;
    position: relative;
    overflow: hidden;
    min-height: 510px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.find_properties_block:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.propertyCta_header {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}

/*****Client Review Says Section******/
.clients_reviews_sect {
    position: relative;
}

.cstm_review_carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-top: 20px;
}

.cstm_review_carousel .owl-dots button.owl-dot span {
    margin: 0;
    width: 12px;
    height: 12px;
    background: #d9a01f;
}

.cstm_review_carousel .owl-dots button.owl-dot.active span {
    background: #8b0000;
}

/*****News Article Section******/
.news_article_sect {
    overflow: hidden;
    position: relative;
}
.newsArticle_button {
    display: flex;
    justify-content: flex-end;
}
.newsArticle_header {
    position: relative;
    max-width: 530px;
}

.newsArticle_header p {
    font-weight: 500;
    padding-top: 10px;
}

.newsmain_article {
    position: relative;
    transition: all 0.5s ease;
}

.news_featured_img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    aspect-ratio: 1.4;
    display: flex;
    flex-direction: column;
}

.newsmain_article:hover img.featuredNew_img {
    transform: scale(1.1);
}

img.featuredNew_img {
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.news_article_content h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    text-transform: capitalize;
    color: #000;
}



.newsArticle_carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-top: 20px;
}

.newsArticle_carousel .owl-dots button.owl-dot span {
    margin: 0;
    width: 15px;
    height: 15px;
    background: #d9a01f;
}

.newsArticle_carousel .owl-dots button.owl-dot.active span {
    background: #8b0000;
}

/***Footer Css***/

.footer_main_section {
    position: relative;
    padding-top: 80px;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.footer_newsletter {
    position: relative;
    padding-bottom: 40px;
}


input.formemail_controls {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 65px;
    min-height: 60px;
    padding: 10px;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #000;
    width: 100%;
    max-width: 528px;
}

input.formemail_controls::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

input.formemail_controls:focus-visible {
    outline: none;
    box-shadow: none;
}

button.btns.btnsubmits {
    background: #D9A01F;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #fff;
    min-height: 46px;
    min-width: 185px;
    border-radius: 60px;
    border: none;
    transition: all 0.5s ease;
}

button.btns.btnsubmits:hover {
    background: #8b0000;
    color: #fff;
}

.footer_main {
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 50px;
    padding-bottom: 40px;
}

ul.footer_quick_links li a {
    font-weight: 400;
    text-transform: capitalize;
    color: #000;
    text-decoration: none; 
    transition: 0.5s;
    position: relative; 
}

ul.footer_address li a:hover {
    color: #D9A01F;
}

ul.footer_address li {
    font-weight: 400;
    color: #000;
    transition: 0.5s;
    position: relative;
}

ul.footer_address li a {
    color: #000;
    text-decoration: none;
    transition: 0.5s;
    position: relative;
}

ul.footer_quick_links li a:hover,
ul.footer_address li:hover {
    color: #D9A01F;
}

a.social_item {
    color: #000;
    transition: 0.5s;
    position: relative;
}

a.social_item:hover {
    color: #D9A01F;
}

.footer_copyRight {
    border-top: 1px solid #D9A01F;
    position: relative;
    padding: 10px 0;
}

/**LISTING PAGE CSS**/

.head-breadcrums-filter {
    padding: 40px 0 0;
    background: transparent;
}

.head-breadcrums-filter .row {
    align-items: center;
}
.listing-left {
    text-align: left;
    margin: 0;
    max-width: 100%;
}
.breadcrums-wrapper {
    display: flex;
    gap: 20px;
    padding: 20px;
    border-radius: 5px;
    background: #f2f2f2;
    justify-content: space-between;
    align-items: center;
}
.breadcrums ul {
    display: flex;
    gap: 15px;
}

.breadcrums ul li a {
    text-decoration: none;
    color: var(--theme-black);
}

.breadcrums {
    margin-bottom: 10px;
}

.breadcrums ul li {
    display: flex;
    align-items: center;
    gap: 15px;
}

.filter-bar-top {
    background: var(--theme-white);
    border-radius: 5px;
    padding: 27px 41px;
    margin-top: 40px;
}

.filter-inner {
    display: flex;
    justify-content: space-between;
}

select.filter-select {
    border: none;
    outline: none;
    color: var(--theme-black);
}

button.Popular-btn-filter {
    background: #D9A01F;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    height: 27px;
    padding: 3px;
}

.main-out-filter {
    width: 25%;
    display: flex;
    justify-content: center;
    border-right: 1px solid #0000001A;
}

.main-out-filter:last-child {
    border-right: none;
}

.products-listing {
    background-color: var(--theme-white);
    padding: 60px 0;
}

.listing-product-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.listing-product-wrapper .newsmain_realhome {
    width: calc(33.33% - 20px);
}

.map-sidebar {
    border: 1px solid #0000001A;
    border-radius: 10px;
    overflow: hidden;
}

.map-sidebar p {
    margin-top: 16px;
    text-align: center;
}

.filter-sidebar-wraper {
    padding-right: 20px;
    position: sticky;
    top: 135px;
    height: calc(100vh - 119px);
    overflow-y: auto;
    border-right: 1px solid rgba(0,0,0,0.2);
}

.filter-sidebar-wraper::-webkit-scrollbar {
    width: 7px;
}

.filter-sidebar-wraper::-webkit-scrollbar-track {
    background: #f0f0f0;
}

.filter-sidebar-wraper::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 4px;
}

.filter-sidebar-wraper::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.search-bar-side-filter {
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.search-bar-side-filter input {
    width: 100%;
    padding: 8px 8px 8px 40px;
    border: 1px solid #0000001A;
    border-radius: 10px;
    outline: none;
    font-size: 14px;
    height: 45px;
}
.hotel-suggestions {
    box-shadow: 0 0 4px 0 #ddd;
    max-height: 250px;
    overflow: auto;
}
.search-bar-side-filter .icon {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
}
.mobile-filter, .filters-all-side a.closefilter {
    display: none;
}
.filters-all-side {
    margin-top: 30px;
}
.filters-all-side h3.artisansTitle {
    margin: 0;
    padding: 0;
}

.side-filter-inner:first-child {
    margin-top: 25px;
}

.side-filter-inner {
    margin-top: 20px;
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.filter-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.filter-list li:last-child {
    margin: 0;
}
.side-filter-inner ul.filter-list.check-box-list {
    max-height: 300px; 
	overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.side-filter-inner ul.filter-list.check-box-list::-webkit-scrollbar {
    width: 3px;
    height: 8px;
}

.side-filter-inner ul.filter-list.check-box-list::-webkit-scrollbar-track {
    background: transparent;
}

.side-filter-inner ul.filter-list.check-box-list::-webkit-scrollbar-thumb {
    background: rgb(53 53 53 / 25%);
}

.check-box-list input[type="checkbox"] {
    display: none;
}

.filter-list label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    flex: 1;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
}

.check-box-list label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 2px solid #D9A01F;
    border-radius: 0px;
    background: #fff;
    box-sizing: border-box;
}


.check-box-list input[type="checkbox"]:checked+label::before {
    background-color: #D9A01F;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="white" d="M5.5 10.5L1.5 6.5L2.91 5.09L5.5 7.67L11.09 2.09L12.5 3.5Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.filter-list .count {
    margin-left: 5px;
    color: #000;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
}

ul.filter-list input[type="radio"] {
    height: 15px;
    width: 15px;
    accent-color: #000;
}

.radio-list label {
    padding-left: 13px;
}

/**Detail PAGE CSS**/


.hotel_secondary_menus .main_menus {border-bottom: 2px solid #e3e3e3; display: flex; justify-content: space-around; width: 100%; overflow: auto;}

.hotel_secondary_menus .main_menus a {text-decoration: none; color: var(--bs-body-color);}

.hotel_secondary_menus .main_menus span {
	padding: 12px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
}
.hotel_secondary_menus .main_menus span.active {
	border-bottom: 3px solid var(--theme-dark-red);
}
.room-amenities-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
}
.hotel_room_card {
	background-color: #f2f2f2;
	padding: 20px 8px;
	margin: 10px 0;
}
.hotel_cancellation_rules{
	padding: 30px 0;
	border-bottom: 1px solid #0000001A;
}
.hotel_cancellation_rules-outer {
	margin: 35px 0 0;
}
.details-fav{
	background-color: #fff;
	padding: 7px;
	border-radius: 5px;
	cursor: pointer;
}
[data-star] {
	text-align:left;
	font-style:normal;
	display:inline-block;
	position: relative;
	unicode-bidi: bidi-override;
	top: 1px;
}
[data-star]::before { 
	display:block;
	content: '★★★★★';
	color: #ddd;
	font-size: 18px;
}
[data-star]::after {
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	content: '★★★★★';
	width: 0;
	color: #eab11f;
	overflow:hidden;
	height:100%;
	font-size: 18px;
}
[data-star^="0.1"]::after{width:2%}
[data-star^="0.2"]::after{width:4%}
[data-star^="0.3"]::after{width:6%}
[data-star^="0.4"]::after{width:8%}
[data-star^="0.5"]::after{width:10%}
[data-star^="0.6"]::after{width:12%}
[data-star^="0.7"]::after{width:14%}
[data-star^="0.8"]::after{width:16%}
[data-star^="0.9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}


.global-search-wrapper.bg-chnage {
    background: #fff;
}

.Iteam-inforaomations {
    padding: 40px 0 0 0;
}

.gallery-image-big {
    position: relative;
    height: 100%;
}

.tags-likes {
    position: absolute;
    padding: 20px;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hotel-qty-container .hotel-input-qty {
 pointer-events: none;
}
.like-compare {
	display: flex;
    gap: 15px;
}
.like-video a {
    width: 35px;
    height: 35px;
    background: rgba(255,255,255,1);
    padding: 5px;
    border-radius: 6px;
    color: #000;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    justify-content: center;
}
.tags-top .tgs {
    font-weight: 500;
    font-size: 14px;
    line-height: 10px;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 5px 6px;
    border-radius: 2px;
}

.gallery-images-short img {
    border-radius: 5px;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.gallery-image-big img {
    width: 100%;
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
}

.gallery-images-short {
    display: flex;
    gap: 40px;
    position: relative;
    flex-direction: column;
    padding-left: 20px;
    height: 100%;
}

.gallery-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #fff;
    padding: 7px 17px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.flait-info-detils {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #0000001A;
    flex-wrap: wrap;
    row-gap: 20px;
}
.propert-info-inner {
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
}

.propert-info-inner i {
    color: #D9A01F;
}

.detils-text {
    padding: 30px 0 40px;
    border-bottom: 1px solid #0000001A;
}
.detils-text .description_data ul, .detils-text .description_data ul li {
    list-style: disc;
}
.detils-text .description_data ul {
    padding-left: 20px;
}
.others-inner ul li.text_field_data {
    width: 100%;
}
.amenities-outer {
    margin: 35px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
}

.amenities {
    padding: 30px 0;
    border-bottom: 1px solid #0000001A;
}

.amenities-inner {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.others-outer {
    margin: 35px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
}

.others {
    padding: 30px 0;
    border-bottom: 1px solid #0000001A;
}

.others-inner {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.others-inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.others-inner ul li {
    width: calc(50% - 10px);
	padding: 10px;
    border-bottom: 1px solid #0000001A;
	background: #D3D3D34D;
    flex-direction: column;
    display: flex;
    gap: 5px;
	border-radius: 5px;
}
.others-inner li:last-child {
    border: none;
}
.others-inner ul li.textarea_field_data {
    width: 100%;
}
.locationss-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.location-list {
    position: relative;
    width: calc(20% - 10px);
    border-radius: 5px;
    overflow: hidden;
}
.content-location {
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.content-location small {
    color: #fff;
    font-size: 9px;
    letter-spacing: 0;
}
.content-location h6 {
    color: #fff;
    font-size: 12px;
    margin: 0 0 5px 0;
}
.location-list img {
    width: 100%;
    height: 150px;
    object-fit: cover;
	 transition: transform 0.5s ease;
}

.location-list:hover img {
	transform: scale(1.1);
}

.location {
    padding: 30px 0;
    border-bottom: 1px solid #0000001A;
	scroll-margin-top: 100px;
}
.blur_map {
    position: relative;
}

.lock {
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    right: 0;
    display: table;
    padding: 7px 10px;
    border-radius: 64px;
    cursor: pointer;
    font-size: 14px;
    background: #D9A01F;
    color: #fff;
    transition-duration: .3s;
    left: 50%;
	font-weight: bold;
}

.lock:hover {
	background: #8B0000;
}

.location-list {
    position: relative;
}
.top-locationss {
    margin: 20px 0 0;
}
.top-locationss h5 {
    font-weight: 600;
    margin: 0 0 20px 0;
}
.mainh3Title {
    line-height: 100%;
    text-transform: capitalize;
    color: #000;
}

.reviews-detils-products {
    padding: 30px 0;
    border-bottom: 1px solid #0000001A;
	scroll-margin-top: 100px;
}

.hire_people_card_link {
    border-radius: 8px;
    overflow: hidden;
}
.hire_people_card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.hire_people_card p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-weight: 600;
    transition-duration: .3s;
}

.hire_people_card .img-fluid {
    height: 150px;
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition-duration: .3s;
}
.hire_people_card_link:hover .img-fluid {
    transform: scale(1.2);
}
.hire_people_card_link:hover p {
    font-size: 20px;
}
.hotel_cancellation_rules, #Similar_Properties {
	scroll-margin-top: 100px;
}

.review-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin: 0 0 10px 0;
}

.review-head a {
    color: #000;
    text-decoration: none;
}

.review-box h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-transform: capitalize;
    color: #000;
    margin: 5px 0 12px 0;
}
.review-box p {
    margin: 0;
}

.rev_scr {
    max-height: 400px; 
    overflow: auto;
	padding-right: 10px;
}

/* Show scrollbar on all devices */

.rev_scr::-webkit-scrollbar {
    width: 8px;
}

.rev_scr::-webkit-scrollbar-track {
    background: #f0f0f0;
}

.rev_scr::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 4px;
}

.rev_scr::-webkit-scrollbar-thumb:hover {
    background: #666;
}
.review-box {
    margin-bottom: 10px;
    background: #f2f2f2;
    padding: 15px;
    border-radius: 6px;
}

.booking-slot {
    padding-left: 20px;
    position: sticky;
    top: 196px;
}

.booking-slot-inner {
    background: #D3D3D34D;
    padding: 25px;
    border-radius: 5px;
    margin-top: 30px;
}

.date-input {
    position: relative;
    width: 100%;
}

.date-input input {
    width: 100%;
    height: 45px;
    padding: 0 45px 0 15px;
    border-radius: 30px;
    border: none;
    outline: none;
    font-size: 18px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #555;
    cursor: pointer;
}

.date-input input::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    /* Hide default icon */
}

.calendar-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    /* Click goes to input */
    font-size: 18px;
    color: #555;
}

.book-tabs .form {
    display: flex;
    gap: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.tabs-detils-booking .nav-item {
    width: 50%;
}

.tabs-detils-booking .nav-item button {
    width: 100%;
    border: 1px solid #D9A01F;
    color: #000;
}

.tabs-detils-booking .nav-item .nav-link.active {
    background: #D9A01F;
}

.tabs-detils-booking .nav-item:first-child button {
    border-radius: 30px 0 0 30px;
}

.tabs-detils-booking .nav-item:last-child button {
    border-radius: 0px 30px 30px 0px;
}

.location .amenities-inner {
    width: 100%;
}
.location .amenities-inner svg {
    width: 25px;
}

/* Availability page css  */

section.booking-form {
    padding: 100px 0;
}

.form-booking-inner {
    display: flex;
    gap: 100px;
    justify-content: space-between;
}

.filed-side {
    width: 50%;
}

.calender-side {
    width: 50%;
    display: flex;
    justify-content: end;
}


.filed-side select.filter-select {
    width: 100%;
    border: 1px solid #0000001A;
    height: 50px;
    border-radius: 40px;
    padding: 10px 15px;
}

.filed-side .date-input input {
    box-shadow: none;
    width: 100%;
    border: 1px solid #0000001A;
    height: 50px;
    border-radius: 40px;
    padding: 10px 15px;
}

.time-slots {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.time-slots input[type="radio"] {
    display: none;
}

.time-slots label {
    padding: 10px 20px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 45px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    line-height: normal;
}

.time-slots input[type="radio"]:checked+label {
    background: var(--theme-gold);
    color: #fff;
    border-color: var(--theme-gold);
}

.time-slot-outer a.proprtytbtn.primary_btns {
    max-width: 250px;
    margin-top: 30px;
}

/* Check out page css  */

.gallery-image-big.detial-s img {
    height: 300px;
    object-fit: cover;
}

.pera-check p {
    display: flex;
    gap: 10px;
    margin: 20px 0 0 0;
}

.price-detail-inner {
    border-bottom: 1px solid #0000001A;
    display: flex;
    justify-content: space-between;
}
.amenities-inner.news {
    width: 100%;
    margin: 5px 0 0;
    display: inline-flex;
}
.price-detail-inner:last-child {
    border-bottom: none;
}

.checking-box {
    border: 1px solid #0000001A;
    padding: 50px;
    border-radius: 10px;
    margin-top: 25px;
}

.field-set {
    width: 50%;
}

.field-set label {
    display: block;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
}

.field-set input {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #00000033;
    border-radius: 64px;
    height: 40px;
    padding: 10px;
    outline: none;
}

.form .filter-list label {
    line-height: 24px;
}

.saqure-x {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 25px;
}

.saqure-x p {
    display: flex;
    align-items: center;
    gap: 8px;
}

ul.cancel-policy {
    padding-left: 20px;
}

ul.cancel-policy li {
    list-style: disc;
    margin-bottom: 14px;
}

ul.cancel-policy li:last-child {
    margin: 0;
}

ul.filter-list.check-box-list.btmm li label {
    line-height: 25px;
    text-transform: none;
}

.gallery-products {
    padding-bottom: 80px;
    border-bottom: 1px solid #0000001A;
}

.review-your-booking {
  padding: 60px 0;
}
.review-booking-wrapper .detils-text {
    padding-top: 0;
}

.review-booking-wrapper .checking-box {
    padding: 30px;
}


/**LOGIN REGISTER WEBSITE***/

.login-register-page {
    background: #D3D3D34D;
    padding: 80px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.lr-left {
    position: relative;
}

.lr-logo .main_logos {
    max-width: 70px;
}

.lr-main-image img {
    border-radius: 64px;
}

.lr-right { 
    padding: 40px;
    max-width: 600px;
    margin: 0 auto;
}

.lr-right h1 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 30px 0;
}

.login-register-page .form-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 10px 0;
    width: 100%;
	position: relative;
}

.lr-right label {
    font-size: 16px;
    font-weight: 500;
}

.lr-right input:not(.lr-right input[type="checkbox"]),
.lr-right select {
    background: #fff;
    border-radius: 64px !important;
    font-size: 14px;
    padding: 15px;
    height: 50px;
    outline: 0;
    box-shadow: none;
}
.login-register-page .form-group .iti {
    width: 100%;
}
.login-register-page .lr-right .eyeicon input:not(.lr-right input[type="checkbox"]) {
    padding-right: 50px;
}
.login-register-page .lr-right .eyeicon .password-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
}

.login-register-page select {
    background-image: url(/staging/arips/public/assets/images/arrow-down.webp);
    background-size: 14px;
    background-position: right 15px center;
    background-repeat: no-repeat;
    padding-right: 32px;
}

.login-register-page .form-group.number-otp {
    flex-direction: column;
}
.login-register-page .form-group.number-otp .input-group {
    flex-wrap: unset;
}
.left-full, .otp-box {
    width: 100%;
}
.number-otp label {
    margin: 0 0 10px 0;
}
.login-register-page .iti__selected-flag {
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}

.login-register-page .iti__country {
    font-size: 14px;
}
.number-otp .primary_btns {
    width: auto;
    font-size: 14px;
    padding: 10px;
    min-width: 105px;
}
body .lr-right .number-otp input.form-control {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.login-register-page .form-group.flex-check {
    flex-direction: row;
    justify-content: space-between;
}

.login-register-page .btn-link {
    color: #D9A01F;
    font-weight: 500;
    padding: 0;
}

.login-register-page .button-group {
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
}

.login-register-page .button-group .primary_btns {
    width: 100%;
    max-width: 100%;
}

.btm-link p {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
}

.btm-link p .nav-link {
    color: #D9A01F;
    font-weight: 500;
    text-decoration: underline;
}

.login-register-page input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: black !important;
    font-family: "Montserrat", sans-serif !important;
    transition: background-color 9999s ease-in-out 0s;
}

.register-form form {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2%;
    padding: 30px;
}
.login-register-page .form-group.half-block {
    width: 49%;
}

.lr-right select:focus {
    box-shadow: none;
    outline: 0;
    cursor: pointer;
}

.lr-right {
    padding: 40px 20px;
    max-width: 600px;
    margin: 0 auto;
}

.register-tabs {
    display: flex;
}
.register-tabs ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #D9A01F;
    border-radius: 4px;
    overflow: hidden;
    border-bottom: 0;
}
.register-form .card-body {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #dee2e6;
}
.login-form .card-body {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #dee2e6;
    padding: 20px;
}

.register-tabs ul li {
    width: 100%;
}
.register-tabs ul a {
    padding: 15px 8px;
    display: inline-flex;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    text-align: center;
    align-items: center;
    height: 100%;
    font-weight: 500;
	justify-content: center;
	width: 100%;
}
.register-tabs ul a.active {
    background: #8B0000;
    color: #fff;
}


/****/

span.separator {
    font-weight: 800;
}

.newsmain_realhome a {
    text-decoration: none;
    color: var(--bs-body-color);
}

.hotel_rooms {
    padding: 30px 0;
    border-bottom: 1px solid #0000001A;
	scroll-margin-top: 100px;
}

.hotel_room_card .badge {
    cursor: pointer;
    background: #D9A01F !important;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.hotel_rooms-outer {
    margin: 35px 0 0;
}

.hotel_room_card .col-lg-5 {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.Inquiry-form-inner .field-outer {
    display: flex;
    flex-direction: column;
}
.you_are_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.Inquiry-form-inner  .you_are_wrap input {
    height: 20px;
    padding: 0;
    width: 20px;
    appearance: auto;
}
.you_are_wrap .form-check {
    display: flex;
    align-items: center;
    gap: 5px;
}
.you_are_wrap .form-check .form-check-label {
    margin: 0;
    line-height: normal;
}

.Inquiry-form-inner .field-outer {
    margin-bottom: 14px;
}

.Inquiry-form-inner .field-outer label {
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.Inquiry-form-inner .field-outer input, .Inquiry-form-inner .field-outer textarea {
    background: #fff;
    border-radius: 24px;
    font-size: 14px;
    padding: 15px;
    height: 50px;
    outline: 0;
    box-shadow: none;
    border: 1px solid #dee2e6;
    accent-color: #8b0000;
}

.Inquiry-form-inner .field-outer textarea  {
	height: auto;
}

.submit-form-inqiry {
    display: flex;
    justify-content: center;
}

.image-badge {
    display: flex;
    align-items: self-start;
    flex-direction: column;
    gap: 15px;
    position: relative;
}
.image-badge .like-video {
    position: absolute;
    top: 10px;
    right: 10px;
}
.image-badge .badge {
    position: absolute;
    top: 15px;
    left: 15px;
}

a.toggle-text {
    color: #8b0000;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px; 
}
a.toggle-text:after {
    content: ">>";
    padding: 0 0 0 4px;
}
.room-text .full-text p:last-child {
    margin: 0;
}
.hotel_secondary_menus{
    position: sticky;
    top: 122px;
    z-index: 2;
    background: #fff;
}

.hotel_room_card .badge {
    cursor: pointer;
}
.hotel_room_card .room_price strong span {
    font-size: 16px;
}

.book_btn {
    display: flex;
    gap: 15px;
}
.book_btn a {
    text-decoration: none;
}
.book_btn a .primary_btns {
    min-width: 160px;
}
.book_btn input.hotel-input-qty {
    border-radius: 64px !important;
    height: 46px;
}

a.advanceFillterBtn svg {
    min-width: 18px;
}

.room-amenities {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    width: calc(50% - 10px);
}
.image-badge img {
    border-radius: 5px;
}

.gallery-modal-dialog {
    max-width: 600px;
}
.gallery-row img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 4px;
}

.gallery-row {
    row-gap: 24px;
}

.gallery-modal-dialog .btn-close {
    position: absolute;
    background: #fff;
    opacity: 1;
    top: -10px;
    color: #000;
    font-family: 'Montserrat';
    right: -8px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    z-index: 1;
}
.modal-dialog .btn-close {
    width: 25px;
    height: 25px;
    background-color: #000;
    border-radius: 100%;
    opacity: 1;
    color: #fff;
    background-image: none;
    position: absolute;
    right: 0;
    z-index: 9;
    top: 0;
    outline: 0;
    box-shadow: none;
    --bs-btn-close-filter: #000;
    padding: 5px;
}

.modal-dialog .btn-close:after { 
    content: "";
    height: 15px;
    width: 1px;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
.modal-dialog .btn-close:before {
    content: "";
    height: 15px;
    width: 1px;
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.modal-dialog .fa-xmark {
    display: none;
}
.modal-dialog  video{
    display: block;
}
.modal-dialog .modal-body {
    padding: 0;
}

#cancellation_26 .modal-body {
    padding: 20px;
}
.slide-counter, .lightbox-counter {
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 10px;
    min-width: 60px;
    display: inline-flex;
    justify-content: center;
    right: 0;
    width: auto;
}

.modal-dialog .carousel-control-prev {
    justify-content: flex-start;
	opacity: 1;
	
}
.modal-dialog  .carousel-control-next {
    justify-content: flex-end;
	opacity: 1;
}
.modal-dialog .carousel-control-prev span {
    background-color: #000;
    opacity: 1;
    filter: unset;
    background-size: 20px;
   
}
.modal-dialog  .carousel-control-next span {
    background-color: #000;
    opacity: 1;
    filter: unset;
    background-size: 20px;
   
}
.modal-dialog  .modal-header.border-0 {
    padding: 0;
}


/**USER DASHBOARD CSS**/

.header-footer-full header .container {
	max-width: 100%;
	padding: 0 40px !important;
}

.header-footer-full p {
    margin: 0;
}

.hotel-customer-main {
    background: #f2f2f2;
    padding: 40px;
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.account-welcome-box {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.hcflex {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    min-height: 80vh;
    height: 100%;
}

.account-tabs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #212529;
    min-width: 300px;
    min-height: 325px;
    position: sticky;
    top: 120px;
    height: calc(100vh - 150px);
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.hotel-customer-main .container-cstm {
    width: 100%;
}
.customer-sidebar-table {
    overflow: auto;
    border-radius: 20px;
}
.no-booking-found {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.account-tabs .tab-btn {
    width: 100%;
    display: inline-flex;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
	align-items: center;
    gap: 5px;
}
.account-tabs .tab-btn.active-link {
    background: #D9A01F;
}

.account-tabs .tab-btn:hover {
    background: #D9A01F;
    color: #fff;
}

.cs-body-parts h6 {
    margin: 0 0 20px 0;
}
.cs-body-parts .subheads {
    margin: 0 0 20px 0;
    font-weight: 600;
	font-size: 18px;
}
.customer-sidebar-content {
	width: calc(100% - 340px);
}

.cs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 25px 0;
}
.cs-header h2 {
    color: #fff;
    margin: 0;
    font-size: 25px;
}
.cs-header h5 {
    font-size: 25px;
}
.cs-body-parts {
    margin: 0 0 40px 0;
    border-bottom: 2px solid #ddd;
    padding: 0 0 40px  0;
}
.cs-body-parts:last-child {
    padding: 0;
    margin: 0;
    border: none;
}
/* ===== Chrome, Edge, Safari ===== */
.customer-sidebar-table::-webkit-scrollbar {
  width: 6px;              /* thin scrollbar */
}

.customer-sidebar-table::-webkit-scrollbar-track {
  background: #ffffff;    /* white background (niche wali bg) */
}

.customer-sidebar-table::-webkit-scrollbar-thumb {
  background-color: #999; /* tum yahan color change kar sakte ho */
  border-radius: 10px;
}

.customer-sidebar-table::-webkit-scrollbar-thumb:hover {
  background-color: #777;
}

/* ===== Firefox ===== */
.customer-sidebar-table {
  scrollbar-width: thin;                 /* thin */
  scrollbar-color: #999 #ffffff;         /* thumb color | track color */
}

.customer-sidebar-table table {
    margin: 0;
}

.customer-sidebar-table table th:not(.customer-sidebar-table table th:first-child):not(.customer-sidebar-table table th:last-child),
.customer-sidebar-table table td:not(.customer-sidebar-table table td:first-child):not(.customer-sidebar-table table td:last-child) {
    min-width: 135px;
}

.customer-sidebar-table table tr {
    border: none;
}
.customer-sidebar-table table tbody tr:nth-child(even) td {
    background: #fff;
}

.customer-sidebar-table table th, .customer-sidebar-table table td {
    font-size: 14px;
	border: none;
	background: transparent;
	padding: 15px 12px;
	vertical-align: middle;
}

.customer-sidebar-table table th {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background: #212529;
}
.customer-sidebar-table table th:first-child, .customer-sidebar-table table tbody tr td:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.customer-sidebar-table table th:last-child, .customer-sidebar-table table tbody tr td:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.customer-sidebar-table table tr:hover td {
    background: #fff;
}
.customer-sidebar-table .unlock_property_hire {
    display: flex;
    gap: 10px;
}
.customer-sidebar-table .unlock_property_hire .property_hire_person_link {
    background: transparent;
    padding: 0;
    text-align: center;
	transition-duration: .3s;
}

.customer-sidebar-table .unlock_property_hire .property_hire_person_link p {
    font-size: 10px;
    color: #fff;
    font-weight: 600;
}
.customer-sidebar-table .unlock_property_hire .property_hire_person_link img {
    max-width: 20px;
}


.property_hire_person {
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 5px;
    background: #D9A01F;
    color: #fff;
    min-width: 55px;
}

.customer-sidebar-table .unlock_property_hire .property_hire_person_link:hover .property_hire_person
{
	background: #8b0000;
}

.cs-body .card {
    border: none;
}
.cs-body .form-main .form-group label {
    font-weight: 600;
}
.cs-body  select {
    background-image: url(/staging/arips/public/assets/images/arrow-down.webp) !important;
    background-repeat: no-repeat;
    background-position: right 15px top 20px;
    background-size: 12px;
	padding-right: 25px;
	cursor: pointer;
}

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

.cs-body table .d-flex .cancel-btn {
    background: #8B0000;
}
.cs-body table .postheadbtns .fa {
    color: #fff;
}
.account-welcome-box .cs-body p a {
    text-decoration: none;
    color: #8B0000;
    font-weight: 500;
}

.bookingdetailbody {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.smalldetailbody iframe {
    height: 350px;
}
.detail-hotel .cs-header a.btn {
    color: #333;
    font-size: 14px;
}
.hotel-image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.smalldetailbody .bb-col.full {
    width: 100%;
}

.smalldetailbody p:last-child {
    margin: 0;
}

.smalldetailbody .bb-col p {
    margin: 0;
}

.smalldetailbody p:empty {
    display: none;
}

.cs-header .btn-secondary {
    background: transparent;
    border: none;
    font-size: 12px;
    padding: 0;
}

.rfflexgroup {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.rfflexgroup img {
    width: 125px;
    height: 90px;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
    padding: 5px;
}

.cs-body .form-main .form-group {
    gap: 5px;
    display: flex;
    flex-direction: column;
    margin: 0 0 15px 0;
    width: calc(50% - 10px);
}
.cs-body.shadow-bg {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    min-height: 150px;
}
.account-details .cs-body {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}
.form-card {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}
.form-card  .tfield {
    width: calc(50% - 10px);
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.smalldetailbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}
.smalldetailbody .bb-col {
    width: calc(50% - 10px);
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cs-body .form-main .form-group.full {
    width: 100%;
}

.cs-body .form-main .form-group.button-flex {
    justify-content: center;
    align-items: center;
}

.cs-body .form-main small.text-muted {
    font-weight: 500;
    color: #8B0000 !important;
}

.cs-body .form-control {
    outline: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 20px;
	padding: 10px 20px;
}

.cs-body .form-main form .bb-row {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
}

.inputs-min-max input {
    max-width: 100px;
    border: 1px solid #0000001A;
    border-radius: 10px;
    padding: 5px 10px;
    height: 38px;
    outline: none;
}
.nav-header .AccountTab_buttons {
    flex-direction: row;
    flex-wrap: unset;
    gap: 20px;
    margin: 0 0 40px 0;
}
.nav-header .AccountTab_buttons button {
    background: #fff;
    width: 100%;
    border-radius: 64px;
    padding: 12px;
    font-weight: 600;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	color: #212529;
}
.inputs-min-max {
    display: flex;
    align-items: center;
    gap: 7px;
}
.nav-header .AccountTab_buttons button.active {
    background: #212529;
    color: #FFF;
}

.budget-outer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 23px;
}

.submit-arrow {
    background: #D9A01F;
    padding: 7px 12px;
}
.login-register-page.superadmin {
    height: 100vh;
    display: flex;
    align-items: center;
}
   
.margin-op{
    margin: 20px auto;
}
.right-side{
    padding: 10px;
}
.rating-div{
gap: 20px;
}
.star-room-img{
    width: 100%;
    display: block;
}
.btn-rating{
    background: #8B0000;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 65px;
    position: relative;
    transition: all 0.5s ease;
} 
.info-msg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    font-size: 15px;
}

.common_select_filter{
    border-radius: 0px !important;
    font-size: 16px;
    padding: 10px 0;
    height: 40px;
    outline: 0;
    border-bottom: none !important;
    width: 100%;
    border: none;
}

.common_select_filter option{
    font-size: 16px;
}

.t-check-in .t-date-info-title, .t-check-out .t-date-info-title{
    margin-top: -2px;
}

.t-datepicker{
    font-size: 16px;
}

.t-check-in .t-date-info-title, .t-check-out .t-date-info-title{
    opacity: 1;
    font-size: 16px;
    left: 22px;
}

.t-dates{
    padding: 10px 0;
}


button.enq_button {
    background-color: #8b0000;
    color: #fff;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
}

button.enq_button:hover {
    background-color: #D9A01F;
    color: #fff;
}

.name_f_l {
    max-width: 65px;
	min-width: 65px;
    height: 65px;
    display: inline-flex;
    background-color: #d9a01f;
    width: 100%;
    border-radius: 10px;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 600;
}

.au_name.au_details {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
}

.au_email.au_details {
    margin: 0;
    line-height: 1;
}
.au_dv {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.au_email.au_details a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.au_phone.au_details {
    margin: 0;
    line-height: 1;
}
.au_phone.au_details a, .au_email.au_details a  {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.blur_section {
    position: relative;
}

.author_section {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 12px;
}

.blur_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 12px;
	filter: blur(4px);
}

.booking-slot-inner h5.mainh5Title .text-uppercase {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.Eheader_section {
    text-align: center;
    background: #fff;
    padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.EheaderLogo {
    width: 120px;
    height: 120px;
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 20px;
    margin: 0 0 -55px 0;
    border-radius: 100%;
    border: 1px solid rgba(0,0,0,0.05ss);
}
.EheaderLogo img {
    width: 100%;
}

.Esite_header_logo {
    display: flex;
    justify-content: center;
    margin: 0 0 0 0;
}

.Erro-page.content {
    min-height: calc(100vh - 86px);
    display: flex;
    align-items: center;
}

.Error-content h1 {
    font-size: 150px;
    font-weight: 800;
}

.Error-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Error-content .primary_btns {
    flex-direction: row;
}

.btn_cstm_new {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 1;
}
.btn_cstm_new .primary_btns {
    min-height: 42px;
    width: 160px;
    opacity: 0;
    
}
.newsmain_realhome:hover .btn_cstm_new .primary_btns {
    opacity: 1;
}

.newsmain_realhome:hover .real_featured_img::after {
    background: #00000045;
}
.real_featured_img::after {
    content: '';
    position: absolute;
    transition: 0.4s;
    height: 100%;
    width: 100%;
    z-index:0;
    background: #00000000;
}
.btn_cstm_mob {
    display: none;
}
.custmor-dashboard-cstm  a.headerLogo_absulte {
    position: static;
    height: auto !important;
} 

.custmor-dashboard-cstm a.headerLogo_absulte .main_logos {
    height: 70px;
}
.customer-sidebar-table a {
    text-decoration: none;
    background: #8b0000;
    color: #fff;
    padding: 8px;
    border-radius: 100%;
}

.package-details {
    display: flex;
    gap: 15px;
    margin: 0 0 20px 0;
}
.package-details .pd {
    padding: 8px 12px;
    border-radius: 64px;
    font-weight: 600;
    background: #fff;
    color: #333;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	text-align: center;
	
}

.edit-profile .form-main {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.edit-profile .form-main .tab-content {
    width: 100%;
}
/* Faq Page Css  */

section.bsb-faq-3 {
    background: url(/staging/arips/public/assets/images/banners-image.webp) no-repeat center;
    position: relative;
    overflow: hidden;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 120px 0;
    background-size: cover;
}
section.bsb-faq-3::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}
.inner-content-faq {
    position: relative;
}
section.faq-bars {
    padding: 80px 0;
    background: #f2f2f2;
}

.accordinr-main  .accordion-item {
    margin-top: 10px;
    border: 0;
    border-radius: 10px !important;
    overflow: hidden;
}
.accordinr-main .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
}
.accordinr-main .accordion-button:focus{
    box-shadow: none ;
}
.accordion-body p {
    margin: 0;
    font-size: 14px;
}

.sort-container.cstm-filter {
    display: flex;
    justify-content: end;
    gap: 10px;
    align-items: center;
}

.sort-container.cstm-filter label.sort-label {
    font-size: 16px;
    display: block;
}

.sort-container.cstm-filter select#sortBy {
    height: 40px;
    font-size: 16px;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 0 10px;
    outline: none;
    cursor: pointer;
    border-radius: 64px;
    background-image: url(/staging/arips/public/assets/images/arrow-down.webp);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: right 10px top 15px;
    padding-right: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;       
}
/* Pagination Css  */

.pagination-wrapper {
    padding: 30px 0 0 0;
    margin: 40px 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
.pagination-wrapper  .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.pagination-wrapper .page-item .page-link {
    color: #fff;
    background: #D9A01F;
    border: none;
    height: 36px;
    line-height: 1;
    display: flex;
    box-shadow: none;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.pagination-wrapper .page-item.disabled .page-link {
    opacity: 0.4;
}

.pagination-wrapper .page-item.active .page-link, .pagination-wrapper .page-item  .page-link:hover {
    background: #8B0000;
}




/* contact us Page Css  */

.contact-form {
    background: #f2f2f2;
    padding: 80px 0px;
}
.icon-side {
    height: 50px;
    width: 50px;
    background: #d9a01f;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/**ARTISAN DETAIL PAGE**/


.calendar_section .calender-side, .calendar_section .wrapper_calendar {
    width: 100%;
}
.calendar_section .wrapper_calendar .ui-datepicker {
    width: 100%;
    border-radius: 8px;
    font-family: "Montserrat", sans-serif;
	padding: 5px;
}
.calendar_section .wrapper_calendar .ui-datepicker td span, .calendar_section .wrapper_calendar .ui-datepicker td a {
    text-align: center;
    padding: 20px 10px;
    border-radius: 4px;
}
.calendar_section .wrapper_calendar .ui-datepicker td a.ui-state-active {
    background: #D9A01F;
    border-color: #D9A01F;
    color: #fff;
}
.calendar_section .ui-datepicker .ui-datepicker-header a {
    border: 1px solid transparent;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
}

.calendar_section .ui-datepicker .ui-datepicker-header {
    background: #000;
}

.calendar_section .ui-datepicker-title {
    color: #fff;
}


.calendar_section {
    position: sticky;
    top: 100px;
	padding-right: 40px;
}
.calendar_section .ui-datepicker table {
    margin: 0;
}

.Artisian_Detail_Page  h4 {
    font-weight: 600;
    margin: 10px 0;
    display: inline-block;
}
.type_location {
    display: flex;
    gap: 10px;
	margin: 0 0 20px 0;
}

.type_location p {
    margin: 0;
    background: #fff;
    padding: 3px 10px;
    font-size: 14px;
    border-radius: 64px;
    border: 1px solid rgba(0,0,0,0.2);
    font-weight: 500;
}
.type_location p .fa {
    color: #D9A01F;
}
.cost_duration {
    display: flex;
    gap: 10px;
    margin: 0 0 20px 0;
	align-items: center
}
.cost_duration .service_cost {
    font-size: 20px;
    font-weight: 600;
}

.service_duration .fa-regular {
    color: #D9A01F;
}
.service_duration {
    padding-left: 10px;
    border-left: 2px solid;
}
.service_provided_by {
    font-size: 14px;
    margin: 0 0 20px 0;
}
.service_provided_by .provided-by {
    font-weight: 600;
}

.calendar_section .time-slot-outer {
    margin: 30px 0 0;
    padding: 30px 0 0 0;
    border-top: 1px solid rgba(0,0,0,0.2);
}
.calendar_section .time-slots label {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 4px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid transparent;
}

.calendar_section .time-slots input[type="radio"]:checked + label {
    border-color: #d9a01f;
}
.features-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 20px 0;
}
.features-block .box ul {
    padding-left: 20px;
}
.features-block .box ul li, .features-block .box ol li {
    list-style: disc;
}
.Artisian_Dtop-section .img_single img{
    border-radius: 5px;
}


