@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

html,
body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Cabin, sans-serif;

}

.warehouse-description p {
    font-size: 20px !important;
    color: var(--color-gray-500) !important;
}

:root {
    /* fonts */
    --font-cabin: Cabin;

    /* font sizes */
    --font-size-base: 16px;
    --font-size-5xl: 24px;
    --font-size-lgi: 19px;
    --font-size-lg: 18px;
    --font-size-sm: 14px;
    --font-size-xl: 20px;
    --font-size-xs-8: 11.8px;
    --font-size-base-7: 15.7px;
    --font-size-mid: 17px;
    --font-size-11xl: 30px;
    --font-size-9xl: 28px;
    --font-size-3xl: 22px;
    --font-size-15xl: 34px;
    --font-size-19xl: 38px;
    --font-size-8xl: 27px;
    --font-size-mini: 15px;
    --font-size-xl-1: 20.1px;

    /* Colors */
    --color-white: #fff;
    --color-bg-theme:#12373F;
    --color-darkgrey: #9A9386;
    --color-orange: #EE5A14;
    --color-primary:#12373F;
    --color-gray-100: #191e3b;
    --color-gray-200: rgba(25, 30, 59, 0.3);
    --color-gray-300: rgba(25, 30, 59, 0.4);
    --color-gray-400: rgba(25, 30, 59, 0.9);
    --color-gray-500: rgba(25, 30, 59, 0.8);
    --color-gray-600: rgba(255, 255, 255, 0.4);
    --color-gray-700: rgba(255, 255, 255, 0.5);
    --color-gray-800: rgba(25, 30, 59, 0.5);
    --color-whitesmoke: rgba(248, 246, 247, 0.9);
    --color-darkslategray: #232f3e;
    --color-whitesmoke: #eee;
    --color-gold: #f2cc00;
    /* for authentications */
    --primary-text-color: #0A1C35;
    --primary-bg-color: #12373F;
    --primary-btn-bg-color: #0D1733;
    --primary-border-color: #0C1D46;
    --secondary-text-color: #222222;
    --bg-custom: #F2F6FF;
    --border-color: #D9E5FF;
    --dark-footer-color: #071027;

    /* Gaps */
    --gap-xl: 20px;
    --gap-11xl: 30px;
    --gap-13xl: 32px;
    --gap-16xl: 35px;
    --gap-base: 16px;
    --gap-9xs-7: 3.7px;
    --gap-10xs-7: 2.7px;
    --gap-7xs-1: 5.1px;
    --gap-xs: 12px;
    --gap-sm: 14px;
    --gap-21xl: 40px;
    --gap-3xl: 22px;
    --gap-12xs: 1px;
    --gap-5xl: 24px;
    --gap-20xl: 39px;
    --gap-lgi: 19px;
    --gap-6xl: 25px;
    --gap-53xl: 72px;
    --gap-lg: 18px;
    --gap-17xl: 36px;
    --gap-6xs: 7px;
    --gap-11xs: 2px;
    --gap-9xl: 28px;
    --gap-5xs: 8px;
    --gap-3xs: 10px;
    --gap-29xl: 48px;
    --gap-2xl: 21px;

    /* Paddings */
    --padding-54xl: 73px;
    --padding-127xl: 146px;
    --padding-2xs: 11px;
    --padding-4xl: 23px;
    --padding-base: 16px;
    --padding-xl: 20px;
    --padding-12xs: 1px;
    --padding-mini: 15px;
    --padding-sm: 14px;
    --padding-198xl: 217px;
    --padding-5xs-1: 7.1px;
    --padding-xs: 12px;
    --padding-6xs-9: 6.9px;
    --padding-11xs-2: 1.2px;
    --padding-6xs: 7px;
    --padding-3xl: 22px;
    --padding-5xs: 8px;
    --padding-lgi: 19px;
    --padding-9xl: 28px;
    --padding-9xs-3: 3.3px;
    --padding-10xl: 29px;
    --padding-10xs-3: 2.3px;
    --padding-11xl: 30px;
    --padding-4xs: 9px;
    --padding-10xs: 3px;
    --padding-3xs: 10px;
    --padding-8xs: 5px;
    --padding-smi: 13px;
    --padding-9xs: 4px;
    --padding-11xs: 2px;
    --padding-2xs-1: 10.1px;

    /* Border radiuses */
    --br-mini: 15px;
    --br-3xs: 10px;
    --br-2xs-3: 10.3px;
    --br-sm-1: 13.1px;
    --br-smi: 13px;
    --br-58xl-9: 77.9px;
    --br-12xs-3: 0.3px;
    --br-4xs-7: 8.7px;
    --br-12xs-8: 0.8px;
}

.text-primary {
    color: #191e3b !important;
}

.primary-text{
    color:var(--color-primary);
}
.text-orange{
    color:var(--color-orange);
}
.bg-theme{
    background-color: var(--color-bg-theme);
}
.text-secondary{
    color: var(--color-darkgrey);
}

.btn-theme {
    background-color: #EE5A14;
    border-radius: 10px;
    transition: background 0.2s;
    color: white;
    border: 0px;
}

.btn-back {
    color: rgba(25, 30, 59, .90);
    text-decoration: none;
}

.btn-back:hover {
    color: rgba(25, 30, 59, .90);
    text-decoration: none;
}

.shadow-right {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}

.h-100vh {
    height: 100vh;
}

.px-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.py-46 {
    padding-top: 46px;
    padding-bottom: 46px;
}

.sign-up-btn {
    color: #005AAD;
    position: absolute;
    bottom: 46px;
    right: 56px;
    text-decoration: underline;
}

.pt-40 {
    padding-top: 40px;
}

.pt-100 {
    padding-top: 100px;
}

.btn-theme:hover {
    color: #fff;
    background-color: #EE5A14;
    opacity: 0.8;
}

.no-icon:after {
    content: none
}

.text-theme {
    color: var(--color-gray-100) !important;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

a {
    text-decoration: none;
}

.fs-7 {
    font-size: 0.9rem !important;
}

.fs-8 {
    font-size: 0.8rem !important;
}

.fs-9 {
    font-size: 0.7rem !important;
}
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-20{
    font-size: 20px;
}
.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

span.language-icon img {
    width: 18px;
    display: block;
}

/* Header css start */

.header-section {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background-color: var(--color-white);
}

/* Header css end */

/* warehouse steps to book and list start */
.steps-book-list-wrapper{
    margin-top: 100px;
}
.step {
    display: flex;
    margin: 15px 0;
    align-items: center;
}
.step-number {
    font-weight: bold;
    color: #002244;
    font-size: 50px;
    display: inline-block;
    line-height: 120%;
}
.step-detail{
    padding-left: 25px;
    line-height: 120%;
    font-size: 24px;
    /* font-weight: 700; */
}
.get-started-btn {
    background-color: #041D37;
    color: white;
    border: none;
    font-size: 24px;
    padding: 13px 54px;
    cursor: pointer;
    border-radius: 4px;
}

.get-started-btn:hover {
    background-color: var(--color-orange);
}
/* warehouse steps to book and list start */

/* Warehouse solution selection start*/
.warehouse-solution-section{
    margin-bottom: 70px;
}
.warehouse-orange-title{
    color:var(--color-orange);
    font-size: 1.5rem;
    font-weight: 700;
    font-style: italic;
}
/* Warehouse solution selection end*/

/* Warehouse cards css start */

.models-card {
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: var(--font-size-base);
    color: var(--color-gray-500);
    border: none;
    text-decoration: none;
    overflow: hidden;
}

.card-img {
    position: relative;
    height: 240px;
    width: 100%;
    display: block;
    object-fit: fill;
    border-radius: 0px;
}

.warehouse-card-body {
    border-radius: 0 0 var(--br-mini) var(--br-mini);
    box-shadow: 0 0 15px rgb(190, 188, 188);
    background-color: var(--color-white);
    padding: var(--padding-2xs) var(--padding-xl) var(--padding-2xs) var(--padding-4xl);
    font-size: var(--font-size-base);
    color: var(--color-gray-500);
}

.warehouse-in-sharjah {
    position: relative;
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--color-gray-100);
    letter-spacing: 0.03em;
    margin: 0;
}

.km-away {
    margin: 0;
}

.secure-spacious {
    color: rgba(25, 30, 59, 0.8);
}

.for-you {
    color: var(--color-gray-500);
    font-size: var(--font-size-19xl);
}

.frame-section2 {
    align-self: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    font-size: var(--font-size-mid);
    /* display: flex; */
    align-items: flex-start;
    max-width: 100%;
}

.line-div {
    height: 43px;
    box-sizing: border-box;
}

.search {
    position: relative;
    font-size: 22px;
    line-height: 30px;
    font-family: var(--font-cabin);
    color: var(--color-white);
    text-align: left;
    display: inline-block;
    min-width: 30px;
}

.more-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    border-radius: 10.29px;
    border: 1px solid var(--color-gray-400);
    justify-content: flex-start;
    background-color: var(--color-white);
    padding: var(--padding-base) var(--padding-base) var(--padding-sm) var(--padding-3xl);
    gap: 13px;
    text-align: center;
}

.vector-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-6xs) 0 0;
}


.image-container {
    box-shadow: 0 0 15px rgb(161, 156, 156);
    border-radius: var(--br-mini) var(--br-mini) 0 0;
    position: relative;
    width: 100%;
}

.card-img-top {
    position: relative;
    height: 100px;
    width: 100%;
    display: block;
    padding: 20px 20px 0px 20px;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none !important;
    border-color: #5106af;
}

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

.form-check-input:checked {
    background-color: #5106af;
    border-color: #5106af;
}

.rating-overlay {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 80.18px;
    border-radius: var(--br-3xs);
    background-color: var(--color-darkslategray);
    color: #fff;
    justify-content: flex-start;
    padding: var(--padding-5xs-1) var(--padding-xs) var(--padding-6xs-9) var(--padding-smi);
    gap: var(--gap-10xs-7);
    z-index: 1;
}

.rating-overlay span,
.rating-overlay img {
    margin-right: 5px;
}

.div2 {
    display: inline-block;
    min-width: 13px;
}

.rating-img {
    margin-left: -5px;
}

.rectangle-section {
    align-self: stretch;
    border-radius: 0 0 var(--br-mini) var(--br-mini);
    box-shadow: 0 0 15px rgb(190, 188, 188);
    background-color: var(--color-whitesmoke);
    padding: var(--padding-2xs) var(--padding-xl) var(--padding-2xs) var(--padding-4xl);
    gap: var(--gap-9xs-7);
    font-size: var(--font-size-base);
    color: var(--color-gray-500);
}

.lorem-ipsum-dolor {
    position: relative;
    display: inline-block;
    min-width: 127px;
    z-index: 1;
}

.span {
    font-size: var(--font-size-xl);
}

.night1 {
    font-size: var(--font-size-sm);
    color: var(--color-gray-500);
}

.home {
    white-space: pre-wrap;
}

.warehouse-details1 {
    color: var(--color-gray-100);
}

.home-warehouse-container {
    position: relative;
    line-height: 26px;
    font-size: 18px;
}

.breadcrumb-icon-child,
.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 654px;
    height: 654px;
    object-fit: cover;
}

.breadcrumb-icon-child {
    top: 686px;
    border-radius: var(--br-3xs);
    width: 84px;
    height: 84px;
}

.breadcrumb-icon-child1,
.breadcrumb-icon-child2,
.breadcrumb-icon-inner,
.breadcrumb-icon-item,
.rectangle-icon {
    position: absolute;
    top: 686px;
    left: 114px;
    border-radius: var(--br-3xs);
    width: 84px;
    height: 84px;
    object-fit: cover;
}

.breadcrumb-icon-child1,
.breadcrumb-icon-child2,
.breadcrumb-icon-inner,
.rectangle-icon {
    left: 228px;
}

.breadcrumb-icon-child1,
.breadcrumb-icon-child2,
.rectangle-icon {
    left: 342px;
}

.breadcrumb-icon-child1,
.breadcrumb-icon-child2 {
    left: 456px;
}

.breadcrumb-icon-child2 {
    left: 570px;
}

.breadcrumb-icon {
    height: 770px;
    width: 654px;
    position: relative;
    min-width: 654px;
    max-width: 100%;
}

.lorem-ipsum,
.warehouse-in-sharjah {
    position: relative;
    letter-spacing: 0.03em;
}

.warehouse-in-sharjah {
    font-size: 18px;
    font-weight: 600;
}

.location-icon {
    background: var(--color-orange);;
    padding: 6px 10px;
    border-radius: 12px;
}

.lorem-ipsum {
    flex: 1;
    display: inline-block;
    min-width: 74px;
}

.warehouse-amenities-icons {
    width: 4.2px;
    height: 4.2px;
    position: relative;
    border-radius: 50%;
    background-color: var(--color-gray-500);
}

.warehouse-amenities-icons-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-2xs-1) 0 0;
}

.lorem-ipsum1 {
    flex: 1;
    position: relative;
    letter-spacing: 0.03em;
    display: inline-block;
    min-width: 74px;
}

.frame-inner {
    width: 4.2px;
    height: 4.2px;
    position: relative;
    border-radius: 50%;
    background-color: var(--color-gray-500);
}

.warehouse-amenities-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-2xs-1) 0 0;
}

.lorem-ipsum2 {
    flex: 1;
    position: relative;
    letter-spacing: 0.03em;
    display: inline-block;
    min-width: 74px;
}

.warehouse-amenities,
.warehouse-description {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.warehouse-amenities {
    width: 398.4px;
    flex-direction: row;
    gap: 12px;
    font-size: var(--font-size-xl-1);
    color: var(--color-gray-500);
}

.warehouse-description {
    flex-direction: column;
    gap: var(--gap-base);
    font-size: var(--font-size-19xl);
}

.stars-icon {
    height: 34px;
    width: 193px;
    position: relative;
    border-radius: 0.78px;
    min-height: 35px;

}

.filled-star-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0.78px;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.subtract-icon {
    position: absolute;
    top: 1.3px;
    left: 2px;
    width: 15.6px;
    height: 29.4px;
    z-index: 1;
}

.empty-star {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.star-placeholder,
.stars-parent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.star-placeholder {
    height: 35px;
    width: 35px;
    position: relative;
}

.stars-parent {
    gap: 4.6px;
}

.reviews {
    position: relative;
    text-decoration: underline;
    letter-spacing: 0.03em;
    display: inline-block;
    min-width: 104px;
    color: var(--color-gray-100);
}

.rating-count {
    flex-direction: column;
    padding: 7.9px 0 0;
}

.rating-count,
.warehouse-description-parent,
.warehouse-rating {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.warehouse-rating {
    flex-direction: row;
    gap: 15px;
    font-size: 18.7px;
}

.warehouse-description-parent {
    flex-direction: column;
    gap: var(--gap-13xl);
    max-width: 100%;
}

.warehouse-title-child {
    align-self: stretch;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.warehouse-title {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-21xl);
    max-width: 100%;
    font-size: 40px;
}

.address-placeholder {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 21px 0 var(--padding-xl);
}

.location-accessibility {
    position: relative;
    letter-spacing: 0.03em;
    font-weight: 500;
}

.location-accessibility,
.size-layout,
.storage-capacity {
    font-size: var(--font-size-xl);
}

.exact-address {
    position: relative;
    letter-spacing: 0.03em;
    display: inline-block;
    min-width: 93px;
}

.address,
.address-details {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.address-details {
    flex-direction: row;
    padding: 0 59px;
    font-size: var(--font-size-mini);
    color: var(--color-gray-300);
}

.address {
    width: 211px;
    flex-direction: column;
    gap: 6.5px;
}

.size-icon-image {
    height: 56px;
    width: 56px;
    position: relative;
}

.size-icon {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 41px 0 40px;
}

.size-layout {
    position: relative;
    letter-spacing: 0.03em;
    font-weight: 500;
    display: inline-block;
    min-width: 118px;
}

.size-title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-3xs) 0 var(--padding-4xs);
}

.total-square-footage {
    position: relative;
    font-size: var(--font-size-mini);
    letter-spacing: 0.03em;
    color: var(--color-gray-300);
}

.size,
.size-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.size-details {
    justify-content: flex-start;
    gap: var(--gap-5xs);
}

.size {
    justify-content: flex-end;
    padding: 0 var(--padding-base) var(--padding-12xs) 0;
}

.capacity-icon-child {
    height: 54.2px;
    width: 50.7px;
    position: relative;
}

.capacity-icon {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 63px 0 64px;
}

.storage-capacity {
    position: relative;
    letter-spacing: 0.03em;
    font-weight: 500;
}

.storage {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-smi) 0 14px;
}

.shelving-rack {
    position: relative;
    font-size: var(--font-size-mini);
    letter-spacing: 0.03em;
    color: var(--color-gray-300);
}

.capacity-title {
    align-items: flex-end;
    justify-content: flex-start;
    gap: 6px;
}

.capacity,
.capacity-details,
.capacity-title {
    display: flex;
    flex-direction: column;
}

.capacity-details {
    align-items: flex-end;
    justify-content: flex-start;
    gap: 10.8px;
}

.capacity {
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 var(--padding-12xs);
}

.location,
.location-details {
    display: flex;
    flex-direction: row;
    max-width: 100%;
}

.location-details {
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.location {
    width: 704px;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-8xs) var(--padding-6xs);
    box-sizing: border-box;
    text-align: center;
}

.line-icon {
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.warehouse-info-inner {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-6xs);
    box-sizing: border-box;
    max-width: 100%;
}

.rectangle-div {
    height: 70px;
    width: 720px;
    position: relative;
    border-radius: var(--br-3xs);
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-800);
    box-sizing: border-box;
    display: none;
    max-width: 100%;
}

.booking,
.rectangle-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.booking,
.rectangle-container {
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}

.rectangle-container {
    flex: 1;
    border-radius: var(--br-3xs);
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-800);
    padding: var(--padding-3xs) 26px;
    gap: 165px;
}

.booking {
    align-self: stretch;
    padding: 0 0 15px;
    font-size: var(--font-size-mid);
}

.add-to-wishlist {
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.03em;
    line-height: 140%;
    font-weight: 500;
    font-family: var(--font-cabin);
    color: var(--color-gray-100);
    text-align: left;
}



.book-now,
.span {
    font-weight: 500;
}

.book-now-120-container {
    white-space: nowrap;
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.03em;
    line-height: 140%;
    font-weight: 500;
    font-family: var(--font-cabin);
    color: var(--color-white);
    text-align: left;
}

.booking-action-buttons1,
.booking-actions {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.booking-action-buttons1 {
    flex: 0.6579;
    border-radius: 8.72px;
    background-color: var(--color-gray-100);
    padding: 18px var(--padding-54xl);
    box-sizing: border-box;
    min-width: 225px;
    white-space: nowrap;
    border: none;
}

.booking-actions {
    align-self: stretch;
    gap: 29px;
    color: var(--color-white);
}

.warehouse-info {
    align-self: stretch;
    flex-direction: column;
    /* gap: var(--gap-21xl); */
}

.breadcrumb,
.breadcrumb-icons,
.details,
.warehouse-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.details {
    flex: 1;
    flex-direction: column;
    padding: var(--padding-base) 0 0;
    box-sizing: border-box;
    min-width: 468px;
}

.breadcrumb,
.breadcrumb-icons {
    align-self: stretch;
}

.breadcrumb-icons {
    flex-direction: row;
    gap: 96px;
    font-size: var(--font-size-xl);
    color: var(--color-gray-100);
}

.lorem-ipsum-dolor,
.warehouse-description1 {
    margin: 0;
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    max-width: 100%;
}

.warehouse-description1 {
    font-size: inherit;
    line-height: 48px;
    font-weight: 500;
    font-family: inherit;
}

.lorem-ipsum-dolor {
    flex: 1;
    line-height: 37px;
}

.description,
.warehouse-description-group {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}

.description {
    flex-direction: row;
    padding: 0 0 0 var(--padding-10xs);
    font-size: var(--font-size-xl);
    color: rgba(25, 30, 59, 0.75);
}

.warehouse-description-group {
    flex-direction: column;
    padding: 0 0 var(--padding-xl);
    gap: var(--gap-13xl);
}

.what-it-offers {
    margin: 0;
    position: relative;
    font-size: inherit;
    letter-spacing: 0.02em;
    line-height: 48px;
    font-weight: 500;
    font-family: inherit;
}

.group-icon1 {
    width: 37px;
    height: 31px;
    position: relative;
}

.truck-icon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-10xs) 0 0;
}

.accessibility-for-large {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 37px;
}

.truck-accessibility {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-2xl);
}

.feature-image-icon {
    width: 36px;
    height: 30.8px;
    position: relative;
}

.feature-icon-child,
.group-icon2 {
    width: 36px;
    height: 36px;
    position: relative;
}

.group-icon2 {
    height: 33.1px;
    width: 32px;
}

.group-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-11xs);
}

.feature-icon,
.features-icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.feature-icon {
    justify-content: flex-start;
    gap: 35.1px;
}

.features-icons {
    justify-content: flex-end;
    padding: 0 0 1.9px;
}

.on-site-parking,
.surveillance-cameras,
.temperature-control-features {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 37px;
}

.on-site-parking {
    display: inline-block;
    min-width: 127px;
}

.features-details,
.surveillance-cameras-parent {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
}

.features-details {
    flex-direction: row;
    align-items: flex-end;
    gap: var(--gap-2xl);
}

.features,
.offer-details {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.features {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 0 var(--padding-12xs);
}

.offer-details {
    width: 288px;
    flex-direction: column;
    gap: var(--gap-13xl);
    min-width: 288px;
}

.group-icon3,
.internet-features-icons-child {
    width: 36px;
    height: 29.3px;
    position: relative;
}

.group-icon3 {
    height: 26.3px;
}

.internet-feature-icon-backgrou-child {
    height: 30px;
    width: 30px;
    position: relative;
}

.internet-feature-icon-backgrou {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-9xs) 0 var(--padding-11xs);
}

.internet-features,
.internet-features-icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.internet-features-icons {
    gap: 40.7px;
}

.internet-features {
    padding: var(--padding-9xs) 0 0;
}

.backup-generators-included,
.high-speed-internet,
.office-areas {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 37px;
}

.office-areas {
    display: inline-block;
    min-width: 106px;
}

.additional-features1,
.internet-features-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
}

.internet-features-container {
    flex-direction: row;
    gap: var(--gap-3xl);
}

.fire-alarm-icon-child {
    width: 32px;
    height: 29.8px;
    position: relative;
}

.fire-alarm-icon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-9xs) 0 0;
}

.fire-alarms-and {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 37px;
}

.additional-features,
.fire-alarm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.fire-alarm {
    align-self: stretch;
    flex-direction: row;
    gap: 26px;
}

.additional-features {
    width: 287px;
    flex-direction: column;
    gap: var(--gap-13xl);
    min-width: 288px;
}

.offer-item,
.offer-list,
.offers {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}

.offer-item {
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.offer-list,
.offers {
    justify-content: flex-start;
    box-sizing: border-box;
}

.offer-list {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 0 var(--padding-10xs);
    font-size: var(--font-size-lg);
}

.offers {
    width: 757px;
    flex-direction: column;
    padding: 0 0 var(--padding-xl);
    gap: var(--gap-29xl);
}

.reviews-272 {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 48px;
    font-weight: 500;
}

.reviewer-avatars-icon {
    height: 83px;
    width: 83px;
    position: relative;
    border-radius: 50%;
    object-fit: cover;
}

.nicolas-r {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 89px;
}

.reviewer-locations-container-child {
    align-self: stretch;
    height: 24.9px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.nicolas-r-parent,
.reviewer-locations-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.reviewer-locations-container {
    flex: 1;
    flex-direction: column;
    padding: var(--padding-12xs) 0 0;
}

.nicolas-r-parent {
    align-self: stretch;
    flex-direction: row;
    gap: var(--gap-9xl);
}

.dubai {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 47px;
}

.timestamp-icon {
    width: 2px;
    height: 2px;
    position: relative;
    border-radius: 50%;
    background-color: var(--color-gray-100);
}

.review-timestamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
}

.weeks-ago {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 22.4px;
    display: inline-block;
    min-width: 93px;
}

.reviewer-location-and-time {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 9.5px;
    font-size: var(--font-size-lg);
    color: var(--color-gray-300);
}

.reviewer-names {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-5xs);
}

.reviewer-info,
.reviewer-names,
.reviewer-names-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.reviewer-names-container {
    flex: 1;
    flex-direction: column;
    padding: var(--padding-smi) 0 0;
    box-sizing: border-box;
    min-width: 165px;
}

.reviewer-info {
    width: 367.5px;
    flex-direction: row;
    gap: var(--gap-11xl);
    max-width: 100%;
}

.lorem-ipsum-dolor1 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    line-height: 33px;
    color: var(--color-gray-400);
}

.reviewer-info-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-lg);
    max-width: 100%;
}

.ellipse-icon {
    height: 83px;
    width: 83px;
    position: relative;
    border-radius: 50%;
    object-fit: cover;
}

.germany,
.nancy-d {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 84px;
}

.germany {
    min-width: 73px;
}

.reviewer-location-icon {
    width: 2px;
    height: 2px;
    position: relative;
    border-radius: 50%;
    background-color: var(--color-gray-100);
}

.reviewer-location-icon-backgro {
    flex-direction: column;
    padding: var(--padding-3xs) 0 0;
}

.germany-parent,
.nancy-d-parent,
.reviewer-location-icon-backgro {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.germany-parent {
    flex-direction: row;
    gap: var(--gap-3xs);
    font-size: var(--font-size-lg);
    color: var(--color-gray-300);
}

.nancy-d-parent {
    flex-direction: column;
    gap: var(--gap-6xs);
}


.frame-wrapper1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 22px;
}

.weeks-ago1 {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 96px;
}

.frame-container,
.frame-weeks {
    display: flex;
    justify-content: flex-start;
}

.frame-weeks {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 9.1px;
    font-size: var(--font-size-lg);
    color: var(--color-gray-300);
}

.frame-container {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--gap-3xs);
}

.ellipse-parent {
    width: 367.5px;
    flex-direction: row;
    gap: var(--gap-11xl);
    max-width: 100%;
}

.lorem-ipsum-dolor2 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    line-height: 33px;
    color: var(--color-gray-400);
}

.shen-z {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 68px;
}


.frame-wrapper3,
.shen-z-parent {
    display: flex;
    align-items: flex-start;
}

.frame-wrapper3 {
    width: 137.5px;
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--padding-12xs) 0 0;
    box-sizing: border-box;
}

.shen-z-parent {
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.south-korea {
    flex: 1;
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 97px;
}

.ellipse-div {
    width: 2px;
    height: 2px;
    position: relative;
    border-radius: 50%;
    background-color: var(--color-gray-100);
}

.ellipse-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
}

.weeks-ago2 {
    flex: 1;
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 98px;
}

.south-korea-parent {
    width: 217px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-3xs);
    font-size: var(--font-size-lg);
    color: var(--color-gray-300);
}

.frame-parent1 {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-5xs);
}

.ellipse-group {
    width: 367.5px;
    flex-direction: row;
    gap: var(--gap-11xl);
    max-width: 100%;
}

.lorem-ipsum-dolor3 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    line-height: 33px;
    color: var(--color-gray-400);
}

.frame-parent,
.group-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.group-div {
    align-self: stretch;
    gap: var(--gap-lg);
}

.frame-parent {
    flex: 1;
    gap: var(--gap-53xl);
    min-width: 717px;
    width: 717px;
}

.div,
.overall-rating {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 33px;
}

.div {
    font-weight: 500;
    display: inline-block;
    min-width: 72px;
}

.overall-rating-number {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-10xs) 0 0;
}

.overall-rating-value-child {
    height: 40.9px;
    width: 40.9px;
    position: relative;
    object-fit: cover;
}

.overall-rating-container,
.overall-rating-value {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.overall-rating-value {
    flex-direction: row;
    gap: var(--gap-6xs);
    font-size: 60px;
}

.overall-rating-container {
    flex-direction: column;
    gap: var(--gap-9xl);
}

.div1 {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 13px;
}

.rating-star-icon {
    width: 17px;
    height: 17px;
    position: relative;
    border-radius: var(--br-12xs-3);
}

.rating-category-name,
.rating-stars {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.rating-stars {
    flex-direction: column;
    padding: var(--padding-8xs) 0 0;
}

.rating-category-name {
    flex-direction: row;
    gap: var(--gap-11xs);
}

.rating-distribution-bar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 77.85px;
}

.rating-distribution-bar {
    width: 526px;
    height: 7px;
    z-index: 1;
}

.rectangle-parent1 {
    align-self: stretch;
    height: 7px;
    position: relative;
    border-radius: 77.85px;
    background-color: var(--color-whitesmoke);
}

.rating-distribution {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
    box-sizing: border-box;
    max-width: calc(100% - 97px);
}

.empty-rating-categories {
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    color: var(--color-gray-500);
    display: inline-block;
    min-width: 33px;
}

.rating-category-name-parent {
    align-self: stretch;
    height: 27px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-10xs);
    box-sizing: border-box;
    gap: var(--gap-base);
    max-width: 100%;
}

.div2 {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 14px;
}

.star-icon {
    width: 17px;
    height: 17px;
    position: relative;
    border-radius: var(--br-12xs-3);
}

.parent,
.star-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.star-wrapper {
    flex-direction: column;
    padding: var(--padding-8xs) 0 0;
}

.parent {
    flex-direction: row;
    gap: var(--gap-12xs);
}


.rectangle-parent2 {
    align-self: stretch;
    height: 7px;
    position: relative;
    border-radius: 77.85px;
    background-color: var(--color-whitesmoke);
}

.frame-wrapper4 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
    box-sizing: border-box;
    max-width: calc(100% - 87px);
}

.div3 {
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    color: var(--color-gray-500);
    display: inline-block;
    min-width: 23px;
}

.frame-parent3 {
    align-self: stretch;
    height: 27px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-10xs);
    box-sizing: border-box;
    gap: var(--gap-base);
    max-width: 100%;
}

.div4 {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 13px;
}

.group,
.star-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.star-container {
    flex-direction: column;
    padding: var(--padding-8xs) 0 0;
}

.group {
    flex-direction: row;
    gap: var(--gap-11xs);
}

.rectangle-parent3 {
    align-self: stretch;
    height: 7px;
    position: relative;
    border-radius: 77.85px;
    background-color: var(--color-whitesmoke);
}

.frame-wrapper5 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
    box-sizing: border-box;
    max-width: calc(100% - 90px);
}

.div5 {
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    color: var(--color-gray-500);
    display: inline-block;
    min-width: 26px;
}

.frame-parent4 {
    align-self: stretch;
    height: 27px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-10xs);
    box-sizing: border-box;
    gap: var(--gap-base);
    max-width: 100%;
}

.div6 {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 12px;
}

.star-frame {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.star-frame {
    flex-direction: column;
    padding: var(--padding-8xs) 0 0;
}

.rectangle-parent4 {
    align-self: stretch;
    height: 7px;
    position: relative;
    border-radius: 77.85px;
    background-color: var(--color-whitesmoke);
}

.frame-wrapper6 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
    box-sizing: border-box;
    min-width: 342px;
    max-width: 100%;
}

.div7 {
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    color: var(--color-gray-500);
    display: inline-block;
    min-width: 27px;
}

.frame-parent5 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
    max-width: 100%;
}

.div8 {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-block;
    min-width: 8px;
}

.parent1,
.star-wrapper1 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.star-wrapper1 {
    flex-direction: column;
    padding: var(--padding-8xs) 0 0;
}

.parent1 {
    flex-direction: row;
    gap: var(--gap-6xs);
}

.rectangle-parent5 {
    align-self: stretch;
    height: 7px;
    position: relative;
    border-radius: 77.85px;
    background-color: var(--color-whitesmoke);
}

.frame-wrapper7 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
    box-sizing: border-box;
    min-width: 342px;
    max-width: 100%;
}

.div9 {
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: 0.02em;
    color: var(--color-gray-500);
    display: inline-block;
    min-width: 22px;
    flex-shrink: 0;
}

.frame-parent6 {
    width: 611px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
    max-width: 100%;
}

.frame-parent2 {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-5xl);
}

.frame-parent2,
.overall-rating-container-parent,
.review-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.overall-rating-container-parent {
    width: 623px;
    flex-direction: column;
    gap: 38.1px;
    min-width: 623px;
}

.review-list {
    flex: 1;
    flex-direction: row;
}

.reviews-272-parent,
.reviews-content {
    align-self: stretch;
    justify-content: flex-start;
}

.reviews-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 0 0 var(--padding-10xs);
    box-sizing: border-box;
    max-width: 100%;
    font-size: var(--font-size-3xl);
}

.reviews-272-parent {
    flex-direction: column;
    gap: var(--gap-53xl);
    width: 1468px;
}

.breadcrumb-parent,
.content,
.reviews-272-parent {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}

.breadcrumb-parent {
    width: 1470px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 100px;
    text-align: left;
    font-size: var(--font-size-15xl);
    color: var(--color-gray-100);
    font-family: var(--font-cabin);
}

.content {
    align-self: stretch;
    flex-direction: row;
    justify-content: center;
    padding: 0 var(--padding-xl) 119px;
    box-sizing: border-box;
}

/* checkout page css Start */


.header-stepper {
    background-color: rgba(212, 204, 204, 0.1);
}

.bs-stepper .step-trigger {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 19.52px;
    line-height: 1.5;
    color: var(--color-gray-500);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: none;
    border-radius: .25rem;
}

.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.bs-stepper .step-trigger:disabled,
.bs-stepper .step-trigger.disabled {
    pointer-events: none;
    opacity: .65;
}

.bs-stepper .step-trigger:focus {
    font-weight: 600;
    outline: none;
}

.bs-stepper .step-trigger.active:focus .bs-stepper-circle,
.bs-stepper .step-trigger.active .bs-stepper-circle {
    background: linear-gradient(134.01deg, #21074a, #4f11b0);
    color: #fff;
}

.bs-stepper .step-trigger:hover {
    text-decoration: none;
}

.bs-stepper-label {
    display: inline-block;
    margin: .25rem;
}

.bs-stepper-header {
    display: flex;
    align-items: center;
    margin: auto;
}

.bs-stepper-line,
.bs-stepper .line {
    flex: 1 0 32px;
    min-width: 1px;
    min-height: 1px;
    margin: auto;
    background-color: rgba(0, 0, 0, .12);
}

.bs-stepper-circle {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: .5em 0;
    margin: .25rem;
    line-height: 1em;
    color: var(--color-gray-500);
    background-color: #fff;
    border-radius: 1em;
    border: 1px solid var(--color-gray-500);
}

.active .bs-stepper-circle:focus {
    background-color: #007bff;
}

.bs-stepper-content {
    padding: 0 20px 20px;
}

.bs-stepper.vertical {
    display: flex;
}

.bs-stepper.vertical .bs-stepper-header {
    flex-direction: column;
    align-items: stretch;
    margin: 0;
}

.bs-stepper.vertical .bs-stepper-pane,
.bs-stepper.vertical .content {
    display: block;
}

.bs-stepper.vertical .bs-stepper-pane:not(.fade),
.bs-stepper.vertical .content:not(.fade) {
    display: block;
    visibility: hidden;
}

.bs-stepper-pane:not(.fade),
.bs-stepper .content:not(.fade) {
    display: none;
}

.bs-stepper .content.fade,
.bs-stepper-pane.fade {
    visibility: hidden;
    transition-duration: .3s;
    transition-property: opacity;
}

.bs-stepper-pane.fade.active,
.bs-stepper .content.fade.active {
    visibility: visible;
    opacity: 1;
}

.bs-stepper-pane.active:not(.fade),
.bs-stepper .content.active:not(.fade) {
    display: block;
    visibility: visible;
}

.bs-stepper-pane.dstepper-block,
.bs-stepper .content.dstepper-block {
    display: block;
}

.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,
.bs-stepper:not(.vertical) .content.dstepper-none {
    display: none;
}

.vertical .bs-stepper-pane.fade.dstepper-none,
.vertical .content.fade.dstepper-none {
    visibility: hidden;
}

.checkout-1-additional-service {
    font-family: var(--font-cabin);
    width: 100%;
    white-space: nowrap;
}

.card.service-div {
    height: 125px;
    width: 875px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: var(--br-mini);
    border: none;
    max-width: 100%;
}

.additional-services,
.price-details,
.additional-remarks {
    font-weight: 600;
    font-size: var(--font-size-9xl);
}

.services-container {
    font-size: var(--font-size-3xl);
    margin-left: 30px;
}

.service-text {
    color: var(--color-gray-500);
    font-size: var(--font-size-base);
    margin-left: 30px;
}

.add {
    position: absolute;
    background-color: var(--color-gray-100);
    border-radius: 6.32px;
    border: none;
    text-align: center;
    font-size: var(--font-size-sm);
    color: var(--color-white);
    top: 37px;
    right: 35px;
    height: 48px;
    width: 65px;
}

.card.remark-box {
    border: none;
}

.form-control.textarea {
    border-radius: var(--br-3xs);
    font-size: var(--font-size-lg);
    color: rgba(25, 30, 59, 0.6);
    border: 1px solid rgba(25, 30, 59, 0.3);
}

.back-icon {
    width: 6.8px;
    height: 11.8px;
    margin-right: 10px;
}

.back-button {
    font-size: var(--font-size-xl);
    border: none;
    background-color: #fff;
    margin-right: 15px;
}

.next-button {
    font-size: var(--font-size-xl);
    color: #fff;
    width: 198px;
    height: 57px;
    border-radius: 10px;
    border: none;
    background-color: var(--color-gray-100);
}

.card.review-detail {
    border: none;
    margin-left: -15px;
    margin-top: -10px;
}

.review-detail-text {
    font-size: 18px;
}

.review-detail-div {
    font-size: var(--font-size-lg);
    color: var(--color-gray-500);
}

.review-detail-right {
    align-items: flex-end;
}

.farenight {
    font-size: 20px;
}

.total-fare {
    font-weight: 700;
    font-size: 24px;
}

@media screen and (max-width: 1575px) {
    .frame-wrapper {
        display: none;
    }

    .group-footer,
    .rectangle-container {
        flex-wrap: wrap;
        justify-content: center;
    }
}

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

    .additional-service {
        margin-left: -40px !important;
    }

    .pricing-details {
        gap: 30px !important;
        width: 1250px !important;
    }

    .total-fare {
        font-weight: 500;
        font-size: 25px;
    }

}

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

    .bs-stepper-header {
        padding-left: 30px;
    }

    .additional-service {
        margin-left: -40px !important;
    }

    .pricing-details {
        gap: 30px !important;
        width: 1250px !important;
    }

    .total-fare {
        font-weight: 500;
        font-size: 25px;
    }

}

/* checkout page css End */

/* checkout page 2 css Start */
.card.warehouse-detail-div {
    height: 220px;
    width: 970px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: var(--br-mini);
    border: none;
    max-width: 100%;
}

.card-detail-container {
    border: none;
}

.card-detail-container .startend-arrow .fa {
    font-size: 30px;
}

.warehouse-detail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-detail-body {
    left: 40px;
    flex: 1;
    position: relative;
    width: 41px;
}

.detail-name {
    font-size: var(--font-size-9xl);
}

.img-div-backgroud {
    height: 170px;
    width: 225px;
    position: relative;
    border-radius: var(--br-mini);
    object-fit: cover;
    z-index: 1;
}

.warehouse-detail-container {
    font-size: var(--font-size-9xl);
    text-align: left;
}

.detail-description {
    color: var(--color-gray-500);
    font-size: var(--font-size-mid);
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 75px);
    white-space: nowrap;
    min-height: 16px;
}

.service-text2 {
    color: var(--color-gray-500);
    font-size: var(--font-size-mid);
    position: absolute;
    top: 49px;
    left: 120px;
}

.service-text3 {
    color: var(--color-gray-500);
    font-size: var(--font-size-mid);
    position: absolute;
    top: 49px;
    left: 240px;
}

.service-text-icon {
    width: 4.2px;
    height: 4.2px;
    /* position: relative; */
    border-radius: 50%;
    position: absolute;
    top: 59px;
    left: 104px;
    background-color: var(--color-gray-500);
}

.service-text-icon1 {
    width: 4.2px;
    height: 4.2px;
    /* position: relative; */
    border-radius: 50%;
    position: absolute;
    top: 59px;
    left: 225px;
    background-color: var(--color-gray-500);
}

.name-div {
    height: 220px;
    width: 478px;
    position: absolute;
    top: 30px;
    left: 300px;
}

.price-night {
    text-align: left;
    font-size: var(--font-size-lgi);
}

.price {
    font-size: var(--font-size-5xl);
}

.card.rented-div {
    height: 139px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: var(--br-mini);
}

.date-labels1 {
    position: absolute;
    top: 40px;
    right: 450px;
}

.calendar-icon-child {
    position: absolute;
    top: 50px;
    left: 230px;
}

.edit-button {
    padding-left: 220px;
}

.check-name {
    font-size: 20px;
}

.edit {
    position: absolute;
    background: var(--color-white);
    border-radius: 6.32px;
    text-align: center;
    font-size: var(--font-size-sm);
    color: var(--color-black);
    height: 48px;
    width: 48px;
}

/* checkout page 2 css End */

/* Footer css started */

.footer {
    background-color: var(--color-bg-theme);
    /* font-size: var(--font-size-5xl); */
    color: var(--color-white);
    font-family: var(--font-cabin);
    /* padding-top: 0px; */
    /* padding-bottom: 10px; */
}

.logo1 {
    font-size: 52px;
}

.info {
    font-size: var(--font-size-lg);
    color: #ffffff;
}

.col-name {
    font-size: 24px;
}

.col-info .nav-item .nav-link {
    font-size: var(--font-size-lg);
    color: #ffffff;
    white-space: nowrap;
}

.frame-input {
    background-color: var(--color-white);
    height: 55px;
    border-radius: var(--br-3xs) 0 0 var(--br-3xs);
    padding: var(--padding-base) 34px 17px;
    color: var(--color-gray-800);
    font-size: var(--font-size-base);
}

.subscribe {
    border-radius: 0 var(--br-mini) var(--br-mini) 0;
    background-color: var(--color-gray-100);
    font-weight: 500;
    height: 55px;
    font-size: var(--font-size-base);
    color: var(--color-white);
}



@media screen and (max-width: 1300px) {
    .col-content {
        padding-left: 20px;
    }

    .frame-input {
        width: 220px;
        min-width: 220px;
    }
}

@media screen and (max-width: 1085px) {
    .col-content {
        padding-left: 20px;
    }

    .frame-input {
        width: 150px;
        min-width: 150px;
    }
}

@media screen and (max-width: 991px) and (min-width: 767px) {
    .frame-input {
        width: 220px;
        min-width: 220px;
    }

}

@media screen and (max-width: 991px) {
    .first-tab-wrap input {
        width: 100% !important;
    }
}
.contact-info p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 24px;
}

/* Footer css End */

/* Homepage css End */
.home-destination {
    font-family: var(--font-cabin) !important;
}

.secure-spacious {
    font-weight: 600;
    font-size: var(--font-size-19xl);
}

.for-you {
    color: rgb(107, 103, 103);
    font-size: var(--font-size-19xl);
}

.input,
.check-in-input,
.check-out-input {
    border: none;
    padding: 0;
    outline: none;
    position: relative;
    font-size: var(--font-size-base);
    letter-spacing: 0.03em;
    line-height: 23px;
    color: var(--color-gray-300);
}

.input::placeholder,
.check-in-input::placeholder,
.check-out-input::placeholder {
    color: var(--color-gray-300);
}

.search-bar {
    border-radius: var(--br-3xs);
    background-color: var(--color-white);
    border: 1px solid rgb(206, 202, 202);
    justify-content: center;
    padding: 0;
}

.search {
    font-size: 22px;
    font-family: var(--font-cabin);
    color: var(--color-white);
}

.search .fa-search {
    font-size: 26px;
}

.search-wrapper {
    padding: var(--padding-xl) 44px;
    border: 0px;
    border-radius: 0 var(--br-3xs) var(--br-3xs) 0;
    background-color: #EE5A14;
    position: relative;
}

.vector-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-5xs) 0 0;
}

.image-container {
    box-shadow: 0 0 15px rgb(161, 156, 156);
    border-radius: var(--br-mini) var(--br-mini) 0 0;
    position: relative;
}

.what-offer-list,
.your-order-list {
    li {
        padding: 0;
        margin-bottom: 10px;
        border: none;
    }
}

.rating-img {
    margin-top: -5px;
}

.rating-overlay {
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: var(--br-3xs);
    background-color: var(--color-darkslategray);
    color: #fff;
    padding: var(--padding-5xs-1) var(--padding-xs) var(--padding-6xs-9) var(--padding-smi);
    gap: var(--gap-10xs-7);
}

.rectangle-section {
    border-radius: 0 0 var(--br-mini) var(--br-mini);
    box-shadow: 0 0 15px rgb(190, 188, 188);
    background-color: var(--color-whitesmoke);
    padding: var(--padding-2xs) var(--padding-xl) var(--padding-2xs) var(--padding-4xl);
    gap: var(--gap-9xs-7);
    font-size: var(--font-size-base);
    color: var(--color-gray-500);
}

.span {
    font-size: var(--font-size-xl);
}

.night1 {
    font-size: var(--font-size-sm);
    color: var(--color-gray-500);
}

.night {
    position: relative;
    display: inline-block;
    min-width: 78px;
    z-index: 1;
}

.filter-option {
    white-space: nowrap;
    overflow: hidden;
}

.filter-option .button-div {
    padding: var(--padding-mini) 50px;
}

.slick-list {
    margin: 0 60px;
}

.filter-option .slick-arrow {
    border: 1px solid var(--color-gray-300);
    color: rgb(33, 37, 41);
    border-radius: 50%;
    padding: 10px 18px;
    background: #fff;
}

.filter-option .slick-next {
    position: absolute;
    right: 10px;
    top: 25px;
}

.filter-option .slick-prev {
    position: absolute;
    left: 2px;
    top: 25px;
}

.slick-initialized .slick-slide {
    padding: 5px;
}

.filter-result-wrap span {
    font-weight: bold;
}

.filter-result-wrap .reset_filters {
    background-color: var(--color-gray-100);
    color: #fff;
    border-radius: 8px;
    padding: 5px 10px;
    /* border: 1px solid #5106af; */
    border: 1px solid #191e3b;
}

.filter-result-wrap .reset_filters:hover {
        background: #EE5A14;
    /* color: #5106af; */
    color: #fff;
    border: 1px solid #EE5A14;
}

.sroll-btn {
    border: 1px solid var(--color-gray-300);
    color: rgb(33, 37, 41);
    border-radius: 50%;
    padding: 10px 18px;
    background: #fff;
}

.button-div {
    cursor: pointer;
    border: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    padding: var(--padding-mini) 65px;
    background-color: transparent;
    flex: 0.7439;
    border-radius: 12.95px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-right: 10px;
    gap: var(--gap-xs);
    white-space: nowrap;
    overflow: hidden;
    color: #212529;
}

.button-div .active {
    background-color: var(--color-gray-100);
    color: #fff;
}

.active>.page-link,
.page-link.active {
    background-color: var(--color-gray-100);
    border-color: #191e3b;
}

.page-item a {
    /* color: #5106af; */
    color: #191e3b;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.daterangepicker {
    border-radius: 10px;
}

a.button-div.active {
    background-color: var(--color-gray-100);
    color: white;
}

a.button-div.active path {
    stroke: white;
}

/* Homepage css End */

/* Account page css Start */
.user-account .nav-pills-primary-border-start .nav-link {
    padding: 0.5rem 0.8rem !important;
    color: var(--bs-gray-800);
    font-weight: 500;
    border-radius: 0.313rem;
    border-left: 2px solid transparent;
}

.user-account .nav-pills-primary-border-start .nav-link.active {
    color: white !important;
    background-color: var(--color-orange);
}

.nav.nav-divider .nav-item+.nav-item:before {
    content: "•";
    color: inherit;
    padding-left: 0.65rem;
    padding-right: 0.75rem;
    opacity: 0.8;
}

/* Account page css End */

/* Warehouse detail page css End */
.warehouse-details {
    font-family: var(--font-cabin);
}

.breadcrumb-item {
    font-size: var(--font-size-xl-1);
    color: var(--color-orange);
}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    float: left;
    padding-right: 8px;
    color: var(--color-darkgrey);;
    content: var(--bs-breadcrumb-divider, ">");
}
.breadcrumb-item.active{
    color: var(--color-primary);
}


.Warehouse-name {
    font-size: 36px;
    font-weight: 600;
}

.card-link {
    font-size: var(--font-size-xl-1);
    color: var(--color-orange) !important;
    text-decoration: none;
}

.ratings .fa-star,
.ratings .fa-star-half-o {
    color: #cecece;
    font-size: 25px;
}

.ratings-review i,
.ratings-review .fa-star,
.ratings-review .fa-star-half-o {
    font-size: 18px;
    color: #cecece;
}

.rating-color {
    color: #fbc634 !important;
}

.review-count {
    margin-right: 420px !important;
    font-size: var(--font-size-xl-1);
    color: var(--color-gray-500) !important;
}

.card-icon-desc {
    font-size: var(--font-size-mini);
    color: var(--color-gray-500);
}

.date-label {
    font-size: 17px;
}

.booking-dates .form-control:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.booking-dates {
    border-radius: var(--br-mini) !important;
    border: 1px solid var(--color-gray-800) !important;
}

.booking-dates .date-label {
    border-left: 1px solid var(--color-gray-300);
    padding-left: 16px;
    cursor: pointer;
}

.booking-dates .date-label:first-child {
    border-left: none;
    padding-left: 0;
}

.detail-page-location {
    border-top: 1px solid rgb(206, 202, 202);
    border-bottom: 1px solid rgb(206, 202, 202);
}

.wrapper-price-section .price-text {
    font-size: var(--font-size-mid);
    color: var(--color-gray-500);
}

.wrapper-price-section .price-digit {
    font-size: 1.15rem;
    font-weight: 800;
}

.total_section {
    border-top: 1px solid rgb(206, 202, 202);

}

.total_section .price-text h5,
.total_section .price-digit {
    font-size: 1.35rem;
    font-weight: 800;
    color: rgb(33, 37, 41);
}

.total_section .price-text p {
    font-size: var(--font-size-mini);
    color: var(--color-gray-500);
    font-weight: 400;
}


.booking-action-buttons {
    gap: 30px;
}

.wishlist-actions-button,
.book-actions-button {
    border-radius: 8.72px !important;
    font-size: 20px;
}

.wishlist-actions-button {
    background-color: #fff !important;
    border: 1px solid rgb(170, 160, 160) !important;
}

.book-actions-button {
    background-color: var(--color-gray-100);
    border: 0px;
}

.warehouse-description-name {
    font-size: 34px;
    font-weight: 500;
}

.warehouse-desc {
    font-size: 20px;
}

.list-name {
    font-size: 18px;
}

.review-list {
    margin-left: -80px !important;
}

.overall-rating {
    font-size: 60px;
    font-weight: 500 !important;
}

.reviewer-name {
    font-size: 22px;
}

.reviewer-info {
    font-size: var(--font-size-lg);
    color: var(--color-gray-500);
}

.overall-rating-div {
    padding-top: 50px;
}

.ratings-star {
    margin-left: -35px;
}

.review-info {
    font-size: var(--font-size-xl);
}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    border-radius: 20px;
}

.swiper-slide {
    border-radius: 10px;
    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

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

.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    cursor: pointer;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

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

.alert-danger {
    font-size: 15px;
}

.form-select {
    margin-bottom: 5px;
}

/* Warehouse detail page css End */

.nav-pills .nav-link,
.nav-pills .show>.nav-link {
    /* color: #5106af; */
    color: #191e3b;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    /* background: linear-gradient(100.82deg, #5106af, #425aba); */
    background-color: var(--color-orange);
}

.search-feild {
    border-left: 1px solid var(--color-gray-300);
    cursor: pointer;
}

.search-feild:first-child {
    border-left: none;
}

.wrapper_modal .modal-lg .modal-content {
    border-radius: 25px;
}

.wrapper_modal .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px;
}

.wrapper_modal .btn-close:focus {
    box-shadow: none;
}

.checkin_modal_wrapper {
    padding: 50px 30px;
    min-height: 500px;
}

.checkin_modal_wrapper .nav-link {
    padding: 8px 50px;
    border-radius: 8px;
    color: #232f3e;
    font-size: 16px;
}

.checkin_modal_wrapper .nav-underline .nav-link.active,
.checkin_modal_wrapper .nav-underline .show>.nav-link {
    background: #232f3e;
    border-bottom: none;
    color: #fff;
}

.nav-underline .nav-link {
    border-bottom: none;
}

.checkin_modal_wrapper .modal-heading {
    font-size: 24px;
    font-weight: 700;
}

.checkin_modal_wrapper .nav {
    width: fit-content;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 12px;
}

.modal-radio-wrap label {
    margin: 0 1rem;
    padding: 8px 26px;
    border: 1px solid rgb(206, 202, 202);
    border-radius: 10px;
}

.second-row-radios label {
    margin: 0 .5rem;
    padding: 15px;
    border-radius: 16px;
}

.modal-radio-wrap .btn-check+.btn:hover {
    border-color: rgb(33, 37, 41);
}

.modal-radio-wrap .btn-check:checked+.btn,
.modal-radio-wrap .btn.active,
.modal-radio-wrap .btn.show,
.modal-radio-wrap .btn:first-child:active,
.modal-radio-wrap :not(.btn-check)+.btn:active {
    font-weight: bold;
    border: 2px solid;
}

.filter-option .btn-check:checked+.btn,
.filter-option .btn.active,
.filter-option .btn.show,
.filter-option .btn:first-child:active,
.filter-option :not(.btn-check)+.btn:active {
    background-color: var(--color-bg-theme);
}

.filter-option .btn-check:checked+.btn img {
    filter: brightness(0) invert(1);
}

.first-tab-wrap input {
    width: 60%;
    padding: 6px 10px;
    border: 1px solid var(--color-gray-300);
    border-radius: 8px;
}

.first-tab-wrap .input-group span {
    border: 1px solid var(--color-gray-300);
}

.first-tab-wrap .input-group span .fa {
    color: #232f3e;
}

.wrapper_sqfeet .modal-content {
    padding: 50px 30px;
    border-radius: 25px;
}

.wrapper_sqfeet .btn-close {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 14px;
}

.wrapper_sqfeet .modal_title {
    font-size: 26px;
}

.wrapper_sqfeet .main_input {
    text-align: center;
    font-size: 40px;
    color: #000;
    border: none;
    margin: 1rem 0;
    font-weight: bold;
    width: 80%;
}

.wrapper_sqfeet input::placeholder {
    color: #000;
}

.wrapper_sqfeet input:focus-visible,
.wrapper_sqfeet input:focus {
    outline: none;
}

.wrapper_sqfeet .sqfeet-row-radios label {
    font-size: 18px;
    margin: 0 .4rem;
    padding: 8px 10px;
    border-radius: 10px;
}

.wrapper_sqfeet .sqfeet-row-radios label span {
    font-size: 14px;
    padding-left: 5px;
}

.wrapper_sqfeet .submit-btn {
    background-color: var(--color-primary);
    border: 0;
    width: 100%;
    padding: 12px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
}

@media screen and (max-width:767px) {
    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .search-bar {
        border: none;
        text-align: center;
    }

    .search-feild {
        border-radius: var(--br-3xs);
        background-color: var(--color-white);
        border: 1px solid rgb(206, 202, 202);
        justify-content: center;
        padding: var(--padding-3xs);
    }

    .search-wrapper {
        padding: var(--padding-3xs);
        border-radius: var(--br-3xs);
        text-align: center;
    }

    .more-filter {
        padding: var(--padding-3xs);
    }

    .footer-container,
    .col-info,
    .follow-icons {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .sign-up-to {
        justify-content: center;
    }

    .navbar-nav {
        padding-top: 40px;
    }

    .navbar-nav .nav-item {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .Warehouse-name {
        text-align: center;
        margin-top: 20px;
    }

    .warehouse-info {
        gap: 10px;
    }

    .booking-action-buttons {
        gap: 0px;
        margin-right: 10px;
    }

    .booking-dates {
        border-radius: none !important;
        border: none !important;
        justify-content: center;
    }

    .date-label {
        border-radius: var(--br-mini) !important;
        border: 1px solid var(--color-gray-800) !important;
        padding: 8px 15px !important;
        text-align: center;
        width: 100%;
    }

    .date-input,
    .check-in-input,
    .check-out-input {
        text-align: center !important;
    }

    .date-label .form-control:focus {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .wishlist-actions-button,
    .book-actions-button {
        padding: 17px !important;
        font-size: 15px;
        margin-right: 30px;
    }

    .card-icon-name {
        font-size: 16px;
    }

    .card-icon-desc {
        font-size: var(--font-size-xs-8);
    }

    .col-content {
        padding: 0;
    }

    .bs-stepper-header {
        padding-left: 0px;
    }

    .your-order-img {
        position: relative;
        height: 180px;
        width: 100%;
        display: block;
        padding: 20px;
    }

    .your-order-list {
        li {
            display: inline;
            margin-right: 15px;
        }
    }

    .card-detail-container .startend-arrow .fa {
        transform: rotate(90deg);
        margin-bottom: 20px;
        padding-bottom: 35px;
    }

}

@media screen and (max-width:576px) {
    .detail-description {
        width: 250px;
    }

    .rented-body {
        height: auto !important;
    }

    .checkin_modal_wrapper .nav-link {
        padding: 8px 20px;
    }
}

@media screen and (min-width:769px) {
    .detail-body {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        height: 220px;
        padding: 0px;
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        max-width: 100%;
        display: flex;
    }

    .detail-body .img-div {
        max-width: 245px;
    }

    .rented-body {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 30px !important;
        height: 120px;
        /* padding: 0px; */
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        max-width: 100%;
        display: flex;
    }
}

@media screen and (max-width:768px) {
    .detail-body {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        overflow: hidden;
        max-width: 100%;
    }

    .rented-body {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 30px !important;
        height: 300px;
        /* padding: 0px; */
        border-radius: 15px;
        overflow: hidden;
        max-width: 100%;
    }

    .card-detail-body {
        left: 0px !important;
    }

    .edit-button {
        padding-left: 0px !important;
    }
}

@media screen and (max-width:1199px) {
    .warehouse-info {
        gap: 5px;
    }
}

@media screen and (max-width:1399px) {
    .edit-button {
        padding-left: 140px;
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {
    .edit-button {
        padding-left: 300px;
    }
}

@media screen and (min-width: 250px) and (max-width: 768px) {
    .warehouse-description-name {
        font-size: 28px;
    }

    .px-100 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pt-100 {
        padding-top: 2rem;
    }

    .sign-up-btn {
        position: relative;
        right: auto;
        bottom: inherit;
        margin-right: auto;
        margin-left: 0px !important;
    }
}

.swiper-thumbs .swiper-wrapper .swiper-slide img {
    width: 80px !important;
    height: 60px !important;
    border-radius: 8px !important;
}

.swiper-main-img {
    min-height: 380px !important;
    max-height: 380px !important;
}


/* explore page */
.serviceBanner {
    width: 100%;
    position: relative;
    text-align: center;
    color: #fff;
}

.serviceBanner .bannerText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700px;
}
.serviceBanner .bannerWrapper img{
    width: 100%;
}

.serviceMain {
    margin: 120px auto;
}

.serviceCards {
    margin-bottom: 120px;
}

.serviceMain .card {
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    border: none;
    box-shadow: -6px 6px 20px rgba(0, 0, 0, 0.25);
}

.serviceMain .card img {
    height: 100%;
    object-fit: cover;
}

.serviceMain .card-body {
    position: absolute;
    background: #fff;
    bottom: 0;
}

.serviceMain .card-body .card-title {
    color: #191E3B;
}

.serviceMain .card-body .card-text {
    color: #7C7C7C;
    max-height: 72px;
    overflow: hidden;
}

.serviceMain .card-body.left-content {
    right: 0;
}

.serviceMain .card-body.right-content {
    left: 0;
}

.serviceMain .row {
    margin-bottom: 60px;
}

.serviceMain .col-md-7 .card-body.left-content {
    width: calc(100% - 150px);
}

.serviceMain .col-md-5 .card-body.right-content {
    width: calc(100% - 100px);
}

.serviceMain .col-md-5 .card-body.left-content {
    width: calc(100% - 100px);
}

.serviceMain .col-md-7 .card-body.right-content {
    width: calc(100% - 150px);
}

a.btn-more {
    color: #2D2A2A;
    border-bottom: 1px solid #2D2A2A;
    text-decoration: none;
}

a.btn-more:hover {
    color: #2D2A2A;
    text-decoration: none;
}

.location-title {
    color: #151515;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
}

.location-title .view-all-btn {
    position: relative;
    right: 0;
    display: flex;
    align-items: end;
    gap: 6px;
}

.location-title .view-all-btn p {
    margin-bottom: 0;
    border-bottom: 1px solid #2D2A2A;
}
.text-overlay {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0) 87.67%);
    color: #f1f1f1;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    z-index: 9;
}

.text-overlay p {
    margin: 0;
    text-transform: uppercase;
}

.arrow-btn {
    padding: 8px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: none;
    background-color: #fff;
}

.arrow-btn img {
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

.carousel-inner>.carousel-item>img {
    height: 320px;
    object-fit: cover;
}

.text-overlay h5 {
    margin: 0;
    text-transform: uppercase;
}

@media(max-width:992px) {
    .serviceCards {
        margin-bottom: 0;
    }

    .serviceMain {
        margin: 60px auto;
    }

    .serviceMain .row {
        margin-bottom: 30px;
    }

    .serviceMain .col-md-7 .card-body.card-body.left-content,
    .serviceMain .col-md-5 .card-body.card-body.right-content,
    .serviceMain .col-md-5 .card-body.card-body.left-content,
    .serviceMain .col-md-7 .card-body.card-body.right-content {
        width: 100%;
    }

    .masonry-gallery {
        columns: 2;
    }

    .masonry-gallery .item img {
        width: 100%;
    }
}

@media(max-width:576px) {
    .serviceMain {
        margin: 20px auto;
    }

    .serviceMain .row {
        margin-bottom: 0;
    }

    .serviceMain .card {
        margin-bottom: 20px;
    }

    .location-title {
        align-items: center;
    }

    .location-title .view-all-btn {
        width: 35%;
        justify-content: flex-end;
    }

    .masonry-gallery {
        columns: 1;
    }

    .masonry-gallery .item img {
        width: 100%;
    }
}

.landing-banner {
    position: relative;
    margin-bottom: 50px;
}

.landing-banner .banner-content {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.landing-banner img {
    width: 100%;
    height: 670px;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.listbookBtn button{
    border: none;
    padding: 12px 42px;
    font-size: 24px;
    color: #fff;
    border-radius: 4px;
}
.listbookBtn .listBtn{
    background: #EE5A14;
}

.listbookBtn .bookBtn{
    background: var(--color-darkgrey);
}
.slash{
    font-size: 90px;
    color: #fff;
    margin: 0 12px;
    line-height: 140%;
}
.searchFilterWrapper{
    margin-top: 110px;
    /* box-shadow: 3px 3px 20px 0px #0000001A; */
}

.search-feild {
    position: relative;
}

@media(min-width:768px) {
    .form-switch {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
}

/* form responsive view of search content on banner start*/
.search-bar {
    margin: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search-feild .form-select {
    color: var(--color-gray-300);
}

@media screen and (max-width: 1023px) {
    .landing-banner img {
        min-height: 520px;
        object-fit: cover;
    }

    .secure-spacious-container,
    .secure-spacious {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        color: #fff;
    }

    .banner-content form {
        background-color: #fff;
        padding-bottom: 25px;
        border-radius: 10px;
    }

    .banner-content .search-bar {
        padding-right: 25px;
        border-top-right-radius: 10px;
    }

    .search-bar {
        border: none;
        text-align: center;
    }

    .search-main {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-6.search-feild,
    .col-md-6.search-feild {
        width: 49%;
    }

    .banner-content .col-6.search-feild {
        flex-direction: row-reverse !important;
    }

    .search-feild {
        border-radius: var(--br-3xs);
        background-color: var(--color-white);
        padding: var(--padding-3xs);
    }

    .banner-content .col-12.search-feild input[type="text"] {
        width: 100%;
        padding-left: 10px;
    }

    .search-feild .form-switch {
        display: flex;
        justify-content: space-between;
        padding-left: 0;
        position: relative;
    }

    .search-wrapper {
        padding: var(--padding-3xs);
        border-radius: var(--br-3xs);
        text-align: center;
    }

    .banner-content .search-feild {
        border: 1px solid #ac87dc !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center;
    }

    .search-feild .form-select {
        line-height: 26px;
    }
}

@media screen and (max-width: 767px) {
    .col-12.col-md-6.search-feild {
        width: 100%;
    }

    .landing-banner {
        margin-bottom: 0;
    }

    .landing-banner img {
        min-height: 620px;
        object-fit: cover;
    }

    form .location-field {
        flex-direction: row !important;
        line-height: 1.4;
        align-items: center;
        justify-content: space-between !important;
    }
}

@media(max-width:576px) {
    .check-in-input {
        background: transparent;
        width: 100%;
        text-align: left !important;
    }
}

/* form responsive view of search content on banner end*/

#map {
    height: 300px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0px 0px 20px #ccc;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

#map #infowindow-content {
    display: inline;
}

.pac-card {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    margin: 10px;
    /* padding: 0 0.5em; */
    font: 400 18px Roboto, Arial, sans-serif;
    overflow: hidden;
    font-family: Roboto, Arial, sans-serif;
    padding: 0;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

.pac-controls label {
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
}

#pac-input {
    background-color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
    width: 400px;
    border-radius: 5px;
    margin-top: 7px;
    margin-left: 8px;
    padding: 10px;
}


#pac-input:focus {
    border-color: #4d90fe;
}

/* For Chat Modal start*/

.modal-content.chat-pop-up {
    opacity: 1;
    width: 360px;
    z-index: 105;
    position: fixed;
    right: 10px;
    bottom: 10px;
    margin: 0px;
    height: 475px;
    max-height: calc(100% - 80px) !important;
}

.chat-pop-up .avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.chat-pop-up .avatar-sm {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.75rem;
}

.chat-pop-up .fs-xs {
    font-size: 12px;
}

.chat-pop-up .left-content-msg .card {
    background: #f2eeee6b;
    border: 1px solid #f2ecec66;
    border-radius: 15px 15px 15px 0;
}

.chat-pop-up .left-content-msg .card p {
    color: #4b5675;
}

.chat-pop-up .text-secondary-time {
    color: #6c757d91;
}

.chat-pop-up .right-content-msg .card {
    border-radius: 15px 15px 0px 15px;
}

.chat-pop-up .left-content-msg .card p,
.chat-pop-up .right-content-msg .card p {
    font-size: 14px;
}

.chat-pop-up .input-box {
    display: flex;
    border: 1px solid #dad8d8;
    border-radius: 10px;
    padding: 10px 10px;
}

.chat-pop-up .input-box input {
    width: calc(100% - 30%);
    border: none;
    outline: none;
}

.chat-pop-up textarea {
    resize: none;
    border: none;
    outline: none;
    width: 85%;
    font-size: 14px;
    height: 28px;
    max-height: 75px;
}

.chat-pop-up .btn-close {
    font-size: small;
}

.chat-pop-up .modal-body {
    padding-bottom: 0;
    padding-top: 0;
}

.chat-pop-up .chat-body .date-header {
    font-size: 14px;
}

@media(min-width:576px) {
    .chat-body::-webkit-scrollbar {
        width: 10px;
    }

    .chat-body::-webkit-scrollbar-track {
        background-color: #fff;
    }

    .chat-body::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgb(144 141 141 / 30%);
    }
}

@media(max-width:576px) {
    .modal-content.chat-pop-up {
        width: 94%;
    }

    .chat-pop-up .input-box input {
        width: calc(100% - 40%);
        padding-right: 10px;
    }

    .chat-pop-up textarea {
        width: 80%;
    }
}

/* For Chat Modal end*/

ul.what-offer-list {
    line-height: 1.5;
    margin-left: 20px;
}

ul.what-offer-list li {
    display: list-item;
}

/* For Filter Category Button start */
.withFilterCategoryBtn {
    align-items: center;
}

.withFilterCategoryBtn .filterBtn {
    display: block;
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 15px;
}

.withFilterCategoryBtn .filterBtn button {
    display: flex;
    align-items: center;
    padding: 12px 30px;
}

.withFilterCategoryBtn .filterBtn {
    text-align: -webkit-center;
}

.withFilterCategoryBtn .filterBtn button:hover{
    background-color: var(--color-bg-theme);
    border:1px solid var(--color-bg-theme);
}

.withFilterCategoryBtn .slick-track {
    margin-left: 0;
}

@media(max-width:767px) {
    .withFilterCategoryBtn {
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .withFilterCategoryBtn .filterBtn {
        width: 100%;
        margin: 8px auto;
        padding-right: 12px;
    }

    .withFilterCategoryBtn .filterBtn button {
        width: 100%;
        justify-content: center;
    }
}

/* For Filter Category Button end */
/* For Filter Category modal start */
.range-wrapper {
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 20px 25px 40px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.range-wrapper header h2 {
    font-size: 24px;
    font-weight: 600;
}

.range-wrapper header p {
    margin-top: 5px;
    font-size: 16px;
}

.range-wrapper .price-input,
.range-wrapper .space-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
}

.range-wrapper .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    gap: 8px;
}

.range-wrapper .field input {
    width: calc(100% - 70px);
    border: none;
    outline: none;
}

.range-wrapper .field .input-field {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #999;
    display: inline-flex;
    align-items: center;
    -moz-appearance: textfield;
    justify-content: center;
}

.range-wrapper input[type="number"]::-webkit-outer-spin-button,
.range-wrapper input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.range-wrapper .separator,
.range-wrapper .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.range-wrapper .slider,
.range-wrapper .space-slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.range-wrapper .slider .progress,
.range-wrapper .space-slider .progress {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 5px;
    /* background: linear-gradient(96.15deg, #5108af, #4355b9);; */
    background-color: #EE5A14;
}

.range-wrapper .range-input,
.range-wrapper .spacerange-input {
    position: relative;
}

.range-wrapper .range-input input,
.range-wrapper .spacerange-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.range-wrapper input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #fff;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.range-wrapper input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #fff;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

#storageRestriction .btn.btn-primary,
#storageCommodities .btn.btn-primary {
    color: #fff;
    border: 1px solid #EE5A14;
}

@media(max-width:576px) {

    .range-wrapper .price-input,
    .range-wrapper .space-input {
        flex-direction: column;
    }

    .range-wrapper .field {
        width: 70%;
    }

    .range-wrapper .separator {
        opacity: 0;
    }
}

/* For Filter Category modal end */

@media(max-width:1200px) {
    .device-view {
        gap: 24px;
    }
}

.navbar-nav .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

/* For responsive navbar start*/
@media screen and (max-width: 767px) {
    .navbar-nav {
        margin: 0;
        padding: 0 20px;
        text-align: center;
        width: 100%;
    }

    .navbar-nav .nav-item a {
        width: 100%;
    }

    .offcanvas {
        width: 70% !important;
    }
}

/* For responsive navbar end */

/* For Notification Modal start*/
.modal-content.notification-pop-up {
    opacity: 1;
    width: 400px;
    z-index: 105;
    position: fixed;
    left: 15px;
    top: 81px;
    margin: 0px;
    height: 332px;
    max-height: calc(100% - 80px) !important;
}

.notification-message a{
    border-bottom: 1px solid lightgrey;
}

.notification-message p {
    line-height: 1.2
}

.notification-message .fs-xs {
    font-size: 12px;
}

.notification-message .separator {
    margin: 5px;
}

.notification-message .fs-xs.text-secondary-time {
    color: #6c757d91;
}

.nav-item .notificationBtn,
.nav-item .chatBtn {
    align-items: center;
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background-color: var(--bs-navbar-color);
    border: none;
    font-size: 12px;
}

.nav-item .notificationBtn:hover,
.nav-item .chatBtn:hover {
    background-color: var(--bs-navbar-hover-color);
}

/* Custom underline for active tab */
    .notificationModal_wrap .modal-header .modal-title{
        font-size: 18px;
    }
    .notificationModal_wrap .modal-header .btn-close{
        font-size: 12px;
    }
    .notificationModal_wrap .nav-tabs .nav-item{
        padding: 0 16px 0 0;
    }
    .notificationModal_wrap .nav-tabs .nav-link {
      border: none;
      color: #555;
      position: relative;
      font-size: 14px;
      padding: 8px 0;
    }

    .notificationModal_wrap .nav-tabs .nav-link.active {
      color: var(--color-orange);
      background-color: transparent;
    }

    .notificationModal_wrap .nav-tabs .nav-link.active::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 3px;
      background-color: var(--color-orange);
      border-radius: 2px;
    }
    .notificationModal_wrap .markedread-btn{
      font-size: 14px;
    }
    .notificationModal_wrap .notification-message{
        position: relative;
    }
    .notificationModal_wrap .confirmation-btn{
        position: absolute;
        right: 14px;
        top: 22px;
    }
    .notificationModal_wrap  .notification-message a:hover{
    background-color: #f5f5f7;
    }


@media(max-width:767px) {
    .modal-content.notification-pop-up {
        width: calc(100% - 30px);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: auto;
    }
}

/* For Notification Modal end */

/* error-page start*/
.error-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.error-page .container {
    text-align: center;
    padding: 20px;
}

.error-page h1 {
    font-size: 120px;
    line-height: 110px;
    color: #535757;
    font-family: cabin, sans-serif;
}

.error-page .error-text {
    font-size: 48px;
    line-height: 46px;
}

.error-page p {
    font-size: 24px;
    margin-top: 10px;
    line-height: 1.2;
    color: #191e3bcc;
    font-family: cabin, sans-serif;
}

.error-page button {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /* background: linear-gradient(100.82deg, #571ba1, #2f4289); */
    background-color: var(--color-gray-100);
}

.error-page button a {
    color: #fff;
    text-decoration: none;
}

.error-page img {
    height: auto;
    width: 50%;
}

@media(max-width:992px) {
    .error-page .row {
        flex-direction: column-reverse;
    }

    .error-page h1 {
        font-size: 100px;
    }

    .error-page .error-text {
        font-size: 38px;
    }
}

/* error-page end*/

.navbar-card-button {
    background: var(--color-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 21.9px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--color-primary);;
    padding: 8px 16px;
}

/* .navbar-card-button:hover {
    background: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important;
} */

/* chat-list start*/
.chatDetailPage .list-item {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin-bottom: 20px;
}

.chatDetailPage img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover
}

/* chat-list-end */

/* chat */
.nav-item img.chatImg {
    height: 36px;
}

.chatComponent .chat-page {
    border: none;
    border-radius: 16px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.chatComponent .chat-page .modal-header {
    border-bottom: 1px solid lightgray;
}

.chat-page .fs-xs {
    font-size: 10px;
}

.chat-page .left-content-msg .card {
    background: #f2eeee6b;
    border: 1px solid #f2ecec66;
    border-radius: 15px 15px 15px 0;
}

.chat-page .left-content-msg .card p {
    color: #4b5675;
}

.chat-page .right-content-msg .card {
    border-radius: 15px 15px 0px 15px;
}

.chat-page .left-content-msg .card p,
.chat-page .right-content-msg .card p {
    font-size: 14px;
}

.chat-page .input-box {
    display: flex;
    border: 1px solid #dad8d8;
    border-radius: 10px;
    padding: 10px 10px;
}

.chat-page .input-box input {
    width: calc(100% - 30%);
    border: none;
    outline: none;
}

.chat-page textarea {
    resize: none;
    border: none;
    outline: none;
    width: 85%;
    font-size: 14px;
    height: 28px;
    max-height: 75px;
}

.chat-page .btn-close {
    font-size: small;
}

.chat-page .modal-body {
    padding-bottom: 0;
    padding-top: 0;
}

.chat-page .chat-body .date-header {
    font-size: 14px;
}

.chatComponent .chat-page .modal-body {
    height: 400px;
    overflow: auto;
}

.chatComponent .chat-body.modal-body {
    height: 400px;
    overflow: auto;
}

.btn:disabled{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-check:checked+.btn:not(.user-info-link),
.btn.active:not(.user-info-link),
.btn.show:not(.user-info-link),
.btn:first-child:active:not(.user-info-link),
:not(.btn-check)+.btn:active:not(.user-info-link) {
    background-color: var(--color-gray-100);
    color: #fff;
    border-color: #191e3b;
}

.dropdown-item:active {
    background-color: var(--color-orange);
}

.btn.btn-link:hover,
.btn.btn-link.active,
.btn.btn-link.show {
    background: none;
}

.btn.btn-extension:hover {
    background-color: var(--bs-btn-hover-bg);
}

.chat-pop-up .left-content-msg,
.chat-page .left-content-msg {
    margin-right: 40%;
}

.chat-pop-up .right-content-msg,
.chat-page .right-content-msg {
    margin-left: 40%;
}

@media(min-width:992px) {
    .chatDetailPage .chat-page textarea {
        width: 92%;
    }
}

.navbar .navbar-brand img {
    height: 56px;
}

/* sachin  */
.placeHolderClr::placeholder {
    color: rgb(248, 112, 112);
    /* Change this color to your desired placeholder color */
    opacity: 1;
    /* Ensures the color appears fully */
}

/* star rating review */
.stars .fa-star,
.stars .fa-star-half-o {
    color: #ceceee;
    margin-right: 3px;
}

.stars .fa-star.checked,
.stars .fa-star-half-o.checked {
    color: #F2CC00;
}

.user-star-review .stars.total-stars,
.overall-rating-stars .stars {
    font-size: 32px;
}

.review-remark {
    margin: 10px auto;
}

.review-remark .show-remark {
    line-height: 1.2;
}

.rating-text {
    color: var(--color-orange);
    cursor: pointer;
}

.reviewModal .modal-dialog {
    max-width: 80%;
}

.review-progress-wrapper .progress {
    height: 10px;
    width: 100%;
}

.review-progress-wrapper .progress-bar {
    background-color: #F2CC00;
}

.reviewModal .form-select {
    border: 1px solid grey;
    border-radius: 20px;
}

.reviewModal .form-select:focus {
    border: 2px solid #000;
}

.user-review img {
    height: 42px;
}

.user-reviewDetails p {
    font-size: 14px;
}

.reviewModal .lower-section {
    height: calc(100vh - 209px);
    overflow: auto;
    padding-right: 20px;
}

.user-star-review .input-box {
    display: flex;
    border: 1px solid #dad8d8;
    border-radius: 10px;
    padding: 10px 10px;
}

.user-star-review .input-box input {
    width: calc(100% - 30%);
    border: none;
    outline: none;
}

.user-star-review textarea {
    resize: none;
    border: none;
    outline: none;
    width: 83%;
    font-size: 14px;
    height: 28px;
    max-height: 75px;
}

.star_rating {
    display: inline-block;
    border: 0;
}

/* Hide radio */
.star_rating>input {
    display: none;
}

/* Order correctly by floating highest to the right */
.star_rating>label {
    color: #ddd;
    float: right;
}

/* The star of the show */
.star_rating>label:before {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome, sans-serif;
    content: "\f005 ";
    /* full star */
}

/* Half star trick */
.star_rating .half:before {
    content: "\f089 ";
    /* half star no outline */
    position: absolute;
    padding-right: 0;
}

/* Click + hover color */
.star_rating>input:checked~label,
/* color current and previous stars on checked */
.star_rating>label:hover,
.star_rating>label:hover~label {
    color: #fcc933;
}

/* color previous stars on hover */

/* Hover highlights */
.star_rating>input:checked+label:hover,
.star_rating>input:checked~label:hover,
/* highlight current and previous stars */
.star_rating>input:checked~label:hover~label,
/* highlight previous selected stars for new rating */
.star_rating>label:hover~input:checked~label

/* highlight previous selected stars */
    {
    color: #ffc107;
}


button#WalletConnect.btn:disabled {
    background-color: transparent;
}

/* loader */

.loader-wrapper .spanner {
    position: absolute;
    top: 155px;
    left: 0;
    background: transparent;
    width: 100%;
    display: block;
    text-align: center;
    height: 20%;
    color: #FFF;
    transform: translateY(-50%);
    z-index: 99999;
    visibility: hidden;
}

.loader-wrapper .overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
}

.loader-wrapper .loader {
    color: #191e3b;
    font-size: 10px;
    margin: 40px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader-wrapper .loader:before,
.loader-wrapper .loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader-wrapper .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader-wrapper .loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.loader-wrapper .loader,
.loader-wrapper .loader:before,
.loader-wrapper .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation: load7 1.8s infinite ease-in-out;
    animation-fill-mode: both;
}

.loader-wrapper .show {
    visibility: visible;
}

.loader-wrapper .spanner,
.loader-wrapper .overlay {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.loader-wrapper .spanner.show,
.loader-wrapper .overlay.show {
    opacity: 1;
    z-index: 9999;
}

.review-status-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #232F3E;
    color: #fff;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 12px;
}

.vertical-separator {
    width: 1.5px;
    background-color: #fff;
    height: auto;
    border-radius: 6px;
}

/* style for owner card and detail start */
.owner-card-wrapper .card {
    border: none;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px 0px;
}

.owner-card-wrapper .card .fs-xs {
    font-size: 12px;
}

@media(min-width:576px) {
    .meet-host .owner-card-wrapper .card {
        width: 20rem;
    }
}

/* .main-content {
    flex: 1;
    padding: 0 20px;
    overflow-y: auto;
} */

.owner-detail-wrapper .carousel {
    width: 100%;
    margin: 0px auto;
}

.owner-detail-wrapper .slick-list {
    margin: 0;
}

.listing-carousel .slick-prev,
.review-carousel .slick-prev {
    right: 70px;
}

.listing-carousel .slick-next,
.review-carousel .slick-next {
    right: 15px;
}

.listing-carousel .slick-prev,
.listing-carousel .slick-next,
.review-carousel .slick-next,
.review-carousel .slick-prev {
    position: absolute;
    top: -12%;
    transform: translateY(-50%);
    z-index: 1000;
    color: #6c757d;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    cursor: pointer;
}

.listing-carousel .slick-prev,
.listing-carousel .slick-next {
    top: -7%;
}

.review-carousel .card.slick-slide,
.listing-carousel .slick-slide {
    margin: 15px 21px 20px 0;
}

blockquote p {
    line-height: 1.2;
}

.review-carousel .card-body .thumnail-img {
    height: 50px;
}

.review-carousel .card-body .wh-name {
    font-size: 14px;
}

.review-carousel .card-body .user-reviewDetails p {
    font-size: 12px;
}

.listing-carousel .slick-slide {
    padding: 0;
}

.listing-carousel .card {
    border: none;
}

.listing-carousel .card-body {
    padding: 10px 15px;
}

.listing-carousel .slick-track,
.review-carousel .slick-track {
    margin: 0;
}

/* style for owner card and detail end */

@media(min-width:576px) {
    .recommendation-card-wrapper .listing-carousel .slick-list {
        margin: 0;
    }
}

@media(max-width:992px) {

    .listing-carousel .slick-prev,
    .listing-carousel .slick-next {
        top: -6%;
    }
}

@media(max-width:576px) {

    .listing-carousel .slick-prev,
    .listing-carousel .slick-next {
        top: 50%;
        right: 0;
    }

    .listing-carousel .slick-prev {
        right: auto;
    }

    .review-carousel .card.slick-slide,
    .listing-carousel .slick-slide {
        margin-right: 0;
    }
}

/* minnimum height for less content in main div */
main {
    min-height: calc(100vh - 530px);
}

@media(min-width:1024px) {
    main {
        min-height: calc(100vh - 377px);
    }
}

.owner-card-wrapper .card {
    background: rgba(25, 30, 59, 17%);
}

.owner-card-wrapper .card img {
    height: 150px;
    width: 150px;
}

.owner-card-wrapper .card .fs-5 {
    background: #fff;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    justify-content: center;
}

.securePayment_wrapper .header_text {
    background-color: var(--color-gray-100);
}

.securePayment_wrapper {
    font-family: sans-serif;
}

.securePayment_description_wrapper #progress-container {
    width: 90%;
    height: 6px;
    background-color: #ddd;
    margin: 20px auto;
    border-radius: 10px;
    overflow: hidden;
}

.securePayment_description_wrapper #progress-bar {
    height: 100%;
    width: 0;
    background-color: var(--color-gray-100);
    transition: width 0.5s;
}

.securePayment_description_wrapper #timer {
    font-size: 16px;
    font-weight: bold;
    color: #191e3b;
}

.securePayment_description_wrapper .img-wrapper {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: rgba(25, 30, 59, 17%);
}

.securePayment_description_wrapper .img-wrapper img {
    height: 100%;
}

.securePayment_description_wrapper p {
    color: var(--color-gray-500);
    margin-bottom: 0;
}

.securedetails p {
    font-size: 14px;
}

.payment_instruction {
    margin: auto;
    max-width: 45.5rem;
}

/* -------Warehouse Detail Page---- */
.warehouse-desc-wrapper .card-header img {
    height: 30px;
}

.bonded,
.unboded {
    background: var(--color-orange);
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    width: max-content;
    font-size: 14px;
}

.input-booking-dates .date-label {
    background-color: var(--color-bg-theme);
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
    padding: 8px 12px;
}

.meet-host-wrapper .card {
    width: 18rem;
    box-shadow: 1px 3px 20px 0px #0000001A;
}

.meet-host-wrapper img {
    height: 130px;
    width: 130px;
    /* border-radius: 50%; */
}
button.btn.btn-outline-none {
    background-color: #fff;
    border: 1px solid #fff;
    color: var(--color-bg-theme);
}

button.btn.btn-outline-orange {
    border: 1px solid var(--color-orange);
    color: var(--color-orange);
}
button.btn.btn-outline-grey{
    border: 1px solid #999387;
    color: #999387;
}
button.btn.btn-outline-orange:hover,
button.btn.btn-outline-grey:hover {
    background: transparent;
}

button.btn.btn-outline-custom {
    border: 1px solid #191e3b;
    color: #191e3b;
}

button.btn.btn-outline-custom:hover {
    color: #fff;
}

.feedback-title {
    font-size: 12px;
}

hr.vertical-separator {
    margin: 0;
    width: 1.5px;
    background-color: #fff;
    height: auto;
    border-radius: 6px;
}

.warehouse-name-wrapper hr.vertical-separator {
    height: 20px;
}

/* .recommendation-card-wrapper .card{
    box-shadow: none;
}
.recommendation-card-wrapper .card img{
    border-radius: 10px;
} */
.recommendation-card-wrapper .location-icon {
    background: #191e3b;
    padding: 6px 8px;
    border-radius: 10px;
}

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

.recommendation-card-wrapper .review-status-btn {
    background-color: #191E3B99;
    border-radius: 6px;
}

/* Swiper Css Start */
.swiper-container {
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-thumbs .swiper-wrapper .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
}

@media (min-width: 480px) {
    .swiper-container {
        min-height: 320px;
    }
}

.swiper-container-wrapper {
    display: flex;
    flex-flow: column nowrap;
    height: 34vh;
}

@media (min-width: 480px) {
    .swiper-container-wrapper {
        flex-flow: row nowrap;
    }
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.gallery-top {
    position: relative;
    width: 100%;
    height: 24vh;
}

.gallery-thumbs {
    width: 100%;
    height: 10vh;
    padding-top: 10px;
}

@media (min-width: 576px) {
    .swiper-container-wrapper {
        height: 32vh;
    }

    .gallery-top {
        height: 32vh;
        margin-right: 10px;
    }

    .gallery-thumbs {
        height: 32vh;
        padding-top: 0px;
    }
}

@media (min-width: 840px) {
    .swiper-container-wrapper {
        height: 80vh;
    }
}

@media (min-width: 992px) {
    .gallery-top {
        height: 80vh;
    }

    .gallery-thumbs {
        height: 80vh;
    }
}

.gallery-thumbs .swiper-wrapper {
    flex-direction: row;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    flex-flow: row nowrap;
    height: 100%;
    opacity: 0.75;
    cursor: pointer;
}

@media (min-width: 480px) {
    .gallery-thumbs .swiper-slide {
        flex-flow: column nowrap;
        width: 100%;
    }
}

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

/* Swiper Css End */

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

    .stars .fa-star,
    .stars .fa-star-half-o {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .input-booking-dates input {
        text-align: center;
    }
}

.card-warehouse .review-status-btn {
    background-color: #EE5A14;
    border-radius: 6px;
}

.hoverBtn button {
    color: var(--color-gray-100);
    border: 1px solid var(--color-gray-100);
}

.hoverBtn button:hover {
    color: #fff;
}

.form-check-input:checked {
    border-color: var(--color-gray-100);
    background-color: var(--color-gray-100);
}

@media screen and (min-width: 1024px) {
    .secure-spacious-container {
        font-size: 64px;
        font-weight: 700;
        line-height:140%;
    }
}

/* contact-form */
.contact-form-container {
    margin-top: -280px;
    z-index: 99;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    margin-bottom: 50px;
}

.contact-form-container textarea {
    height: 100px !important;
}

/* faq-section */
.faqSection .accordion-flush>.accordion-item {
    margin-bottom: 30px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    border-radius: 10px;
}

.faqSection .accordion-button:not(.collapsed) {
    color: var(--color-white);
    background-color: var(--color-orange);
    box-shadow: none;
}

.faqSection .accordion-button:focus {
    box-shadow: none;
}

.faqSection>.accordion-flush>.accordion-item>.accordion-header .accordion-button:not(.collapsed) {
    color: #fff;
}

.faqSection>.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    color: #191e3b;
}

.faqSection .accordion-button::after {
    display: none;
}

.faqSection .accordion button[aria-expanded='true'] .icon {
    color: #fff;
}

.faqSection .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.faqSection .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 20px;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
    color: #191e3b;
}

.faqSection .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.faqSection .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.footer-container .vertical-separator-footer {
    width: 2px;
    background-color: #fff;
    height: 24px;
    border-radius: 6px;
    /* margin-top: 8px; */
}

.checkout-1-additional-service-latest .service-name {
    font-size: 22px;
}

.additional-service-review .card-detail-body {
    left: 0;
    width: 100%;
}

.bs-stepper .step.current .step-trigger {
    color: #191e3b;
}

.bs-stepper .step.current .step-trigger:focus .bs-stepper-circle,
.bs-stepper .step.current .step-trigger .bs-stepper-circle {
    background: #191E3B;
    color: #fff;
}

.additional-service-review .card-detail-container,
.selectedServiceWrapper .card-detail-container {
    max-height: 260px;
    overflow: auto;
}

.checkbox-btn .btn-outline-primary,
.checkbox-btn .btn:hover {
    border: 1px solid #191e3b;
    --bs-btn-color: #191e3b;
}

.additional-service-review .service-details,
 .selectedServiceWrapper .service-details {
     cursor: pointer;
 }

.stepper-tab-content {
    display: none;
}

.stepper-tab-content.current {
    display: block;
}

@media screen and (min-width: 769px) {
    .additional-service-review .detail-body,
    .selectedServiceWrapper .detail-body {
        height: auto;
        overflow: unset;
    }

    .additional-service-review .card-detail-body {
        margin-left: 40px;
        margin-right: 35px;
    }
}

.custom-popup {
    border-radius: 20px;
    padding: 30px;
    font-family: 'Arial', sans-serif;
}

.custom-title {
    font-size: 24px;
    font-weight: bold;
    color: #444;
}

.custom-button {
    background-color: #191e3b !important;
    color: white !important;
    border-radius: 10px;
    padding: 10px 20px;
}


.loader-wrapper.home-loader .spanner {
    position: fixed;
    top: 50%;
}

.loader-wrapper.home-loader .loader {
    color: #fff;
}

.warehouse-card-name p,
.warehouse-card-location {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.warehouse-card-location {
    width: 130px;
}

@media(min-width:576px) {
    .recommendation-card-wrapper .listing-carousel .slick-slide {
        margin: 15px 10px 20px 10px;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .warehouse-card-location {
        width: 180px;
    }
}

@media(min-width:1024px) {
    .warehouse-card-location {
        width: 170px;
    }
}

/* masonary item */
.masonry-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    gap: 16px;
}

.masonry-gallery .item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.masonry-gallery .item img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

.masonry-gallery .item:hover img {
    transform: scale(1.05);
}

/* Different sizes for Masonry effect */
.masonry-gallery .item:nth-child(1) {
    grid-row: span 3;
}

.masonry-gallery .item:nth-child(2) {
    grid-row: span 2;
}

.masonry-gallery .item:nth-child(4) {
    grid-row: span 2;
}

.masonry-gallery .item:nth-child(5) {
    grid-row: span 2;
}

.masonry-gallery .item:nth-child(7) {
    grid-row: span 1;
}


@media(min-width:768px) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 425px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 380px;
    }
}

@media(min-width:1200px) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 550px;
    }
}

@media(min-width:1500px) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 650px;
    }
}




.text-blue {
    color: #0d6efd !important;
}

/* terms-and-conditions */
.terms-condition-wrapper {
    margin-top: 120px;
}

.terms-condition-wrapper .title-Container h1 {
    font-size: 4rem;
}

.tenantTermsCondition {
    display: flex;
}

.tenantTermsCondition .tab-container {
    width: 250px;
    padding-top: 15px;
    /* position: sticky; */
    /* top: 120px;  */
    align-self: flex-start;
    /* Ensure it doesn't stretch */
    /* height: 100vh;  */
    /* overflow-y: auto;  */
}

.tenantTermsCondition .tab-button {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: left;
    border: none;
    background-color: #fff;
    cursor: pointer;
}

.tenantTermsCondition .tab-button:hover {
    text-decoration: underline;
}

.tenantTermsCondition .tab-button.active {
    text-decoration: underline;
    font-weight: bold;
}

.tenantTermsCondition .content-container {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    /* Scrollable content */
    padding-left: 40px;
}

.tenantTermsCondition .contents {
    margin-bottom: 40px;
    /* Space between sections */
}

.tenantTermsCondition .content h2 {
    font-size: 48px;
    margin-bottom: 15px;
}

.tenantTermsCondition .content>ul {
    padding-left: 30px;
}

.tenantTermsCondition .content>ul>li {
    font-weight: bold;
    margin-bottom: 15px;
    list-style-type: disc;
}

.tenantTermsCondition .content p {
    margin-bottom: 15px;
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}

button.back-to-top {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff;
    height: 0px;
    width: 0px;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: transparent;
    clear: both;
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    display: block;
    border: none;
    right: 50px;
    bottom: 75px;
    font-size: 0px;
    outline: 0 !important;
    z-index: 99;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

button.back-to-top::before,
button.back-to-top::after {
    content: "";
    display: block;
    border-bottom: solid 10px #191E3B;
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
    border-radius: 20px;
    visibility: hidden;
}

button.back-to-top.show::after,
button.back-to-top.show::before {
    visibility: visible;
}

button.back-to-top::after {
    border-bottom-color: #fff;
    position: relative;
    top: -24px;
}

button.back-to-top.show {
    display: block;
    right: 25px;
    bottom: 50px;
    height: 50px;
    width: 50px;
    visibility: visible;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}

button.back-to-top.show:active {
    box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

.tenantTermsCondition .tab-container.sticky-tab {
    position: fixed;
    top: 100px;
}

.tenantTermsCondition .content-container.sticky-container {
    margin-left: 250px;
}

.footer.sticky-footer {
    position: absolute;
    width: 100%;
}

/* masonary item */
.masonry-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    gap: 16px;
}

.masonry-gallery .item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.masonry-gallery .item img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

.masonry-gallery .item:hover img {
    transform: scale(1.05);
}

/* Different sizes for Masonry effect */
.masonry-gallery .item:nth-child(1) {
    grid-row: span 3;
}

.masonry-gallery .item:nth-child(2) {
    grid-row: span 2;
}

.masonry-gallery .item:nth-child(4) {
    grid-row: span 2;
}

.masonry-gallery .item:nth-child(5) {
    grid-row: span 2;
}

.masonry-gallery .item:nth-child(7) {
    grid-row: span 1;
}


@media(min-width:768px) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 425px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 380px;
    }
}

@media(min-width:1200px) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 550px;
    }
}

@media(min-width:1500px) {
    .warehouse-name-wrapper .warehouse-address {
        max-width: 650px;
    }
}

.text-blue {
    color: #0d6efd !important;
}

.text-wraning {
    color: #ffc107 !important;
}



.animate-loading {
    background: hsl(200, 20%, 85%);
    animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 70%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

/* When image loads, fade it in */
.animate-loading.loaded {
    animation: none;
    background: none;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}



/* .animate-loading{
    animation : skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading{
    0%{
        background-color:hsl(200,20%,70%);
    }
    100%{
        background-color:hsl(200,20%,95%);
    }
} */

/* Ensure the container (the image's parent) is positioned relatively */
/* .loading-image-container {
    position: relative;
  } */
/* Ensure the container (the image's parent) is positioned relatively */
.loading-image-container {
    position: relative;
}

/* Skeleton overlay on top of the image */
.skeleton-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite linear;
    pointer-events: none;
    z-index: 10;
}

/* Shimmer keyframes */
@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Hide the image until loaded */
.loading-image {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: block;
}

/* Fade in the image when loaded */
.loading-image.loaded {
    opacity: 1;
}
.service-img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

.service-details-modal .service-img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: none;
    user-select: none;
}

.objectcover {
    object-fit: cover !important;
}


.form-submit .disabled {
    background: #6c757d !important;
    color: white !important;
    cursor: none;
}

#raiseDisputes input::placeholder {
    color: gray;
}

.remove-btn{
    color: #dc3545 !important;
    background: white !important;
}

.mt-0-5 {
    margin-top: 3px;
}

/* ======= Register and login ============= */

.login-container {
    /* background-color: #fff; */
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    position: relative;
    overflow: hidden;
    width: 80%;
    max-width: 100%;
    max-height: 100%;
    min-height: 842px;
    margin-bottom: 50px;
    margin-top: 25px;
}

@media(min-width:1500px) {
    .login-container {
            min-height: 875px;
    }
}

.form_container {
    position: absolute;
    top: 0;
    height: 100%;
    transition: all 0.6s ease-in-out;
}

.sign-in-container {
    left: 0;
    width: 50%;
    z-index: 2;
}

.sign-in-container .form_field,
.sign-up-container .form_field {
    margin: 0 50px 50px 50px;
}

.login-container.right-panel-active .sign-in-container {
    /* transform: translateX(100%); */
}

.sign-up-container {
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
}

.login-container.right-panel-active .sign-up-container {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: show 0.6s;
}

@keyframes show {

    0%,
    49.99% {
        opacity: 0;
        z-index: 1;
    }

    50%,
    100% {
        opacity: 1;
        z-index: 5;
    }
}

.overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
    z-index: 100;
}

.login-container.right-panel-active .overlay-container {
    transform: translateX(-100%);
}

.overlay-login {
    background-color: var(--color-bg-theme);
    color: #FFFFFF;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

.login-container.right-panel-active .overlay-login {
    transform: translateX(50%);
}

.overlay-panel {
    position: absolute;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    top: 8%;
    height: 100%;
    width: 50%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

/* .overlay-panel .form-img-wrapper{
  margin-top: 60px;
  } */
.overlay-left {
    transform: translateX(-20%);
}

.login-container.right-panel-active .overlay-left {
    transform: translateX(0);
}

.overlay-right {
    right: 0;
    transform: translateX(0);
}

/* .overlay-right h2,
.overlay-left h2 {
    font-size: 22px;
} */

.overlay-right,
.overlay-left {
    /* background-image: url(../media/images/ai-bg.png) !important; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

.overlay-left {
    position: relative;
}

.ai-curve {
    width: 100%;
    position: absolute;
    bottom: 8%;
}

.ai-curve img {
    width: 100%;
}

.login-container.right-panel-active .overlay-right {
    transform: translateX(20%);
}

.toggle-form {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    border: none;
}

.auth_main .form_field label {
    color: var(--primary-text-color);
    font-family: Poppins, sans-serif;
    font-size: 18px;
    letter-spacing: 0.4px;
}

.auth_main .form_field .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #333;
    color: var(--primary-text-color);
    background-color: transparent;
}

.auth_main .form-control:focus,
.auth_main .input-group .flag-dropdown:focus,
.auth_main .input-group .contact-input:focus {
    box-shadow: none !important;
    border-color: #EE5A14; 
}

.auth_main .input-group .flag-dropdown,
.auth_main .input-group .contact-input {
    border-radius: 0;
    border: none;
    background: none;
    border-bottom: 1px solid #333;
}

.signupButton {
    padding: 12px;
    width: 40%;
    font-size: 18px;
    border-radius: 10px;
    background-color: var(--primary-text-color);
}

.signupButton:hover {
 background-color: var(--color-orange);
 border-color: var(--color-orange);
}

.main-content-wrapper {
    height: 100px;
}

.auth_main .auth_header h2,
.auth_main .auth_header p,
.auth_main .auth_header a,
.forgot_password a {
    color: var(--primary-text-color);
}

.auth_main .auth_header h3 {
    color: var(--primary-text-color);
    font-size: 22px;
    font-weight: 600;
}

.auth_header .signUp,
.auth_header .signIn,
.already_signin .signUp,
.already_signin .signIn {
    cursor: pointer;
}

@media (max-width: 1400px) {
    .auth_main .login-container .form_field label {
        font-size: 13.498px;
    }
}

@media(max-width:1024px) {

    .sign-in-container .form_field,
    .sign-up-container .form_field {
        margin: 20px;
    }

    .login-container {
        width: 90%;
    }
}

@media(max-width:992px) {
    .login-container {
        width: 100%;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .main-content-wrapper {
        height: 87px;
    }
}

@media(max-width:576px) {

    /* .sign-up-container, .sign-in-container{
        width: 100%;
    }
    .overlay-container{
        display: none;
    } */
    .login-container {
        flex-direction: column;
        position: static;
        width: 100%;
        min-height: auto;
    }

    .form_container {
        position: static;
        width: 100%;
        opacity: 1 !important;
        transform: none !important;
    }

    .overlay-container {
        position: static;
        width: 100%;
        height: auto;
        transform: none !important;
        margin-top: 20px;
    }

    .overlay-login {
        flex-direction: column;
        position: static;
        width: 100%;
        height: auto;
        left: 0;
        transform: none !important;
    }

    .overlay-panel {
        position: static;
        width: 100%;
        height: auto;
        transform: none !important;
        padding: 20px;
    }

    .login-container.right-panel-active .overlay-container,
    .login-container.right-panel-active .overlay-login,
    .login-container.right-panel-active .overlay-left,
    .login-container.right-panel-active .overlay-right {
        transform: none !important;
    }

    .sign-up-container,
    .sign-in-container {
        z-index: auto !important;
    }


    .sign-up-container,
    .overlay-left {
        display: none;
    }

    .sign-in-container,
    .overlay-right {
        display: block;
    }

    .sign-up-active .sign-in-container,
    .sign-up-active .overlay-right {
        display: none;
    }

    .sign-up-active .sign-up-container,
    .sign-up-active .overlay-left {
        display: block;
    }
}



.auth_main.steps_section .auth_wrapper_multisteps {
    background-color: var(--bg-custom);
    border: 1px solid var(--border-color);
    border-radius: 16px;
}

.auth_main.steps_section .checkotp-btn {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 600;
    background: var(--primary-bg-color);
    border: 0px;
    padding: 1rem 3rem;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 8px;
    line-height: 22px;
}

.auth_main .step-container .step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid var(--primary-bg-color);
    color: var(--primary-bg-color);
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.auth_main .step-container .step-circle img {
    filter: none;
}

.auth_main .step-container .step-circle.active {
    background-color: var(--primary-bg-color);
    color: #fff;
}

.auth_main .step-container .step-circle.step-complete {
    border: 1px solid var(--border-color);
    background-color: var(--bg-custom);
}

.auth_main .step-container .step-circle .success-icon {
    display: none;
}

.auth_main .step-container .step-circle.step-complete .step-count {
    display: none;
}

.auth_main .step-container .step-circle.step-complete .success-icon {
    /* display: block; */
}

.auth_main .step-container h6 {
    margin-bottom: 0;
    color: var(--primary-text-color);
}

.auth_main .step-container p {
    margin-bottom: 0;
}

.digit-group {
    padding: 0 4rem;
}

@media(max-width:992px) {
    .digit-group {
        padding: 0;
    }
}

.digit-group .form-control {
    border-color: var(--primary-border-color);
    height: 50px;
    background-color: transparent;
}

.auth_main .form-control:focus,
.auth_main .input-group .flag-dropdown:focus,
.auth_main .input-group .contact-input:focus {
    box-shadow: none !important;
    border-color: var(--primary-border-color);
    ;
    border-bottom: 2px solid var(--primary-border-color);
    ;
}

.auth_wrapper_multisteps .separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

.auth_wrapper_multisteps .separator::before,
.auth_wrapper_multisteps .separator::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #B4B4B4;
    margin: 0 10px;
}

.auth_wrapper_multisteps .separator span {
    color: #B4B4B4;
    font-weight: bold;
}

a.custom-link {
    color: #222222;
}

a.custom-link:hover,
a.custom-link:active {
    color: #222222;
}

.auth_wrapper_multisteps .qrcodeWrapper {
    position: relative;
    width: 200px;
    height: 200px;
    margin: auto;
}

.corner-border-left:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    top: -12px;
    left: -12px;
    border-top: 3px solid #0C1D46;
    border-left: 3px solid #0C1D46;
    border-top-left-radius: 24px;
}

.corner-border-left:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    left: -12px;
    bottom: -12px;
    border-left: 3px solid #0C1D46;
    border-bottom: 3px solid #0C1D46;
    border-bottom-left-radius: 24px;
}

.corner-border-right:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    right: -12px;
    top: -12px;
    border-top: 3px solid #0C1D46;
    border-right: 3px solid #0C1D46;
    border-top-right-radius: 24px;
}

.corner-border-right:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    right: -12px;
    bottom: -12px;
    border-bottom: 3px solid #0C1D46;
    border-right: 3px solid #0C1D46;
    border-bottom-right-radius: 24px;
}

.extension-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}

.loader-container {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 30px auto;
}

.extension-loader {
    width: 100%;
    height: 100%;
    border: 8px solid var(--primary-text-color);
    border-radius: 50%;
    border-top: 8px solid transparent;
    animation: spin 1.5s linear infinite;
}

.loader-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #222222;
}

.resetTimerWrapper {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    width: max-content;
    margin: auto;
    padding: 6px 15px;
}

.resetTimer {
    font-size: 18px;
    font-weight: 600;
    color: #EA4335;
}

.talisman-btn {
    font-size: 16px;
    font-weight: 600;
    background: var(--primary-text-color);
    border: 0px;
    padding: 1rem 4rem;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 10px;
    line-height: 22px;
}

.auth-error {
    width: 100% !important;
    margin-top: .25rem !important;
    font-size: .875em !important;
    color: #dc3545 !important;
}

.blue-btn {
    font-size: 16px;
    letter-spacing: 1px;
    background-color: var(--primary-btn-bg-color);
    color: #fff;
    border: 1px solid var(--primary-btn-bg-color);
    border-radius: 10px;
    padding: .6rem 1.3rem;
}

.blue-outline-btn {
    font-size: 16px;
    letter-spacing: 1px;
    background-color: transparent;
    color: var(--primary-btn-bg-color);
    border: 1px solid var(--primary-btn-bg-color);
    border-radius: 10px;
    padding: .6rem 1.3rem;
}

.blue-outline-btn:hover {
    background-color: var(--primary-btn-bg-color);
    color: #fff;
}

.toggle-password {
    cursor: pointer;
    right: 10px;
    top: 7px;
}

/* country select dropdown */
.countrycode-wrap .dropdown {
    position: relative;
    width: 80px;
    user-select: none;
}

.countrycode-wrap .dropdown-toggle {
    padding: 10px 0;
    border-bottom: 1px solid #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
}

.countrycode-wrap .dropdown-toggle img {
    width: 22px;
    height: auto;
    /* margin-right: 10px; */
}

.countrycode-wrap .dropdown-toggle .code {
    font-size: 14px;
}

.countrycode-wrap .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    max-height: 180px;
    min-width: 180px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}

.countrycode-wrap .dropdown.open .dropdown-menu {
    display: block;
}

.countrycode-wrap .search-input {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
    border: none;
}

.countrycode-wrap .option {
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.countrycode-wrap .option img {
    width: 20px;
    height: 20px;
}

.countrycode-wrap .option:hover {
    background: #f0f0f0;
}

.iti--inline-dropdown .iti__country-list {
    max-height: 122px !important;
}

/* /country select dropdown */
.actionTimerbtn {
    color: var(--primary-text-color);
    cursor: pointer;
    text-decoration: underline;
}
.actionTimerbtn.disabled{
	background: #ddd;
    border: 1px solid var(--color-orange);
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 500;
    color: var(--color-orange);
    opacity: 0.7;
	text-decoration: none;
	cursor: not-allowed;
}

.step-container .text-success {
    display: none;
}

.step-container .text-process {
    display: none;
}


.step-container [data-status="complete"] .success-icon {
    display: block !important;
}

.step-container [data-status="complete"] .step-circle {
    border: 1px solid #DD642F;
    /* background-color: var(--bg-custom); */
}

.step-container [data-status="complete"] .step-count {
    display: none;
}

.step-container [data-status="complete"] .text-success {
    display: block !important;
    color: #DD642F !important;
}

.step-container [data-status="processing"] .step-circle {
    background-color: var(--color-bg-theme);
    color: #fff;
}

.step-container [data-status="processing"] .text-process {
    display: block !important;
}

#mailOtp .error,
#phoneOtp .error{
    border: 1px solid red;
}

/* ======= /Register and login ============= */

.reg-company-form .form_field label {
    font-size: 15px;
    margin-bottom: 0;
}

.reg-company-form .form-control {
    font-size: 14px;
    padding-left: 0;
}
.reg-company-form .country-number-dropdown .form-control{
    padding-left: 10px;
}

.reg-company-form .form-control:focus,
.reg-company-form .form-control.date-field:focus,
.reg-company-form .form-control.date-field:active {
    color: var(--primary-text-color) !important;
    font-weight: 600;
}

.reg-company-form .form-control.date-field {
    color: #565a5f !important;
}

.reg-company-form input::placeholder {
    font-size: 14px;
    color: #565a5f !important;
}

/* upload doc */
.upload-container {
    padding: 20px;
    text-align: center;
    border: 2px dashed var(--primary-border-color);
    background: #f5f5f570;
    border-radius: 10px;
}

.upload-container.dragover {
    border-color: #00aaff;
    background-color: #e0f7ff;
}

.file-input {
    width: 23%;
    margin-top: 10px;
}

#fileList {
    list-style: none;
}

#fileList li {
    font-size: 14px;
}

.custom-file-label {
    cursor: pointer;
}

/* /upload doc */
/* ======= /Register and login ============= */


.host-img-wrapper img{
    width: 130px;
    height: 130px;
    /* border-radius: 50%; */
}
.host-title{
    text-transform: uppercase;
    color: var(--color-bg-theme);
    font-weight: 700;
}
.navbar .nav-link{
    color:#191e3b;
}
.nav-item .notificationBtn,
.nav-item .chatBtn{
    background-color: var(--color-orange);
}
.nav-item .notificationBtn:hover,
.nav-item .chatBtn:hover {
    background-color: var(--color-gray-100);
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show{
    color: var(--color-gray-100);
}
.contact-us-page .landing-banner img{
    height: 600px;
}
.owners-listing-wrapper .card-img{
    height: 320px;
}
.serviceMain .loading-image-container{
    height:100%;
}
.serviceMain .card img{
    width:100%;
}
.btn.btn-outline-secondary:hover{
    background-color:#6c757d ;
    border-color:#6c757d;
    color: #fff;
}
.btn.btn-primary.accept-btn.disabled {
    color: #fff;
    pointer-events: none;
    background-color: var(--color-primary) ;
    border-color: var(--color-primary);
    opacity: var(--bs-btn-disabled-opacity);
}
.heading-text{
    font-size: 59px;
    font-weight: 700;
}
/* responsive start */
@media(max-width:992px){
    .searchFilterWrapper {
        margin-top: 100px;
    }
    .steps-book-list-wrapper {
        margin-top: 200px;
    }
    .secure-spacious-container{
        font-size:52px;
        font-weight:600;
    }
    .heading-text {
        font-size: 48px;
        font-weight: 700;
    }
}
@media(max-width:767px){
    .heading-text {
        font-size: 40px;
        font-weight: 600;
    }
    .secure-spacious-container{
        font-size:40px;
        font-weight:600;
    }
}
@media screen and (max-width: 767px) {
    .contact-us-page .landing-banner img {
        min-height: 400px;
        object-fit: cover;
        height: auto;
    }
}
@media (max-width: 767px) {
    .searchFilterWrapper {
        margin-top: 50px;
    }
    .contact-info{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.loading-recovery-code{
    width:40px;
    height: 40px;
}
.recovery-code-container {
    max-width: 600px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
    padding: 20px;
    border-radius: 8px;
    background: #0C1D46;
    color: #fff;
    border: 1px solid #CFDCFC;
}

.recovery-code-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border: 1px dashed #fff;
    border-radius: 5px;
    font-size: 18px;
    font-family: Poppins, sans-serif;
}

.recovery-code-box .icons{
    display: flex;
}
/* responsive end */
@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}

@media (min-width: 1800px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1560px;
    }
}
@media(min-width:1024px) and (max-width:1200px){
    .navbar .navbar-brand img {
        height: 40px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:14px
    }
}
/* ---new-booking-page-start---- */
.booking-wrapper .landing-banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.booking-wrapper .withFilterCategoryBtn .filterBtn button:hover{
    background-color: #EE5A14;
    border:1px solid #EE5A14;
}
.booking-wrapper .btn-check:checked+.btn:not(.user-info-link),
.booking-wrapper .btn.active:not(.user-info-link),
.booking-wrapper .btn.show:not(.user-info-link),
.booking-wrapper .btn:first-child:active:not(.user-info-link),
.booking-wrapper :not(.btn-check)+.btn:active:not(.user-info-link) {
    background-color: var(--color-orange);
    color: #fff;
    border-color: var(--color-orange);
}

@media screen and (min-width: 1024px) {
    .booking-wrapper .secure-spacious-container {
        font-size: 48px;
        font-weight: 700;
        line-height:140%;
    }
}
@media(max-width:992px){
    .booking-wrapper .secure-spacious-container{
        font-size:40px;
        font-weight:600;
    }
}
/* ---new-booking-page-end---- */

@media(min-width: 1600px){
    .masonry-gallery {
      grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
  }
}
@media(min-width:1800px){
    .masonry-gallery {
      grid-template-columns: repeat(auto-fit, minmax(295px, 1fr));
  }
}
.modal-header .modal-title{
    color: var(--primary-border-color);
}
.cancel-btn {
    padding: 1rem 4rem;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    line-height: 22px;
    border: 1px solid var(--primary-border-color);
}
.accept-btn{
    padding: 1rem 4rem;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    line-height: 22px;
}
@media(max-width:576px){
    .accept-btn,.cancel-btn{
        width: 100%;
    }
}


#company-status-message{
    padding: 20px;
    border: 1px solid #f00;
    background: #ffe5e5;
    border-radius: 8px;
}

#company-status-message h3{
    color: #d00;
}

#company-status-message .reason{
    margin-bottom: 10px;
}

span.account-status {
    font-size: 13px;
    color: #ffc107;
}

.item:hover .arrow-btn{
    background-color: #EE5A14;
}

.item:hover .arrow-btn img{
    filter: brightness(1) invert(1);
}

a.btn-more:hover{
    color: #EE5A14;
    border-color: #EE5A14;
}

.slick-arrow:hover{
    border-color: #EE5A14;
}

.slick-arrow:hover .fa{
    color: #EE5A14;
}

.btn:hover{
    color: #fff;
    background-color: #EE5A14;
    border-color: #EE5A14;
}

.booking-wrapper .btn-check:checked+.btn{
    background-color: #EE5A14;
}

.fa-star-o.active{
    color: #EE5A14;
}

.btn-outline-primary{
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.profile-picture {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}
.profile-container {
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px dashed #0C1D46;
    border-radius: 12px;
    padding: 20px;
    justify-content: space-between;
    margin: 10px auto;
    width: 86%;
}


.link-orange{
    color:var(--color-orange);
}
.user-info-link:focus,
.user-info-link:active,
.user-info-link:hover{
    color: var(--color-orange) !important;
    background: transparent !important;
}

.cursor-none {
    cursor: 'not-allowed' !important;
}


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

.bg-primary-orange{
    background-color: var(--color-orange);
}
[dir="rtl"] .accordion-button{
    direction: rtl !important;
}

[dir="rtl"] .faqSection .accordion button .icon{
    left: 20px;
    right: inherit;
}

.iti__tel-input{
    padding-left: 100px !important;
}

.iti__arrow{
    position: absolute;
    right: 5px;
}

.iti__selected-country{
    background-color: transparent !important;
    border-radius: 4px !important;
    padding: 5px 20px 5px 0px !important;
    height: 30px !important;
}

.owner-tenant-card{
    border-radius: 12px;
    overflow: hidden;
}

.owner-tenant-card .card-footer{
    background-color: var(--color-bg-theme);
}

.owner-tenant-card .card-footer label{
    color: white;
}

.owner-tenant-check-input:checked{
    border-color: #ffffff !important;
    background-color: transparent !important;
}

.iti{
    width: 100% !important;
}

.iti__search-input:focus-visible{
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.iti__search-input{
    height: 40px;
    padding: 5px 10px;
}

#ownerTenantSectionWrapper .active{
    border-color: var(--color-orange);
    border-width: 1px;
}


#signup-form .goBack{
    cursor: pointer;
    margin-top: -20px;
}


[dir="rtl"] .chat-pop-up .right-content-msg,
[dir="rtl"] .chat-page .right-content-msg {
    margin-right: 40% !important;
    margin-left: 0 !important;
}

span.active-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: green;
    border-radius: 100%;
    position: absolute;
}

.disabled-bg{
    background-color: var(--bs-secondary-bg) !important;
}

.notification-no-message{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15%;
}

.wrap-datanotfound img{
    height: auto;
    width: auto;
}

.innerpage-nodata{
    width: 250px;
    height: auto;
}

.topup-paymnets-input{
width: 1.5em;
height: 1.5em;
}
/* .topup-paymnets-input:checked{
    border-color: #12373f !important;
    background-color: #12373f !important;
}
.topup-paymnets-wrapper .selected{
    border-color: #12373f !important;
}
.radio-cart {
  border: 2px solid transparent;
  transition: border-color 0.3s;
  cursor: pointer;
}

.radio-cart.selected {
  border-color: #12373f;
} */

.topup-paymnets-wrapper .card{
    cursor: pointer;
}
 .topup-paymnets-wrapper .radio-cart {
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
  }

  .topup-paymnets-wrapper .radio-cart.selected {
    border-color: #12373f;
  }


.cardhead-info{
    background-color: #E0EFF3;
    padding: 10px 20px;
    border: 1px solid #D9E5FF;
    border-radius: 8px;
}
.topup-paymnets-wrapper .topup-payment-header p{
    font-size: 13px;
}

.final-status-textarea a{
    color: #0A1735;
    font-size: 14px;
}
.final-status-textarea p{
    font-size: 14px;
}
.final-status-textarea a .fa-angle-right{
    font-size: 11px;
    padding-left: 6px;
}

.btn.contact-btn{
    color:#fff;
    background-color: #0A1C35 ;
    border-color: #0A1C35 ;
}
.contact-us-page .form-control:focus {
    border-color: #0A1C35;
}
.contant-tag-line{
    position: absolute;
    display: flex;
    top: 30%;
    justify-content: center;
    width: 100%;
}
.contant-tag-line h1{
    color: #fff;
}

.explore-btn{
    background-color: #041D37;
    color: white;
    border: none;
    font-size: 22px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
}
.explore-btn:hover {
    background-color: var(--color-orange);
}
.searchFilterWrapperTwo{
    margin-top:-60px;

}