/*
Theme Name: Sealy
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.z9{z-index: 999}
.z8{z-index: 888}
.z7{z-index: 777}
.z6{z-index: 666}
.z5{z-index: 555}
.footer-wrapper .sealy-footer p strong{color: #A6E3FF !important}
.button.primary:not(.is-link){background: linear-gradient(222deg, #1592CB -0.79%, #33BDE6 64.66%, #006B8A 167.28%);}
.header-button .button{padding: 0 44px; font-weight: 400}
.tech_box > .col > .col-inner > .icon-box{border-radius: 60px; border: 1px solid transparent; backdrop-filter: blur(4.650000095367432px); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 190px; height: 205px; background: radial-gradient(116.81% 119.39% at 50.26% 29.02%, #fff 0%, #C8EEFF 100%) padding-box, linear-gradient(10deg, #1592CB, #FFFFFF, #77C9EE, #289DD2, #DEF2FB, #1592CB ) border-box; }
.icon-box .icon-box-img{margin-bottom: 0}
.sealy-portfolio-box .box-text {
	background: #eef3f6;
	padding: 16px 18px 18px;
}
.sealy-portfolio-box .portfolio-box-title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	color: #1a1a1a;
	text-transform: none;
	letter-spacing: 0;
}
.sealy-portfolio-location {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 8px 0 0;
	color: #6b7280;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: 0;
}
.sealy-portfolio-location__pin {
	display: inline-flex;
	color: #1592CB;
	flex-shrink: 0;
}
.sealy-portfolio-location__icon {
	display: block;
}

.sealy-product-spec h3 {
	margin: 1.1em 0 0.45em;
	font-size: 1.05em;
}
.sealy-product-spec ul,
.sealy-product-spec ol {
	margin: 0 0 1em;
	padding-left: 1.25em;
}
.sealy-product-spec li {
	margin: 0 0 0.45em;
}

.logo_grid > .col > .col-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 100%;
    padding: 10px;
}
.logo_grid > .col {max-width: 170px; max-height: 90px;}
.logo_grid > .col img {
	height: 100%; 
	width: 100%; 
	object-fit: cover;
	object-position: center;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.tech_box > .col > .col-inner > .icon-box{ width:100%; height: 180px;}
	.tech_box > .col > .col-inner > .icon-box > .icon-box-text {line-height: 1.2}

}