.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

section.faq .accordion-button:not(.collapsed){
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.accordion-body{
    background-color: #f0f0f0;
    padding-top: 0;
}
.accordion-body p:last-of-type{
    margin-bottom: 0;
}
.faq .more {
    display: none;
}

.faq .more.show {
    display: block;
}

/* 
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
} */

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	height: 30px;
    width: auto;
	margin-left: 5px;
	margin-top: 5px;
    display: flex;
    align-items: center;
	text-align: center;
	border-radius: 15px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    white-space: nowrap;

    padding: 3px 9px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
    background-image: linear-gradient(134deg, #2066ff -14%, #133d99 143%);
    transition: all 0.2s ease-in-out;
	}

    .marker-cluster div:hover,
    .custom-marker:hover{
        box-shadow: 0px 0px 22.5px 4px #2066ff;
        transition: all 0.2s ease-in-out;
    }
.marker-cluster span {
	line-height: 30px;
	}


    .custom-marker{
        padding: 3px 5px 3px 9px;
        border-radius: 8px;
        box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
        background-image: linear-gradient(134deg, #2066ff -14%, #133d99 143%);
        display: flex;
        white-space: nowrap;
    }
    .fw-frame{
        display: flex;
        align-items: center;
    }
    .fw-frame::before{
        background-image: url('../Images/icons/frame-2608505.svg');
        width: 22px;
        height: 22px;
    }

    .leaflet-marker-icon{
        width: auto !important;
    }

    .custom-marker span{
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: center;
        color: #1e1e1e;
        padding: 2px 6px;
        border-radius: 5px;
        background-color: #fff;
        white-space: nowrap;
        position: relative;
        margin: 2px 0 2px 5px;
    }

    .custom-marker span::after{
        content: '';
        width: 17px;
        height: 17px;
        padding: 1px;
        margin: -10px auto 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
        background-image: linear-gradient(134deg, #2066ff -14%, #133d99 143%);
        position: absolute;
        display: block;
        z-index: -1;
        bottom: -10px;
    }


    

    .marker-cluster span{
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: center;
        display: flex;
        align-items: center;
        position: relative;
    }

    .marker-cluster span::before{
        content: '';
        background-image: url('../Images/icons/frame-2608505.svg');
        width: 22px;
        height: 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        display: inline-block;
        margin-right: 5px;
    }

    .marker-cluster span::after{
        content: '';
        width: 17px;
        height: 17px;
        padding: 1px;
        margin: -10px auto 0;
        -webkit-transform: rotate(45deg) translate(-50%, 25%);
        -moz-transform: rotate(45deg) translate(-50%, 25%);
        -ms-transform: rotate(45deg) translate(-50%, 25%);
        -o-transform: rotate(45deg) translate(-50%, 25%);
        transform: rotate(45deg) translate(-50%, 25%);
        box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
        background-image: linear-gradient(134deg, #2066ff -14%, #133d99 143%);
        position: absolute;
        display: block;
        z-index: -1;
        bottom: -10px;
        left: 50%;
    }


    .leaflet-popup .item{
        margin-bottom: 0;
        padding: 0;
        border-radius: 8px;
        border: none;
        white-space: nowrap;
    }

    .leaflet-popup-content{
        width: auto !important;
        min-width: 420px;
    }

    .theCount{
        display: none;
        text-align: right;
        font-size: 14px;
    }

    .leaflet-popup-content .btn-area .btn-theme-2{
        color: #fff;
        margin-right: 10px;
    }

    .leaflet-popup-content .storage-list .item .range{
        /* top: 15px; */
        top: 3px;
        right: 0;
    }

    .leaflet-popup-content .storage-list .item h3 a,  .leaflet-popup-content .storage-list .item .h3 a{
        font-size: 18px;
    }

    .leaflet-popup-tip{
        background-color: #2066ff !important;
    }
    .leaflet-popup-content-wrapper{
        border-bottom: 5px #2066F6 solid;
    }

    .filter-map,
    .home-banner{
        position: relative;
        padding-top: 0;
        margin-top: -130px;
    }

    .box-guest-right{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    section.storage-info .info.box-guest-right .locate{
        border-bottom: none;
    }

    section.storage-info .info.box-guest-right .btn-area{
        display: flex;
        flex-direction: row-reverse;
    }

    section.storage-info .info.box-guest-right .phone-tooltip{
        margin-right: 10px;
    }

    section.storage-info .info.box-guest-right .phone-tooltip a{
        left: auto;
        right: 100%;
        transform: translate(-10px, -50%);
    }

    section.storage-info .info.box-guest-right .phone-tooltip a::before{
        right: -4px;
        left: auto;
    }

    section.storage-info .top{
        margin-bottom: 5px;
    }

    .fw-icons.fw-trailing::before {
        background-image: url("../Images/icons/Trailing-Elements.svg");
    }
    

    section.storage-info .info .parnter{
        padding: 5px 15px;
        border-radius: 49px;
       
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: 0.5px;
        text-align: left;
        
        margin-bottom: 25px;
        width: 220px;

        background-image: linear-gradient(101deg, #fff -35%, #f5ecec 327%);
        border: solid 0.3px #3c5587;
        color: #3c5587;
        line-height: 26px;
    }

    .storagebook-partner{
        display: flex;
        align-self: center;
    }

    section.storage-info .info .parnter:hover{
        /* border: solid 0.3px #EBCD5A;
        background: linear-gradient(92.63deg, #534805 -106.38%, #EBCD5A 125.06%);
        color: #fff; */
    }

    section.storage-info .info .parnter i {
        margin-right: 5px;
        position: relative;
        top: 3px;
    }

    section.storage-info .info .description p{
        word-break: break-word;
    }

    .storage-list .item ul{
        margin: 10px 0px;
    }

    .faq .sticky-faq{
        padding-top: 80px;
        top: 120px;
        position: sticky;
    }

    @media (max-width: 768px){
        footer .bottom{
            padding-top: 0;
        }
        section.storage-info .info .parnter{
            width: 100%;
            justify-content: center;
        }

        section.storage-info .info h1, section.storage-info .info .h1{
            font-size: 32px;
        }
        .faq .sticky-faq{
            padding-top: 0;
        }

        .navbar-body .login{
            display: none;
        }
    }

    section.filter-map .storage-list .item .btn-area, section.home-banner .storage-list .item .btn-area{
        padding-top: 5px;
    }

    section.home-banner .storage-list .item ul,
    section.filter-map .storage-list .item ul{
        margin: 5px 0;
    }

    section.filter-map .wrapper form{
        padding: 25px 40px;
    }

    section.filter-map .storage-list .item .info, section.home-banner .storage-list .item .info{
        margin-bottom: 0;
    }

    header .navbar-nav > li a:hover{
        color: #000;
        font-weight: 600;
    }

    header .navbar-nav > li a::after{
        background-color: #000;
    }

    .btn.btn-theme:hover,
    .btn.btn-theme-2:hover{
        filter: brightness(1.2);
        color: #fff;
    }

    section.faq .read-more:hover,
    section.faq .read-less:hover{
        text-decoration: underline;
        font-weight: 600;
    }

    section.storage-info .info .report:hover span{
        text-decoration: underline;
    }

    .btn.btn-theme-3:hover{
        background-color: #E2EBFF;
    }

    section.filter-map .wrapper form .localize:hover, 
    section.home-banner .wrapper form .localize:hover{
        text-decoration: underline;
    }

    footer .top li a:hover{
        text-decoration: underline;
        text-shadow: -.15px -.15px 0 black, 
        .15px .15px black;
    }

    section.filter-map .wrapper{
        /* max-width: 620px; */
        max-width: 420px;
    }

    section.filter-map .wrapper form h2{
        font-size: 26px;
    }

    section.filter-map .wrapper .search-results{
        max-height: calc(100vh - 570px);
    }

    section.filter-map .wrapper form input[type=text], section.home-banner .wrapper form input[type=text]{
        padding-left: 1.1rem;
    }

    

    section.filter-map .wrapper form .imp, section.home-banner .wrapper form .imp{}

    footer .top p a{
        font-weight: 600;
        white-space: nowrap;
        text-shadow: -.15px -.15px 0 transparent, 
                .15px .15px transparent;
    }

    .error-storage a{
        text-decoration: underline;
    }

    .form-disabled{
        position: relative;
    }

    .form-disabled::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        background-color: rgba(255, 255, 255, .6);
        z-index: 5;
    }

    .form-disabled input{
        pointer-events: none;
    }
    
    h2.disabled{
        opacity: .4;
    }
    header .dropdown-menu{
        border-color: #2066F6;
        background-color: #2066F6;
        padding: 15px 0;
    }

    header .dropdown-menu::before {
        content: "";
        position: absolute;
        display: block;
        top: 0px;
        left: 30px;
        width: 8px;
        height: 8px;
        transform: translate(0, -50%) rotate(-45deg);
        background-color: #2066F6;
    }


    header .dropdown-menu a{
        color: #fff;
        font-size: 14px;
    }

    @media (max-width: 768px){
        section.storage-info .info .parnter{
            width: 100%;
            justify-content: center;
        }

       

        section.storage-info .info.box-guest-right .locate{
            margin-bottom: 0;
        }

        section.storage-info .info.box-guest-right .phone-tooltip a{
            top: 100%;
            left: 50%;
            transform: translate(-50%, 10px);
            right: auto;
        }

        section.storage-info .info.box-guest-right .phone-tooltip a::before{
            right: auto;
            left: 50%;
            transform: translateX(-50%) rotate(-45deg);
        }

        section.storage-info .info .review{
            width: 100%;
        }

        section.storage-info .info .review hr{
            margin-bottom: 25px;
        }

        section.storage-info .info h1, section.storage-info .info .h1{
            font-size: 32px;
        }

        .box-guest-right{
            justify-content: center;
            align-items: center;
        }

        section.storage-info .info.box-guest-right .btn-area{
            flex-direction: column;
            width: 100%;
        }
        .faq .sticky-faq{
            padding-top: 0;
        }

        .navbar-body .login{
            display: none;
        }

        .leaflet-popup-content{
            max-width: 270px;
            min-width: 270px;
        }

        section.filter-map #map, section.home-banner #map{
            height: 500px;
        }

        .leaflet-popup-content .item h3 a{
            font-size: 20px;
            display: block;
            white-space: normal;
            padding-right: 15px;
            margin-bottom: 15px;
        }

        .leaflet-popup-content .item ul {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: 15px !important;
        }

        .leaflet-popup-content .item ul li{
            line-height: 1.2;
        }
    }
    .btn-add-file span::after,
    .btn-update-file span::after{
        content: '';
        width: 100%;
        left: 0;
        bottom: 0;
        height: 1px;
        background-color: #2066FF;
        position: absolute;
        display: block;
        opacity: 0;
        transition: all 0.2s ease-in-out;
    }

    .btn-add-file:hover span::after,
    .btn-update-file:hover span::after{
        opacity: 1;
        transition: all 0.2s ease-in-out;
    }

    .btn-add-file span,
    .btn-update-file span{
        position: relative;
    }

    .form .input-group-text, form .input-group-text{
        width: 58px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .form .input-group-text img, form .input-group-text img{
        display: inline-block;
    }

    .invalid-feedback strong{
        font-weight: 400;
    }

    .conditional-form{
        display: none;
    }

    .show-more{
        display: flex;
        justify-content: center;
    }

    .show-more .read-less{
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.1px;
        text-align: center;
        color: #2066ff;
        text-align: center;
        display: block;
        padding-top: 25px;
        margin-right: 10px;
        display: none;
    }

   
    .review{
        position: relative;
    }
    .btn.add-like{
        border: 1px solid #ffc420;
        color: #ffc420;
        font-weight: 500;
        background-color: #fff;
        padding: 7.5px 15px 7.5px 15px;
        position: absolute;
        left: 0;
        top: -7.5px;
        display: none;
        white-space: nowrap;
    }

    .btn.add-like i{
        margin-right: 10px;
    }

    .btn.add-like:hover{
        color: #fff;
        background: #ffc420;
    }

    .btn.add-like:hover i{
        color: #fff !important;
    }

    section.storage-info .info ul li strong{
        margin-right: 5px;
    }

    section.storage-info .info ul li{
        line-height: 1.2;
        margin-bottom: 5px;
    }

    .help-block.invalid-feedback{
        margin-top: 0.25rem;
        font-size: 0.875em;
        color: var(--bs-form-invalid-color);
        font-size: 14px;
        font-weight: 400;
    }

    header .navbar #navbarToggler.navbar-collapse .navbar-body .navbar-collapse{
        justify-content: flex-end;
    }

    .dropdown-menu[data-bs-popper]{
        right: 0;
        left: auto;
    }
    header .dropdown-menu::before{
        right: 15px;
        left: auto;
    }
    

    section.filter-map{
        padding-bottom: 0;
    }

    header .navbar-toggler[aria-expanded="true"]{
        margin-right: -4px;
    }

    header .navbar-toggler[aria-expanded="false"] .close{
        display: none;
    }

    header .navbar-toggler[aria-expanded="false"] .open{
        display: block;
    }

    header .navbar-toggler[aria-expanded="true"] .close{
        display: block;
    }

    header .navbar-toggler[aria-expanded="true"] .open{
        display: none;
    }

    .help-block.invalid-feedback{
        text-align: left;
    }

    .strength-meter{
        background-color: transparent !important;
        font-size: 12px !important;
        padding: 5px 0 !important;
        border-width: 0px 0px 2px !important;
        margin-top: 5px;
        width: 100%;
    }

    .form-check.has-error ~ div .form-check-input{
        border-color: rgb(185, 74, 72);
    }
    .form-check.has-error ~ div .form-check-label{
        color: var(--bs-form-invalid-color);
    }

    .add-file-label .file-image .content .form-group .form-check .form-check-input{
        border: 1px solid #000;
    }

    .modal-form .modal-body h5, .modal-form .modal-body .h5{
        margin-bottom: 35px;
    }

    .modal-form .modal-body h5:last-child p, 
    .modal-form .modal-body .h5:last-child p{
        margin-bottom: 0;
        font-size: 18px !important;
    }

    .modal-form .modal-body h5:last-child,
    .modal-form .modal-body .h5:last-child{
        margin-bottom: 0;
    }

    .modal-form .modal-body{
        padding: 0;
    }

    .modal-body h5.text-success, .modal-body .h5.text-success{
        color: #000 !important;
    }

    .modal-body p{
        font-size: 18px;
    }

    .modal-success .modal-body{
        padding-top: 0;
    }

    @media screen and (min-width:998px) {
        .modal-content{
            min-width: 500px;
        }
    }
    .storage-list .item h3 a, .storage-list .item .h3 a{
        display: block;
    }
    section.filter-map .storage-list .item .btn-area .btn, 
    section.home-banner .storage-list .item .btn-area .btn{
        font-size: 12px;
    padding: 8px 15px;
    }

    section.filter-map .storage-list .item .info small, section.home-banner .storage-list .item .info small{
        display: block;
        padding-right: 60px;
    }

    section.filter-map .storage-list .item .info small br, section.home-banner .storage-list .item .info small br{
        display: none;
    }


    .storage-list .item ul li strong{
        margin-right: 5px;
    }

    .pac-container{
        background-color: #F0F0F0;
        border: none;
        box-shadow: none;
        border-radius: 8px;
    }

    .pac-icon{
        display: none;
    }
    .pac-item{
        padding: 5px 15px;
        cursor: pointer;
    }
    .pac-item,
    .pac-item-query{
        font-size: 14px;
        
    }

    section.filter-map .wrapper form .nice-select, section.home-banner .wrapper form .nice-select{
        min-width: 110px;
    }

    .btn-remove-file i{
        font-size: 16px;
        margin-right: 10px;
    }
    .btn-remove-file {
        margin-top: 5px;
        align-items: center;
        display: none;
        column-gap: 15px;
        font-size: 14px;
        font-weight: 600;
        color: red;
        margin-right: 12px;
    margin-left: 2px;
    }

    .btn-remove-file.active{
        display: block;
    }

    footer .top p a:hover{
        color: #2066F6;
    }

.ul-info ul li::after {
    top: -5px;
}

.btn-forgot{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.1px;
    text-align: center;
    color: #2066ff;
    text-align: right;
    display: block;
    padding-bottom: 15px;
    text-decoration: underline;
}


section.filter-map .wrapper .search-results.storage-list .item{
    flex-direction: column;
    gap: 15px;
}

section.filter-map .wrapper .search-results.storage-list .item small{
    margin-bottom: 5px;
}

section.filter-map .search-results.storage-list .item .info, section.home-banner .search-results.storage-list .item .info{
    flex: 0 0 100%;
    width: 100%;
}
section.filter-map .wrapper .search-results.storage-list .item .image{
    width: 90px;
    height: 90px;
}
section.filter-map .wrapper .search-results.storage-list .item .image img{
    width: 90px;
    height: 90px;
}



@media (max-width: 998px){
    header .dropdown-menu::before{
        right: 10px;
        left: auto;
    }

    section.filter-map{
        display: flex;
        flex-direction: column;
    }

    section.filter-map .wrapper form{
        padding-top: 120px;
    }

    section.filter-map .wrapper.d-lg-none form{
        padding-top: 25px;
    }

    section.filter-map .wrapper{
        margin-left: 0;
        top: 100px;
        max-width: 100%;
    }

    section.filter-map .wrapper form p, section.home-banner .wrapper form p{
        display: none;
    }

    section.filter-map #map, section.home-banner #map{
        min-height: 580px;
    }

    section.filter-map .wrapper form .imp, section.home-banner .wrapper form .imp{
        display: flex;
    }

    section.filter-map .wrapper .search-results{
        max-height: 100%;
    }

    section.filter-map .wrapper .search-results.storage-list .item{
        flex-direction: row;
    }

    section.filter-map .search-results.storage-list .item .info, section.home-banner .search-results.storage-list .item .info{
        flex: 0 0 calc(100% - 170px);
        width: calc(100% - 170px);
    }

    section.storage-info .info.box-guest-right .btn-area .btn{
        font-size: 12px;
    }

    header .navbar .dropdown{
        z-index: 10;
    }
}
@media (max-width: 768px){
    .btn.add-like{
        left: 50%;
        transform: translateX(-50%);
    }

    section.filter-map .wrapper .search-results{
        max-height: 100%;
    }

    section.filter-map .wrapper form{
        padding: 25px 15px;
    }

    section.filter-map .wrapper .search-results.storage-list .item{
        flex-direction: column;
    }
    section.filter-map .search-results.storage-list .item .info, section.home-banner .search-results.storage-list .item .info{
        width: 100%;
        flex: 0 0 100%;
    }

    section.filter-map .wrapper form .imp, section.home-banner .wrapper form .imp{
        display: block;
    }
    .sidebar-panel ul li a:hover, .sidebar-panel ul li a.active{
        color: #000;
    }

    .storage-list .item-header{
        flex-direction: column;
        align-items: flex-start;
    }

    .btn.btn-theme-3{
        text-align: center;
    }

    .storage-list .item-header > .line{
        width: 100%;
        height: 1px;
        margin: 10px 0;
    }

    .storage-list .item-header > div{
        text-align: left;
    }

    section.dashboard .form-panel.active{
        display: block;
    }

    section.dashboard .sidebar-panel.hidden{
        display: none;
    }

    .back-to-panel{
        display: none;
    }

    .back-to-panel.active{
        display: block;
    }


    .photo-upload{
        --bs-gutter-x: 10px;
    }

    .add-file-label .content .file-message.active{
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 14px;
        width: 100%;
    }

    .add-file-label .content .file-message.active img{
        display: inline-block;
        margin: 0 auto;
    }

    .add-file-label .content p{
        text-align: center;
    }

    .btn-add-file img, .btn-update-file img{
        display: none;
    }

    .btn-remove-file i{
        display: none;
    }

    .add-file-label .file-image .content .file-status{
        bottom: 5px;
        top: auto;
    }

    .form-floating > label[for="price"]{
        text-wrap: auto;
line-height: 1;
font-size: 14px;
    }


   

    header .navbar #navbarToggler.navbar-collapse{
        position: absolute;
        top: 99%;
        left: 0;
        width: 100%;
    }

    header .navbar #navbarToggler.navbar-collapse::after{
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        box-shadow: 0 2px 13.2px 0 rgba(0, 0, 0, 0.09);
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: rgba(245, 245, 245, 0.5);
    }
    header .navbar #navbarToggler.navbar-collapse .navbar-body{
        position: relative;
        z-index: 1;
        padding: 0 0 25px 0;
        
    }

    header .navbar #navbarToggler.navbar-collapse .navbar-body ul{
        margin-right: 0;
        padding: 15px 0;
    }

    header .navbar #navbarToggler.navbar-collapse .navbar-body .navbar-collapse{
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }

    header.overlay-is-navbar-collapse .navbar::after{
        border-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        box-shadow: 0 2px 13.2px 0 none;
    }

    header .navbar #navbarToggler.navbar-collapse .navbar-body::before{
        content: '';
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 40px);
        height: 1px;
        background-color: rgba(0,0,0,.75);
        display: block;
        position: absolute;
    }
    
}


@media screen and (min-width:320px) and (max-width:998px) and (orientation:landscape) {
    header .navbar::after{
        border-radius: 25px;
    }

    section.filter-map .wrapper{
        margin-left: 0;
        top: 100px;
        max-width: 100%;
    }

    section.filter-map .wrapper form p, section.home-banner .wrapper form p{
        display: none;
    }

    section.filter-map #map, section.home-banner #map{
        min-height: 580px;
    }

    section.filter-map .wrapper form .imp, section.home-banner .wrapper form .imp{
        display: flex;
    }

    section.filter-map .wrapper .search-results{
        max-height: 480px;
    }

    section.filter-map .wrapper .search-results.storage-list .item{
        flex-direction: row;
    }

    section.filter-map .search-results.storage-list .item .info, section.home-banner .search-results.storage-list .item .info{
        flex: 0 0 calc(100% - 170px);
        width: calc(100% - 170px);
    }

    section.storage-info .info.box-guest-right .btn-area .btn{
        font-size: 12px;
    }
}

section.storage-info .thumbnails-image-slider{
    position: relative;
}

section.storage-info .thumbnails-image-slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 15px rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

section.storage-info .thumbnails-image-slider:hover .slick-arrow{
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 768px){
    section.storage-info .thumbnails-image-slider .slick-arrow{
        opacity: 1;
    }
}

section.storage-info .thumbnails-image-slider .slick-arrow.fa-angle-right{
    right: -15px;
}

section.storage-info .thumbnails-image-slider .slick-arrow.fa-angle-left{
    left: -12px;
}

.main-image-slider a{
    width: 100%;
    height: 100%;
    display: block;
}

.main-image-slider a img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 14px;
}



.form-floating {
    position: relative;
}

.form-floating.trs:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: calc(100% - 20px);
    height: 28px;
    border-radius: 4px;
    background-color: #f0f0f0;
}

.form-floating textarea.form-control {
    padding-top: 32px;
    min-height: 88px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f0f0f0 inset !important;
}