/*
Theme Name: Store Friendly - REFIVE Child Theme
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Store Friendly - REFIVE Child Theme
Author: REFIVE
Textdomain: qi
Author URI: https://clloh.com/
Template: refive
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* DELETE THIS BLOCK BELOW BEFORE GOING LIVE */
html[data-page="home"]::before,
html[data-page="home"] .home::before,
html[data-page="home"] .home::after {
	content: none !important;
}


.re5_loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #FAC809;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999;
	transition: all .3s cubic-bezier(1,1.06,.93,.71);
	animation-name: loaderBGAnim;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
}
.re5_loader img {
	width: 200px;
	max-width: 30vw;
	opacity: 0.5;
	transition: all .3s cubic-bezier(1,1.06,.93,.71);
	animation-name: re5loaderAnim;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	display: block !important;
}

@media (max-width: 480px) {
	.re5_loader {
		display: none !important;
	}
}

@keyframes re5loaderAnim {
	0% {
		opacity: 0.5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}
@keyframes loaderBGAnim {
	0% {
		background-color: #FFFFFF;
	}
	100% {
		background-color: #FAC809;
	}
}

/* Prevent content from overflowing sticky header width */
/* #qodef-page-inner > .elementor > section > .elementor-container {
  	max-width: calc(100vw - 120px) !important;
  	margin: 0 auto;
}


.mask-text {
/* 	--radial-width: 100%; */
/* 	-webkit-text-fill-color: transparent; */
	/* -webkit-text-fill-color: #fff;
	-webkit-background-clip: text !important; */
/* 	background: radial-gradient(220px 80px at top center, #005ca8 var(--radial-width), #fff var(--radial-width)); */
	/* filter: invert(0) brightness(200%);
} */
.mix-blend-different {
	mix-blend-mode: difference;
}

.mix-blend-different .elementor-divider-separator {
	border-color: #fff !important;
}

.full_section_grid,
.elementor-section-full_width.premium-parallax-yes {
  	width: calc(100% - 120px);
  	margin: 0 auto;
	overflow: hidden;
}
@media (max-width: 768px) {
	.full_section_grid,
	.elementor-section-full_width.premium-parallax-yes {
  		width: calc(100% - 60px) !important;
  		margin: 0 auto !important;
	}
}
@media (max-width: 480px) {
	.full_section_grid,
	.elementor-section-full_width.premium-parallax-yes {
  		width: calc(100% - 40px) !important;
  		margin: 0 auto !important;
	}
}

.home #second-menu,
#qodef-top-area,
div#qodef-page-header-inner::before {
	display: none !important;
}

.qodef-header-sticky-inner + .second-menu {
	width: 100%;
	margin: 0;
	padding: 10px 50px;
	border-radius: 0px;
	position: relative;
	z-index: 0;
}

.sub-menu {
  z-index: 999;
}

.gform_footer.top_label > input.button {
	color: #fff !important;
	background-color: #005ca8 !important;
}

.qodef-typeout.qodef--initialized {
  	display: inline-flex;
	color: #fff;
	font-weight: 500;
}

.qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-inner {
	padding: 0px;
	background: transparent;
}

.qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-inner p.qodef-e-text {
	color: #000 !important;
	font-weight: 500 !important;
}

.qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .swiper-button-prev,
.qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .swiper-button-next,
.qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-top {
	display: none;
}

.qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-content p {
	margin-bottom: 0px;
}

html[data-page="home"]::before {
	content: "";
	display: block;
	position: fixed;
  	background-image: url(/wp-content/uploads/2024/02/ICON-WH.svg);
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%) scale(0.8);
  	width: 0vw;
  	height: 100vh;
  	z-index: -1;
	opacity: 0;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: 100%;
  	transition: all .3s cubic-bezier(1,1.06,.93,.71);
	animation-name: logoAnim;
	animation-duration: 4s;
	animation-fill-mode: forwards;
}

html[data-page="home"] .home::before,
html[data-page="home"] .home::after {
	content: "";
	display: block;
  	position: fixed;
	opacity: 0;
}

html[data-page="home"] .home::before {
  	background-color: #fac808;
  	width: 100vw;
  	height: 100vh;
	animation: yellowAnim;
	animation-duration: 4s;
	animation-fill-mode: forwards;
	animation-delay: 0s;
	z-index: -1;
}

html[data-page="home"] .home::after {
	width: 0vw;
  	height: 0.5vh;
  	background-color: #0054A6;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%) rotate(180deg);
  	transition: all .3s cubic-bezier(1,1.06,.93,.71);
	animation-name: bluebarAnim;
	animation-duration: 4s;
	animation-fill-mode: forwards;
	animation-delay: 0s;
  	z-index: -1;
}

/* body.home:not(.animation-done) {
	overflow: hidden;
} */

@media(max-width: 480px) {
	html[data-page="home"] .home::after {
		animation-name: bluebarAnimMobile;
	}
	html[data-page="home"]::before {
		top: 50%;
		left: 50%;
		animation-name: logoAnimMobile;
	}
	html[data-page="home"] .home::before,
	html[data-page="home"] .home::after,
	html[data-page="home"]::before {
		animation-duration: 4.5s;
	}
}

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

@keyframes bluebarAnim {
	0% {
		z-index: 999999;
		opacity: 1;
		width: 0vw;
		height: 0.5vh;
	}
	3% {
		z-index: 999999;
		opacity: 1;
		width: 0vw;
		height: 0.5vh;
	}
	12% {
		width: 7.5vw;
		height: 0.5vh;
	}
	15% {
		width: 7.5vw;
		height: 0.5vh;
	}
	25% {
		width: 7.5vw;
		height: 40vh;
		opacity: 1;
	}
	95% {
		width: 7.5vw;
		height: 40vh;
		opacity: 1;
	}
	97% {
		opacity: 0;
	}
	99% {
		z-index: -1;
		opacity: 0;
	}
	100% {
		z-index: -1;
		opacity: 0;
	}
}

@keyframes logoAnim {
	0% {
		z-index: 1000001;
		opacity: 1;
		width: 0vw;
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 1;
	}
	40% {
		z-index: 1000001;
		opacity: 1;
		width: 0vw;
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 1;
	}
	47.5% {
		width: 9vw;
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 1;
	}
	50.5% {
		width: 9vw;
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 1;
	}
	58% {
		width: 7vw;
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 1;
	}
	60% {
		width: 7vw;
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 1;
	}
	95% {
		width: 7vw;
		transform: translate(-50%, -50%) scale(300);
		opacity: 1;
	}
	99.9% {
		width: 7vw;
		transform: translate(-50%, -50%) scale(300);
		opacity: 0;
	}
	100% {
		z-index: -1;
	}
}

@keyframes yellowAnim {
	0% {
		z-index: 999998;
		opacity: 1;
	}
	95% {
		opacity: 1;
	}
	99.99% {
		opacity: 0;
	}
	100% {
		z-index: -1;
	}
}

/* VVV Mobile animation VVV */
@keyframes logoAnimMobile {

	0% {
		z-index: 1000001;
		width: 40vw;
		top: 50%;
		left: 50%;
		opacity: 0;
	}
	15% {
		z-index: 1000001;
		top: 50%;
		left: 50%;
		width: 40vw;
		opacity: 0;
	}
	35% {
		z-index: 1000001;
		opacity: 1;
		top: 50%;
		left: 50%;
		width: 20vw;
	}
	95% {
		z-index: 1000001;
		top: 50%;
		left: 50%;
        opacity: 1;
		width: 20vw;
	}
	99.9999% {
		z-index: 1000001;
		top: 50%;
		left: 50%;
		width: 20vw;
		opacity: 0;
	}
	100% {
		top: 50%;
		left: 50%;
		z-index: -1;
		opacity: 0;
	}
}

@keyframes bluebarAnimMobile {
	0% {
		z-index: 999999;
		opacity: 1;
		width: 0vh;
		height: 0vh;
        border-radius: 100%;
	}
	40% {
		z-index: 999999;
		opacity: 1;
		width: 0vh;
		height: 0vh;
		border-radius: 100%;
	}
	90% {
		z-index: 999999;
		width: 150vh;
		height: 150vh;
		opacity: 1;
		border-radius: 100%;
	}
	95% {
		z-index: 999999;
		width: 150vh;
		height: 150vh;
		opacity: 1;
		border-radius: 100%;
		z-index: -1;
	}
	99.9999% {
		width: 150vh;
		height: 150vh;
		opacity: 0;
		border-radius: 100%;
	}
	100% {
		z-index: -1;
		opacity: 0;
        width: 0;
        height: 0;
	}
}

/* RE5 CUSTOM CODE */
.es-load-more-button {
    background: #005CA8 !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    padding: 10px 0px !important;
    line-height: 1em !important;
    border-radius: 33px !important;
}

.es-load-more-button span{
	background-color: #005CA8 !important;
}

/* Header top banner */

div#qodef-top-area {
	display: flex;
	justify-content: center;
	background-color: #fac808;
  	margin: 0 20px;
	line-height: 20px;
}



div#qodef-top-area .qodef-widget-holder.qodef-top-area-left {
	margin-right: unset;
}

div#qodef-top-area .qodef-widget-holder.qodef-top-area-left p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

div#qodef-top-area > #qodef-top-area-inner::before {
	content: "";
	background-image: url(/wp-content/uploads/2024/02/team-work.svg);
	position: relative;
	display: block;
	width: 20px;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}

div#qodef-page-wrapper div#qodef-top-area > #qodef-top-area-inner::before {
	margin-top: 0px !important;
}

/* header navigation overlaps with the "Get a Quote" */

#qodef-page-header .qodef-widget-holder div.widget {
	margin-left: 10px;
	margin-right: 10px;
}

@media (min-width: 2000px) {
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation,
	.qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation {
  		margin-left: auto;
	}
}

@media (min-width: 1600px) {
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation {
		margin-left: 300px;
	}
	.qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation {
		margin-left: 250px;
	}
}

@media (max-width: 1750px) {
	.qodef-header-navigation > ul > li {
		margin: 0 5px;
	}
}

@media (min-width: 1600px) and (max-width: 1650px) {
	#qodef-page-header .qodef-widget-holder .widget {
		margin: 0 5px;
	}

	.qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation {
		margin-left: 280px;
	}
}

@media (max-width: 1599px) {

	#qodef-page-header .qodef-header-logo-link img.qodef-header-logo-image {
		width: 150px;
	}
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation,
	 .qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation {
	  margin-left: 215px;
	}
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation li,
	 .qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation li{
		margin-left: 0px;
		margin-right: 0px;
	}
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation li a,
	 .qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation li a{
	  font-size: 15px;
	}
	.header-blue-btn span {
	  font-size: 15px;
	}
	#qodef-page-header .qodef-widget-holder div.widget {
		margin-left: 0px;
	}

	.header-pink-btn a.qodef-qi-button {
	  padding: 15px;
	}
}
@media (max-width: 1350px) {
	.header-pink-btn.header-login .qodef-m-text {
		display: none;
	}
}
@media (max-width: 1250px) {
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation li a {
		font-size: 14px;
		padding: 0 5px;
	}
}

@media (max-width: 1250px) {
	#qodef-page-header .qodef-header-logo-link img.qodef-header-logo-image {
		width: 100px;
	}
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation,
	 .qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation {
		margin-left: 150px;
	}
	.header-blue-btn span {
    	font-size: 14px;
	}
	.header-pink-btn a.qodef-qi-button,
	.header-pink-btn.header-login a.qodef-qi-button {
		padding: 10px;
	}
	.header-pink-btn.header-login a.qodef-qi-button {
		padding-left: 15px;
		padding-right: 15px;
	}
	#qodef-page-header .qodef-widget-holder div.widget {
		margin-right: 10px;
	}
	.qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation {
		margin-left: 95px;
	}
	.qodef-header-sticky-inner + .second-menu {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 1150px) {
	body.qodef-header-standard--center div #qodef-page-header-inner .qodef-header-wrapper > .qodef-header-logo {
  		margin-left: 30px;
	}
	body.qodef-header-standard--center div #qodef-page-header-inner .qodef-header-wrapper > .qodef-widget-holder {
  		margin-right: 30px;
	}
	body .qodef-header-sticky-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 1100px) {
	#qodef-page-header .qodef-header-logo-link img.qodef-header-logo-image {
    	width: 100px;
  	}
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation li a,
	.qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation li a {
		font-size: 14px;
	}
	.header-pink-btn a.qodef-qi-button {
		font-size: 14px;
	}
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation,
	.qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation {
		margin-left: 125px;
	}
	#qodef-page-header .qodef-qi-button.qodef-icon--left:not(.qodef-type--icon-boxed) .qodef-m-icon {
  		margin-right: 5px;
	}

	body.qodef-header-standard--center div #qodef-page-header-inner .qodef-header-wrapper > .qodef-header-logo {
    	margin-left: 20px;
  	}
	body.qodef-header-standard--center div #qodef-page-header-inner .qodef-header-wrapper > .qodef-widget-holder {
		margin-right: 20px;
  	}
}

@media (max-width: 1050px) {
	body header .menu-item.menu-item-has-children a::after {
		content: none;
	}
}


.post-template-single-refive .refive-right-content .content-wrapper img {
	width: auto;
	height: auto;
}

/* Fonts */

.qodef-h1, h1, .qodef-h2, h2, .qodef-h3, h3, .qodef-h4, h4, .qodef-h5, h5, .qodef-h6, h6, p, body, span.elementor-icon-list-text, .ui-widget, label, input[type=checkbox] {
	font-family: 'ITC Avant Garde Gothic STD' !important;
	word-wrap: normal;
}

body div h1 {
	font-size: 55px;
}

h2.post_title {
	font-size: 68px !important;
  	line-height: 1.3em;
  	font-weight: 700;
  	letter-spacing: 0.5px;
  	margin-top: 0px;
  	margin-bottom: 0px;
	color: #fff !important;
}

@media (max-width: 1024px) {
	h2.post_title {
		font-size: 66px;
	}
}
@media (max-width: 768px) {
	h2.post_title {
		font-size: 56px;
	}
}
@media (max-width: 480px) {
	h2.post_title {
		font-size: 38px !important;
	}
}

/* Animations */
 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

.fadeInRight {
	animation: fadeInRight 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }

.fadeInLeft {
	animation: fadeInLeft 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }


.fadeInDown {
	animation: fadeInDown 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }

.fadeInUp {
	animation: fadeInUp 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }


.qodef-header--standard #qodef-page-header-inner, .max-width-2k .elementor-container {
    max-width: 2000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: auto !important;
    padding-right: auto !important
}

@media only screen and (min-width: 2040px) {
	.qodef-header--standard #qodef-page-header-inner {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media only screen and (min-width: 480px) {
	.search_form_buttons > .elementor-container {
		flex-wrap: wrap;
	}
	.search_form_buttons > .elementor-container > .elementor-column:first-child {
		width: fit-content !important;
	}
	.search_form_buttons > .elementor-container > .elementor-column:last-child {
		margin-left: auto;
	}
}
@media only screen and (min-width: 481px) and (max-width:880px) {
    section.qodef-elementor-content-grid>.elementor-container,#qodef-page-footer .qodef-content-grid {
        width:calc(100% - 60px)!important
    }
}
@media only screen and (max-width: 480px) {
    section.qodef-elementor-content-grid>.elementor-container,#qodef-page-footer .qodef-content-grid {
        width: calc(100% - 40px)!important
    }
}

@media only screen and (max-width : 1024px) {
	section.qodef-elementor-content-grid.qodef-extended-grid--right>.elementor-container {
		padding-left: 0px !important;
	    padding-right: 0px !important;
	}
}
@media only screen and (max-width : 680px){
	section.qodef-elementor-content-grid.qodef-extended-grid--right>.elementor-container {
		padding-left: 0px !important;
	    padding-right: 0px !important;
	}
}

/* GENERAL */

.elfsight-widget,
.elementor-toggle > .elementor-toggle-item > .elementor-tab-title,
.elfsight-widget, .elementor-toggle > .elementor-toggle-item > .elementor-tab-content {
  	border-radius: 20px;
	transition: all .2s ease-in-out;
}

.elfsight-widget:not(.elfsight-widget-google-maps), .elementor-toggle > .elementor-toggle-item > .elementor-tab-content {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.elementor-toggle > .elementor-toggle-item > .elementor-tab-title.elementor-active {
  	border-bottom-left-radius: 0;
  	border-bottom-right-radius: 0;
}

header .menu-item.menu-item-has-children a::after {
    content: '+';
    margin-left: 5px;
}

div#qodef-page-wrapper{
	overflow: clip !important;
}

.elementor-tab-content.bg_wine .elementor-434 .elementor-element.elementor-element-800ebaa .qodef-qi-button, .elementor-tab-content.bg_wine .elementor-434 .elementor-element.elementor-element-800ebaa .qodef-qi-button.qodef-layout--outlined:not(.qodef-hover--reveal):hover {
	background-color: #FAC809;
}
.text-center {
	text-align: center;
}

.sub-column-bg .elementor-widget-wrap {
    background: linear-gradient(180deg, rgba(157, 165, 173, 0.00) 0%, rgba(157, 165, 173, 0.15) 50.52%, rgba(157, 165, 173, 0.00) 100%);
}

.btn-full a{
	display: flex !important;
}

.custom-btn .qodef-m-icon-inner svg {
    background: #FAC809;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    border-radius: 63px;
}

.custom-btn .qodef-qi-button:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 84, 166, 0.50);
    transition: background-color .25s ease-in-out,width .36s cubic-bezier(.51,.5,.07,.99);
    backface-visibility: hidden;
}
.custom-btn .qodef-qi-button:hover:after {
    width: 0;
}
.custom-btn.opacity .qodef-m-icon-inner svg{
	background: transparent;
}
.custom-btn.opacity {
    opacity: .8 !important;
}

.custom-a-tag a:hover {
    transition: all .3s ease;
    text-decoration: underline !important;
}

.custom-a-tag a {
    color: #0054a6;
    font-weight: 500;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    transition: all .3s ease;
}

.custom-divider span.elementor-divider-separator {
    border-radius: 55px;
}

.elementor-custom-embed-play i, .elementor-custom-embed-play svg{
	opacity: 1 !important;
}

.custom-steps-icon svg {
    border: 1px solid rgba(0, 84, 166, 0.15);
    padding: 29px;
    border-radius: 100px;
}
.custom-steps-icon.white-bg svg{
	border: none;
    padding: 10px;
    border-radius: 100px;
    background: #fff;
}

a#qodef-back-to-top .qodef-back-to-top-icon {
	background-color: #005CA8;
	bottom: 5px;
	border-radius: 100%;
}
a#qodef-back-to-top .qodef-back-to-top-icon svg {
	fill: #fff;
	stroke: #fff;
}
a#qodef-back-to-top .qodef-back-to-top-icon:hover {
	background-color: #FAC809;
}
a#qodef-back-to-top .qodef-back-to-top-icon:hover svg {
	fill: #005CA8;
	stroke: #005CA8;
}

.co-working-testimonials p.qodef-e-text {
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.co-working-testimonials .qodef-e-media-image img {
	display: none;
}
.co-working-testimonials .custom-testimonials .qodef-e-media-image::after {
	transform: translate(15px, 0px);
}

.ginput_container.ginput_container_consent input {
	height: 20px !important;
}

h1, h2 {
	text-transform: capitalize;
}


/* HEADER */
.home .qodef-header-wrapper, .home #qodef-page-mobile-header-inner {
    border-bottom: 1px solid rgba(0, 40, 79, 0.10);
}
div#qodef-page-header-inner::before {
    content: '';
    width: calc(100% - 40px);
    height: 5px;
    background: #fac808;
    top: 0px;
    position: absolute;
    left: 20px;
    border-radius: 0 0 23px 23px;
}

#qodef-page-header .qodef-header-logo-link:focus,
.qodef-mobile-header-opener:focus{
	outline: none !important;
}

.sf_page_title {
	font-size: 55px;
    line-height: 1.3em;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* FOOTER */
footer .qodef-grid.qodef-layout--columns>.qodef-grid-inner {
    grid-template-columns: repeat(5, 1fr) !important;
    grid-template-rows: auto 1fr;
	grid-row-gap: 60px;
}
footer .qodef-grid-inner .qodef-grid-item:nth-child(6){
	grid-column: span 5;
}

.footer-custom-column {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 23px;
    padding: 15px 20px 15px 35px;
}
.footer-custom-column .title-wrapper h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.footer-custom-column .img-wrapper {
    display: flex;
    gap: 20px;
}
.footer-custom-column .img-wrapper img {
    background: #fff;
    padding: 11px 0;
    width: 130px;
    height: 80px;
    object-fit: contain;
    border-radius: 23px;
}
footer h5.qodef-widget-title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px !important;
    font-size: 16px;
}

footer .widget_nav_menu a {
    color: rgba(255, 255, 255, 0.50) !important;
}
footer .widget_nav_menu a:hover {
    text-decoration: none;
    color: #fff !important;
}
footer .qodef-grid-inner .qodef-grid-item:nth-child(1) p {
    color: #fff;
}

#qodef-page-footer-bottom-area .qodef-grid.qodef-layout--columns>.qodef-grid-inner {
    grid-template-columns: repeat(3,1fr) !important;
	grid-template-rows: auto !important;
}
#qodef-page-footer-bottom-area p, #qodef-page-footer-bottom-area a {
    color: rgba(255, 255, 255, 0.50) !important;
}
#qodef-page-footer-bottom-area a:hover {
    text-decoration: none;
    color: #fff !important;
}
.footer-socials {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}

@media (min-width: 481px) {
	.copyright_text {
		position: absolute;
		right: 0;
	}
}

.header-pink-btn a {
    background: #005CA8 !important;
    border-radius: 33px;
    color: #fff !important;
    padding: 15px 35px;
    text-decoration: none !important;
}
.header-pink-btn.header-login a {
	color: #005ca8 !important;
  	background-color: transparent !important;
}
.header-pink-btn.header-login a {
    padding: 15px 0px;
}
.header-pink-btn.header-login .qodef-m-text {
  	color: #005ca8;
  	line-height: 2em;
  	font-weight: 500;
  	text-transform: none;
}
.header-pink-btn.header-login a::before {
  	content: "";
  	background-image: url('/wp-content/uploads/2024/04/Vector.svg)');
    width: 10px;
    height: 10px;
    background-size: 100%;
    order: 1;
    background-size: contain;
    padding: 5px;
    background-repeat: no-repeat;
}

.header-blue-btn a {
    color: #0054a6 !important;
    text-decoration: none !important;
}

.header-blue-btn a path.st0 {
  	fill: #005ea8;
	transition: background .36s cubic-bezier(.51,.5,.07,.99);
}

.header-blue-btn a:hover path.st0 {
  	fill: #00284f;
}

@media screen and (max-width: 480px) {
  #qodef-page-footer .wp-block-image {
    display: flex;
    justify-content: center;
  }
}


/* HOME */

.home_hero {
	overflow: hidden;
}
.home_hero * {
	height: inherit;
}
.home_slider {
	display: none;
  	position: absolute !important;
  	width: 100% !important;
  	height: 100% !important;
  	max-width: unset !important;
	z-index: 1;
}
.home_hero  > .home_slider {
	display: block;
}
.home_slider + .elementor-background-overlay {
	display: none !important;
}
.home_slider .content-wrapper,
.home_slider .content-wrapper .img-wrapper,
.home_slider .content-wrapper img {
	width: 100%;
}
.home_slider {
	height: 100%;
}
.home_slider .text-wrapper > * {
	height: initial;
	margin-bottom: 30px;
	max-width: 800px;
}
.home_slider .text-wrapper .qodef-qi-animated-text > * {
	font-size: 28px;
    color: #fff;
}
.home_slider img {
  	height: calc(100% + 100px) !important;
  	margin-top: -100px;
}

@media (max-width: 1024px) {
	.home_slider .refive.second .text-wrapper > .post_title {
		font-size: 40px !important;
	}
	.home_slider .text-wrapper > .qodef-shortcode > h2 {
		font-size: 22px !important;
	}
}

@media (max-width: 480px) {
	.refive.second.slider-with-text .text-wrapper {
		justify-content: center;
		align-items: center;
		bottom: 0px !important;
	}
}

.custom-steps-icon.last .elementor-icon-wrapper::before,
.custom-steps-icon.first .elementor-icon::before {
	display: none;
}
.custom-steps-icon.first .elementor-icon-wrapper::after,
.custom-steps-icon.last .elementor-icon::after {
	display: none;
}

.custom-steps-icon .elementor-icon::after {
    content: '';
    width: calc(50% - 45px);
    height: 1px;
    position: absolute;
    top: 45px;
    right: 0px;
	z-index: 0;
    border-top: 2px dashed rgba(0, 84, 166, 0.15);
}

.custom-steps-icon .elementor-icon::before {
    content: '';
    width: calc(50% - 45px);
    height: 1px;
    position: absolute;
    top: 45px;
    left: 0px;
    border-top: 2px dashed rgba(0, 84, 166, 0.15);
}


.custom-steps-icon .elementor-icon-wrapper::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 43px;
    right: 50px;
    background: rgba(0, 84, 166, 0.50);
    border-radius: 100%;
}

.custom-steps-icon .elementor-icon-wrapper::after {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 43px;
    background: rgba(0, 84, 166, 0.50);
    border-radius: 100%;
    left: 50px;
}

.custom-testimonials .qodef-e-quote {
    display: none;
}

.custom-testimonials p.qodef-e-text {
    font-family: 'ITC Avant Garde Gothic STD' !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.custom-testimonials  p.qodef-e-author-name {
    font-family: 'ITC Avant Garde Gothic STD' !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	display: flex;
	align-items: center;
}
.custom-testimonials p.qodef-e-author-name::before {
    content: '';
    display: inline-flex;
    background: url(/wp-content/uploads/2024/01/Ellipse-35.svg);
    width: 6px;
    height: 6px;
    margin-right: 5px;
}

.custom-testimonials .swiper-button-next {
    right: 150px;
	border-radius: 100px !important;
}
.custom-testimonials .swiper-button-prev {
	left: -120px;
	border-radius: 100px !important;
}

.custom-testimonials .qodef-e-content {
    display: flex;
    flex-flow: column-reverse;
    border: 1px solid rgba(157, 165, 173, 0.20);
    padding: 30px 30px 50px 30px;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(157, 165, 173, 0.00) 0%, rgba(157, 165, 173, 0.10) 50.52%, rgba(157, 165, 173, 0.00) 100%);
}
.custom-testimonials .qodef-e-bottom-info {
    justify-content: space-between;
}

.custom-testimonials .qodef-e-media-image{
	display: flex;
    align-items: center;
    justify-content: center;
}
.custom-testimonials .qodef-e-media-image::after {
    content: '';
    background: url(/wp-content/uploads/2024/01/stars.svg);
    width: 78px;
    height: 14px;
    position: absolute;
    transform: translate(90px, 0px);
}

.custom-testimonials .qodef-e-bottom-info {
	position: relative;
}
.custom-testimonials .qodef-e-bottom-info::before {
    content: '';
    position: absolute;
    top: -30px;
    background: #FAC809;
    width: 100%;
    height: 2px;
    border-radius: 0 0 23px 23px;
}

.whystore-col-bg .elementor-widget-wrap {
    background: conic-gradient(from 14deg at 86.3% 25.95%, rgba(0, 84, 166, 0.10) 0deg, rgba(0, 84, 166, 0.00) 360deg);
    border-radius: 23px;
}

.custom-tabs .elementor-tabs-wrapper{
  display: grid;
  grid-template-columns: auto auto auto;
  border-radius: 23px 23px 0 0;
}
.custom-tabs.self-storage .elementor-tabs-wrapper {
    grid-template-columns: auto;
}

.elementor-tabs-wrapper > .elementor-tab-title {
	display: flex !important;
	align-items: center;
}

div.custom-tabs  .elementor-tabs-wrapper > .elementor-tab-title[data-tab="1"]::before,
div.custom-tabs  .elementor-tabs-wrapper > .elementor-tab-title[data-tab="2"]::before,
div.custom-tabs  .elementor-tabs-wrapper > .elementor-tab-title[data-tab="3"]::before {
 	position: relative !important;
 	top: unset !important;
  	margin: initial !important;
}

.custom-tabs .elementor-tab-title {
    border: 1px solid rgba(0, 84, 166, 0.15) !important;
}
.custom-tabs .elementor-tab-title.elementor-active {
    border-bottom: none !important;
	background: #F5F5F5;
    font-weight: 500 !important;
}

.custom-tabs .elementor-tab-title:not(.elementor-active) {
	background-color: #fff;
}

.custom-tabs .elementor-tab-title[data-tab="1"]{
	border-radius: 23px 0 0 0;
}
.custom-tabs .elementor-tab-title[data-tab="3"] {
    border-radius: 0 23px 0 0;
}
.custom-tabs .elementor-tab-content {
	border-radius: 0 0 23px 23px;
	background: #F5F5F5 !important;
	padding-top: 60px !important;
}
.custom-tabs .elementor-tab-title {
    font-family: 'ITC Avant Garde Gothic STD' !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.tab-search-btn .qodef-m-icon-inner::after {
    content: '';
    width: 1px;
    height: 14px;
    background: rgba(250, 200, 9, 0.50);
    position: absolute;
    transform: translate(15px, 2px);
}

.custom-tabs .input-wrapper > div > p {
  	display: none;
}

@media (max-width: 480px) {
	.search-form-title h3 {
		font-size: 22px;
	}
	.custom-tabs .input-wrapper > div > p.label {
		display: block;
  		margin: 0px 0 0 10px;
  		font-size: 14px;
	}
}
.input-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.input-wrapper .location-examples,
.input-wrapper .sizes-examples {
    display: flex;
	background: #fff;
	color:  #00284f;
    flex-flow: column;
	border-radius: 0 0 13px 13px;
	padding: 0px;
	max-height: 0px;
  	overflow: hidden;
	transition: all .3s ease 0s;
}
.input-wrapper input.active-input + .location-examples,
.input-wrapper input.active-input + .sizes-examples {
	max-height: 500px !important;
  	transition: all .4s ease-in .1s !important;
}

.input-wrapper .location-examples .location-item,
.input-wrapper .sizes-examples .sizes-item {
	width: 100%;
	display: block;
	padding: 7px 10px;
	cursor: pointer;
}
.input-wrapper .location-examples .location-item:hover,
.input-wrapper .sizes-examples .sizes-item:hover {
	background-color: rgba(0,0,0, 0.1);
}
.input-wrapper .sizes-examples .sizes-item.hidden {
	display: none;
}

.location-wrapper.error::before,
.size-wrapper.error::before {
  	font-size: 14px;
  	color: red;
  	position: absolute;
  	top: -20px;
  	left: 3px;
}

.location-wrapper.error::before { content: "Please select a location"; }
.size-wrapper.error::before { content: "Please select a size"; }

.location-wrapper.error input,
.size-wrapper.error input {
  box-shadow: 0px 0px 30px -15px rgb(255, 0, 0);
}

@media (max-width: 480px) {
/* 	 for tomorrow center search form */
/* 	.location-input::placeholder,
	.size-input::placeholder,
	.date-input::placeholder {
	  	text-align: center;
	}

	.tab-input .input-wrapper .location-wrapper svg {
		left: 100px;
	}

	.tab-input .input-wrapper .size-wrapper svg {
		left: 110px;
	}

	.tab-input .input-wrapper .date-wrapper svg {
		left: 80px;
	}

	.tab-input .input-wrapper .date-wrapper::before {
		left: 120px;
	}

	.tab-input .input-wrapper .date-wrapper::after {
		left: 85px;
	}

	.tab-input + div > div > div {
		text-align: center;
		justify-content: center !important;
	} */

	.section_full_grid {
  		margin: 0 20px;
	}

	.es-carousel-layout > div > div[aria-label="Previous"], .es-carousel-layout > div > div[aria-label="Next"],
	.es-carousel-layout > div > div[aria-label="Previous"] {
		bottom: -55px;
		top: unset;
	}
	.es-carousel-layout > div > div[aria-label="Previous"] {
		left: 38vw;
		right: unset;
	}
	.es-carousel-layout > div > div[aria-label="Next"] {
		right: 38vw;
		left: unset;
	}
}

.input-wrapper input.custom-input,
.input-wrapper input.location-input,
.input-wrapper input.size-input,
.input-wrapper input.date-input {
    background: #fff !important;
    border-radius: 13px !important;
    border: none !important;
    padding: 26px 0 26px 40px !important;
	margin-bottom: 0;
	color: #00284f;
}
input.location-input.active-input,
input.size-input.active-input{
    border-radius: 13px 13px 0 0 !important;
}
.input-wrapper .size-wrapper {
    position: relative;
}
.input-wrapper input.custom-input:focus,
.input-wrapper input.location-input:focus,
.input-wrapper input.size-input:focus,
.input-wrapper input.date-input:focus {
    background: #FFF !important;
}
.input-wrapper input.custom-input::placeholder,
.input-wrapper input.location-input::placeholder,
.input-wrapper input.size-input::placeholder,
.input-wrapper input.date-input::placeholder {
    color: #9DA5AD;
    font-family: 'ITC Avant Garde Gothic STD' !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
input.date-input::-webkit-calendar-picker-indicator  {
    position: absolute;
    left: 11px;
/*     background: url(/wp-content/uploads/2024/01/calendar-2.svg); */
	background: url('/wp-content/uploads/2024/04/Calendar_Black.svg');
    background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}

input.date-input,
input.date-input:valid {
	color: #FFFFFF;
}
input.date-input:focus,
.date-wrapper.tapped input.date-input:valid{
	color: #00284f;
}
.date-wrapper {
	position: relative;
}
.date-wrapper:not(.tapped)::before {
  	content: "Enter Move-In Date";
	font-family: 'ITC Avant Garde Gothic STD' !important;
	color:  #00284f;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	position: absolute;
 	z-index: 99;
	visibility: visible;
  	left: 45px;
  	top: 16px;
	pointer-events: none;
}


.input-wrapper svg {
    position: absolute;
    left: 10px;
    top: 30px;
    z-index: 5;
}
.tab-input .input-wrapper svg{
	top: 17px;
}
.tab-input .input-wrapper svg path {
  	fill: #00284f;
}
.custom-tabs .elementor-tab-title[data-tab="1"],
.custom-tabs .elementor-tab-title[data-tab="2"],
.custom-tabs .elementor-tab-title[data-tab="3"]{
	position: relative;
}

.custom-tabs .elementor-tab-title[data-tab="1"]::before {
    content: '';
    background: url(/wp-content/uploads/2024/01/Storage-unit.svg);
    width: 26px !important;
    height: 26px !important;
    position: relative !important;
    left: 0px;
    display: inline-block !important;
    background-repeat: no-repeat;
    top: 6px;
    margin-right: 15px;
}
.custom-tabs .elementor-tab-title[data-tab="2"]::before {
    content: '';
    background: url(/wp-content/uploads/2024/01/Wine-Storage.svg);
    width: 26px !important;
    height: 26px !important;
    position: relative !important;
    left: 0px;
    display: inline-block !important;
    background-repeat: no-repeat;
    top: 6px;
    margin-right: 15px;
}
.custom-tabs .elementor-tab-title[data-tab="3"]::before {
    content: '';
    background: url(/wp-content/uploads/2024/01/Business-Storage.svg);
    width: 26px !important;
    height: 26px !important;
    position: relative !important;
    left: 0px;
    display: inline-block !important;
    background-repeat: no-repeat;
    top: 6px;
    margin-right: 15px;
}

.qodef-header-sticky {
	transform: translateY(-120%);
	background-color: #FFF;
	border-radius: 0 0 25px 25px;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
	margin: 0 60px;
	max-height: 100px;
	width: calc(100vw - 120px - (100vw - 100%));
}

body,
body .qodef-header--standard #qodef-page-header {
	background-color: #F4F7FC;
}


body.qodef-header-standard--center #qodef-page-header-inner .qodef-header-wrapper {
	background-color: #FFF;
	border-radius: 0 0 25px 25px;
  	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
	margin-top: -5px;
	max-height: 100px;
}

body.qodef-header-standard--center #qodef-page-header-inner .qodef-header-wrapper > .qodef-header-logo {
	margin-left: 50px;
}

body.qodef-header-standard--center #qodef-page-header-inner .qodef-header-wrapper > .qodef-widget-holder {
	margin-right: 50px;
}

body header .menu-item.menu-item-has-children a::after {
  	content: "\f347";
  	font-family: "dashicons";
}

body li.self-storage::before,
body li.movers-service::before,
body .qodef-header-navigation li.balestier::before,
body .qodef-header-navigation ul.sub-menu li.leng-kee::before,
body .qodef-header-navigation ul.sub-menu li.self-storage-calculator::before,
body .qodef-header-navigation ul.sub-menu li.blog::before,
body .qodef-header-navigation ul.sub-menu li.about-us::before {
	font-size: 22px;
	color: #fac808 !important;
}

body ul.sub-menu li a {
	font-size: 18px !important;
    font-weight: 400;
}

body .robotic-storage {
	margin-bottom: 0px !important;
}

body .all-services {
	margin-top: 0px !important;
}

body .qodef-header-navigation ul li > ul.sub-menu {
	width: 35vw !important;
	min-width: 420px;
/* 	box-shadow: 0px 2px 2px 1px rgba(255, 255, 255, 0.5); */
	border: 1px solid #fff;
}

body .qodef-header-navigation ul li.menu-services > ul.sub-menu,
body .qodef-header-navigation ul li.menu-locations > ul.sub-menu {
	min-width: 700px;
}

body .qodef-header-navigation ul li.menu-calculators > ul.sub-menu {
	width: 35vw !important;
}

body .qodef-header-navigation ul li.menu-guides > ul.sub-menu {
	width: 25vw !important;
}

body .qodef-header-navigation ul li.menu-abous-us > ul.sub-menu {
	width: 25vw !important;
}

body .qodef-header-navigation li.movers-service::before {
  	width: 100%;
}

body .qodef-header-navigation ul.sub-menu li.self-storage::before,
body .qodef-header-navigation ul.sub-menu li.movers-service::before,
body .qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).balestier::before,
body .qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).self-storage-calculator::before,
body .qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).about-us::before,
body .qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).blog::before {
	border-color: rgba(255, 255, 255, 0.2);
}

body .qodef-header-navigation li.self-storage::before,
body .qodef-header-navigation li.movers-service::before{
	width: 90%;
}

body  .qodef-header-navigation ul.sub-menu li a > span::after {
	position: absolute;
  	font-size: 12px;
  	top: unset;
  	left: 35px;
  	bottom: -15px;
  	background: none;
  	width: fit-content;
}

body  .qodef-header-navigation ul.sub-menu li.self-storage a > span::after { content: "Find a storage unit that suits your needs" !important;}
body  .qodef-header-navigation ul.sub-menu li.wine-storage a > span::after { content: "Store Your Wines At Our Wine Cellar" !important;}
body  .qodef-header-navigation ul.sub-menu li.robotic-storage a > span::after { content: "High Tech Robotics Storage Units" !important;}
body  .qodef-header-navigation ul.sub-menu li.movers-service a > span::after { content: "Move In Hassle Free With Our Movers Service" !important;}
body  .qodef-header-navigation ul.sub-menu li.business-storage a > span::after { content: "Discover The Ideal Storage For Your Business" !important;}
body  .qodef-header-navigation ul.sub-menu li.business-space a > span::after { content: "Explore The Storefriendly Business Spaces" !important;}
body  .qodef-header-navigation ul.sub-menu li.coworking-space a > span::after { content: "Focus On Work In Storefriendly's Coworking Space" !important;}

body .qodef-header-navigation ul li ul li > a {
	margin: 12px 0;
}

body .qodef-header-navigation ul.sub-menu li a > span::before {
	top: 0px;
}

body .qodef-header-navigation li:not(.menu-services) ul.sub-menu li a > span::before {
	content: none;
}

body .qodef-header-navigation li:not(.menu-services) ul.sub-menu li a > span {
	padding-left: 0px;
}

body .qodef-header-navigation li.menu-services ul.sub-menu li.all-services a > span {
	padding-left: 0px;
}

body .qodef-header-navigation li.menu-services ul.sub-menu li.all-services a > span::before {
	content: none;
}

body .qodef-header-navigation li.menu-services ul.sub-menu li.all-services a > span,
body .qodef-header-navigation li.menu-locations ul.sub-menu li.all-locations a > span {
	color: #fac808 !important;
}

body .qodef-header-navigation li.menu-services ul.sub-menu li.all-services a > span::after,
body .qodef-header-navigation li.menu-locations ul.sub-menu li.all-locations a > span::after {
	content: "";
  	width: 25px;
  	height: 25px;
  	position: absolute;
  	top: -1px;
  	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' style='fill: %23fac808;'%3E%3Cpath d='M10.8223 14.1148C10.6798 14.1148 10.5373 14.0623 10.4248 13.9498C10.2073 13.7323 10.2073 13.3723 10.4248 13.1548L14.5798 8.99984L10.4248 4.84484C10.2073 4.62734 10.2073 4.26734 10.4248 4.04984C10.6423 3.83234 11.0023 3.83234 11.2198 4.04984L15.7723 8.60234C15.9898 8.81984 15.9898 9.17984 15.7723 9.39734L11.2198 13.9498C11.1073 14.0623 10.9648 14.1148 10.8223 14.1148Z'/%3E%3Cpath d='M15.2475 9.5625H2.625C2.3175 9.5625 2.0625 9.3075 2.0625 9C2.0625 8.6925 2.3175 8.4375 2.625 8.4375H15.2475C15.555 8.4375 15.81 8.6925 15.81 9C15.81 9.3075 15.555 9.5625 15.2475 9.5625Z'/%3E%3Cstyle id='stylish-1' class='stylish' type='text/css'%3Ebutton.cu-status-button-badge__next-status %7B display: none !important;%0A%7D%0A%3C/style%3E%3C/svg%3E");
    background-repeat: no-repeat !important;
    background-position: center !important;
  	border-radius: 63px;
  	left: 95px;
	transition: all .3s ease-in-out;
}
body .qodef-header-navigation li.menu-locations ul.sub-menu li.all-locations a > span::after {
	left: 105px;
}

body .qodef-header-navigation li.menu-services ul.sub-menu li.all-services a:hover > span::after,
body .qodef-header-navigation li.menu-locations ul.sub-menu li.all-locations a:hover > span::after {
	left: 103px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' style='fill: %23fac808;'%3E%3Cpath d='M10.8223 14.1148C10.6798 14.1148 10.5373 14.0623 10.4248 13.9498C10.2073 13.7323 10.2073 13.3723 10.4248 13.1548L14.5798 8.99984L10.4248 4.84484C10.2073 4.62734 10.2073 4.26734 10.4248 4.04984C10.6423 3.83234 11.0023 3.83234 11.2198 4.04984L15.7723 8.60234C15.9898 8.81984 15.9898 9.17984 15.7723 9.39734L11.2198 13.9498C11.1073 14.0623 10.9648 14.1148 10.8223 14.1148Z'/%3E%3Cpath d='M15.2475 9.5625H2.625C2.3175 9.5625 2.0625 9.3075 2.0625 9C2.0625 8.6925 2.3175 8.4375 2.625 8.4375H15.2475C15.555 8.4375 15.81 8.6925 15.81 9C15.81 9.3075 15.555 9.5625 15.2475 9.5625Z'/%3E%3Cstyle id='stylish-1' class='stylish' type='text/css'%3Ebutton.cu-status-button-badge__next-status %7B display: none !important;%0A%7D%0A%3C/style%3E%3C/svg%3E");
}

body .qodef-header-navigation li.menu-locations ul.sub-menu li.all-locations:hover a > span::after {
	left: 110px
}

body ul.sub-menu {
	padding-bottom: 30px !important;
}

body .qodef-header-navigation li.menu-locations > ul.sub-menu {
	height: 365px;
	padding-right: 300px !important;
}

body .qodef-header-navigation ul.sub-menu li a:hover span {
	color: #fac808 !important;
}
body .qodef-header-navigation ul.sub-menu li a:hover span::after {
	color: #fff;
}

body ul.sub-menu li:not(.all-services):not(.all-locations) a:hover {
	font-weight: 500;
}

body .qodef-header-navigation li.menu-locations ul.sub-menu li a span {
	padding-left: 0px;
}

body .qodef-header-navigation ul.sub-menu li.all-locations,
body .qodef-header-navigation ul.sub-menu li.leng-kee {
	margin-top: 0px;
}

/* body .qodef-header-navigation ul.sub-menu li.bukit-merah {
	margin-top: 45px;
}
 */

.menu-locations ul::after  {
     border: 2px solid white;
    border-radius: 30px;
}

body  li.menu-locations ul.sub-menu::after {
  	right: 30px;
  	left: unset;
  	top: 100px;
  	width: 300px;
  	height: 230px;
  	background-size: cover;
  	background-position: center center;
	background-repeat: no-repeat;
}

body li.menu-locations ul.sub-menu::after {
	background-image: url(/wp-content/uploads/2024/02/bedok_south.jpg);
	background-image: url(/wp-content/uploads/2024/02/paya_lebar.jpg);
	background-image: url(/wp-content/uploads/2024/02/Ubi-Facade1.jpeg);
	background-image: url(/wp-content/uploads/2024/02/bukit_merah.jpg);
	background-image: url(/wp-content/uploads/2024/02/clementi.jpg);
	background-image: url(/wp-content/uploads/2024/02/leng_kee.jpg);
	background-image: url(/wp-content/uploads/2024/02/railway_jurong.jpeg);
	background-image: url(/wp-content/uploads/2024/03/Storefriendly-Paya-Lebar-Facility-Image.webp);
}
body li.menu-locations ul.sub-menu.balestier::after { background-image: url(/wp-content/uploads/2024/04/SFWeb_Locations_BL-1.webp); }
body li.menu-locations ul.sub-menu.bedok-south::after { background-image: url(/wp-content/uploads/2024/02/bedok_south.jpg); }
body li.menu-locations ul.sub-menu.paya-lebar::after { background-image: url(/wp-content/uploads/2024/02/paya_lebar.jpg); }
body li.menu-locations ul.sub-menu.ubi::after { background-image: url(/wp-content/uploads/2024/04/SFWeb_Locations_UB.webp); }
body li.menu-locations ul.sub-menu.bukit-merah::after { background-image: url(/wp-content/uploads/2024/04/SFWeb_Locations_BM.webp); }
body li.menu-locations ul.sub-menu.clementi::after { background-image: url(/wp-content/uploads/2024/02/clementi.jpg); }
body li.menu-locations ul.sub-menu.leng-kee::after { background-image: url(/wp-content/uploads/2024/02/leng_kee.jpg); }
body li.menu-locations ul.sub-menu.jurong-east::after { background-image: url(/wp-content/uploads/2024/05/jurong-east-branch-e1725845559570.jpeg); }

@media only screen and (min-width: 1501px) and (max-width: 1650px) {
	body .qodef-header-navigation ul li.menu-calculators > ul.sub-menu {
		width: 50vw !important;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1500px) {
	body .qodef-header-navigation ul li.menu-guides > ul.sub-menu,
	body .qodef-header-navigation ul li.menu-abous-us > ul.sub-menu {
		width: 35vw !important;
	}

	body .qodef-header-navigation ul li.menu-calculators > ul.sub-menu {
		width: 65vw !important;
	}
}


.monthly-subscription-item > .elementor-widget-wrap {
	overflow: hidden;
	background: #FFF;
}

.monthly-subscription-item > .elementor-widget-wrap::before {
  	content: "";
  	position: absolute;
  	left: 0;
  	top: 0;
  	height: 20px;
  	width: 100%;
  	background-color: #FAC809;
  	z-index: -1;
}

.monthly-subscription-wrapper > .elementor-container::after {
  	content: "";
  	position: absolute;
  	bottom: -5%;
  	left: -5%;
  	width: 110%;
  	height: 70%;
  	background-color: #005CA8;
  	border-radius: 50px;
  	z-index: -1;
}

.monthly-subscription-item .subscription-pricing {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	color: #373A36;
	display: flex;
	justify-content: center;
}

.monthly-subscription-item .subscription-pricing > * {
	margin: 0 3px;
}

.monthly-subscription-item .item-desciption {
	text-align: center;
	min-height: 40px;
  	display: flex;
  	justify-content: center;
  	align-content: center;
}

.monthly-subscription-item .item-size {
	text-align: center;
	font-size: 12px;
  	margin-top: 20px;
}

.monthly-subscription-item .subscription-pricing sup { top: 0em; }
.monthly-subscription-item .subscription-pricing sub { bottom: -2.25em; }

.monthly-subscription-item .price {
	font-size: 42px;
	font-weight: 700;
	color: #005CA8;
	display: flex;
	align-items: end;
}

.monthly-subscription-item .price .currency {
	font-size: 23px;
	top: -0.3em;
	position: relative;
	margin: 0 5px 0 0;
}

.monthly-subscription-item .item-title {
	color: #ee255c;
  	font-size: 26px;
  	line-height: 1.2em;
  	font-weight: 400;
  	letter-spacing: 0.5px;
}

.monthly-subscription-wrapper > .elementor-container > .elementor-column {
	margin: 0;
}

.monthly-subscription-item * {
	transition: all .2s ease-in-out !important;
}

.monthly-subscription-item:hover > .elementor-widget-wrap::before {
	background-color: #fff;
}

.monthly-subscription-item:hover > .elementor-widget-wrap {
  	transform: scale(1.1);
  	background: #FAC809;
  	transition: all .3s ease-in-out;
	margin: 0 20px;
}

.monthly-subscription-item:hover .item-title {
	color: #005CA8;
}

.monthly-subscription-item:hover .price {
	color: #ee255c;
}

.monthly-subscription-item:hover .qodef-qi-button {
  	background-color: #005CA8 !important;
  	color: #fff !important;
}

.monthly-subscription-item:hover .qodef-m-icon .qodef-m-icon-inner {
	color: #fff !important;
}

/* GSAP */

.gsap.monthly-subscription-wrapper > .elementor-container {
  	position: relative;
  	transform: translate3d(-100%, 0px, 0px); /* Position the element outside the viewport */
}

/* Locations */
.locations-btn .custom-btn .qodef-qi-button:after {
	background: rgba(255, 255, 255, 0.50);
}
.custom-list-bg li.elementor-icon-list-item.elementor-inline-item {
    background: rgba(157, 165, 173, 0.15);
    padding: 10px 50px 10px 20px;
    border-radius: 33px;
}
.custom-list-bg li.elementor-icon-list-item.elementor-inline-item:nth-child(3),
.custom-list-bg li.elementor-icon-list-item.elementor-inline-item:nth-child(4){
    margin-top: 10px;
}

.gchoice > .gfield-choice-input {
	width: 20px;
	height: 20px !important;
}

.gfield--type-choice > div,
.gfield--type-choice > div .gchoice {
	display: flex;
	align-items: center;
}

p.gform_required_legend,
.partial_entry_warning {
    display: none !important;
}

.custom-form .gform-theme--framework .gf_progressbar .percentbar_blue {
    background-color: #00284F;
}
.custom-form .gform-theme--framework .gf_progressbar {
    background-color: rgba(0, 40, 79, 0.20);
}
.custom-form h4 {
    font-weight: 700;
}
.custom-form .gform-theme--foundation .gform_fields{
	grid-row-gap: 20px !important;
}
label.gfield_label.gform-field-label,
legend.gfield_label.gform-field-label{
    color: rgba(0, 40, 79, 0.70);
    font-family: "ITC Avant Garde Gothic STD";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	margin-bottom: 3px;
}
.gform-theme--framework .gform-field-label>.gfield_required {
    color: #0054A6 !important;
}
input,  select ,  textarea{
    border: none !important;
    border-radius: 13px !important;
    display: flex;
	color: #9DA5AD;
    align-items: center;
}
 input,  select{
	height: 50px !important;
}

.custom-form .gfield--type-textarea label.gfield_label.gform-field-label {
    visibility: hidden;
}

.custom-form .custom-margin-input {
    margin-top: -85px;
}
.custom-promo-input , .custom-date-input {
	margin-top: -90px;
}

.custom-form textarea#input_1_13{
	height: 150px !important;
}
.custom-form #gform_page_1_1 .gform_page_footer.top_label{
	margin-top: 75px;
}
.custom-form .gfield--type-consent {
    justify-content: center;
    display: flex !important;
    align-items: center;
	margin-top: 75px;
	width: 100%;
}
.custom-form .gfield--type-consent input {
    height: 20px !important;
    border-radius: 5px !important;
	cursor: pointer;
}
.custom-form label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    color: rgba(0, 40, 79, 0.70);
    text-align: center;
    font-family: "ITC Avant Garde Gothic STD";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	width: 495px;
	cursor: pointer;
}

input::placeholder,  select::placeholder ,  textarea::placeholder{
	color:  #00284f !important;
}

 input:focus,  select:focus , textarea:focus {
    background-color: rgba(255,255,255,0.8) !important;
}

.gform_body input:focus ,
.gform_body textarea:focus,
.gform_body select:focus{
		--gform-theme-local-background-color: none !important;
    --gform-theme-local-border-color: none !important;
    --gform-theme-local-box-shadow: none !important;
    --gform-theme-local-color: none !important;
    --gf-local-bg-color: none !important;
    --gf-local-border-color: none !important;
    --gf-local-shadow: none !important;
    --gf-local-color: none !important;
}

.gform_footer.before .button:focus{
	--gf-local-shadow: none !important;
}

.custom-form .gform_page_footer.top_label{
	justify-content: center;
}
.custom-form #gform_1 .gform_page_footer.top_label .button {
	color: #FFF;
	font-family: "ITC Avant Garde Gothic STD";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: #0054A6 ;
	padding: 15px 30px ;
	border-radius: 33px !important;
	height: auto !important;
	transition: all .3s ease;
}
.custom-form #gform_1 .gform_page_footer.top_label .button:hover,
.custom-form #gform_1 .gform_page_footer.top_label .button:focus{
	background: rgba(0, 84, 166, 0.8) !important;
}

.custom-form .gform-datepicker {
    width: 100% !important;
}
.custom-form input.gfield-choice-input {
    height: 20px !important;
    background: rgba(157, 165, 173, 0.30) !important;
	cursor: pointer;
}

.custom-form .gchoice {
    background: #fff;
    width: 50% !important;
    height: 50px !important;
    border-radius: 13px;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 30px 15px 15px;
}

.custom-form .gform-theme--framework .gfield--type-choice .gfield_checkbox, .custom-form .gform-theme--framework .gfield--type-choice .gfield_radio {
    flex-direction: row;
}

.image-sticky .elementor-element {
    height: 100%;
}
.image-sticky .elementor-element .elementor-widget-container {
    position: sticky;
    top: 150px;
}

/* Locations sub-page */

.team-img .qodef-m-image img {
    height: 600px;
    object-fit: cover;
    object-position: center;
}

.team-img .qodef-m-image::before {
    content: '';
    width: 100%;
    height: 100%;
    background: gray;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: .3;
}

.team-img .qodef-m-content {
    z-index: 2;
}

.custom-faq .elementor-tab-title {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.custom-faq .elementor-toggle-item .elementor-active::before {
    content: '';
    width: 60%;
    height: 80%;
    background: rgba(0,0,0,0.1);
    position: absolute;
    top: 10px;
    z-index: -1;
    left: 150px;
    filter: blur(13px);
}

.custom-faq .elementor-toggle-item {
	position: relative;
	background: #fff;
	border-radius: 13px;
	padding: 5px 20px;
  	background-color: #005CA8;
}

.custom-faq .elementor-toggle-item .elementor-tab-title a,
.custom-faq .elementor-toggle-item .elementor-tab-content {
  	color: #fff !important;
}

.custom-faq .elementor-toggle-item * {
    font-family: 'ITC Avant Garde Gothic STD' !important;
	fill: #fff;
}

/*.custom-faq a.elementor-toggle-title span {
    color: #9DA5AD;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    left: 0;
    transform: translateY(2px);*/
.custom-faq a.elementor-toggle-title span {
    color: #00284F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    left: -50px;
    transform: translateY(2px);
    background: #FAC809;
    border-radius: 50px;
    padding: 5px 5px 5px 5px;
	width: 40px;
  	height: 40px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	top: 50%;
  	transform: translateY(-50%);
}

.custom-faq .elementor-toggle-item a {
	position: relative;
}

.custom-faq .elementor-tab-content {
    border-top: 2px solid rgba(157, 165, 173, 0.30) !important;
    margin-right: 30px;
    margin-left: 40px;
}

.custom-faq .elementor-toggle-item::before {
    width: 100%;
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    background: linear-gradient(to right, rgba(157, 165, 173, 0) 0%, rgba(157, 165, 173, 0.2) 47%, rgba(157, 165, 173, 0) 100%);
}
.custom-faq .elementor-toggle-item::after {
    width: 100%;
    content: '';
    height: 1px;
    position: absolute;
    bottom: 0px;
    background: linear-gradient(to right, rgba(157, 165, 173, 0) 0%, rgba(157, 165, 173, 0.2) 47%, rgba(157, 165, 173, 0) 100%);
}


.custom-refive-line .elementor-element,
.custom-refive-line .elementor-widget-container {
    height: 100%;
}

.refive-line{
    height: inherit;
}

.refive-line #vertical-line {
    position: relative;
    height: 100%;
}
.refive-line #scrolling-line {
	position: sticky;
	top: 0;
	left: 0;
	transform: translateX(0);
	width: 150px;
	opacity: 1;
	transition: opacity 0.5s ease-out , top .5s ease-in-out;
	display: flex;
    flex-flow: column;
    gap: 20px;
}
.refive-line #scrolling-line.fixed {
	position: sticky;
	left: unset;
	top: 250px;
	transition: top .5s ease-in-out;
	transform: translateX(0) translateY(0);
}

.refive-line div#scrolling-line a {
    color: rgba(0, 40, 79, 0.80);
    font-family: "ITC Avant Garde Gothic STD";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.refive-line #scrolling-line a.active{
	position: relative;
	font-weight: 500;
	transition: all .3s ease;
}
.refive-line #scrolling-line a.active::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -5px;
    background: #FAC809;
    left: 0;
	transition: all .3s ease;
}

/* Google Review */
.es-review-background-container .es-rating-container {
  	position: absolute;
  	top: 30px;
  	right: 30px;
}

.es-review-background-container {
	background-color: #fff !important;
	overflow: hidden;
  	border: 1px solid #ECEEF0 !important;
	min-height: 250px;
}

.es-review-content {
  	margin-top: 25px;
}

.es-review-background-container::before {
  	content: "";
  	position: absolute;
  	top: -2px;
  	left: 50%;
  	width: 85%;
  	height: 4px;
  	background-color: #FAC809;
  	transform: translateX(-50%);
  	border-radius: 50px;
}

.es-review-align-container .es-review-link-container {
	display: none;
}

@media (max-width: 480px) {
	div.es-review-background-container .es-rating-container {
  		position: relative;
  		top: unset;
  		right: unset;
  		display: flex;
	}
}

div[class^="Carousel__CarouselArrowControlContainer"][aria-label="Previous"] {
	margin-left: -50px !important;
}

div[class^="Carousel__CarouselArrowControlContainer"][aria-label="Next"] {
  	margin-right: -50px !important;
}

/* SINGLE POST */

.single p.single-post-date {
    color: #FAC809;
    text-align: center;
}
.single p.single-post-date span {
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
}
.single p.single-post-date span::before {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 100%;
    position: relative;
    background: #fff;
    align-items: baseline;
    display: inline-block;
    margin: 0 10px;
    transform: translate(0px, -4px);
}

.single .custom-post-category {
    display: flex;
    gap: 10px;
}
.single .custom-post-category span {
    background: rgba(157, 165, 173, 0.20);
    border-radius: 33px;
    padding: 3px 10px;
    font-size: 14px;
}
.single h5{
	font-weight: 400;
	color: rgba(0, 40, 79, 0.70);
	line-height: 26px;
}
.single .social-media-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}
.single .social-media-icons a svg path {
    transition: all .3s ease-in-out;
}
.single .social-media-icons a:hover svg circle {
    stroke: #00284F;
}
.single .social-media-icons a:hover svg path {
    fill: #00284F;
}

.single .three-posts-wrapper .post-item {
    display: flex;
    margin-bottom: 10px;
}
.single .three-posts-wrapper {
    border-left: 1px solid #0054A6;
    padding: 10px 0 10px 15px;
}
.single .three-posts-wrapper .post-details {
    margin-left: 20px;
    width: 200px;
}
.single .three-posts-wrapper .post-item a img {
    border-radius: 13px;
    width: 100px;
    height: 90px;
    object-fit: cover;
    object-position: center;
}
.single .three-posts-wrapper .post-details .post-date {
    color: #9DA5AD;
    font-family: 'ITC Avant Garde Gothic STD';
    font-size: 14px;
}
.single .three-posts-wrapper .post-details .post-title {
    color: #0054a6;
    font-weight: 700;
    font-family: 'ITC Avant Garde Gothic STD';
}

.single .three-recommended-posts-wrapper {
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-column-gap: 30px;
}

.single .three-recommended-posts-wrapper .recommended-post-thumbnail-date {
    position: relative;
}

@media (min-width: 1025px) {
	.refive.posts-wrapper .post .post-content .post_description {
		text-align: left;
	}
}

.single .three-recommended-posts-wrapper .recommended-post-thumbnail-date img {
    border-radius: 33px;
    height: 350px;
    object-fit: cover;
    object-position: center;
}

.single .three-recommended-posts-wrapper .recommended-post-date {
    position: absolute;
    bottom: 13px;
    right: 50%;
    transform: translate(50%, 0px);
    background: #0054A6;
    padding: 6px 15px;
    border-radius: 33px;
    color: #FAC809;
}

.single .three-recommended-posts-wrapper .recommended-post-details {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	padding: 0 30px;
}

.single .three-recommended-posts-wrapper .recommended-post-details h4.recommended-post-title {
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
	min-height: 72px;
}

.single .three-recommended-posts-wrapper .recommended-post-details .recommended-post-excerpt {
    color: rgba(0, 40, 79, 0.70);
    text-align: center;
    font-size: 16px;
    line-height: 22px;
	min-height: 90px;
}


.single .three-recommended-posts-wrapper .recommended-post-details .post-btn {
    color: #9DA5AD;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.single .three-recommended-posts-wrapper .recommended-post-details .post-btn:hover{
    color: #0054A6;
}

.single .three-recommended-posts-wrapper .recommended-post-details .post-btn:hover svg {
    transform: translate(10px, 0px);
}
.single .three-recommended-posts-wrapper .recommended-post-details .post-btn svg {
    transform: translate(0px, 0px);
    transition: all .3s ease-in-out;
}
.single .three-recommended-posts-wrapper .recommended-post-details .post-btn svg path{
    fill: #9da5ad;
}
.single .three-recommended-posts-wrapper .recommended-post-details .post-btn:hover svg path {
    fill: #0054A6;
}

.single .three-recommended-posts-wrapper .recommended-post-categories {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 15px;
}
.single .three-recommended-posts-wrapper .recommended-post-categories span.recommended-post-category {
    background: rgba(157, 165, 173, 0.20);
    padding: 3px 10px;
    color: #9DA5AD;
    border-radius: 33px;
}

/* ABOUT US */
.custom-column-gap .elementor-container {
    gap: 30px;
}

.clickable_elem {
    cursor: pointer;
}
.clickable_elem .elementor-element-populated:hover {
    background-color: rgba(255,255,255,0.4) !important;
}

.clickable_elem img {
    mix-blend-mode: multiply;
}


/* Box Folding Guide */

.custom-h5-steps h5 {
    background: #FAC809;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #0054A6;
    font-weight: 700;
	margin-top: 10px;
}
.custom-h5-steps h5::before {
    content: '';
    width: 130px;
    height: 130px;
    position: absolute;
    border: 2px dashed #FAC809;
    border-radius: 100px;
}
.custom-col-border-steps::before {
    content: '';
    width: 2px;
    height: calc(100% - 70px);
    position: absolute;
    border-left: 2px dashed #FAC809;
    top: 130px;
    left: 55px;
}

.custom-col-border-steps-horizontal::before {
  	content: "" !important;
  	width: 300% !important;
  	height: 7px !important;
  	position: absolute !important;
  	border-top: 2px dashed #FAC809 !important;
  	top: 50% !important;
  	left: -150% !important;
}


/* What can i store */
.custom-furniture-tabs .ui-tabs-nav {
    display: flex !important;
	gap: 15px;
	justify-content: center;
}

.custom-furniture-tabs .ui-tabs-nav li a {
  	padding: 0 50px !important;
}

.custom-furniture-tabs.home .ui-tabs-nav{
	grid-template-columns: repeat(7,1fr);
}
.custom-furniture-tabs .ui-tabs-tab{
	margin: 0 !important;
}
.custom-furniture-tabs .ui-tabs-tab  a{
    border: 1px solid rgba(157, 165, 173, 0.30);
    height: 110px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.custom-furniture-tabs.home .ui-tabs-tab  a{
	height: 80px;
}
.custom-furniture-tabs .ui-tabs-tab  .qodef-tab-title .q-text {
    color: #00284F !important;
    font-size: 16px;
}
.custom-furniture-tabs .ui-tabs-panel {
    border-radius: 33px;
    margin-top: 20px !important;
}

.custom-furniture-tabs .ui-tabs-tab.ui-state-active a {
    background: #F0F2F3;
    border: none;
}
.custom-furniture-tabs .ui-tabs-tab.ui-state-active a::after {
    content: '' !important;
    width: 40px !important;
    height: 15px !important;
    background: #F0F2F3;
    position: absolute !important;
    bottom: -15px !important;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    left: 50% !important;
	transition: none !important;
    transform: translate(-50%, 0px) !important;
}
.custom-furniture-tabs .ui-tabs-tab .q-text {
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.custom-furniture-tabs .ui-tabs-tab.ui-state-active .qodef-tab-title .q-text {
	color: #005CA8 !important;
}
.custom-furniture-tabs.home .ui-tabs-tab  .q-text::before{
	display: none !important;
}


.custom-furniture-tabs .ui-tabs-tab #ui-id-1 .q-text::before {
    content: '';
    width: 70px;
    height: 40px;
    background: url(/wp-content/uploads/2024/01/Furniture-Belongings.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-flow: row;
    display: flex;
    align-items: center;
}
.custom-furniture-tabs .ui-tabs-tab #ui-id-2 .q-text::before {
    content: '';
    width: 70px;
    height: 40px;
    background: url(/wp-content/uploads/2024/01/Document-Archival.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-flow: row;
    display: flex;
    align-items: center;
}
.custom-furniture-tabs .ui-tabs-tab #ui-id-3 .q-text::before {
    content: '';
    width: 70px;
    height: 40px;
    background: url(/wp-content/uploads/2024/01/Office-Business.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-flow: row;
    display: flex;
    align-items: center;
}
.custom-furniture-tabs .ui-tabs-tab #ui-id-4 .q-text::before {
    content: '';
    width: 70px;
    height: 40px;
    background: url(/wp-content/uploads/2024/01/Wine-Storage.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-flow: row;
    display: flex;
    align-items: center;
}
.custom-furniture-tabs .ui-tabs-tab #ui-id-5 .q-text::before {
    content: '';
    width: 70px;
    height: 40px;
    background: url(/wp-content/uploads/2024/01/Equipment.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-flow: row;
    display: flex;
    align-items: center;
}

.three-steps-store .custom-steps-icon .elementor-icon {
	border: 1px solid rgba(0, 84, 166, 0.15) !important;
    border-radius: 100px !important;
}

.three-steps-store .custom-steps-icon svg {
	border: none;
    border-radius: 0;
	padding: 20px;
	background-color: #fff;
    z-index: 1;
    border-radius: 100%;
}

@media (max-width: 1024px) {
	.custom-furniture-tabs .ui-tabs-nav {
		justify-content: space-between;
	}

	.custom-furniture-tabs .ui-tabs-nav li a {
  		padding: 0 20px !important;
	}
}

/* Storage Size Guide */
.custom-vertical-tab .ui-tabs-nav {
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
	max-height: 470px;
    min-height: 470px;
	position: sticky !important;
	top: 230px;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a {
    background: rgba(157, 165, 173, 0.20);
    height: 120px;
    width: 250px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #00284F !important;
	font-size: 26px;
	padding-left: 70px !important;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab.ui-state-active a {
    background: #fff;
    border: 2px solid #0054A6;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab:last-child{
	grid-column: span 2;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab:last-child a {
    width: 100%;
    height: 80px;
	color: #0054A6 !important;
	padding-left: 0 !important;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-1::before {
    content: '';
    width: 30px;
    height: 120px;
    background: url(/wp-content/uploads/2024/01/16-sqft-locker.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    left: 50px !important;
    top: unset !important;
    position: absolute !important;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-2::before {
    content: '';
    width: 30px;
    height: 120px;
    background: url(/wp-content/uploads/2024/01/16-sqft-extra-small.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    left: 50px !important;
    top: unset !important;
    position: absolute !important;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-3::before {
    content: '';
    width: 45px;
    height: 120px;
    background: url(/wp-content/uploads/2024/01/24sqft-extra-small.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    left: 40px !important;
    top: unset !important;
    position: absolute !important;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-4::before {
    content: '';
    width: 52px;
    height: 120px;
    background: url(/wp-content/uploads/2024/01/48sqft-small.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    left: 40px !important;
    top: unset !important;
    position: absolute !important;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-5::before {
    content: '';
    width: 70px;
    height: 120px;
    background: url(/wp-content/uploads/2024/01/100sqft-large.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    left: 20px !important;
    top: unset !important;
    position: absolute !important;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-6::before {
    content: '';
    width: 75px;
    height: 120px;
    background: url(/wp-content/uploads/2024/01/150sqft-extra-large.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    left: 20px !important;
    top: unset !important;
    position: absolute !important;
}

.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a .q-text {
    display: flex;
    flex-flow: column;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a .q-text::after{
	font-size: 16px;
    font-weight: 400;
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-1 .q-text::after{
    content: 'Locker';
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-2 .q-text::after {
    content: 'Extra Small';
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-3 .q-text::after {
    content: 'Extra Small';
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-4 .q-text::after {
    content: 'Small';
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-5 .q-text::after {
    content: 'Large';
}
.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-6 .q-text::after {
    content: 'Extra Large';
}


table.custom-table-guide tr, table.custom-table-guide th , table.custom-table-guide td {
    border: none !important;
}
table.custom-table-guide thead tr th:first-child {
    border-radius: 9px 0 0 0;
	padding-left: 25px;
}
table.custom-table-guide thead tr th:last-child {
    border-radius: 0 9px 0 0;
}
table.custom-table-guide thead tr th {
	background: rgba(0, 84, 166, 0.20);
	padding-top: 14px;
    padding-bottom: 14px;
	color: #0054A6;
}
table.custom-table-guide tbody tr td {
    background: rgba(157, 165, 173, 0.20);
    padding-top: 14px;
    padding-bottom: 14px;
	color: rgba(0, 40, 79, 0.80);
}
table.custom-table-guide tbody tr td:first-child {
    padding-left: 25px !important;
}
table.custom-table-guide tbody tr:last-child td:first-child {
    border-radius: 0 0 0 9px;
}
table.custom-table-guide tbody tr:last-child td:last-child {
    border-radius: 0 0 9px 0;
}


.custom-guide-btn .btn-full a {
    justify-content: space-between;
}
.custom-guide-btn .custom-btn.blue .qodef-m-icon-inner svg {
	background:#0054A6;
}
.custom-guide-btn .custom-btn.blue .qodef-m-icon-inner svg path{
	fill: #FAC809;
}
.custom-guide-btn .custom-btn.yellow a::after{
	background: #FAC809 !important;
}
.custom-guide-btn .custom-btn.yellow a {
	color:#FAC809 !important;
}
.custom-guide-btn .custom-btn.yellow .qodef-m-icon-inner svg {
	background:#FAC809;
}
.custom-guide-btn .custom-btn.yellow .qodef-m-icon-inner svg path{
	fill: #0054A6;
}
.custom-col-shadow::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.1);
    filter: blur(40px);
    z-index: -1;
}
.custom-icons-guide .elementor-icon-box-icon .elementor-icon {
    border: 1px solid rgba(0, 84, 166, 0.15) !important;
    border-radius: 100px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Wine Storage */

body.page-id-2141 div#qodef-top-area,
body.page-id-3867 div#qodef-top-area {
	background-color: #00284F
}

body.page-id-2141 #qodef-top-area .splide__slide a,
body.page-id-2141 #qodef-top-area .splide__slide span,
body.page-id-2141 #qodef-top-area .splide__slide p,
body.page-id-3867 #qodef-top-area .splide__slide a,
body.page-id-3867 #qodef-top-area .splide__slide span,
body.page-id-3867 #qodef-top-area .splide__slide p {
  color: #C89F63 !important;
}

.page-id-2141 div#qodef-top-area > #qodef-top-area-inner::before,
.page-id-3867 div#qodef-top-area > #qodef-top-area-inner::before {
	background-image: url(/wp-content/uploads/2024/03/team-work-white-outline.svg);
}

.page-id-2141 div#qodef-page-header-inner::before,
.page-id-3867 div#qodef-page-header-inner::before {
  	background: transparent;
  	background-image: linear-gradient(to right, #00284F, #2C5883 46%, #00284F);
}

.page-id-2141 .qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-inner p.qodef-e-text,
.page-id-3867 .qodef-widget-holder.qodef--one .qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-inner p.qodef-e-text {
	color: #FFF !important;
}

.page-id-2141 h1,
.page-id-2141 h2,
.page-id-2141 h3,
.page-id-3867 h1,
.page-id-3867 h2,
.page-id-3867 h3 {
	font-family: 'Abhaya Libre' !important;
}

.page-id-2141 h4,
.page-id-3867 h4 {
	color: #c89f63;
}

.wine-storage-slider .swiper-button-prev svg path,
.wine-storage-slider .swiper-button-next svg path {
	stroke: none !important;
}

.wine-storage-slider .swiper-button-prev,
.wine-storage-slider .swiper-button-next {
	border-radius: 100%;
}

.wine-quote:before {
	content: "";
	height: 80%;
	width: 100%;
	position: absolute;
	-webkit-filter: blur(74px);
  	filter: blur(74px);
  	background-color: rgba(0, 40, 79, 0.1);
}

.page-id-2141 .gform_next_button, .page-id-2141 .gform_previous_button,
.page-id-2141 .gform_button,
.page-id-3867 .gform_next_button, .page-id-2141 .gform_previous_button,
.page-id-3867 .gform_button {
	border-radius: 33px !important;
	padding: 13px 53px !important;
	background-color: #c89f63 !important;
	color: #fff !important;
}

.page-id-2141 .gform_next_button:hover,
.page-id-2141 .gform_previous_button:hover,
.page-id-2141 .gform_button:hover,
.page-id-3867 .gform_next_button:hover,
.page-id-3867 .gform_previous_button:hover,
.page-id-3867 .gform_button:hover {
	background-color: #00284f !important;
}

.page-id-2141 .gform-theme--framework .gf_progressbar .percentbar_blue,
.page-id-3867 .gform-theme--framework .gf_progressbar .percentbar_blue {
	background-color: #c89f63;
}

.page-id-2141 #qodef-page-footer,
.page-id-3867 #qodef-page-footer {
	background-image: url(/wp-content/uploads/2024/02/image-1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.page-id-2141 #qodef-page-footer-top-area,
.page-id-2141 #qodef-page-footer-bottom-area,
.page-id-3867 #qodef-page-footer-top-area,
.page-id-3867 #qodef-page-footer-bottom-area {
	background-color: rgba(7, 23, 38, 0.85);
}

.page-id-2141 .header-pink-btn:not(.header-login) a,
.page-id-3867 .header-pink-btn:not(.header-login) a {
	background-color: #c89f63 !important;
}

.page-id-3867 #qodef-page-footer {
	background-image: url(/wp-content/uploads/2024/03/WineBG-02.webp);
}

/* .page-id-2141 .header-blue-btn a {
	display: none !important;
} */

/* Services Detailview */

.custom-img-icons {
    background: #fff;
    width: 90px !important;
    height: 90px;
    border-radius: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.custom-btn-section .custom-btn .qodef-qi-button:after {
    background: #fff;
}
.custom-btn-section .custom-btn.outlined .qodef-m-icon-inner svg {
    background: transparent;
}
.custom-btn-section .custom-btn.outlined .qodef-m-icon-inner svg path {
    fill: #FAC809;
}


/* SUB MENU */

body ul.sub-menu li a span {
  	text-transform: capitalize;
}

@media only screen and (min-width : 1024px) {
	ul.sub-menu::after {
    content: '';
    width: calc(100% - 60px);
    height: 4px;
    position: absolute;
    bottom: 0;
    background: transparent;
    left: 30px;
}

ul.sub-menu {
    width: calc(100% - 120px) !important;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    position: fixed !important;
    top: auto !important;
    left: 60px !important;
    background: #fff !important;
    border-radius: 23px;
	column-gap: 20px !important;
    row-gap: 40px !important;
	padding: 30px 30px 50px 30px !important;
}
ul.sub-menu li a {
    color: rgba(0, 40, 79, 0.60) !important;
    justify-content: start !important;
    font-size: 23px !important;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
    flex-flow: column;
	text-decoration: none !important;
	transition: all .3s ease;
}
ul.sub-menu li a:hover{
	font-weight: 600;
}

ul.sub-menu li.current_page_item a {
    color: #0054a6 !important;
    font-weight: 600;
}


ul.sub-menu a::after {
    content: '';
    font-size: 14px;
    color: #9da5ad;
    display: block;
    text-align: left;
    width: 95%;
    margin-top: 10px;
	font-weight: 400;
}
/* ul.sub-menu li.current_page_item a span::after {
    content: '';
    width: 34px;
    height: 34px;
    position: absolute;
    top: -9px;
    background: url(/wp-content/uploads/2024/01/arrow-right.svg);
    background-color: #FAC809;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 63px;
    right: 0;
} */

ul.sub-menu li a span{
	position: relative;
	width: 100%;
	text-align: left;
}

ul.sub-menu a::before {
    content: '';
    width: 100%;
    height: 150px;
    background: #fff;
    border-radius: 23px;
    margin-bottom: 20px;
}

ul.sub-menu li a span::after {
    content: '';
    width: 20px;
    height: 12px;
    position: absolute;
    top: 9px;
    background: url(/wp-content/uploads/2024/01/menu-icon-not-active.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 63px;
    right: 0;
}
ul.sub-menu li {
    padding: 0 !important;
}
}

.qodef-header-navigation > ul > li > a > span {
	font-weight: 500;
	transition: all .3s ease;
}

.qodef-header-navigation > ul > li:hover > a > span {
	font-weight: 600;
}

.qodef-sticky-header-widget-area-one .qodef-qi-button.qodef-layout--textual .qodef-m-text,
#qodef-page-header-inner .qodef-qi-button.qodef-layout--textual .qodef-m-text {
	color: #005EA8;
	background-repeat: no-repeat;
  	background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
  	transition: background .36s cubic-bezier(.51,.5,.07,.99);
	background-size: 0 100%;
}
.qodef-sticky-header-widget-area-one .qodef-qi-button.qodef-layout--textual:hover .qodef-m-text,
#qodef-page-header-inner .qodef-qi-button.qodef-layout--textual:hover .qodef-m-text {
	font-weight: 600;
	color: #00284f;
	background-size: 100% 100%;
}
.qodef-sticky-header-widget-area-one .qodef-qi-button.qodef-layout--textual,
#qodef-page-header-inner .qodef-qi-button.qodef-layout--textual .qodef-m-text {
	text-decoration: none;
}

ul:not(#menu-mobile-menu) > li.menu-item-has-children > a {
	pointer-events: none;
}

/* Submenu stacked (new style requested) */

.qodef-header-navigation ul li > ul.sub-menu {
	display: flex;
  	flex-direction: column;
  	flex-wrap: wrap;
  	height: 335px;
  	row-gap: 10px !important;
  	width: 50vw !important;
  	left: -30px !important;
  	position: absolute !important;
	background-color: #005CA8 !important;
}

.qodef-header-navigation ul li > ul.sub-menu::before {
  	content: "";
  	width: 0px;
  	height: 0px;
	position: absolute;
  	top: -30px;
  	left: 65px;
  	border-top: 15px solid transparent;
  	border-right: 15px solid transparent;
  	border-bottom: 15px solid #005CA8;
  	border-left: 15px solid transparent;
}

.qodef-header-navigation li.movers-service::before {
	width: 160%;
}

.qodef-header-navigation ul.sub-menu li.ondemand-storage::before,
.qodef-header-navigation ul.sub-menu li.wine-storage::before,
.qodef-header-navigation ul.sub-menu li.business-storage::before,
.qodef-header-navigation ul.sub-menu li.business-space::before,
.qodef-header-navigation ul.sub-menu li a > span::after {
	content: none;
}


.qodef-header-navigation ul.sub-menu li a span {
  color: #FFF;
  padding-left: 35px;
}

/* VVV Until we get the icons - UPDATE: we got them :) VVV */
.qodef-header-navigation ul.sub-menu li a::before,
.qodef-header-navigation ul.sub-menu li a::after,
.qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage)::before,
.qodef-header-navigation ul.sub-menu > li.menu-item.menu-item-object-page > a::after,
.qodef-header-navigation ul.sub-menu li.current_page_item a span::after
{ content: none !important; }

.qodef-header-navigation ul.sub-menu li a > span::before {
	content: "";
	width: 25px;
    height: 25px;
    position: absolute;
    top: -3px;
    background: url('/wp-content/uploads/2024/02/arrow-right-white.svg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    left: 0;
}

.qodef-header-navigation ul.sub-menu li.self-storage a > span::before {
	background: url('/wp-content/uploads/2024/02/SelfStorage.svg');
}
.qodef-header-navigation ul.sub-menu li.wine-storage a > span::before {
	background: url('/wp-content/uploads/2024/04/WineStorage.svg');
}
.qodef-header-navigation ul.sub-menu li.robotic-storage a > span::before {
	background: url('/wp-content/uploads/2024/04/RoboticStorage-1.svg');
}
.qodef-header-navigation ul.sub-menu li.movers-service a > span::before {
	background: url('/wp-content/uploads/2024/04/MovingServices.svg');
}
.qodef-header-navigation ul.sub-menu li.business-storage a > span::before {
	background: url('/wp-content/uploads/2024/04/BusinessStorage-1.svg');
}
.qodef-header-navigation ul.sub-menu li.business-space a > span::before {
	background: url('/wp-content/uploads/2024/04/BusinessSolutions-1.svg');
}
.qodef-header-navigation ul.sub-menu li.coworking-space a > span::before {
	background: url('/wp-content/uploads/2024/04/SharedCommunalSpaces-1.svg');
}

.qodef-header-navigation ul.sub-menu li.self-storage-calculator a > span::before {
	background: url('/wp-content/uploads/2024/03/SelfStorage-1.svg');
}
.qodef-header-navigation ul.sub-menu li.wine-storage-calculator  a > span::before {
	background: url('/wp-content/uploads/2024/03/WineStorage-3.svg');
}
.qodef-header-navigation ul.sub-menu li.movers-service-calculator  a > span::before {
	background: url('/wp-content/uploads/2024/03/MovingServices-1.svg');
}


.qodef-header-navigation li.balestier::before,
.qodef-header-navigation ul.sub-menu li.leng-kee::before,
.qodef-header-navigation ul.sub-menu li.self-storage-calculator::before,
.qodef-header-navigation ul.sub-menu li.blog::before,
.qodef-header-navigation ul.sub-menu li.about-us::before {
	border-bottom: 2px solid #fac808;
    position: absolute;
    top: -45px;
    padding-bottom: 15px;
	left: 0;
	text-align: left;
    font-size: 25px;
    font-weight: 500;
    color: #FFF;
}
.qodef-header-navigation ul.sub-menu li.balestier,
.qodef-header-navigation ul.sub-menu li.leng-kee,
.qodef-header-navigation ul.sub-menu li.self-storage-calculator,
.qodef-header-navigation ul.sub-menu li.blog,
.qodef-header-navigation ul.sub-menu li.protection-plan,
.qodef-header-navigation ul.sub-menu li.about-us,
.qodef-header-navigation ul.sub-menu li.career,
.qodef-header-navigation ul.sub-menu li.all-services,
.qodef-header-navigation ul.sub-menu li.all-locations
{
	margin-top: 45px;
}

.qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).balestier::before {
	content: "Locations" !important;
	width: 330%;
}
.qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).self-storage-calculator::before {
	content: "Size Calculators" !important;
	width: 85%;
}
.qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).blog::before {
	content: "Guides" !important;
	width: 175%;
}
.qodef-header-navigation ul.sub-menu li:not(.movers-service):not(.self-storage).about-us::before {
	content: "About Us" !important;
	width: 145%;
}


.qodef-header-navigation ul.sub-menu li.self-storage::before,
.qodef-header-navigation ul.sub-menu li.movers-service::before {
	top: -45px;
	color: #fff;
	border-color: #fac808;
}
.qodef-header-navigation ul li ul li.self-storage,
.qodef-header-navigation ul li ul li.movers-service {
	margin-top: 45px;
}

.qodef-header-navigation ul.sub-menu li.current_page_item a span::before {
	background-blend-mode: difference;
}
.robotic-storage {
	margin-bottom: 65px !important;
}


.qodef-header-navigation ul#menu-mobile-menu li ul li span {
	padding-left: 30px !important;
	color: #fff !important;
}
.qodef-mobile-header-navigation > ul#menu-mobile-menu {
	justify-content: flex-end;
}
.qodef-mobile-header-navigation > ul#menu-mobile-menu > li {
	max-width: 300px;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.qodef--opened .qodef-mobile-header-navigation ul#menu-mobile-menu li ul.sub-menu {
	display: flex;
	flex: 100%;
	flex-direction: column;
}
.qodef-mobile-header-navigation ul#menu-mobile-menu li ul.sub-menu li {
	justify-content: flex-start;
	margin-left: 15px;
}

/* @media only screen and (max-height: 900px) {
	ul.sub-menu a::before {
		height: 100px;
	}
	.qodef-header-standard--center #qodef-page-header-inner nav.qodef-header-navigation li a,
	.qodef-header-standard--center .qodef-header-sticky-inner .qodef-header-navigation li a {
		margin: auto;
	}
} */

.qodef-header-navigation ul li ul li { min-height: 0px; }


/*sub menu - services */

li.self-storage::before {
    width: 110%;
    content: 'Consumer Services';
    border-bottom: 2px solid #000;
    position: absolute;
    top: -40px;
    padding-bottom: 10px;
	left: 0;
	text-align: left;
    font-size: 30px;
    font-weight: 500;
    color: rgba(0, 40, 79, 0.8);
}
li.movers-service::before {
	width: 90%;
    content: 'Business Services';
    border-bottom: 2px solid #000;
    position: absolute;
    top: -40px;
    padding-bottom: 10px;
	left: 0;
	text-align: left;
    font-size: 30px;
    font-weight: 500;
    color: rgba(0, 40, 79, 0.8);
}

li.ondemand-storage::before,
li.wine-storage::before,
li.business-storage::before,
li.business-space::before {
    content: '';
    border-bottom: 2px solid #000;
    position: absolute;
    top: -11px;
    width: 110%;
    left: 0px;
}
li.robotic-storage::before,
li.coworking-space::before {
	content: '';
    border-bottom: 2px solid #000;
    position: absolute;
    top: -11px;
    width: 50%;
    left: 0px;
}


ul.sub-menu .wine-storage a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .ondemand-storage a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .business-storage a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .coworking-space a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .business-space a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .movers-service a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .robotic-storage a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .self-storage a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}

ul.sub-menu .wine-storage a::before{
	background: url(/wp-content/uploads/2024/02/Storefriendly-Wine-Storage-1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .ondemand-storage a::before{
	background: url(/wp-content/uploads/2024/02/Storefriendly-On-Demand.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .business-storage a::before{
	background: url(/wp-content/uploads/2024/02/Storefriendly-Business-Storage.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .coworking-space a::before{
	background: url(/wp-content/uploads/2024/01/Business-Storage.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .business-space a::before{
	background: url(/wp-content/uploads/2024/02/Storefriendly-Business-Space.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .movers-service a::before{
	background: url(/wp-content/uploads/2024/01/Business-Storage.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .robotic-storage a::before{
	background: url(/wp-content/uploads/2024/01/On-demand-Storage.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .self-storage a::before{
	background: url(/wp-content/uploads/2024/02/Storefriendly-Clementi-Interior.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* sub-menu - guides*/


ul.sub-menu .blog a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .storage-size a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .why-sf a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .box-folding a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .protection-plan a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .what-can-store a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .faq a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}

.robotic-storage {
  grid-column: 3 / 5;
}

ul.sub-menu .blog a::before{
	background: url(/wp-content/uploads/2023/07/post-6.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .storage-size a::before{
	background: url(/wp-content/uploads/2024/01/storage-size-guide-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .why-sf a::before{
	background: url(/wp-content/uploads/2024/02/career-slider2.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .box-folding a::before{
	background: url(/wp-content/uploads/2024/01/Box-Folding-Guide-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .protection-plan a::before{
	background: url(/wp-content/uploads/2024/01/Box-Folding-Guide-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .what-can-store a::before{
	background: url(/wp-content/uploads/2024/01/what-can-i-store-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .faq a::before{
	background: url(/wp-content/uploads/2024/01/On-demand-Storage.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* sub-menu - locations*/


ul.sub-menu .balestier a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .bedok-south a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .bukit-merah a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .clementi a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .leng-kee a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .paya-lebar a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .ubi a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}

ul.sub-menu .balestier a::before{
	background: url(/wp-content/uploads/2024/02/Belestier-Storefriendly-Interior.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .bedok-south a::before{
	background: url(/wp-content/uploads/2024/02/1012410-scaled-e1706828853717.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
ul.sub-menu .bukit-merah a::before{
	background: url(/wp-content/uploads/2024/02/Storefriendly-Building.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .clementi a::before{
	background: url(/wp-content/uploads/2024/02/Storefriendly-Clementi-Exterior.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .leng-kee a::before{
	background: url(/wp-content/uploads/2024/02/leng-kee.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .paya-lebar a::before{
	background: url(/wp-content/uploads/2024/02/our-story-img1-4.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .ubi a::before{
	background: url(/wp-content/uploads/2024/02/career-values-img.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* sub-menu - calculator */
ul.sub-menu .self-storage-calculator a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.';
}
ul.sub-menu .wine-storage-calculator a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.';
}
ul.sub-menu .movers-service-calculator a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.';
}

ul.sub-menu .self-storage-calculator a::before{
	background: url(/wp-content/uploads/2024/02/self-storage-calculator1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .wine-storage-calculator a::before{
	background: url(/wp-content/uploads/2024/02/Wine-Storage-Calculator1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .movers-service-calculator a::before{
	background: url(/wp-content/uploads/2024/02/our-story-img4-4.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Blog */

.post-template-single-refive #primary {
  	padding: 0 40px;
  	max-width: 2000px;
	margin: 0 auto;
}

.post-template-single-refive .refive-right-content .content-wrapper h2 {
	font-size: 32px;
}

.cta {
	background-color: #03a7d5;
	border-radius: 16px;
	box-shadow: 0 8px 16px 0 #bfbfc7;
	color: #fff;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: start;
	padding: 25px;
	margin: 30px 0;
}

.cta > h3 {
	color: #fff !important;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
	margin-top: 0 !important;
	white-space: pre-wrap;
}

.cta > p {
	color: #fff !important;
	display: inline-flex;
	margin-bottom: 20px;
}

.cta > p a {
	background-color: #fff;
	border: none;
	border-radius: 8px;
	color: #03a7d5;
	font-weight: 700;
	margin: 0 8px;
	padding: 10px 15px;
	text-decoration: none !important;
}
.cta > p:last-child {
	margin-bottom: 0;
}

.post-template-single-refive .content-wrapper table, .post-template-single-refive .content-wrapper table tr, .post-template-single-refive .content-wrapper table td, .post-template-single-refive .content-wrapper table th {
	border-color: rgba(0, 40, 79, 0.7);
}

.post-template-single-refive .content-wrapper table th {
	color: #00284f;
}

.post-template-single-refive .content-wrapper table td {
	color: rgba(0, 40, 79, 0.7);
}

/* blog dropdown */
@media (max-width: 680px) {
    .post-filters .filter-type {
        max-height: 55px;
        overflow: hidden;
        transition: all .4s ease;
        margin-bottom: 30px;
    }

    .post-filters.expanded .filter-type {
        max-height: 1500px;
    }

    .filter-expand {
        position: relative;
        width: 35px;
        height: 30px;
        cursor: pointer;
        margin: 0 auto;
    }

    .filter-expand::before {
        content: "";
        display: inline-block;
        left: calc(50% - 12px);
        bottom: 15px;
        text-align: left;
        position: absolute;
        transform: rotate(45deg);
        width: 14px;
        height: 3px;
        background-color: rgb(9, 50, 66);
        transition: 0.4s ease;
    }

    .filter-expand::after {
        content: "";
        display: inline-block;
        left: calc(50% + 4px);
        bottom: 15px;
        margin-top: 2px;
        text-align: left;
        position: absolute;
        width: 14px;
        height: 3px;
        transform: rotate(135deg) translate(5px, 5px);
        background-color: rgb(9, 50, 66);
        transition: 0.4s ease;
    }


    .post-filters.expanded .filter-expand::after {
        transform: rotate(135deg) translate(17px, 6px);
    }

    .post-filters.expanded .filter-expand::before {
        transform: rotate(45deg) translate(11px, 0px);
    }
}

/* sub-menu - about us*/


ul.sub-menu .about-us a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .inclusion a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .environment a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .media a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .career a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .our-story a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}
ul.sub-menu .our-team a::after{
	content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' !important;
}

ul.sub-menu .about-us a::before{
	background: url(/wp-content/uploads/2023/07/post-6.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .inclusion a::before{
	background: url(/wp-content/uploads/2023/07/post-6.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .environment a::before{
	background: url(/wp-content/uploads/2024/01/storage-size-guide-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .media a::before{
	background: url(/wp-content/uploads/2024/02/career-slider2.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .career a::before{
	background: url(/wp-content/uploads/2024/01/Box-Folding-Guide-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .our-story a::before{
	background: url(/wp-content/uploads/2024/01/Box-Folding-Guide-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.sub-menu .our-team a::before{
	background: url(/wp-content/uploads/2024/01/what-can-i-store-img1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}




/* Protection Plan */
.cutom-help-cta .elementor-icon {
    background: rgba(0, 84, 166, 0.1);
    height: 110px;
    width: 110px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cutom-help-cta .elementor-icon-box-wrapper {
    align-items: center !important;
}
.cutom-help-cta .elementor-icon-box-content p a {
    background: #FAC809;
    padding: 10px 20px;
    border-radius: 32px;
	text-decoration: none !important;
	color: #0054A6;
}


/* Secondary Header  */

.home .qodef-header-sticky .second-menu {
	display: none;
}

.qodef-header-wrapper {
	border-bottom: none;
}

/* .second-menu {
	margin-left: 60px;
	margin-right: 60px;
	background-color: #fff;
	border: 1px solid rgba(0, 84, 166, 0.15);
	padding: 10px 20px;
	border-radius: 65px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
} */
.custom-btn-subheader:not(.elementor-hidden-desktop) , .custom-btn-subheader:not(.elementor-hidden-tablet), .custom-btn-subheader:not(.elementor-hidden-mobile) {
    display: flex ;
    align-items: center !important;
    justify-content: space-between !important;
}

.second-menu .elementor-widget:not(:last-child) {
    margin-block-end: 0 !important;
}
.custom-btn-subheader::after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2024/02/arrow-right1.svg);
    position: relative;
    right: 20px;
    display: flex;
	transition: all .3s ease-in-out;
}

.custom-btn-subheader {
	transition: all .2s ease-in-out;
}
.custom-btn-subheader:hover {
  	background-color: #FAC808;
}
.custom-btn-subheader:hover a span {
	color: #ffffff;
}
.subheader-left-border::before {
  	content: "";
  	position: relative;
  	display: block;
  	width: 1px;
  	height: 50%;
  	background-color: #0054A6;
}
#second-menu .custom-btn-subheader:hover .qodef-m-text {
  	font-weight: 400;
}
#second-menu .custom-btn-subheader svg ellipse {
  	display: none;
}
.icon_selfstorage:hover svg > g > g > polygon {
  	fill: #F9C612;
}
.icon_selfstorage:hover svg > g > g > polygon:nth-child(8), .icon_selfstorage:hover svg > g > g > polygon:nth-child(9) {
  	fill: #FFFFFF;
}
.icon_winestorage:hover svg > g > g > path:nth-last-child(2),
.icon_winestorage:hover svg > g > g > path:nth-last-child(4),
.icon_winestorage:hover svg > g > g > path:nth-last-child(6) {
	fill: #FFFFFF;
}
.icon_businessstorage:hover svg > g > g:last-child > g > path:nth-last-child(4),
.icon_businessstorage:hover svg > g > g:last-child > g > path:nth-last-child(5),
.icon_businessstorage:hover svg > g > g:last-child > g:nth-last-child(3) path {
  fill: #FFFFFF;
}

.custom-btn-subheader .qodef-m-text {
	transition: all .3s ease-in-out;
}
.custom-btn-subheader:hover .qodef-m-text{
	font-weight: 500;
}
.custom-btn-subheader:hover::after{
	transform: translate(10px, 0px);
}

/* Career */

.custom-icon-career .elementor-icon {
    background: #fff;
    padding: 30px;
    border-radius: 100px;
}
.custom-slider-career.qodef-qi-image-slider .qodef-e-inner-holder{
	border-radius: 23px !important;
}
.custom-slider-career.qodef-qi-swiper-container .swiper-button-prev{
	display: none;
}
.custom-slider-career.qodef-qi-swiper-container .swiper-button-next {
    right: 120px;
	border-radius: 100px;
}

.positions-btn .elementor-icon {
	background: #FAC809;
    padding: 13px;
    border-radius: 100px;
}

.clickable_elem.positions .elementor-element-populated:hover {
    background-color: transparent !important;
}
.clickable_elem.positions {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 47.5%, rgba(255, 255, 255, 0) 100%);
	transition: all .5s ease;
}
.clickable_elem.positions:hover a.elementor-icon {
    transform: translate(30px, 0px);
}

.gform-theme #gform_2 {
	display: flex;
	gap: 30px;
}
.gform-theme #gform_2 .gform-body {
    width: 100%;
}

.gform-theme #gform_2 .gform_footer {
    margin: 0;
}
.gform-theme #gform_2 .gform-body input {
    border: none;
    border-radius: 13px;
    padding: 20px 0 20px 54px;
	color: #9DA5AD;
	height: 60px;
}
.gform-theme #gform_2 .gform-body input:hover,
.gform-theme #gform_2 .gform-body input:focus {
	background: #fff !important;
}

.gform-theme #gform_2 .gform-body .email-wrapper::before {
    content: '';
    background: url(/wp-content/uploads/2024/01/sms-notification.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 2;
    top: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 20px;
}
.gform-theme #gform_2 .gform-body .gform_fields{
	column-gap: 30px;
}


.gform-theme #gform_2 .gform-body .city-wrapper,
.gform-theme #gform_2 .gform-body .email-wrapper{
	position: relative;
}
.gform-theme #gform_2 .gform-body .city-wrapper::before {
    content: '';
    background: url(/wp-content/uploads/2024/01/location.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 2;
    top: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 20px;
}
.gform-theme .gform_footer .gform_button {
    background: #0054A6;
    padding: 20px 45px;
    border-radius: 65px;
    color: #FAC809;
    font-size: 16px;
}

/* Career Detailview */

.breadcrumbs {
    display: flex;
    align-items: center;
	color: #9DA5AD;
}
.breadcrumbs .back-button {
    margin-right: 10px;
    margin-bottom: -5px;
}
.breadcrumbs span.current.breadcrumb-item {
    color: rgba(0, 40, 79, 0.8);
    font-weight: 500;
    padding-left: 5px;
}
.breadcrumbs p.breadcrumb-item {
    margin-right: 5px;
}

select{
	display: flex !important;
	color: rgba(157, 165, 173, 1) !important;
	align-items: center !important;
}
.datepicker {
    width: 100% !important;
}
#gform_3 input,#gform_3 select,#gform_3  .datepicker {
	height: 60px !important;
}
#gform_3 input,#gform_3 select ,#gform_3 textarea{
	background-color: rgba(157, 165, 173, 0.15);
}

#gform_3 input:focus,#gform_3 select:focus ,#gform_3 textarea:focus{
	background-color: rgba(157, 165, 173, 0.15) !important;
}
#gform_3 .gform-theme--framework .gfield--type-section {
    border-color: rgba(157, 165, 173, 0.15);
}
.ginput_container_fileupload div#gform_drag_drop_area_3_21 {
    border-color: rgba(0, 84, 166, 0.3);
    background: rgba(0, 84, 166, 0.1);
    padding: 15px 0;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}
.ginput_container_fileupload div#gform_drag_drop_area_3_21 button {
    font-size: 0;
	background: transparent;
	box-shadow: none !important;
}
.ginput_container_fileupload div#gform_drag_drop_area_3_21 span.gform_drop_instructions{
	display:none;
}
.ginput_container_fileupload div#gform_drag_drop_area_3_21 button:focus {
    border: none !important;
}
.ginput_container_fileupload div#gform_drag_drop_area_3_21 button::before {
    content: 'Upload CV or attachment';
    font-family: 'ITC Avant Garde Gothic STD' !important;
    font-size: 16px;
    font-weight: 600;
    color: #0054A6;
}
.ginput_container_fileupload .gfield_description {
    display: none;
}
#gform_3 .gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area:before {
    content: '' !important;
    background: url(/wp-content/uploads/2024/02/export.svg) !important;
    width: 24px;
    height: 24px;
    background-size: contain;
    margin-bottom: 0;
}
#gform_3 .gform_footer.top_label {
    justify-content: center;
}
.gform_footer.top_label .button {
    background: #005CA8;
    color: #FAC809 !important;
    padding: 20px 55px !important;
    padding-top: 18px !important;
    border-radius: 65px !important;
}
.custom-col-shadow.apply-form::after {
    height: 90%;
}

/* Why Storefriendly */

.why-sf-slider .swiper-button-prev, .why-sf-slider .swiper-button-next {
    border-radius: 100px;
}
.why-sf-slider .swiper-button-prev svg path, .why-sf-slider .swiper-button-next svg path {
    stroke: #0054A6 !important;
    fill: #0054A6 !important;
}
.why-sf-slider .swiper-button-prev:hover svg path, .why-sf-slider .swiper-button-next:hover svg path {
    stroke: #FAC809 !important;
    fill: #FAC809 !important;
}


/* Our Team */

.join-us-col {
    height: 342px;
}
.custom-btn.yellow-btn .qodef-qi-button:after {
    background: #FAC809;
}
.custom-btn.yellow-btn .qodef-m-icon-inner svg {
	background: transparent;
}
.custom-btn.yellow-btn .qodef-m-icon-inner svg path {
    fill: #FAC809;
}

/* INCLUSION */

.custom-icon-career.inclusion .elementor-icon {
    padding: 15px;
}

/* SITEMAP */

.custom-sitemap-btn a {
	border-style: dashed !important;
	position: relative;
	overflow: visible;
}
.custom-sitemap-btn.home .elementor-widget-container a::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: #0054A6;
    left: -5px;
    z-index: 555;
    top: 31px;
    border-radius: 100px;
	z-index: 2;
}
.custom-sitemap-btn.home .elementor-widget-container a::after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: #0054A6;
    right: -5px;
    z-index: 555;
    top: 31px;
    border-radius: 100px;
	z-index: 2;
}
.sitemap-header-wrapper {
    position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

}
.sitemap-header-wrapper .content-wrapper {
    width: 220px;
    border: 1px solid rgba(0, 40, 79, 0.2);
    border-radius: 5px;
    padding: 20px 10px 10px 10px;
	position: relative;
}
.sitemap-header-wrapper .content-wrapper::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 109px;
    top: -5px;
    background: #0054A6;
    border-radius: 100px;
}

.sitemap-header-wrapper .content-wrapper p {
    font-weight: 700;
    color: #00284F;
	padding-bottom: 20px;
}
.sitemap-header-wrapper .content-wrapper .btn-wrapper {
    display: flex;
    flex-flow: column;
    gap: 5px;
	position: relative;
	z-index: 5;
}
.sitemap-header-wrapper .content-wrapper .btn-wrapper a{
	display: flex;
}
.sitemap-header-wrapper .content-wrapper .btn-wrapper .qodef-qi-button .qodef-m-icon svg{
	fill: transparent;
	stroke: transparent !important;
}
.sitemap-header-wrapper .content-wrapper .btn-wrapper a {
    display: flex;
    background: rgba(0, 40, 79, 0.2);
    color: #00284F;
    justify-content: space-between;
    padding: 15px 10px;
}
.sitemap-header-wrapper .content-wrapper.no-border {
    border: none;
    padding: 0;
    width: 200px;
}
.sitemap-header-wrapper .content-wrapper.no-border::before {
	display: none;
}
.sitemap-header-wrapper.end {
    justify-content: right;
}
.sitemap-header-wrapper.red .content-wrapper .btn-wrapper a {
    border: 1px dashed #FF4D05;
    background: rgba(255, 77, 5, 0.05);
    color: #FF4D05;
}
.sitemap-header-wrapper.red .content-wrapper .btn-wrapper a svg path {
    fill: #FF4D05;
}

.sitemap-header-wrapper.blue .content-wrapper .btn-wrapper a {
    border: 1px dashed #00BCDA;
    background: rgba(0, 169, 143, 0.05);
    color: #00BCDA;
}
.sitemap-header-wrapper.blue .content-wrapper .btn-wrapper a svg path {
    fill: #00BCDA;
}

.sitemap-header-wrapper.green .content-wrapper .btn-wrapper a {
    border: 1px dashed #00A98F;
    background: rgba(0, 188, 218, 0.05);
    color: #00A98F;
}
.sitemap-header-wrapper.green .content-wrapper .btn-wrapper a svg path {
   fill: #00A98F;
}
.sitemap-header-wrapper.pink .content-wrapper .btn-wrapper a {
    border: 1px dashed #E61051;
    background: rgba(230, 16, 81, 0.05);
    color: #E61051;
}
.sitemap-header-wrapper.pink .content-wrapper .btn-wrapper a svg path {
   fill: #E61051;
}
.sitemap-header-wrapper.dark-blue .content-wrapper .btn-wrapper a {
    border: 1px dashed #0054A6;
    background: rgba(0, 84, 166, 0.05);
    color: #0054A6;
}
.sitemap-header-wrapper.dark-blue .content-wrapper .btn-wrapper a svg path {
   fill: #0054A6;
}
.sitemap-header-wrapper.pink .content-wrapper::before {
    display: block;
    z-index: 10;
    left: 53px;
    background: #E61051;
}
.sitemap-header-wrapper.dark-blue .content-wrapper::before {
    display: block;
    left: 95px;
    z-index: 10;
}

.sitemap-header-wrapper.red .content-wrapper .btn-wrapper a,
.sitemap-header-wrapper.blue .content-wrapper .btn-wrapper a,
.sitemap-header-wrapper.green .content-wrapper .btn-wrapper a,
.sitemap-header-wrapper.pink .content-wrapper .btn-wrapper a,
.sitemap-header-wrapper.dark-blue .content-wrapper .btn-wrapper a{
	font-size: 14px;
}

.sitemap-header-wrapper.green {
    justify-content: flex-start;
}
.red-line .elementor-icon,
.green-line .elementor-icon,
.blue-line .elementor-icon,
.pink-line .elementor-icon,
.dark-blue .elementor-icon{
	position: relative;
}
.red-line .elementor-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #FF4D05;
    position: absolute;
    right: -4px;
    z-index: 240;
    border-radius: 100px;
    top: -4px;
}
.green-line .elementor-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    top: -4px;
    left: -4px;
    background: #00A98F;
    position: absolute;
    border-radius: 100px;
}
.blue-line .elementor-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    top: -4px;
    right: 10px;
    background: #00BCDA;
    position: absolute;
    border-radius: 100px;
}
.pink-line .elementor-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    right: -5px;
    top: -4px;
    background: #e61051;
    position: absolute;
    border-radius: 100px;
}
.dark-blue .elementor-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100px;
    left: -4px;
    top: -4px;
    background: #0054A6;
    position: absolute;
}

a#qodef-back-to-top {
	width: 60px;
	height: 60px;
}
/* Floating button - floatton */

button.floatton-btn {
	width: 60px !important;
	height: 60px !important;
}

body div.floatton-container {
  	width: 200px !important;
  	padding: 20px !important;
  	margin: 0 !important;
  	right: -15px !important;
	left: unset !important;
  	background-color: rgba(255, 255, 255, 0) !important;
  	bottom: 20px !important;
  	border-radius: 20px !important;
  	box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0) !important;
  	display: block !important;
  	opacity: 1 !important;
  	transition: all .3s ease-in-out;
}

body div.floatton-container:hover {
	background-color: rgba(255, 255, 255, 1) !important;
	box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.25) !important;
}

body button.floatton-btn:focus .dashicons {
	color: #fff;
}

.floatton-btn {
	margin-bottom: 30px !important;
	height: 80px !important;
	width: 80px !important;
	transition: all .25s ease-in-out;
	display: none !important;
}


button.floatton-btn:hover {
	background-color: #212121;
	filter: drop-shadow(0px 10px 30px rgba(244, 118, 45, 0.40)) !important;
}

button.floatton-btn.floatton-opened {
	filter: drop-shadow(0px 10px 30px rgba(244, 118, 45, 0.40)) !important;
}

button.floatton-btn .dashicons.no-icon {
	display: flex !important;
	justify-content: center;
}

/*button.floatton-btn .dashicons:before {
    content: "";
    height: 45px !important;
    width: 45px !important;
    background-image: url(/wp-content/uploads/2024/02/Need-help-floating.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -7px;

}
	*/

button.floatton-btn.floatton-opened .dashicons:before {
    content: "";
    height: 25px !important;
    width: 25px !important;
    background-image: url(/wp-content/uploads/2024/02/x-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    /*margin-top: -5px;*/
}
body button.floatton-btn.floatton-btn-icon-only span {
    padding: 0px 0px 0px 0px !important;
}
body .floatton-container .floatton-inner {
	background-color: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

body .floatton-container {
	border: none !important;
	box-shadow: none !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	right: 70px !important;
	background-color: transparent !important;
}

.floatton-close, .floatton-pointer{
	display: none !important;
}

.floatton-refive-container .floatton-refive-icon a span.img-wrapper {
	background-color: #005CA8 !important;
	height: 50px;
	width: 50px;
	margin-bottom: 10px;
	border-radius: 100%;
	text-align: center;
	transition: all .25s ease-in-out !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.floatton-refive-container .floatton-refive-icon.whatsapp a span.img-wrapper {
    background-color: #25d366 !important;
}
.floatton-refive-container .floatton-refive-icon a {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
    text-decoration: none !important;
	flex-flow: row-reverse;
}
.floatton-refive-container .floatton-refive-icon a .text-wrapper {
    font-size: 16px;
    font-weight: 500;
	opacity: 0;
	transform: translateY(20px);
	transition: all .3s ease-in-out;
}
.floatton-container:hover .floatton-refive-container .floatton-refive-icon a .text-wrapper {
	opacity: 1;
	transform: translateY(0px);
}
.floatton-container {
	display: none;
	opacity: 0;
}

.floatton-container.floatton-opened {
	display: block !important;
	opacity: 1 !important;
}

.floatton-refive-icon.email span::before {
  	color: #fff;
  	font-size: 24px;
}

@media (max-width: 480px) {
	body div.floatton-container {
		visibility: hidden;
	}
}

/* CUSTOM SINGLE POST REFIVE */
.refive-bg-title-wrapper {
    margin-top: 30px;
}
.post-template-single-refive-php #qodef-page-inner {
    padding: 0 !important;
}

.refive-post-title {
    text-align: center;
    display: flex;
    max-width: 2000px;
    justify-content: center;
    margin-bottom: 30px;
}

.refive-post-title h1 {
    width: 1000px;
	color: #00284f;
  	font-size: 46px;
  	line-height: 1.2em;
  	font-weight: 700;
  	letter-spacing: 0.5px;
  	margin-top: 0px;
  	margin-bottom: 0px;
}

.refive-top-content {
    position: relative;
}

.refive-post-image {
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 20px;
    border-radius: 23px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
}

.refive-post-image::before {
    content: '';
    width: calc(100% - 40px);
    height: 500px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, #00284F00 0%, #00284FCC 100%);
    border-radius: 23px;
    max-width: 1960px;
}

.refive-top-content .post-author-date {
    z-index: 2;
}

.refive-top-content .post-author {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 10px;
}

.refive-top-content .post-author h5 {
    color: #fff;
    font-weight: 500;
}

.refive-top-content .post-author h5 span {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.refive-bottom-content {
    display: flex;
    padding: 0 60px;
    margin-top: 60px;
    margin-bottom: 130px;
    gap: 130px;
}

.refive-bottom-content .refive-right-content {
    width: 75%;
}

.refive-bottom-content .refive-left-content {
    width: 25%;
}

.refive-left-content .refive-btn,
.fixed-btn .refive-btn {
    background-color: #0054A6;
    border-radius: 33px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.refive-left-content .category-posts {
    margin-top: 30px;
}

.refive-left-content .category-posts h4 {
    font-weight: bold;
}

.refive-right-content .content-wrapper {
    margin-top: 30px;
    margin-bottom: 60px;
}

.refive-right-content .content-wrapper p {
    color: rgba(0, 40, 79, 0.7);
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
	margin-bottom: 20px;
}

.refive-right-content .content-wrapper figure{
	margin-top: 20px;
}

.refive-right-content .content-wrapper h2,
.refive-right-content .content-wrapper h3,
.refive-right-content .content-wrapper h4{
    font-weight: 700;
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.refive-right-content .content-wrapper img {
    margin-top: 30px;
    width: 100%;
    border-radius: 23px;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.refive-right-content .share-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(157, 165, 173, 0.3);
    padding-top: 20px;
}

.refive-right-content .share-btn h5 {
    color: #00284F;
}

.refive-recommended-posts {
    padding: 0 60px;
    margin-bottom: 130px;
}

.refive-recommended-posts h2 {
    margin-bottom: 30px;
}

.post-template-single-refive-php .qodef-page-title {
    display: none;
}

.fixed-btn {
    display: none;
}


@media only screen and (max-width : 1024px) {
    .refive-bottom-content {
        padding: 0 30px;
        gap: 50px;
        margin-bottom: 75px;
    }

    .refive-recommended-posts {
        padding: 0 30px;
        margin-bottom: 75px;
    }

    .refive-bottom-content .refive-right-content {
        width: 60%;
    }

    .refive-bottom-content .refive-left-content {
        width: 40%;
    }


	button.floatton-btn.floatton-btn-icon-only span {
		padding-left: 0px !important;
	}
	body div.floatton-container,
	.floatton-refive-container .floatton-refive-icon a span.img-wrapper {
		right: 30px !important;
		left: unset !important;
	}
	body div.floatton-container {
		right: 25px !important;
	}
}

@media only screen and (max-width : 580px) {
	div#qodef-top-area {
		height: 50px;
    	display: flex;
    	align-items: center;
	}
	.date-wrapper {
  		position: relative;
		width: 100% !important;
		min-width: calc(100% - 15px) !important;
	}
	.date-wrapper::before {
		content: none;
		z-index: -1;
		visibility: hidden;
	}
	div .input-wrapper input.date-input {
		width: 100% !important;
		min-width: calc(100% - 15px) !important;
		padding: 12px 0 10px 35px !important;
		vertical-align: center !important;
		line-height: 50px !important;
	}
	.date-wrapper::after {
  		content: "";
/*   		background-image: url('/wp-content/uploads/2024/01/calendar-2-1.svg'); */
		background-image: url('/wp-content/uploads/2024/04/Calendar_Black.svg');
  		width: 20px;
  		height: 20px;
  		background-size: 100%;
  		position: absolute;
  		left: 10px;
  		top: 15px;
/*   		filter: invert(1); */
/*   		opacity: 0.3; */
	}

	div .input-wrapper input.date-inputinput::-webkit-date-and-time-value {
  		margin-top: 0px !important;
		padding-top: 0px !important;
  		text-align: center;
  		width: 100%;
	}

    .refive-bottom-content {
        padding: 0 10px;
    }

    .refive-bottom-content .refive-left-content {
        display: none;
    }

    .refive-bottom-content .refive-right-content {
        width: 100%;
    }

    .refive-right-content .content-wrapper {
        text-align: center;
    }

    .refive-bg-title-wrapper {
        display: flex;
        flex-flow: column-reverse;
    }

    .refive-bg-title-wrapper .refive-post-title,
    .refive-bg-title-wrapper .refive-top-content {
        width: 100%;
    }

    .refive-bg-title-wrapper .refive-post-image {
        margin: 0;
        border-radius: 0;
    }

    .refive-post-image::before {
        width: 100%;
        border-radius: 0;
    }

    .refive-top-content .post-author {
        display: none;
    }

    .refive-post-title {
        margin: 20px 0;
    }

    .refive-bottom-content {
        margin-top: 30px;
    }

    .fixed-btn {
        display: block;
    }

    .fixed-btn .refive-btn {
        position: fixed;
        bottom: 20px;
		left: 0;
        margin: 0 20px;
        width: calc(100% - 40px);
    }

    .post-template-single-refive-php #qodef-back-to-top {
        display: none;
    }
}


/* RESPONSIVE */


.custom-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs-content-wrapper .elementor-tab-title {
	display: none;
}

div.custom-tabs {
	max-width: 800px;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
	flex-grow: 1;
}

@media only screen and (max-width : 1400px) {
	.custom-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-title {
		display: flex;
		flex-direction: column;
		gap: 15px;
		align-items: center;
	}


}


@media only screen and (min-width: 1441px) and (max-width: 1520px) {
	body.qodef-content-grid-1400 section.qodef-elementor-content-grid > .elementor-container {
		width: 100%;
		max-width: 100% !important;
	}
}

@media only screen and (max-width : 1500px) {
	.search_form_buttons > .elementor-container {
		flex-wrap: wrap;
	}
	.search_form_buttons > .elementor-container > .elementor-column:last-child {
		width: 100%;
		margin-top: 30px;
	}
	.search_form_buttons > .elementor-container > .elementor-column:nth-child(1),
	.search_form_buttons > .elementor-container > .elementor-column:nth-child(2) {
		width: 50%;
	}

	.search_form_buttons > .elementor-container > .elementor-column:nth-child(2) > .elementor-widget-wrap {
		justify-content: end !important;
	}
}

@media only screen and (max-width: 1200px) {
	.custom-tabs .input-wrapper {
		grid-template-columns: repeat(1,1fr);
	}
}

@media only screen and (max-width : 1024px) {
	div#qodef-top-area {
		border-bottom-left-radius: 5px;
  		border-bottom-right-radius: 5px;
	}
	div#qodef-top-area .e-swiper-container {
		max-width: 80vw;
	}
	#qodef-page-mobile-header,
	#qodef-page-mobile-header + .second-menu{
  		position: sticky !important;
  		top: 0px;
	}
/* 	#qodef-page-mobile-header + .second-menu {
  		top: 70px;
  		z-index: 5;
	} */
	.custom-furniture-tabs.home .ui-tabs-nav {
    	grid-template-columns: repeat(4,1fr);
    	grid-row-gap: 15px;
	}
	.wine-storage-slider .swiper-button-next, .wine-storage-slider .swiper-button-prev {
		position: absolute !important;
	}
	button.floatton-btn {
    	right: 25px !important;
	}
	body .floatton-container{
		right: 40px !important;
	}
	.custom-tabs .elementor-tab-title{
		padding: 20px !important;
	}
	.single .three-recommended-posts-wrapper{
		grid-template-columns: repeat(2, 1fr);
	}
	.single .three-recommended-posts-wrapper .recommended-post-item:nth-child(3) {
    	display: none;
	}
	.single .three-recommended-posts-wrapper .recommended-post-details .recommended-post-excerpt{
		min-height: 115px;
	}
	.single .three-recommended-posts-wrapper .recommended-post-details{
		padding: 0;
	}
	.swiper-button-next, .swiper-button-prev {
    	position: relative;
    	bottom: 0;
	}
	.custom-testimonials .swiper-button-next {
    	right: unset;
    	left: 50%;
	}
	.custom-testimonials .swiper-button-prev {
    	right: unset;
    	left: calc(50% - 110px);
    	bottom: -90px !important;
	}
	.custom-list-bg li.elementor-icon-list-item.elementor-inline-item{
		margin-top: 10px;
	}
	.custom-location h4{
		min-height:65px;
	}
	.custom-location .first-list {
    	min-height: 220px;
	}
	.custom-location .custom-list-bg {
    	min-height: 165px;
	}
	.custom-form .custom-margin-input{
		margin-top: -90px;
	}
	.custom-date-input, .custom-promo-input {
    	margin-top: -90px;
	}
	.custom-form .gfield--type-consent{
		margin-top: 0;
	}
	.team-img .qodef-m-image img{
		height: 550px;
	}
	.services-available h4{
		min-height: 62px;
	}
	.services-available p{
		min-height: 115px;
	}
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(1),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(2),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(4),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(5) {
		grid-column: span 2;
	}
	footer .qodef-grid.qodef-layout--columns>.qodef-grid-inner{
		grid-template-columns: repeat(4,1fr) !important;
	}
	.footer-custom-column{
		flex-flow: column;
		gap: 40px;
		padding: 20px;
	}
	footer #qodef-page-footer-bottom-area .qodef-grid-inner .qodef-grid-item:nth-child(1) p {
		text-align: left !important;
	}
	.custom-column-gap .elementor-container{
		gap: 0;
	}
	.custom-h5-steps h5{
		width: 70px;
		height: 70px;
	}
	.custom-h5-steps h5::before{
		width: 90px;
		height: 90px;
	}
	.custom-col-border-steps::before{
		top: 90px;
		left: 35px;
		height: calc(100% - 30px);
	}
	.custom-furniture-tabs .ui-tabs-tab a{
		border-radius: 23px;
		text-align: center !important;
	}
	.three-steps-store h4 {
    	min-height: 65px;
	}
	.custom-image-text h2 {
    	min-height: 129px;
	}
	.custom-vertical-tab .ui-tabs-nav{
		display: flex !important;
		top: 20px;
		gap: 20px;
		flex-flow: column;
		max-height: fit-content;
	}
	.qodef-qi-tabs-vertical.qodef-layout--simple .qodef-tabs-vertical-navigation{
		height: 100%;
	}
	.custom-slider-career.qodef-qi-swiper-container .swiper-button-next{
		right: 90px;
		position: absolute;
	}
	.why-sf-slider .swiper-button-prev, .why-sf-slider .swiper-button-next{
		position: absolute;
	}
	.join-us-col{
		height: 372px;
	}

	.custom-sitemap-btn.home .elementor-widget-container a::before {
    	left: 99px;
    	top: unset;
    	bottom: -6px;
	}
	.custom-sitemap-btn.home .elementor-widget-container a::after {
    	right: unset;
    	left: 103px;
    	bottom: -60px;
    	top: unset;
    	height: 60px;
    	width: 2px;
	}
	.sitemap-header-wrapper.dark-blue .content-wrapper::before{
		left: 60px;
	}
	.custom-btn-subheader::after{
		display: none;
	}
	.second-menu{
		margin-left: 30px;
		margin-right: 30px;
	}
	.co-working-testimonials p.qodef-e-text{
		min-height: 350px;
		padding-top: 40px !important;
	}
	#qodef-top-area-inner {
		padding: 0 10px;
	}
	div#qodef-top-area {
		margin: 0 10px;
	}
}

@media only screen and (max-width: 768px) {
	.search_form_buttons > .elementor-container > .elementor-column:nth-child(2) > .elementor-widget-wrap .elementor-widget-container {
		display: flex;
		justify-content: end;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.custom-tabs .elementor-tabs .elementor-tabs-wrapper {
		display: grid;
	}
}

@media only screen and (max-width: 600px) {
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(1),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(2),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(3),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(4),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(5) {
		grid-column: span 2;
	}
}

@media only screen and (max-width : 480px) {
	div#qodef-page-footer-top-area {
		background-color: #071726 !important;
	}
	div div#qodef-top-area {
		padding-top: 50px !important;
	}
	.custom-furniture-tabs.home .ui-tabs-nav {
    	grid-template-columns: repeat(3,1fr);
    	grid-row-gap: 20px;
		grid-column-gap: 10px;
	}
	.single .custom-post-category{
		justify-content: center;
	}
	.single .three-recommended-posts-wrapper{
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap:40px;
	}
	.single .three-recommended-posts-wrapper .recommended-post-details h4.recommended-post-title{
		min-height: auto;
	}
	.single .three-recommended-posts-wrapper .recommended-post-details .recommended-post-excerpt{
		min-height: auto;
		margin-bottom: 20px;
	}
	.single p.single-post-date span {
    	display: none;
	}
	.single .single-post-date {
    	color: #FAC809;
    	text-align: center;
    	width: fit-content;
    	display: flex;
    	justify-content: center;
    	background: #0054A6;
    	padding: 6px 15px;
    	border-radius: 33px;
	}
	.refive-date-custom .elementor-shortcode {
    	width: 100%;
    	display: flex;
    	justify-content: center;
	}
	.qodef-mobile-header--standard #qodef-page-mobile-header-inner{
		padding: 0 !important;
		margin-left: 10px;
		margin-right: 10px;
	}
	.elementor-tabs .elementor-tabs-wrapper{
		display: grid !important;
	}
	div .custom-tabs .elementor-tab-title[data-tab="1"]::before,
	div .custom-tabs .elementor-tab-title[data-tab="2"]::before,
	div .custom-tabs .elementor-tab-title[data-tab="3"]::before {
		display: none !important;
	}
	.custom-tabs .elementor-tab-title[data-tab="1"], .custom-tabs .elementor-tab-title[data-tab="2"], .custom-tabs .elementor-tab-title[data-tab="3"]{
		font-size: 14px !important;
		padding: 20px 15px;
		font-weight: 600 !important;
	}
	.custom-tabs .elementor-tabs-content-wrapper,
	.custom-tabs .elementor-tabs .elementor-tab-content,
	.custom-tabs .elementor-widget-tabs .elementor-tab-content {
    	border: none !important;
    	border-bottom: none !important;
	}
	.input-wrapper input.custom-input,
	.input-wrapper input.location-input,
	.input-wrapper input.size-input,
	.input-wrapper input.date-input {
		padding: 21px 0 21px 35px !important;
	}
	.input-wrapper svg{
		top: 25px;
	}
	.custom-steps-icon .elementor-icon::after,
	.custom-steps-icon .elementor-icon::before,
	.custom-steps-icon .elementor-icon-wrapper::before,
	.custom-steps-icon .elementor-icon-wrapper::after{
		display: none;
	}
	.price-fonts h2 {
    	font-size: 46px;
	}
	.custom-testimonials .swiper-button-next,
	.custom-testimonials .swiper-button-prev{
		background: transparent !important;
	}
	.custom-testimonials .swiper-button-next svg path,
	.custom-testimonials .swiper-button-prev svg path{
		fill: #000;
	}
	.custom-testimonials .swiper-button-prev{
		left: calc(50% - 30px);
		bottom: -40px !important;
	}
	.custom-testimonials .swiper-button-next{
		bottom: -16px;
	}
	.mobile-btn-center {
    	text-align: center;
	}
	.custom-steps-icon .elementor-icon {
    	width: 90px;
	}
	.custom-location h4,
	.custom-location .first-list,
	.custom-location .custom-list-bg,
	.services-available h4,
	.services-available p{
		min-height: auto;
	}
	.custom-form .custom-margin-input ,
	.custom-date-input, .custom-promo-input {
		margin-top: 0 !important;
	}
	.custom-form label.gform-field-label.gform-field-label--type-inline.gfield_consent_label{
		width: auto;
	}

	.team-img .qodef-m-image img{
		height: 450px;
	}
	footer .qodef-grid.qodef-layout--columns>.qodef-grid-inner{
		grid-template-columns: repeat(1,1fr) !important;
	}
	#qodef-page-footer-top-area-inner ul {
  		display: flex;
  		flex-wrap: wrap;
  		gap: 10px 40px;
	}
	#qodef-page-footer-top-area-inner ul  li {
		flex: 40%;
	}
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(1),
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(6){
		grid-column: span 2;
	}
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(2) {
		grid-row-start: 2;
		grid-column: span 2;
	}
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(3) {
		grid-row-start: 3;
		grid-column: span 2;
	}
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(4) {
		grid-row-start: 4;
		grid-column: span 2;
	}
	footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(5) {
		grid-row-start: 5;
		grid-column: span 2;
	}
	footer h5.qodef-widget-title{
		min-height: 20px;
		text-align: left;
	}
	.footer-custom-column .img-wrapper {
    	display: grid;
    	grid-template-columns: repeat(3,1fr);
    	grid-gap: 10px;
	}
	.footer-custom-column .img-wrapper img {
    	border-radius: 13px;
	}
	#qodef-page-footer-bottom-area .qodef-grid.qodef-layout--columns>.qodef-grid-inner{
		grid-template-columns: repeat(1,1fr) !important;
		grid-gap: 30px;
	}
	footer #qodef-page-footer-bottom-area .qodef-grid-inner .qodef-grid-item:nth-child(1) p{
		text-align: center !important;
	}
	footer #qodef-page-footer-bottom-area .qodef-grid-inner .qodef-grid-item:nth-child(2){
		margin-top: 0 !important;
	}
	.footer-socials{
		justify-content: center !important;
	}
	.custom-furniture-tabs .ui-tabs-nav{
		grid-template-columns: repeat(3,1fr);
    	column-gap: 15px;
    	row-gap: 21px;
	}
		.three-steps-store h4 {
    	min-height: auto;
	}
	.custom-image-text h2 {
    	min-height: auto;
	}
	.custom-vertical-tab .ui-tabs-nav{
		position: relative !important;
		top: 0;
	}
	.custom-vertical-tab .ui-tabs-nav{
		display: grid !important;
		margin-bottom: 50px !important;
	}
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a{
		width: 100%;
	}
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a {
		flex-flow: column;
		padding-left: 0 !important;
	 	border-radius: 50px;
		padding: 10px 0 !important;
	}
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-1::before,
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-2::before,
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-3::before,
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-4::before,
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-5::before,
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-6::before {
		left: 0 !important;
		position: relative !important;
	}
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a .q-text{
		align-items: center;
		margin-top: 10px;
	}
	.custom-vertical-tab .ui-tabs-nav .ui-tabs-tab a#ui-id-7 .q-text{
		margin-top: 0 !important;
	}
	.custom-slider-career.qodef-qi-swiper-container .swiper-button-next{
		right: 10px;
	}
	.gform-theme #gform_2{
		flex-flow: column;
		gap: 20px;
	}
	.gform-theme #gform_2 .gform-body .gform_fields{
		grid-gap: 20px;
	}
	.gform-theme #gform_2 .gform_footer .gform_button{
		padding-bottom: 35px;
		width: 100%;
	}
	.clickable_elem.positions:hover a.elementor-icon {
    	transform: translate(15px, 0px);
	}
	.join-us-col{
		height: 420px;
	}
	.input-wrapper{
		grid-template-columns: repeat(1,1fr);
		margin-bottom: 40px;
	}
	.sitemap-header-wrapper.end{
		justify-content: center;
	}
	.sitemap-header-wrapper .content-wrapper{
		width: 100%;
	}
	.sitemap-header-wrapper .content-wrapper::before{
		left: 50%;
	}
	.sitemap-header-wrapper.red .content-wrapper::before,
	.sitemap-header-wrapper.blue .content-wrapper::before,
	.sitemap-header-wrapper.green .content-wrapper::before{
		display: none;
	}
	.sitemap-header-wrapper.dark-blue .content-wrapper::before,
	.sitemap-header-wrapper.pink .content-wrapper::before{
		display: none;
	}
	.second-menu{
		margin-left: 10px;
		margin-right: 10px;
	}

	.search_form_buttons > .elementor-container > .elementor-column:last-child {
		width: 100%;
		margin-top: 20px;
	}
	.search_form_buttons > .elementor-container > .elementor-column:nth-child(1),
	.search_form_buttons > .elementor-container > .elementor-column:nth-child(2) {
		width: 100%;
	}

	.search_form_buttons > .elementor-container > .elementor-column:nth-child(2) > .elementor-widget-wrap,
	.search_form_buttons > .elementor-container > .elementor-column:nth-child(2) > .elementor-widget-wrap .elementor-widget-container {
		justify-content: start !important;
	}

	.search_form_buttons .elementor-column, .search_form_buttons .elementor-column .elementor-widget-qi_addons_for_elementor_button, .search_form_buttons .elementor-column .elementor-widget-qi_addons_for_elementor_button a {
    width: 100% !important;
    max-width: 100% !important;
  }
	.custom-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-title{
		padding: 20px 30px !important;
	}
}

@media only screen and (max-width : 380px)  {
	.team-mobile .elementor-element img {
    	height: 330px !important;
	}
	.join-us-col{
		height: 370px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1420px) {
	.home .refive.splide h2.post_title {
		font-size: 56px !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1640px) {
	.find_storage_home .custom-tabs {
  		top: -835px !important;
		max-width: 690px !important;
	}

	.find_storage_home.get_a_quote_section {
  		margin-bottom: 0px !important;
	}

	.find_storage_home .custom-tabs .elementor-tab-title {
		font-size: 14px !important;
	}

}

@media only screen and (min-device-width: 1200px) and (max-width: 1440px){
	.sitemap-header-wrapper.header .content-wrapper::before {
    	left: 50px;
	}
	.sitemap-header-wrapper.footer .content-wrapper::before {
    	left: unset;
    	right: 10px;
	}
	.sitemap-header-wrapper.dark-blue .content-wrapper::before{
		left: 126px;
	}

}
@media only screen and (min-device-width: 1024px) and (max-width: 1200px){
	.find_storage_home .custom-tabs {
		top: -215px !important;
	}
	.find_storage_home + section {
  		margin-bottom: 250px !important;
	}
	.get_a_quote_section {
  		margin-bottom: 200px !important;
	}
	.get_a_quote_section.storage_location {
		margin-top: 65px !important;
		margin-bottom: 450px !important;
	}
	.get_a_quote_section.find_storage_home {
		margin-bottom: 375px !important;
	}
	.home-line-1 svg {
    	height: 100px !important;
	}
	.sitemap-header-wrapper.header .content-wrapper::before {
    	left: 26px;
	}
	.home-line-2 svg {
    	height: 92px !important;
	}
	.home-line-2 {
    	left: 242px !important;
    	top: 37px !important;
	}
	.sitemap-header-wrapper.footer .content-wrapper::before {
    	left: unset;
    	right: 7px;
    	top: -6px;
	}
	.sitemap-header-wrapper .content-wrapper.no-border .btn-wrapper {
    	margin-left: 10px;
	}
	.sitemap-header-wrapper.pink .content-wrapper::before{
		left: 45px;
	}
	.sitemap-header-wrapper.dark-blue .content-wrapper::before{
		left: 135px;
	}

	.workspace_icons .elementor-column .elementor-widget-text-editor h4 {
  		min-height: 60px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.find_storage_home div.custom-tabs {
		max-width: unset !important;
		width: calc(100% - 40px) !important;
		right: 20px !important;
	}
}


@media only screen and (min-width: 767px) and (max-width: 777px) {
	.workspace_icons .elementor-column .elementor-widget-text-editor h4 {
  		min-height: 60px;
	}
}

@media only screen and (max-width : 767px){
	.find_storage_home .custom-tabs {
  		right: unset !important;
  		left: 0;
  		width: 90vw !important;
  		max-width: unset !important;
	}

	.sitemap-header-wrapper .content-wrapper {
    	width: 100%;
	}
	.sitemap-header-wrapper.header .content-wrapper::before,
	.sitemap-header-wrapper.footer .content-wrapper::before{
    	left: 50%;
		display: block;
	}
	.sitemap-header-wrapper .content-wrapper::before{
		display: none;
	}
	.sitemap-header-wrapper.dark-blue .content-wrapper::before,
	.sitemap-header-wrapper.pink .content-wrapper::before{
		display: none !important;
	}
}


.elementor-widget-wrap > .custom-steps-icon:first-child {
	display: none !important;
}

/* Popup */
div.elementor-popup-modal .dialog-widget-content {
	border-radius: 20px;
}

@media (max-width: 480px) {
	body div .popup_title {
		font-size: 40px;
	}
}

/* Blog */
.refive-right-content .content-wrapper h3 {
	color: #0054A6;
}
@media (max-width: 580px) {
	.refive-bottom-content .refive-right-content, .refive-bottom-content .refive-right-content * {
		text-align: left;
	}
	.refive-recommended-posts.max-width-2k {
		width: 100%;
		padding: 0;
		text-align: left;
	}
	.refive-recommended-posts.max-width-2k .recommended-post-item .recommended-post-title a,
	.refive-recommended-posts.max-width-2k .recommended-post-item .recommended-post-excerpt,
	.refive.posts-wrapper .post .post-content .post_description {
		text-align: left;
		width: 100%;
	}
	.refive.posts-wrapper .post .post-content .post_title {
		width: 100%;
		text-align: left !important;
	}
}

/*TEMPORARY CSS*/
body.page-id-2141 .custom-faq .elementor-toggle-item {
	background-color: #00284F !important;
}
body.page-id-2141 .custom-faq a.elementor-toggle-title span {
	color: #00284F;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: absolute;
	left: -50px;
	transform: translateY(2px);
	background: #c89f63;
	border-radius: 50px;
	padding: 5px 5px 5px 5px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	transform: translateY(-50%);
}

.page-id-33837 input, .page-id-33837 select, .page-id-33837 textarea {
    background: #f6f6f5;
}

.page-id-33837 ._row._checkbox-radio {
    display: flex;
    align-items: center;
}

.page-id-33837 ._row._checkbox-radio label {
    margin: 0;
    padding-left: 10px;
}