/*--------------------------------------------------------------
>>> GLOBAL - TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Elements
3.0 Header
4.0 Content
5.0 Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Space+Grotesk:wght@300..700&display=swap');

body {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	line-height: 1.55;
	font-weight: 400;
	color: #000;
}
.container {
	max-width: 1380px;
}

h1, h2, h3,
.h1, .h2, .h3 {
	font-family: "Space Grotesk", sans-serif;
	line-height: 1;
}

h1, .h1 {
	font-size: 55px;
	font-weight: 600;
}

body:not(.home) h1 {
	margin-bottom: 20px;
}

h2, .h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 26px;
}

h3, .h3 {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 15px;
}
h4, .h4 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}
h5, .h5 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

p {
	line-height: 1.55;
	margin-bottom: 25px;
}

.wp-block-button a.wp-element-button {
	font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    line-height: 27px;
    background-color: #000;
	color: #fff;
	font-weight: 700;
    border-radius: 0;
    text-decoration: none;
	padding: calc(0.667em + 3px) calc(1.333em + 3px);
}
.wp-block-button a.wp-element-button:hover {
    background-color: #fad800;
	color: #000;
    text-decoration: none;
}

.wp-block-button.button-yellow a.wp-element-button {
    background-color: #fad800;
	color: #000;
}
.wp-block-button.button-yellow a.wp-element-button:hover {
    background-color: #fff;
	color: #000;
}
.wp-block-button.button-white a.wp-element-button {
    background-color: #fff;
	color: #000;
}
.wp-block-button.button-white a.wp-element-button:hover {
	background-color: #fad800;
	color: #000;
}


/*--------------------------------------------------------------
2.0 Elements
--------------------------------------------------------------*/
.container-fluid {
	max-width: 1350px;
}

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

iframe {
	max-width: 100%;
}

.button {
	display: inline-block;
	padding: 0.5em 0.8em;
	background: #000;
	font-family: "Space Grotesk", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	color: #fff;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.button:hover,
.button:focus {
	background: #ffdd00;
	color: #000;
	text-decoration: none;
}

.button.button_yellow {
	border: 2px solid #ffdd00;
}

.button.button_yellow:hover {
	background: #ffdd00;
}

.link {
	position: relative;
	border-bottom: 2px solid #000;
	padding-bottom: 0.5em;
	font-weight: 600;
	color: #000;
}

.link:hover,
.link:focus {
	border-bottom: 2px solid #FBC011;
	color: #FBC011;
	text-decoration: none;
}

.link.link_yellow {
	border-bottom: 2px solid #ffdd00;
	color: #FBC011;
}

.link.link_yellow:hover {
	border-bottom: 2px solid #000;
	color: #1C68AF;
}

main ul {
	margin-bottom: 1.4em;
	padding: 0;
	list-style: none;
}

main ul:not(.menu):not(.slick-dots):not(.tabs):not(.products):not(.chosen-results) li{
	position: relative;
	margin-bottom: 5px;
}

/*main ul:not(.menu):not(.slick-dots):not(.tabs):not(.products):not(.chosen-results):not(#shipping_method) li:before{
	content: "";
	display: block;
	width: 0.36em;
	height: 0.36em;
	position: absolute;
	left: 0;
	top: 0.5em;
	background: #edc900;
}*/

.entry-content p a:not(.button) {
	color: #edc900;
	font-weight: bold;
}

.slick-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 38px;
	height: 38px;
	padding: 0.5em;
	background: #fafafa;
	border: 2px solid #fad800;
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.slick-next {
	right: -63px;
}

.slick-prev {
	left: -63px;
}

.slick-prev:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #222222;
    border-left: 2px solid #222222;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 1;
    position: relative;
}

.slick-next:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #222222;
    border-right: 2px solid #222222;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 1;
    position: relative;
}

.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus {
	background: #F0F0F0;
}

.slick-next {
	right: -63px;
}

.pagination-nav {
	margin-bottom: 4em;
}

.nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.page-numbers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 0.3em;
}

a.page-numbers:not(.next):not(.prev):not(.dots) {
	font-family: "Space Grotesk", sans-serif;
	width: 32px;
	height: 32px;
	/*border: 1px solid #DDDDDD;*/
	background-color: transparent;
	font-weight: 700;
	color: #000;
}

.page-numbers.current, 
a.page-numbers:not(.next):not(.prev):not(.dots):hover {
	font-family: "Space Grotesk", sans-serif;
	background-color: #000;
	color: #fff;
	width: 32px;
	height: 32px;
	font-weight: 700;
	/*border: 1px solid #1C68AF!important;*/
	text-decoration: none;
}

.woocommerce-pagination ul li::before {
	content: none !important;
}

.woocommerce-pagination .prev.page-numbers:hover,
.woocommerce-pagination .next.page-numbers:hover {
	text-decoration: none;
	color: #000;
}

/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/


/*header {
	background: #FFF;
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}*/

.top-menu {
	background: #F0F0F0;
	padding: 0.45em 0;
}

.top-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0;
	margin: 0;
	list-style: none;	
}

.top-menu ul li {
	margin-left: 1.4em;
}

.menu .locator > a,
.menu .user > a,
.menu .wishlist > a,
.menu .cart > a   {
	position: relative;
	padding-left: 30px;
}

.menu .locator > a:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 19px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/store/wp-content/themes/maxcanvas_child/img/locator.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.menu .user > a:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -2px;
	left: -3px;
	background-image: url("../img/header-my-account-icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.menu .wishlist > a:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 21px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../img/header-wishlist-icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.menu .cart > a:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	position: absolute;
	top: -1px;
	left: 0;
	background-image: url("../img/header-cart-icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.top-menu ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 0.93em;
	color: #222;
}

.top-menu ul li a:hover,
.middle-menu ul li a:hover,
.bottom-menu ul li a:hover  {
	opacity: 0.7;
	text-decoration: none;
}

.top-menu ul li a svg {
	margin-right: 0.4em;
}

.middle-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 6px;
    padding-bottom: 15px;
}
.middle-menu .left-sec, .middle-menu .right-sec {
	display: flex;
    align-items: center;
    gap: 40px;
}
.middle-menu .right-sec {
    gap: 43px;
	justify-content: flex-end;
}
.middle-menu .header-bbb-logo .wp-block-image {
	margin-bottom: 0;
}

.middle-menu-nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	line-height: ;
	list-style: none;
}

.middle-menu-nav ul li {
	margin-left: 27px;
}
.middle-menu-nav ul li:first-child {
	margin-left: 0;
}

.middle-menu-nav ul li a {
	font-family: "Space Grotesk", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #757575;
	text-transform: capitalize;
}
.middle-menu-nav ul li a:hover {
	opacity: 1;
	text-decoration: underline;
}

.tagline {
	padding: 0 0.5em;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #222;
}

.search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
#header .middle-menu .search-form {
	width: 455px;
}

.search-form label {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0;
}

.search-form label input {
	width: 100%;
    background: #f5f5f5;
    border: 1px solid #d3d3d3;
    padding: 0.55em 0.6em;
    font-size: 0.93em;
	font-family: "Space Grotesk", sans-serif;
}

.search-submit {
	padding: 0;
    border: none;
    background: none;
    margin-left: -1px;
    margin-top: -1px;
}

.middle-menu a#responsive-menu-button {
	display: none;
}


.bottom-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	margin-bottom: 14px;
	padding: 0;
}

.bottom-menu ul li a {
	position: relative;
	font-weight: 450;
}

/*.bottom-menu .current-menu-item a::before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	background: #1C68AF;
}
*/
.bottom-menu #navigation ul.menu > li.current-menu-item a::after, 
.bottom-menu #navigation ul.menu > li.current-menu-ancestor a::after {
	content: "";
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    bottom: -14px;
    left: 0;
    background: #787878;
}

#header .bottom-menu #navigation li {
    line-height: inherit;
    height: auto;
}
#header .bottom-menu #navigation li a {
	font-family: "Space Grotesk", sans-serif;
    font-size: 19px;
    line-height: 27px;
    height: auto;
    font-weight: 700;
    color: #000;
    padding: 13px 17px;
}
#header .bottom-menu #navigation li a:hover, 
#header .bottom-menu #navigation li.current-menu-item a, 
#header .bottom-menu #navigation li.current-menu-parent a {
    background-color: #787878;
	color: #fff;
	opacity: 1;
}
#header .bottom-menu #navigation li.consultation-btn a {
	background-color: #ffdd00;
    color: #000;
    padding: 13px 32px;
}
#header .bottom-menu #navigation li.consultation-btn a:hover {
	background-color: #787878;
    color: #fff;
}

#menu-bottom-menu-header .menu-item-has-children > a {
    position: relative;
    padding-right: 32px !important;
}
#menu-bottom-menu-header .menu-item-has-children > a::before {
    content: "";
    position: absolute;
    right: 17px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: translateY(-60%) rotate(45deg);
    transition: 0.3s;
}
#menu-bottom-menu-header .menu-item-has-children > a:hover::before, 
#menu-bottom-menu-header .menu-item-has-children.current-menu-item > a::before, 
#menu-bottom-menu-header .menu-item-has-children.current-menu-parent > a::before {
    border-color: #fff;
}

/* dropdown menu */
/*#navigation {
	position: static;
}*/

#navigation nav ul.sub-menu {
	width: 250px;
	margin: 0;
	padding: 0;
	background: #000;
	list-style: none;
	z-index: 100;
    top: 53px;
}
#navigation nav ul.sub-menu li {
	width: 250px;
}
#header .bottom-menu #navigation nav ul.sub-menu li a {
	font-size: 15px;
	line-height: 22px;
    font-weight: 500;
    color: #fff;
    padding: 10px 17px;
    background-color: #787878;
	border-bottom: 1px solid #939393;
}
#header .bottom-menu #navigation nav ul.sub-menu li:last-child a {
	border-bottom: none;
}
#header .bottom-menu #navigation nav ul.sub-menu li:hover a, 
#header .bottom-menu #navigation nav ul.sub-menu li.current-menu-item a {
	background-color: #fad800;
	color: #000;
}

/*#navigation nav li {
	position: static;
}*/



/*--------------------------------------------------------------
4.0 Content
--------------------------------------------------------------*/

#breadcrumbs-wrapper {
	padding: 16px 0;
    margin-bottom: 3em;
    font-family: "Space Grotesk", sans-serif;
    font-size: 15px;
    font-weight: 500;
	background: linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(244,244,244,0.8) 50%,rgba(244,244,244,1) 100%);
}

.breadcrumbs,
.woocommerce-breadcrumb {
	font-size: 0.86em;
	line-height: 1.33;
}

.breadcrumbs a,
.woocommerce-breadcrumb a {
	color: #A0AAB1;
}

.breadcrumbs a:after,
.woocommerce-breadcrumb a:after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  margin: 0 0.7em;
}

#cta {
	position: relative;
	margin: 3.5em 0 7em;
}

#cta .cta-img {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-width: 62.15%;
	width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.cta-left {
	min-height: 38em;
	padding: 3.5em;
	position: relative;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);
	        box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);
	text-align: center;
}

.cta-left h2 {
	margin-bottom: 0;
}

.cta-left .desc {
	margin-bottom: 0.5em;
}

.main-404 {
	background: url(/corporate/wp-content/themes/maxcanvas_child/img/404-bg.jpg);
	padding-bottom: 7em;
}

.error404 .footer-top {
	border: none;
}

.big-404 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	font-size: 20.5em;
	line-height: 0.9;
	color: rgba(160, 170, 177, 0.8);
	mix-blend-mode: multiply;
	text-align: center;
}

.error-404 .entry-title,
.error-404 .entry-content {
	text-align: center;
}

.error-404 .button {
	max-width: 12.3em;
	margin-top: 0.7em;
}

.main-search {
	padding-bottom: 4em;
}

.main-search h1 {
	margin-bottom: 0.5em;
}

.main-search .search-form {
	max-width: 100%;
	margin-bottom: 2.5em;
}

.main-search .count {
	color: #5E6F7B;
}

.search-results-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0.7em 0;
	border-bottom: 1px solid #DDDDDD;
}

.search-results-item .h3 {
	font-weight: 450;
}

.search-left {
	max-width: 64%;
	margin-top: 0.9em;
}

.search-right .button {
	width: 10em;
}

.modal-backdrop.show {
	opacity: .8;
}

.modal-content {
	-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);
	        box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);
	border: none;
	border-radius: 0;
}

.modal-dialog {
	max-width: 540px;
}

.modal-dialog.modal-xl {
	max-width: 81em;
}

.modal-dialog .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 26px;
	height: 26px;
	background: #0067b1;
	opacity: 1;
	color: #fff;
	text-shadow: none;
}

.modal-body {
	padding: 2.86em;
}

#loginModal #register, 
#loginModal .login-account {
	display: none;
}

#loginModal #login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#loginModal #register {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#loginModal .status {
	color: red;
}

#ModalLabel {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	font-size: 2.14em;
	line-height: 1.7;
	text-align: center;
	text-transform: uppercase;
}

.modal .subtitle {
	text-align: center;
}

#loginModal input {
	padding: 0.5em;
	margin-bottom: 1em;
	background: #FFFFFF;
	border: 1px solid #C5D3D6;
}

.bottom-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

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

#loginModal #remember {
	display: none;
}

.remember label {
	padding-left: 1.5em;
	margin: 0;
	position: relative;
}

.remember label:before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0.4em;
	left: 0;
	background: #FFFFFF;
	border: 2px solid #edc900;
}

.remember input:checked+label:before {
	background: #edc900;
}

.modal .link {
	border: none !important;
	padding: 0;
}

.modal .button.submit_button {
	margin: 1em 0;
}

#comments {
	display: block;
}

.container.entry-content {
	margin-bottom: 5em;
}



/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/

footer.site-footer {
	background-color: #fcfcfc;
}

footer .container > * {
	font-family: "Space Grotesk", sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #000;
}

footer .footer-top #footer1 a {
	display: block;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 7px;
	padding-left: 38px;
}
footer .footer-top #footer1 a.footer-contacts-address {
	margin-bottom: 18px;
}

.footer-contacts-address,
.footer-contacts-phone,
.footer-contacts-email{
	position: relative;
}

.footer-contacts-address::before,
.footer-contacts-phone::before,
.footer-contacts-email::before{
	content:"";
	flex-shrink:0;
	background-size:contain;
	background-repeat:no-repeat;
	display: inline-block;
    position: absolute;
    left: 0;
}

.footer-contacts-address::before{
	background-image:url("https://garagetek2026.wpenginepowered.com/wp-content/uploads/2026/03/ft-location-icon.png");
	width: 25px;
    height: 35px;
}

.footer-contacts-phone::before{
	background-image:url("https://garagetek2026.wpenginepowered.com/wp-content/uploads/2026/03/ft-phone-icon.png");
	width: 23px;
    height: 23px;
	left: 3px;
}

.footer-contacts-email::before{
	background-image:url("https://garagetek2026.wpenginepowered.com/wp-content/uploads/2026/03/ft-mail-icon.png");
	width: 23px;
    height: 17px;
	top: 4px;
    left: 3px;
}

footer h3 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.71;
	text-transform: uppercase;
	position: relative;
    display: inline-block;
	margin-bottom: 18px;
}
footer h3:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#000;
}

footer a,
footer a:hover {
	color: #000;
}

.footer-top {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 30% 20px 25% 20px 25% 20px 15%;
	grid-template-columns: 30% 25% 25% 15%;
	grid-column-gap: 20px;
	/*padding: 5.14em 0 5.71em;*/
	padding: 62px 0;
	margin-bottom: 0.36em;
	border-bottom: 1px solid #b0b0b0;
}

#footer1 p {
	line-height: 1.54;
	max-width: 16.5em;
}

.footer-logo {
	margin-bottom: 23px;
}

footer ul.menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
footer ul.menu li {
	margin-bottom: 14px;
}

footer .button {
	max-width: 12.3em;
	margin-top: 1em;
}

footer .featured {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 7em;
}

footer .featured > * {
	width: 50%;
	text-align: center;
}

#site-info {
	padding: 14px 0 25px;
}

footer #site-info .container > * {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

#site-info p.websiteby {
	float: right;
    margin-bottom: 0;
	color: #000;
}

#site-info .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#site-info .menu li {
	margin-right: 1.5em;
}

.social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.social a {
	padding: 0 0.5em;
}

.footer-contacts-email {
	text-transform: initial;
}

.footer-top .button {
	padding: 0;
}

.footer-top .button a {
	padding: 0.5em 0.8em;
	line-height: 1;
}

.footer-top .button a:hover {
	color: #fff;
	text-decoration: none;
}


/*WSI CSS Start*/
/*Home Page Start*/
/*Banner Section Start*/
.hm-banner {
	box-shadow: 0 1px 0 #ffffff, 0 11px 0 #ffd400;
}
.hm-banner > .wp-block-getwid-section__wrapper {
	padding-top: 215px;
    padding-bottom: 183px;
}
.hm-banner .banner-cont {
	background: rgba(0,0,0,0.6);
    max-width: 925px;
    margin: 0 auto;
    text-align: center;
    padding: 37px 22px 70px;
}
.hm-banner .banner-cont h1 {
	font-size: 74px;
    color: #fff;
    font-weight: 700;
}
.hm-banner .banner-cont p {
	font-size: 22px;
	line-height: 28px;
    color: #fff;
	margin-bottom: 33px;
}
.hm-banner .banner-cont .wp-block-button a.wp-element-button {
	font-size: 20px;
	line-height: 30px;
}
/*Banner Section End*/

/*Process Card Section Start*/
.process-card-cols, 
.storage-card-cols {
	gap: 1px;
}
.process-card, 
.storage-pod {
	position:relative !important;
	overflow:hidden !important;
	height:455px;
	min-height: auto !important;
	transition: all .3s ease;
}
.process-card *, 
.storage-pod * {
	transition:all .4s ease;
}
.process-card::before, 
.storage-pod::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	transition:all .3s ease;
	z-index:1;
}
.process-card:hover::before, 
.storage-pod:hover::before {
	background:rgba(0,0,0,0.6);
}
.process-card .wp-block-cover__inner-container, 
.storage-pod .wp-block-cover__inner-container {
	position: absolute !important;
    bottom: 17px;
    left: 12%;
    right: 12%;
    transition: all .4s ease;
    width: 76% !important;
    text-align: center;
	z-index: 10;
}
.process-card .wp-block-heading, 
.storage-pod .wp-block-heading {
	color: #fff;
	margin-bottom: 0;
}
.process-card:hover .wp-block-heading, 
.storage-pod:hover .wp-block-heading {
	margin-bottom: 15px;
}
.process-card .process-text {
	opacity:0;
	max-height:0;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	transition:all .4s ease;
}
.process-card:hover .wp-block-cover__inner-container {
	bottom:73px;
}
.process-card:hover .wp-block-heading {
	color: #fad800;
}
.process-card:hover .process-text {
	opacity:1;
	max-height:200px;
}
/*Process Card Section End*/

/*Featured On Section Start*/
.feature-home-sec .feature-logo {
	max-width: 956px;
	margin: 0 auto;
}
.feature-home-sec h4{
	text-align:center !important;
	margin-bottom: 23px;
}
/*Featured On Section End*/

/*Storage Card Section Start*/ 
.storage-card-cols {
	margin-bottom: 1px;
}
.storage-card-cols .pod-cont {
	display: flex;
    align-items: center;
    height: 455px;
    padding: 50px 50px 50px 38%;
}
.storage-card-cols .pod-cont p {
	margin-bottom: 0;
}
.storage-pod:hover::before {
    border-bottom: 11px solid #fad800;
}
.storage-pod h3 {
	margin-bottom: 15px;
}
.storage-pod:hover .wp-block-cover__inner-container {
    bottom: 123px;
}
.storage-pod .pod-buttons {
	opacity:0;
	transform:translateY(20px);
	transition:0.3s;
	max-height: 0;
	display: flex;
    justify-content: center;
	margin-top: 25px;
}
.storage-pod .pod-buttons .wp-block-button a.wp-element-button {
    font-size: 16px;
    line-height: 22px;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    width: 145px;
}
.storage-pod:hover .pod-buttons {
	opacity:1;
	transform:translateY(0);
	max-height: 48px;
}
.storage-pod img {
	transition:0.3s;
}
.storage-pod:hover img {
	transform:scale(1.05);
}
/*Storage Card Section End*

/*Feature Section Start*/
.feature-section .feature-section-col {
    display:flex;
    align-items:stretch;
    margin-bottom:0;
}
.feature-section .feature-cont {
    padding: 100px 0 100px 14.85%;
}
.feature-section .feature-cont .wp-block-group {
	background-color: #fff;
    padding: 55px 40px 65px;
    margin-right: -340px;
    z-index: 10;
}
.feature-section .feature-section-col .wp-block-column {
    display:flex;
    flex-direction:column;
}
.feature-section .wp-block-cover {
    flex:1;
    min-height:100%;
}
.feature-section .wp-block-cover img {
    width:100%;
    height:100%;
    object-fit:cover;
}
/*Feature Section End*/

.consultation-cta {
	margin-top: -60px;
	border-bottom: 9px solid #fad800;
}
.consultation-cta > .wp-block-columns {
	margin-bottom: 0;
}
.consultation-cta .cta-cont {
	padding: 116px 0 33px;
}

/*Testimonial Section Start*/
.testimonial-sec > .wp-block-getwid-section__wrapper {
	padding-top: 98px;
    padding-bottom: 0;
}
.testimonial-sec h2 {
	margin-bottom:55px;
}
.testimonial-sec .wp-block-columns-is-layout-flex {
	margin-bottom:0 !important;
	gap: 100px;
}
.testimonial-sec h6 {
	font-size:18px !important;
	font-weight:700;
	margin-bottom:0 !important;
}
.testimonial-sec p.place {
	font-size:15px;
	line-height: 22px;
	margin-bottom: 0;
}
.slick-dots{
	text-align:left !important;
}
.slick-dots li, 
.slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 3px !important;
}
.slick-dots li.slick-active button::before {
    opacity: 1;
    color: #fbdd03;
}
.slick-dots li button::before {
    font-size: 12px;
    line-height: 12px;
    width: 12px;
    height: 12px;
	color: #cccccc;
}
.testimonial-sec .wp-block-getwid-content-slider-slide__wrapper p {
    padding-left: 2px;
}
/*.wp-block-getwid-content-slider-slide__wrapper p:first-of-type {
    position: relative;
    text-indent: 55px;
    padding-top: 14px;
}*/
/*.wp-block-getwid-content-slider-slide__wrapper p:first-of-type::before {
	content: "";
	background-image: url("../img/testimonial-quote-icon.png");
	position: absolute;
	left: 0;
	top: 2px;
	width: 45px;
	height: 35px;
}*/
/*Testimonial Section End*/
/*Home Page End*/

/*Schedule a Consultation Section Start*/
#consultation-form {
	position: relative;
	margin-top: 95px;
}
#consultation-form .left-content {
	height: 155px;
    display: flex;
    align-items: center;
}
#consultation-form .left-content {
	height: 155px;
    display: flex;
    align-items: center;
}
#consultation-form .left-content h2 {
	margin-bottom: 0;
    font-size: 60px;
	position: relative;
}
#consultation-form .left-content h2:after {
	content:"";
	display:inline-block;
	width:60px;
	height:44px;
	margin-left:42px;
	background-image: url("../img/form-heading-arrow.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

#consultation-form .form-img {
	position: absolute;
    left: 0;
    top: 155px;
    width: 100%;
    height: calc(100% - 155px);
    object-fit: cover;
}

#consultation-form .form-right {
	/*min-height: 38em;*/
	padding: 26px 32px 75px;
	position: relative;
	background: #fff;
	margin-bottom: 90px;
	-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
	box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.09);
	border-top: 11px solid #fad800;
}
#consultation-form .form-right h4 {
	margin-bottom: 34px;
}

.wpcf7 .form-row{
	display: flex;
    gap: 20px;
    margin-right: 0;
    margin-left: 0;
}
.wpcf7 .form-row p {
    margin-bottom: 20px;
}
.wpcf7 .form-col{
	flex:1;
}
.wpcf7 .form-col.full{
	flex:100%;
}
.wpcf7 input,
.wpcf7 textarea {
	width: 100%;
    padding: 15px 18px;
    border: 2px solid #e8e8e8;
    background: #fbfbfb;
    font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    line-height: 1.3;
    color: #a1a1a1;
}
.wpcf7 textarea {
	height:177px;
}
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
    width: auto;
}
.wpcf7 input[type="submit"]{
	font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    line-height: 27px;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    text-decoration: none;
    padding: calc(0.667em + 3px) calc(1.333em + 3px);
	border: none;
    width: auto;
}
.wpcf7 input[type="submit"]:hover {
	background-color: #fad800;
    color: #000;
    text-decoration: none;
}
.contact-method label {
    font-family: "Space Grotesk", sans-serif;
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.2;
    color: #000000;
}
.contact-method .wpcf7-checkbox span.wpcf7-list-item-label  {
    font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: 500;
}
.contact-method .wpcf7-checkbox {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 10px;
}
.contact-method .wpcf7-list-item {
	margin: 0;
}
.contact-method .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 6px;
}
.wpcf7-acceptance input[type="checkbox"]{
	margin:0;
	width: auto;
}
.wpcf7-acceptance{
	display:flex;
	align-items:center;
	gap:10px;
}
.wpcf7-acceptance label{
	display:flex;
	gap:8px;
	font-family: "Space Grotesk", sans-serif;
	font-size:15px;
	line-height:1.3;
	color: #000;
}
.wpcf7-acceptance input[type="checkbox"]{
	width:16px;
	height:16px;
}
.wpcf7-not-valid-tip {
    font-size: 15px;
    line-height: 1.3;
    font-family: "Space Grotesk", sans-serif;
    color: red;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
/*Schedule a Consultation Section End*/


/*Inner Page Start*/
.inner-top-sec > .wp-block-getwid-section__wrapper {
	padding-bottom: 47px;
}
ul.check-listing, ul.pdf-listing {
	list-style:none;
	margin-bottom: 0;
}
ul.check-listing.listing-2col {
	column-count: 2;
    column-gap: 20px;
}
ul.check-listing.listing-3col {
	column-count: 3;
    column-gap: 20px;
}
ul.check-listing.listing-4col {
	column-count: 4;
    column-gap: 20px;
}
ul.check-listing li{
	background: url("../img/check-list-icon.png") no-repeat 0 0;
	padding-left: 37px !important;
	margin-bottom: 15px !important;
}
ul.pdf-listing li{
	background: url("../img/pdf-list-icon.png") no-repeat 0 0;
    padding-left: 28px !important;
    margin-bottom: 15px !important;
}
ul.pdf-listing li a {
	color: #000;
	font-weight: 500;
}
ul.pdf-listing li a:hover {
	color: #edc900;
    text-decoration: none;
}
ol.wp-block-list li{
	margin-bottom: 15px !important;
}
.wp-block-columns.pdf-listing-2col,
.wp-block-columns.pdf-listing-3col, 
.wp-block-columns.pdf-listing-4col {
	margin-bottom: 10px;
}

main ul.check-listing:not(.menu):not(.slick-dots):not(.tabs):not(.products):not(.chosen-results):not(#shipping_method) li:before {
	display:none !important
}
h3 ~ ul {
  margin-top: 20px;
}
p ~ .two-col-img {
  margin-top: 44px;
}
.feature-section .wp-block-buttons{
  margin-top: 39px !important;
}
.inner-sec-gap > .wp-block-getwid-section__wrapper {
	padding-top:73px;
	padding-bottom: 47px;
}
.pb-0 > .wp-block-getwid-section__wrapper {
	padding-bottom: 0;
}
.inner-sec-gap .wp-block-getwid-section__inner-content .wp-block-columns {
	margin-bottom: 0;
}
.feature-section .feature-cont.rgt-cont {
    padding: 80px 14.85% 100px 0;
}
.feature-section .feature-cont.rgt-cont .wp-block-group {
    background-color: #fff;
    padding: 55px 40px 65px;
    margin-left: -328px;
    z-index: 10;
}
.feature-section .feature-cont.rgt-cont .wp-block-group {
    margin-right: 0px;
}
.cont-sec-rgt-list{
	gap:5rem;
}
.inner-sec-gap ~ .consultation-cta{
	margin-top: 16px;
}
.wht-sec-title-gap{
	padding-top:57px;
}
p ~ .three-col-img{
	margin-top:34px;
}
.three-col-list{
	margin-bottom:0;
}
.grey-sec-title-gap .wp-block-getwid-section__wrapper {
	padding-bottom:47px;
	padding-top:75px;
}
/*Inner Page End*/

/*Product Listing Page Start*/
.product-consultation-cta {
    background: url('https://garagetek2026.wpenginepowered.com/wp-content/uploads/2026/04/product-consultation-cta-img.png') no-repeat center center;
    background-size: cover;
    padding: 83px 0 96px;
	border-top: 9px solid #fff;
    border-bottom: 9px solid #fad800;
}
.product-consultation-cta .cta-container {
    display: flex;
    align-items: center; /* vertical middle */
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-consultation-cta .cta-col-left,
.product-consultation-cta .cta-col-right {
    width: 50%;
}

.product-consultation-cta .cta-col-right h2 {
    color: #fad800;
    margin-bottom: 15px;
}
.product-consultation-cta .cta-col-right h3 {
    margin-bottom: 10px;
}
.product-consultation-cta .cta-col-right h3, 
.product-consultation-cta .cta-col-right p {
    color: #fff;
}
.product-consultation-cta .cta-col-right p{
	 margin-bottom: 26px;
}
.product-consultation-cta .cta-btn {
    display: inline-block;
    padding: 12px 25px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 4px;
	font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    line-height: 27px;
    font-weight: 700;
    border-radius: 0;
    text-decoration: none;
    padding: calc(0.667em + 3px) calc(1.333em + 3px);
}
.product-consultation-cta .cta-btn:hover {
    background-color: #fad800;
    color: #000;
}


/*Solution Pods Section Start*/
.solution-items .storage-card-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.solution-items .storage-card-cols .storage-content .pod-cont {
    flex-direction: column;
    justify-content: center;
	background:#eeeeee;
}
.solution-items .storage-card-cols .storage-content .pod-cont h2 {
    margin-bottom: 15px;
}
.solution-items .storage-card-cols .storage-item .storage-pod img {
	height: 100%;
}
.solution-items .storage-card-cols .storage-item .storage-pod .pod-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 20px 10px;
    color: #fff;
	z-index: 1;
}
.solution-items .storage-card-cols .storage-item .storage-pod:hover .pod-content {
    bottom: 123px;
}
.solution-items .storage-card-cols .storage-item .pod-content h3 {
	text-align:center;
}
.storage-pod .pod-content .pod-buttons {
    gap: 10px;
}
.storage-pod .pod-content .pod-buttons .btn-white, 
.storage-pod .pod-content .pod-buttons .btn-yellow {
	font-family: "Space Grotesk", sans-serif;
	font-size: 16px;
    line-height: 22px;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    width: 145px;
	font-weight: 700;
    border-radius: 0;
	text-decoration: none;
	text-align: center;
}
.storage-pod .pod-content .pod-buttons .btn-white {
	background: #fff;
    color: #000;
}
.storage-pod .pod-content .pod-buttons .btn-white:hover {
	background: #f5c400;
    color: #000;
}
.storage-pod .pod-content .pod-buttons .btn-yellow {
	background: #f5c400;
    color: #000;
}
.storage-pod .pod-content .pod-buttons .btn-yellow:hover {
	background: #fff;
    color: #000;
}

/*Solution Pods Section end*/
/*Product Listing Page End*/

/*Accordion Section Start*/
.sp-easy-accordion .sp-ea-single {
    border-radius: 0;
}

.sp-easy-accordion .ea-card.ea-expand .ea-header a {
    background-color: #000;
    color: #FFF !important;
}

/*.sp-easy-accordion .ea-card.ea-expand .ea-header a i {
    color: #000 !important;
}*/

.sp-easy-accordion .ea-header a {
    transition: all 0.3s ease;
}
/*Accordion Section End*/

/*Blog List Page Start*/

.page-id-13086 #consultation-form, 
.single-post #consultation-form {
	display: none;
}

.gb-block-post-grid.blog-listing {
	margin-top: 40px;
	margin-bottom: 31px;
}
.gb-block-post-grid .is-grid article, 
.gb-block-post-grid .gb-is-grid article {
    margin-bottom: 2em;
}
.gb-block-post-grid .gb-post-grid-item {
    border: 1px solid #b9bfbf;
}
.gb-block-post-grid .gb-block-post-grid-text {
	padding: 25px 30px 30px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.gb-block-post-grid .gb-block-post-grid-text .gb-block-post-grid-excerpt {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.gb-block-post-grid h3 {
	font-size:26px !important;
	color: #000000 !important;
    font-weight: 700;
    text-transform: uppercase;
}
.gb-block-post-grid h3 a {
    color: #000 !important;
}
.gb-block-post-grid .gb-block-post-grid-text p {
    line-height: 26px;
    margin-bottom: 26px;
	flex-grow: 1;
}
.gb-block-post-grid .gb-block-post-grid-more-link {
	font-family: "Space Grotesk", sans-serif;
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 10px 20px;
    border: none;
	margin-top: auto;
	display: inline-block;
}
.gb-block-post-grid .gb-block-post-grid-more-link:hover{
    background-color: #ffdd00 !important;
    color: #000000 !important;
	text-decoration:none !important;
}

.blog-listing {
	margin-top: 40px;
	margin-bottom: 62px;
}
.blog-listing .blog-item {
	padding: 25px 30px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #b9bfbf;
	margin-bottom: 0;
}
.blog-listing .blog-item h3 {
	font-size: 26px !important;
    color: #000000 !important;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-listing .blog-item h3 a {
	color: #000 !important;
}
.blog-listing .blog-item p {
    line-height: 26px;
    margin-bottom: 26px;
	flex-grow: 1;
}
.blog-listing .blog-item .wp-block-getwid-template-post-button {
	display: flex;
}
.blog-listing .blog-item a.wp-block-button__link {
	font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    line-height: 27px;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    text-decoration: none;
    padding: 11px 26px;
}
.blog-listing .blog-item a.wp-block-button__link:hover{
    background-color: #ffdd00;
    color: #000000;
	text-decoration:none;
}
.blog-listing .pagination {
    display: flex;
    justify-content: center;
}

.blog-listing .pagination .page-numbers.prev, 
.blog-listing .pagination .page-numbers.next {
	font-family: "Poppins", sans-serif;
    color: #000;
	font-size: 25px;
	line-height: 1.1;
	font-weight: 500;
}
/*Blog List Page End*/

/*Blog Details Page Start*/
.single-post-cont h1.entry-title {
	margin-bottom: 24px;
}
.single-post-cont h2 {
	margin-bottom: 17px;
}
.post-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
	margin-bottom: 80px;
}

.post-navigation a {
    font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    line-height: 27px;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    text-decoration: none;
    padding: calc(0.667em + 3px) calc(1.333em + 3px);
    display: inline-block;
}
.post-navigation a:hover {
    background-color: #fad800;
    color: #000;
    text-decoration: none;
}
/*Blog Details Page End*/

.icon-listing, .pods-text-block {
	gap: 30px;
}
.icon-listing .wp-block-getwid-image-box, 
.pods-text-block > .wp-block-group {
	border: 1px solid #b9bfbf;
    padding: 30px 30px 10px;
}
.icon-listing.linked-item .wp-block-getwid-image-box:hover {
	border: 1px solid #000;
}
.icon-listing .wp-block-getwid-image-box h4 {
	font-family: "Space Grotesk", sans-serif;
}
.icon-listing.linked-item .wp-block-getwid-image-box:hover h4 {
	color: #edc900;
}

.left-icon-listing .wp-block-getwid-image-box .wp-block-getwid-image-box__content {
	text-align: left;
	align-self: flex-start;
}
.left-icon-listing h4 {
	margin-bottom: 5px;
}

.left-icon-listing .wp-block-getwid-image-box.has-image-left .wp-block-getwid-image-box__image-container {
    max-width: 80px;
    min-width: 80px;
}

/*Step Section Start*/
.process-line {
	position: relative;
	padding-top: 16px;
}

.process-line::before {
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	border-top: 2px dashed #d3d3d3;
	z-index: 0;
}

.process-step {
	text-align: center;
	position: relative;
}

.step-number {
	width: 50px;
	height: 50px;
	background: #ffdd00;
	color: #000;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
}

.process-step h4 {
	font-family: "Space Grotesk", sans-serif;
	font-size: 22px;
}
/*Step Section End*/

.wp-block-image.img-right {
	margin-top: 8px;
}

.wp-block-columns.cont-img-block {
	gap: 50px;
}

.cont-img-block .wp-block-column p:last-child {
	margin-bottom: 0;
}

.garage-process {
	position: relative;
	padding-top: 20px;
}
.garage-process::before {
	content: "";
	position: absolute;
	top: 84px;
	left: 0;
	width: 100%;
	border-top: 2px dashed #ccc;
	z-index: 0;
}

.garage-process.steps-3col {
	gap: 80px;
}

/*.garage-process .garage-step {
	position: relative;
	text-align: center;
}

.garage-process .garage-step:first-child::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 33.333%;
  border-top: 2px dashed #d3d3d3;
}

.garage-process .garage-step:last-child::after {
	content: "";
	position: absolute;
	top: 50px;
	right: 0;
	width: 33.333%;
	border-top: 2px dashed #d3d3d3;
}

.garage-process .garage-step:not(:last-child) {
	background-image: linear-gradient(#d3d3d3, #d3d3d3);
	background-size: 33.333% 2px;
	background-repeat: no-repeat;
	background-position: calc(100% + 10px) 50px;
}

.garage-process .garage-step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 44px;
	right: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #d3d3d3;
}*/

.garage-process .garage-step {
	text-align: center;
	position: relative;
	z-index: 1;
}

.garage-process .garage-step .icon-box {
	width: 120px;
	height: 120px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
}

.garage-process .garage-step .icon-box img {
  width: 60px;
  height: auto;
}

.garage-process .garage-step .icon-box { 
	background: #ffdd00;
}

.garage-process h4 {
	font-family: "Space Grotesk", sans-serif;
}

.wpmtst-testimonial .testimonial-name {
	font-family: "Space Grotesk", sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0 !important;
}
.wpmtst-testimonial .testimonial-company {
	font-family: "Space Grotesk", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.simplePagerList ul.simplePagerNav li:before {
	display: none !important;
}

.strong-view ul.simplePagerNav li a {
    font-family: "Space Grotesk", sans-serif;
    width: 32px;
    height: 32px;
    background-color: transparent;
    font-weight: 700;
    color: #000;
    display: inline-block;
}
.strong-view ul.simplePagerNav li a:hover, 
.strong-view ul.simplePagerNav li.currentPage a {
    background: #000 !important;
}

.wp-block-image :where(figcaption) {
    font-size: 15px;
}
/*WSI CSS End*/


/*
 * RESPONSIVE STYLES
*/

/* Large desktop */
@media (max-width: 1700px) { 
.feature-section .feature-cont {
    padding-left: 9.8%;
} 
.storage-card-cols .pod-cont {
    padding-left: 20%;
}
}

@media (max-width: 1650px) { 
.feature-section .feature-cont {
    padding-left: 7.8%;
}
.storage-card-cols .pod-cont {
    padding-left: 17%;
}
}

@media (max-width: 1440px) {
.wp-block-getwid-section.feature-section .wp-block-getwid-section__wrapper .wp-block-getwid-section__inner-wrapper {
	padding: 0 !important;
}
.feature-section .feature-cont.rgt-cont {
	padding: 100px 3% 100px 0;
}
}

@media (max-width: 1400px) { 
.process-card, .storage-pod {
    height: 350px;
}
.hm-banner > .wp-block-getwid-section__wrapper {
    padding-top: 115px;
    padding-bottom: 83px;
}
.process-card .wp-block-cover__inner-container {
    bottom: 10px;
    left: 8%;
    right: 8%;
    width: 84% !important;
}
.process-card:hover .wp-block-cover__inner-container {
    bottom: 29px;
}
.storage-pod .wp-block-cover__inner-container {
    left: 8%;
    right: 8%;
    width: 84% !important;
}
.storage-pod:hover .wp-block-cover__inner-container, 
.solution-items .storage-card-cols .storage-item .storage-pod:hover .pod-content {
    bottom: 61px;
}
.storage-card-cols .pod-cont {
    height: 350px;
    padding: 30px 30px 30px 30px;
}
.feature-section .feature-cont {
    padding-left: 15px;
}
.storage-card-cols .pod-cont h2 {
	margin-bottom: 10px;
}
}

@media (max-width: 1380px) { 
.consultation-cta {
    margin-top: -64px;
}
}

@media (max-width: 1199px) { 
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
}

@media (max-width: 1100px) { 
h1, .h1 {
    font-size: 50px;
}
.storage-card-cols {
	grid-template-columns: repeat(2, 1fr);
}
#header .middle-menu .search-form {
    width: 300px;
}
#header .bottom-menu #navigation li.consultation-btn a {
    padding-left: 20px;
    padding-right: 20px;
}
#header .bottom-menu #navigation li a {
    font-size: 16px;
}
.feature-section .feature-section-col {
    flex-direction: column;
}
.feature-section .feature-cont .wp-block-group {
    margin-right: 17px;
	margin-left:17px;
}
.feature-section .feature-cont {
    padding: 75px 0 0 0;
}
.feature-section .feature-cont .wp-block-group {
    padding: 40px 40px 50px;
}
.feature-section .wp-block-cover.is-light{
	padding: 250px 0;
}
.feature-section .feature-cont.rgt-cont {
	padding: 0px 2% 80px 0;
}
.feature-section .feature-cont.rgt-cont .wp-block-group {
    margin-left: 15px;
    z-index: 10;
}
#consultation-form .left-content h2 {
    font-size: 43px;
}
#consultation-form .form-right h4{
	font-size: 21px;
}
#consultation-form {
    margin-top: 70px;
}
#consultation-form .left-content {
    height: 115px;
}
.three-col-list{
	gap: 0;
}
.three-col-list ul.check-listing{
	margin-bottom:0;
}
.three-col-list {
    margin-bottom: 12px;
}
.cont-sec-rgt-list {
	gap: 50px;
}
h3 ~ ul {
    margin-top: 20px;
}
.three-col-list-with-heading, 
.two-col-with-heading{
	gap: 30px;
}
.inner-sec-gap ~ .consultation-cta {
    margin-top: -44px;
}
 p + h4 {
    margin-top:0;
}
.middle-menu .left-sec, .middle-menu .right-sec {
    gap: 20px;
}
.middle-menu .right-sec {
    gap: 23px;
}
.middle-menu-nav ul li {
    margin-left: 5px;
}
.hm-banner > .wp-block-getwid-section__wrapper {
    padding-top: 75px;
    padding-bottom: 43px;
}
.process-card {
    height: 250px;
}
.process-card:hover .wp-block-cover__inner-container {
    bottom: 0;
}
.storage-card-cols .pod-cont {
    padding: 20px 15px 20px 15px;
}
.storage-card-cols .pod-cont h2 {
    font-size: 35px;
}
.consultation-cta {
    z-index: 1;
}
.consultation-cta br {
	display: none;
}
.storage-pod .pod-buttons .wp-block-button a.wp-element-button {
    padding: calc(0.667em + 2px) calc(0.333em + 2px);
    width: 130px;
}
.testimonial-sec > .wp-block-getwid-section__wrapper {
    padding-top: 70px;
}
#consultation-form .form-right {
    padding: 26px 32px 30px;
}

.inner-sec-gap > .wp-block-getwid-section__wrapper {
    padding-top: 68px;
    padding-bottom: 43px;
}
.gb-block-post-grid.blog-listing .gb-post-grid-items {
    grid-gap: 0 20px;
}
ul.check-listing.listing-4col {
    column-count: 3;
}
ul.check-listing.listing-3col {
    column-count: 2;
}
ul.check-listing.listing-2col {
    column-count: 1;
}
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
.tagline {
	display: none;
}
.menu .locator > a, 
.menu .user > a, 
.menu .cart > a, 
.menu .wishlist > a {
	display: block;
	height: 20px;
	width: 20px;
	font-size: 0;
}
.footer-top {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 15px;
}
.feature-section .feature-cont .wp-block-group {
    margin-right: 15px;
}

.storage-card-cols {
	grid-template-columns: 1fr;
}
.storage-content {
	text-align: center;
}
.pod-buttons {
	justify-content: center;
}
.product-consultation-cta .cta-col-left,
.product-consultation-cta .cta-col-right {
	width: 100%;
}
.product-consultation-cta .cta-container {
	text-align: center;
}
.footer-top {
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}
#header .middle-menu .search-form {
    width: 240px;
}
#header .bottom-menu #navigation li a {
    font-size: 14px;
    line-height: 1.3;
	padding-left: 10px;
    padding-right: 10px;
}
#header .bottom-menu #navigation li.consultation-btn {
    max-width: 130px;
}
#header .bottom-menu #navigation li.consultation-btn a {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
#menu-bottom-menu-header .menu-item-has-children > a::before {
    right: 10px;
}
#menu-bottom-menu-header .menu-item-has-children > a {
    padding-right: 25px !important;
}
.bottom-menu ul {
    margin-bottom: 5px;
}
.middle-menu {
    padding-bottom: 0;
}
.hm-banner .banner-cont h1 {
    font-size: 60px;
}
.hm-banner .banner-cont p {
    font-size: 20px;
    line-height: 26px;
}
.hm-banner .banner-cont .wp-block-button a.wp-element-button {
    font-size: 18px;
    line-height: 26px;
}
.process-card {
    height: 350px;
}
.process-card:hover .wp-block-cover__inner-container {
    bottom: 30px;
}
.feature-home-sec .feature-logo {
    max-width: 100%;
    gap: 20px;
    flex-wrap: nowrap !important;
    align-items: center !important;
}
.storage-card-cols .pod-cont {
    padding: 70px 15px 20px 15px;
    height: auto;
    text-align: center;
}
.consultation-cta .cta-cont {
    padding: 75px 0 25px;
	text-align: center;
}
.consultation-cta .cta-cont .wp-block-buttons {
    display: flex;
    justify-content: center;
}
.consultation-cta .wp-block-getwid-section__background {
	background-position: right center !important;
}
.testimonial-sec .wp-block-columns-is-layout-flex {
    gap: 0;
}
.testimonial-sec h2 {
    margin-bottom: 20px;
}
#consultation-form .left-content h2 {
    font-size: 40px;
}
#consultation-form .left-content h2:after {
    margin-left: 0;
}
#consultation-form .form-right h4 {
    font-size: 16px;
    margin-bottom: 26px;
}
#consultation-form .left-content {
    height: 155px;
}
.wpcf7 .form-row {
    display: flex;
	flex-direction: column;
    gap: 0;
}
.wpcf7 textarea {
    height: 130px;
}

.wp-block-columns.two-col-img, 
.wp-block-columns.three-col-img {
    gap: 20px;
    display: flex;
    flex-wrap: nowrap !important;
    margin-top: 32px;
    margin-bottom: 12px;
}
.wp-block-columns.img-split-layout {
    gap: 20px;
    display: flex;
    flex-wrap: nowrap !important;
    margin-top: 32px;
    margin-bottom: 12px;
}
.wp-block-columns.img-split-layout:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: auto!important;
}

.wp-block-columns.three-col-img {
    margin-top: 7px;
}
#breadcrumbs-wrapper {
    margin-bottom: 40px;
}
.wp-block-columns.listing-cols {
	gap: 0;
}
.three-col-list-with-heading,
.two-col-with-heading {
	gap: 0;
	margin-bottom: 0;
}
.cont-sec-rgt-list {
    gap: 0;
}

.solution-items .storage-card-cols {
    grid-template-columns: repeat(2, 1fr);
}
.solution-items .storage-card-cols .pod-cont {
	padding-top: 20px;
    height: 100%;
}
.product-consultation-cta {
	padding: 70px 0 75px;
    background-position: right center;
}
.gb-block-post-grid .gb-block-post-grid-text {
    padding: 15px 20px 20px;
}
.gb-block-post-grid h3 {
    font-size: 22px !important;
}
.wp-block-columns.col-rev-res {
	display: flex;
    flex-direction: column-reverse;
}
.wp-block-columns.img-with-text-block {
	gap: 0;
}
.post-navigation {
    margin-top: 60px;
    margin-bottom: 60px;
}
.process-line::before {
    display: none;
}
.process-line {
    gap: 0;
}
.wp-block-image.img-right {
	margin-top: 0;
}
.wp-block-columns.cont-img-block {
    gap: 30px;
}
ul.check-listing.listing-4col {
    column-count: 2;
}
ul.check-listing.listing-3col {
    column-count: 1;
}
.icon-listing.listing-two-col, 
.icon-listing.listing-three-col {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.icon-listing.listing-four-col {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.icon-listing .wp-block-heading br {
	display: none;
}

.garage-process::before {
	display: none;
}
.garage-process.steps-3col {
    gap: 20px;
}
.wp-block-columns.pdf-listing-2col, 
.wp-block-columns.pdf-listing-3col, 
.wp-block-columns.pdf-listing-4col {
    gap: 0;
}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.middle-menu {
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 20px;
    gap: 15px;
}
.middle-menu-nav {
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
	justify-content: flex-end;
}

.bottom-menu {
	border-top: none;
}
.search-form {
	-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
	order: 1;
	width: 100%;
	max-width: 100%;
}
.big-404 {
	font-size: 11.5em;
}
.search-results-item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	}
.search-left {
	max-width: 100%;
}
.footer-top {
	-ms-grid-columns: auto;
	grid-template-columns: auto;
	grid-template-areas: 'footer1 footer1' 'footer2 footer4' 'footer5 footer5';
	padding: 60px 0 20px;
	gap: 20px;
}
#footer1 {
	grid-area: footer1;
}
#footer2 {
	grid-area: footer2;
}
#footer3 {
	grid-area: footer3;
}
#footer4 {
	grid-area: footer4;
}
#footer5 {
	grid-area: footer5;
}
#footer5 iframe {
	position: absolute;
	left: 0;
	top: calc(100% - 90px);
	max-width: 100%;
}
footer .featured {
	max-width: 160px;
}
#footer1 p {
	max-width: 100%;
}
.social {
	-webkit-box-pack: center;
		-ms-flex-pack: center;
	justify-content: center;
	margin-top: 7px;
}
#footer1 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	}

#footer2 {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}
	#footer4 {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}
#footer5 {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
}

h1, .h1 {
	font-size: 45px;
}
h2, .h2 {
	font-size: 31px;
	margin-bottom: 20px;
}
h3, .h3 {
	font-size: 26px;
}
body {
	font-size: 18px;
}
.feature-section .feature-cont .wp-block-group {
    padding: 34px 20px 33px;
}
#consultation-form .left-content h2 {
	font-size: 36px;
	line-height: 36px;
}
.wpcf7 .form-row {
	flex-direction: column;
}
.feature-section .wp-block-cover.is-light {
	padding: 126px 0;
}
.feature-section .feature-cont.rgt-cont .wp-block-group {
    padding: 39px 29px 54px;
}
.feature-section .feature-cont ul.check-listing:last-child {
    margin-bottom: 0;
}
.wpcf7 .form-row {
	gap: 0;
}
.two-col-with-heading p{
	margin-bottom:0;
}
.three-col-img{
	gap:0;
}

#footer3 {
	grid-area: auto ;
}
#site-info .row {
    flex-direction: column;
    margin-right: 0px;
    margin-left: 0px;
    align-items: center;
}
#site-info p.websiteby {
    float: none;
}
.wcspc-count {
    bottom: 104px;
}

.middle-menu .left-sec {
	display: flex;
    justify-content: center;
    width: 100%;
}
.middle-menu .right-sec {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    gap: 15px;
}
.middle-menu .right-sec .header-search {
    width: 100%;
}
#header .middle-menu .search-form {
    width: 100%;
}
.middle-menu .right-sec .header-actions {
    display: flex;
    align-items: center;
}

.hm-banner .banner-cont h1 {
    font-size: 45px;
    line-height: 1;
    margin-bottom: 15px;
}
.hm-banner > .wp-block-getwid-section__wrapper {
    padding-top: 65px;
    padding-bottom: 34px;
}
.hm-banner .banner-cont {
    max-width: 100%;
    padding: 34px 20px 40px;
}
.process-card, .storage-pod {
    height: 275px;
}

.process-card:hover .wp-block-cover__inner-container {
    bottom: 10px;
}
.feature-home-sec .feature-logo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
}
.storage-card-cols .pod-cont {
    padding: 60px 15px 20px 15px;
}
.feature-section .feature-cont {
    padding: 65px 0 0 0;
}
.consultation-cta {
    margin-top: -70px;
}
.consultation-cta .cta-cont {
    padding: 85px 0 22px;
}
#consultation-form {
    margin-top: 28px;
}
#consultation-form .form-right h4 {
    font-size: 20px;
    line-height: 1.2;
}
#consultation-form .form-right {
    padding: 26px 25px 30px;
	margin-bottom: 70px;
}
.wp-block-columns.two-col-img, .wp-block-columns.three-col-img {
    gap: 0;
    flex-wrap: wrap !important;
    flex-direction: column;
}

.feature-section .feature-cont.rgt-cont {
	padding-bottom: 65px;
}
.wp-block-columns.listing-cols {
    margin-bottom: 14px;
}
.inner-sec-gap > .wp-block-getwid-section__wrapper {
    padding-top: 61px;
    padding-bottom: 32px;
}
.inner-sec-gap ~ .consultation-cta {
    margin-top: -70px;
}
.gb-block-post-grid .gb-block-post-grid-text {
    padding: 25px 30px 30px;
} 
.icon-listing.listing-four-col {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.pods-text-block {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
ul.check-listing.listing-4col {
    column-count: 1;
}
.icon-listing.left-icon-listing .wp-block-getwid-image-box {
    display: flex;
    flex-direction: column;
	gap: 20px; 
}
.left-icon-listing .wp-block-getwid-image-box.has-image-left .wp-block-getwid-image-box__image-container {
    min-width: 100%;
}
.left-icon-listing .wp-block-getwid-image-box .wp-block-getwid-image-box__content {
    text-align: center;
}

.wp-block-columns.img-split-layout {
    gap: 0;
    flex-wrap: wrap !important;
    flex-direction: column;
}
.wp-block-columns.img-split-layout:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: auto!important;
}

}

@media (max-width: 575px) {
.container {
	padding-left: 20px;
	padding-right: 20px;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.top-menu ul {
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 270px;
	margin: auto;
}

.top-menu ul li {
	margin: 0 0.2em;
}

#logo img {
	max-width: 120px;
}

#cta {
	margin: 25px 0 60px;
}

.cta-left {
	padding: 1.5em;
}

.cta-img {
	max-width: 100%;
	height: 27em;
	-o-object-fit: cover;
	object-fit: cover;
}

#site-info .menu {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
footer .featured {
	max-width: 120px;
}
	
.middle-menu a#responsive-menu-button {
	display: block;
}	
}