/* Content */
.wp-block-button a { font-weight: 600 !important; }
.banner-group { padding: unset !important; }
.banner-group .banner-container {
    position: relative;
    width: 100vw;
	margin: unset !important;
	max-width: unset !important;
}
.banner-group .banner-container.no-image {
	background: linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) padding-box, linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) border-box !important;
	height: 100vh;
	min-height: 500px;
}
.banner-group .banner-container img {
	width: 100vw;
    height: auto;
	max-height: 870px;
	object-fit: cover;
}
.banner-group .profile-banner img { 
	height: 870px !important;
	max-height: 100% !important; 
}
.banner-group .banner-container .faq-banner, .banner-group .banner-container .contact-banner, .banner-group .banner-container .about-banner, .banner-group .banner-container .privacy-banner, .banner-group .banner-container .catalog-banner  {
	background: linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) padding-box, linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) border-box !important;
	width: 100vw;
	height: 500px;
}
.banner-group .banner-container .contact-banner, .banner-group .banner-container .about-banner, .banner-group .banner-container .privacy-banner, .banner-group .banner-container .catalog-banner { height: auto !important; }

.banner-group .banner-container .about-banner, .banner-group .banner-container .catalog-banner { min-height: 870px !important; }
.banner-group .banner-container .privacy-banner { min-height: 400px !important; }
.banner-group .banner .banner-caption {
	position: absolute;
	top: 45%;
	display: grid;
  	justify-content: center;
	width: 100vw;
	text-align: center;
	justify-items: center;
}
.profile-banner .banner .banner-caption {
	top: 30%;
	display: flex !important;
	text-align: justify !important;
	align-items: center;
}
.profile-banner .banner .banner-caption .banner-content {  
	display: flex;
	align-items: center;
	width: 1240px;
	justify-content: space-between;
	padding: 0px 30px;
}
.product-banner .banner .banner-caption .banner-content { 
	width: 1240px; 
	padding: 0px 30px;
	text-align: justify;
}

.profile-banner .banner .banner-caption .banner-details {
	background-color: #fff;
	border-radius: 25px;
	padding: 30px;
}
.profile-banner .banner .banner-caption .banner-details p { 
	color: #051A26; 
	text-align: left;
}
.profile-banner .banner .banner-caption .banner-details p span { font-weight: 600; }
.profile-banner .banner .banner-caption .banner-details p i, .profile-banner .banner .banner-caption .banner-details a i { margin-right: 10px; }
.profile-banner .banner .banner-caption .banner-details a.banner-link { 
	display: block; 
	background-color: #2573AC;
	color: #fff;
	font-weight: 600;
}
.profile-banner .banner .banner-caption .banner-details a { font-weight: 600; }
.profile-banner .banner .banner-caption .banner-details a {
	color: #2573AC;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	text-decoration: unset !important;
}
.banner-group .banner-container .about-banner .banner-caption { 
	text-align: unset !important; 
	top: 28% !important;
}
.banner-group .banner-container .contact-banner .banner-caption {
	position: relative !important;
	padding: 250px 30px 100px 30px;
	text-align: unset !important;
	top: unset !important;
	transform: unset !important;
}
.platform-banner .banner-caption { top: 35% !important; }
.platform-banner .banner video { 
	width: 100%; 
	max-height: 870px;
	object-fit: cover;
}
.banner-group .contact-banner form { display: grid; }
.banner-group .banner .banner-caption .banner-column, .banner-group .contact-banner .inline-inputs { 
	display: flex; 
	gap: 25px;
	flex-wrap: wrap;
}
.banner-group .contact-banner .inline-inputs { justify-content: space-between; }
.banner-group .banner:not(.about-banner) .banner-caption .banner-column {
	width: 1240px;
  	padding: 0px 30px;
}
.banner-group .banner .banner-caption .banner-column .banner-row:not(.about-row):first-child { flex: min-content; }
.banner-group .banner .banner-caption .banner-column, .banner-group .contact-banner .wpcf7 .wpcf7-form-control-wrap { margin-top: 1.2em; }
.banner-group .banner .banner-caption .banner-column, .banner-group .contact-banner .wpcf7-list-item { margin-left: unset !important; }
.banner-group .banner .banner-caption .banner-column, .banner-group .contact-banner label span { margin-top: 10px; }
.about-banner .banner-caption .banner-column { 
	justify-content: center; 
	margin-top: 3em !important;
}
.banner-caption .banner-title, .banner-caption .banner-text, .banner-caption .banner-subtitle, .banner-caption .banner-categorie { color: #fff; }
.banner-caption .banner-text, .banner-caption .banner-subtitle { font-weight: 500; }
.banner-caption .banner-subtitle { 
	font-size: 1.25rem;
	text-align: left;
}
.banner-group .banner-container .banner-buttons-group { 
	display: grid;
	gap: 10px;
}
.banner-caption .banner-link {
	text-decoration: unset !important;
	background-color: #fff;
	width: fit-content;
	margin: auto;
	padding: 5px 20px;
	border-radius: 25px;
	color: #051A26;
	text-transform: uppercase;
	font-weight: 600;
}
.banner-caption .app-links-buttons .banner-link { 
	background-color: #2573AC !important;
	color: #fff !important;
}
.banner-group .banner-container .banner-buttons-group .banner-link { margin: unset !important; }
.banner-caption .platform-link {
	text-decoration: unset !important;
	width: fit-content;
	margin: auto;
	padding: 10px 20px;
	border-radius: 25px;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	text-transform: inherit;
}
.banner-caption .platform-link i { margin-right: 5px; }
.app-banner-group .banner-caption {
	top: 35% !important;
	justify-content: unset !important;
	text-align: unset !important;
}
.app-banner-group .app-banner-content {
	padding-left: 30px;
  	width: 1240px;
}
.platform-banner-group .banner-caption { top: 20% !important; }
.app-banner-group .banner-caption .platform-icon, .platform-banner-group .banner-caption .platform-icon { margin-bottom: 20px; }
.app-banner-group .banner-container img.background-image { 
	height: 870px !important;
	max-height: 100% !important;
}

.app-banner-group .app-icon, .platform-icon { max-width: 200px !important; }
.platform-banner-group .platform-icon { margin: auto; }
.platform-banner-group:not(.park-banner-group) .banner-title, .platform-banner-group:not(.park-banner-group) .banner-text { color: #183962 !important; }
.app-banner-group .app-links-buttons .banner-link { margin-right: 25px !important; }

.contact-banner form { 
	background-color: #2573AC59;
	padding: 30px;
	border-radius: 25px;
	max-width: 600px;
}
.contact-banner form label { color: #fff; }
.contact-banner form input { 
	max-width: 250px; 
	border: 1px solid transparent !important;
	border-radius: 20px !important;
  	padding: 5px 15px !important;
  	height: unset !important;
	background-color: #00365C73 !important;
	color: #fff !important;
}
.contact-banner form input::placeholder, .contact-banner form textarea::placeholder { 
	color: #fff !important; 
	font-size: 12px !important;
}
.contact-banner .colored, .about-banner .colored, .contact-banner form select, .catalog-banner .colored {
	background-color: #2573AC !important;
	color: #fff !important;
}
.catalog-banner .colored { margin: unset !important; }
.contact-banner form select {
	width: 250px; 
	border: 1px solid transparent !important;
	border-radius: 20px !important;
  	padding: 5px 15px !important;
  	height: unset !important;
	appearance: none; 
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 40px;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 12px;
}
.contact-banner form textarea { 
	height: 150px !important; 
	border: 1px solid transparent !important;
	border-radius: 20px !important;
  	padding: 5px 15px !important;
	background-color: #00365C73 !important;
	color: #fff !important;
}
.contact-banner form .laius {
	max-width: 525px;
	font-size: 10px;
	color: #fff;
	opacity: 0.3;
	padding-left: 30px;
}
.contact-banner form .wpcf7-submit {
	margin-top: 20px !important;
	font-size: 24px;
	width: fit-content;
	margin: auto;
	font-weight: 600;
	background-color: #051A26 !important;
}
.about-banner .main-title { text-align: center; }
.about-banner .banner-column { margin-top: 50px; }
.about-banner .banner-column .about-row { 
	padding: 35px 20px 35px 40px; 
	background-color: #2573AC2B;
	border-radius: 25px;
	display: flex;
  	flex-direction: column;
	width: 275px
}
.about-banner .banner-column .about-row .banner-title:not(.medium, .small) { font-size: 40px !important; }
.about-banner .banner-column .about-row .medium { font-size: 21px !important; }
.about-banner .banner-column .about-row .small { font-size: 14px !important; }
.about-banner .banner-column .about-row .banner-title { margin: unset !important; }
.page-content { max-width: 1240px !important; }
.catalog-banner .banner-caption {
	justify-content: left !important;
	text-align: unset !important;
	justify-items: initial !important;
	left: 21%;
	width: fit-content !important;
}

.has-background {
	background-color: #F9F9F9;
	padding: 3em;
	border-radius: 20px;
}

.section-title, .policy-title, .policy-text, .policy-text li, .column-title, .title, .text { color: #051A26 !important; }
.section-sub-title {
	color: #2573AC !important;
	margin-bottom: unset !important;
	font-weight: 400 !important;
}

.profile-content .apps-group .section-title, .profile-content .garden-app-group .section-title, .profile-content .interactive-map-group .section-title { margin-top: unset !important; }
.interactive-map-group .switch-map-buttons {
	width: fit-content;
	background-color: #F3F3F3;
	border-radius: 25px;
}
.app-column { position: relative; }
.app-column .app-column-image img {
	width: 100%;
	height: 100%;
	max-height: 700px;
	object-fit: cover;
	border-radius: 35px;
}
.app-column .app-column-description, .platform-app-column .app-column-description { margin-block-start: unset !important; }
.platform-app-column .app-column-description .app-title, .platform-app-column .app-column-description .app-text { color: #051A26; }
.platform-app-column .app-column-description figure { margin-top: 17px; }
.platform-app-column .app-column-description .app-title { margin-top: 40px; }
.platform-app-column .app-column-description .app-button a {
	background-color: #051A26 !important;
	color: #fff !important;
	text-transform: uppercase;
}

.app-column-description {
	position: absolute;
	top: 7%;
	padding: 0 4em;
	width: 100%
}

.app-column-description figure, .platform-logo { text-align: center; }
.app-column-description .app-title, .app-column-description .app-text { color: #fff; }
.app-button a { padding: 12px 18px !important; }
.app-button a, a.platform-link, .support-button a, .platform-link a { text-transform: uppercase; }
a.platform-link { 
	background-color: #fff !important;
	color: #051A26 !important;
}
.platform-button a, .dark-button a {
	background-color: #051A26 !important;
	color: #fff !important;
}
.dark-button a { text-transform: uppercase; }
.item-button.dark-button {
	background-color: #051A26 !important;
	color: #fff !important;
	width: fit-content;
	text-decoration: unset !important;
	padding: 10px 20px;
	border-radius: 25px;
	margin: auto;
	font-weight: 600;
	line-height: 1em;
}
.app-button a, .support-button a {
	background-color: #2573AC !important;
	color: #fff !important;
}
.margin-button { margin-top: 10px !important; }
.use-spec-columns .wp-block-column, .range-columns .range-carousel-item {
	background-color: #F6F7F7;
	border-radius: 30px;
	padding: 50px 20px;
	text-align: center;
}
.use-spec-columns .support-column, .use-spec-columns .commitment-row, .use-spec-columns .sale-column { background-color: #F0F6F9; }
.use-spec-group .title, .use-spec-group .text, .apps-group .title, .apps-group .text, .range-columns .item-title, .range-columns .item-text, { color: #051A26 !important; }
.range-columns .item-image { margin: auto; }
.all-products-button a {
	background-color: #051A26 !important;
	color: #fff !important;
	text-transform: uppercase;
}
.section-appointment {
	padding: 40px;
	border-radius: 25px;
}
.section-appointment .column-title { 
	margin-top: 10px !important;
	margin-bottom: unset !important;
	color: #051A26;
}
.section-appointment p { 
	margin-top: 5px !important; 
	color: #051A26;
}
.section-appointment:not(.no-background) { background-color: #F6F7F7; }
.section-appointment svg { display: flex; }
.section-appointment .blue-button a, .section-appointment .blue-button a:hover { background-color: #2573AC; }
@media (max-width: 1244px) {
	.banner-group .banner .banner-caption .banner-column .banner-row:first-child { flex: unset !important; }
	.banner-group .banner-container .contact-banner .banner-caption { text-align: center !important; }
	.banner-group .banner-container .contact-banner .banner-caption .banner-column { 
		justify-content: center; 
		flex-direction: column;
	}
	.banner-group .contact-banner form { 
		margin: auto;
		text-align: justify;
	}
	.banner-group .banner-container .contact-banner .banner-buttons-group {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}
@media (max-width: 1239px) {
	.product-banner .banner .banner-caption .banner-content { width: 100vw; }
}
@media (min-width: 1025px) {
	.slide-description { font-size: 40px !important; }
	.banner-title { font-size: 48px !important; }
	.section-title { font-size: 38px !important; }
	.section-title:not(.no-margin) { margin-bottom: 75px !important; }
	.app-title, .platform-title {
		font-size: 30px !important;
		font-weight: 640;
	}
	.use-spec-columns .support-column { padding: 50px !important; }
	.banner-text { font-size: 26px; }
	.banner-categorie, .use-spec-columns .text, .app-text, .platform-text, .slide-category, a:not(.menu-link, .footer-link), button { font-size: 17px; }
	.slide-caption .slide-link { font-size: 22px !important; }
	.category-title { font-size: 30px !important; }
	.slide-category, .column-title { font-size: 28px !important; }
	.app-columns-for-parks .app-text, footer h4 .mailpoet-has-font { font-size: 24px !important; }
	.platform-banner a.platform-link { font-size: 19px; }
	.use-spec-group .title { font-size: 28px !important; }
	.app-text { font-weight: 300; }
	.section-sub-title, .product-slide-description h3, .range-carousel-content .range-carousel-track .item-text { font-size: 20px !important; }
	.linkedIn-feed .section-sub-title { margin-bottom: 75px !important; }
	.slide-category { font-weight: 500; }
	footer h6, footer a { font-size: 14px !important; }
	footer .mailpoet_form_paragraph span, .footer-copyright p { font-size: 10px !important; }
}
@media (max-width: 1024px) {
	.platform-banner .banner video, .banner-group .profile-banner img, .banner-group .banner-container img.background-image { height: 100vh !important; }
	.profile-banner .banner .banner-caption .banner-content { width: 100vw !important; }
	.banner-group .banner-container .about-banner .banner-caption { top: 50% !important; }
	.banner-group .banner-container .contact-banner .banner-caption { padding-top: 150px !important; }
	.banner-group .banner .banner-caption {
		top: 50% !important;
  		transform: translateY(-50%);
	}
	.banner-group .banner:not(.about-banner) .banner-caption .banner-column { width: auto; }
}
@media (max-width: 921px) {
	.banner-group .banner-container .contact-banner .banner-caption .banner-column { flex-direction: column; }
	.contact-banner form { margin: auto; }
}
@media (max-width: 767px) {
	.banner-group .profile-banner img { height: 700px !important; }
	.profile-banner .banner .banner-caption { top: 20%; }
	.profile-banner .banner .banner-caption .banner-content { flex-direction: column; }
	.app-column .app-column-description { padding: 20px; }
}
@media (max-width: 704px) {
	.banner-group .contact-banner .inline-inputs {
	  justify-content: center;
	}
}
@media (max-width: 691px) {
	.app-banner-group img.background-image { display: none; }
	.app-banner-group .banner {
		max-height: 100%;
		height: 400px;
		background: linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) padding-box, linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) border-box !important;
	}
	.app-banner-group .banner-caption .app-banner-content { width: 100vw; }
}
@media (max-width: 550px) {
	.banner-group .profile-banner img { height: 650px !important; }
	.banner-caption h1, .banner-caption p { margin: unset !important; }
}
@media (max-width: 484px) {
	.banner-group .banner-container .about-banner { min-height: 1145px !important; }
}
/* Connected garden page */
.garden-app-group .garden-columns {
	background: linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) padding-box, linear-gradient(to right, #051A26 0%, #00365C 50%, #2573AC 100%) border-box !important;
	border-radius: 20px;
	padding: 20px 50px;
}

.garden-columns .app-image { opacity: 0; }
.garden-columns .app-logo { text-align: center; }
.garden-columns .app-title, .garden-columns .app-text { color: #fff !important; }
/*------------------------------------------*/

/* Filter buttons */
.interactive-map-group .filter-buttons { gap: unset; }
.custom-filter-buttons, .custom-filter-buttons .filter-selectors {
	display: flex;
	gap: 2%;
	align-items: center;
	justify-content: center;
}
.switch-view-button:not(.active) a, .filter-button-group .filter-button a, .filter-button-group .custom-filter-buttons .filter-button a {
	background-color: #F0F6F9 !important;
	color: #00365C !important;
}
.switch-view-button.active a, .filter-button-group .filter-button.active a, .filter-button-group .custom-filter-buttons .filter-button.active a {
	background-color: #2573AC !important;
	color: #fff !important;
}
.filter-button-group .custom-filter-buttons .filter-button a { 
	padding: 10px 20px;
	text-decoration: unset !important;
	border-radius: 25px;
}
.filter-button-group .custom-filter-buttons .select-filter {
	border: unset !important;
	border-radius: 25px;
	background-color: #F0F6F9;
	color: #00365C;
	flex: 0 0 calc(50% - 10px);
	appearance: none; 
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 40px;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2300365C' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 12px;
}
.filter-button-group .custom-filter-buttons .select-filter.has-value {
	background-color: #2573AC !important;
	color: #fff !important;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.filter-button-group .custom-filter-buttons .filter-button a, .filter-button-group .custom-filter-buttons .select-filter { 
	cursor: pointer; 
	font-weight: 600;
} 
@media (min-width: 829px) {
	.filter-button-group .custom-filter-buttons .select-filter { min-width: 220px; }
}
@media (max-width: 828px) {
	.filter-button-group .custom-filter-buttons .select-filter { min-width: fit-content; }
}
@media (max-width: 562px) {
	.custom-filter-buttons { flex-wrap: wrap; }
	.custom-filter-buttons .filter-button { margin-bottom: 25px; }
}
@media (max-width: 425px) {
	.filter-button-group .custom-filter-buttons .filter-selectors { overflow: auto; }
	.filter-button-group .custom-filter-buttons .select-filter:first-child { margin-left: 10%; }
}
/*------------------------------------------*/

/* App & platform features */
.app-icon { margin-bottom: 30px; }
.mygarden-caption { width: auto !important; }
.app-garden-icon {
	width: 75px !important;
	height: 75px !important;
	margin-bottom: 30px !important;
	margin: auto;
}
.feature.active { background-color: #F0F6F9; }
.feature {
	border-radius: 25px;
	padding: 20px 15px;
	cursor: pointer;
	transition: max-height 0.5s ease;
    overflow: hidden;
	max-height: 80px;
}
.feature, .app-to-plaform-columns, .platform-to-app-columns { background-color: #F6F7F7; }
.app-links-columns { background-color: #F0F6F9; }
.app-to-plaform-columns, .platform-to-app-columns, .app-links-columns {
	border-radius: 30px;
	max-height: 350px;
	overflow: hidden;
	padding: 30px;
}
.platform-to-app-columns { max-height: 285px !important; }
.app-to-plaform-columns { max-height: 296px !important; }
.platform-to-app-columns img { max-width: 275px; }
.platform-to-app-columns .platform-title {
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.feature-title, .feature-text, .plaform-title, .platform-text { color: #051A26 !important; }
.feature-title img { 
	width: 30px;
	margin-right: 10px;
}
.platform-text span { font-weight: 600; }
.app-to-platform-button a, .platform-to-app-button a { background-color: #2573AC !important; }
.platform-to-app-button a { 
	text-transform: uppercase; 
	font-weight: 600;
}
.platform-to-app-columns .plaform-title img {
	max-width: 50px;
	margin-right: 10px;
} 
.demo-title { color: #112336 !important; }
.demo-video { max-width: 900px !important; }
.demo-video video { border-radius: 15px !important; }
.garden-feature-button a {
	text-transform: uppercase;
	padding: 3px 15px 3px 5px !important;
  	display: flex;
	align-items: center;
}
.garden-feature-button:not(.active) a {
	background-color: #F3F3F3 !important;
	color: #183962 !important;
}
.garden-feature-button.active a { background: linear-gradient(to right, #1E7D80 0%, #2EB7B7 50%, #35BCDA 100%) padding-box, linear-gradient(to right, #1E7D80 0%, #2EB7B7 50%, #35BCDA 100%) border-box !important; }
.garden-feature-button img {
	width: 30px;
	margin-right: 10px
}
.garden-features-group .app-features-columns:not(.active) { display: none; }
.feature .feature-title { 
	margin-bottom: 15px; 
	color: #051A26;
}
.feature:not(.active) .feature-title { margin-bottom: unset !important; }
.feature .feature-text { 
	margin-left: 5px !important;
	color: #051A26;
}
.feature.active .feature-title, .feature.active .feature-text {
	color: #00365C !important;
}
.feature.active { max-height: 200px; }
.feature:not(.active) .feature-text { display: none; }
.feature-video-content video { 
	max-width: 300px;
	transition: opacity 0.4s ease;
  	opacity: 1;
}
.feature-video-content video.fadeOut { opacity: 0; }
.platform-feature-columns { margin-bottom: 50px; }
.platform-feature-columns .platform-feature {
	background-color: #F9F9F9;
	padding: 30px;
	border-radius: 35px;
	position: relative;
}
.platform-feature-columns .platform-feature .feature-title { margin-bottom: 35px; }
.platform-feature-columns .feature-tag {
	background-color: #2573AC;
	width: fit-content;
	color: #fff;
	border-radius: 25px;
	padding: 2px 15px;
	display: flex;
	align-items: center;
}
.platform-feature-columns .feature-tag svg { margin-right: 10px; }
.platform-feature-columns .feature-screenshot img { width: 100%; }
.platform-feature-columns .platform-feature .play-icon { 
	position: absolute;
	margin: unset;
	top: 85%;
	left: 88%;
	font-size: 20px;
	color: #051A26 !important;
}
.mysolem-app-group .app-text { 
	color: #00365C; 
	font-weight: 500;
}
.has-video-feature video, .platform-feature video { border-radius: 16px; }
.download-app-group { max-width: 875px; }
@media (min-width: 1241px) {
	.feature .feature-title { font-size: 24px; }
	.platform-feature-columns { gap: 50px; }
}
@media (max-width: 1024px) {
	.app-features-columns h4 { font-size: 18px; }
	.app-features-columns p { font-size: 14px; }
}
@media (max-width: 781px) {
	.app-to-plaform-columns, .platform-to-app-columns, .app-links-columns { max-height: unset !important; }
	.download-app-group img { width: 200px !important; }
	.app-to-plaform-columns img {
		max-width: 350px !important;
	}
}
/*------------------------------------------*/

/* Products slider */
.products-slider-group .products-category { margin: unset !important; }
.products-slider-group .products-title { 
	color: #051A26 !important; 
	margin-bottom: 50px;
	margin-top: unset !important;
}
.products-slider-group .products-category { color: #2573AC !important; }
.products-slider-group .products .slick-track { margin: unset !important; }
/*------------------------------------------*/

/* FAQ */
.search-content {
	display: flex;
	position: relative;
	width: 80%;
}
#faq-search-form {
	display: flex;
	width: 100%;
}
.search-content i {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #FFF;
}
.search-content input.search-faq {
	padding-left: 40px;
	border-radius: 25px;
	background-color: #2573AC59;
  	border: unset;
}
.search-content input.search-faq, .search-content input.search-faq::placeholder { color: #FFF; }
.breadcrumb-group .breadcrumb, .breadcrumb-group .breadcrumb a { color: #051A26 !important; }
.breadcrumb-group .breadcrumb a {
	text-decoration: unset !important;
	font-weight: 600;
}

.faq-group .wpsm_panel-default > .wpsm_panel-heading.disable { border-radius: 25px !important; }
.faq-group .wpsm_panel-default > .wpsm_panel-heading.active { 
	border-top-left-radius: 25px !important;
	border-top-right-radius: 25px !important;
}
.faq-group .wpsm_panel-default > .wpsm_panel-heading.disable .ac_title_class { font-weight: 400; }
.faq-group .wpsm_panel-default > .wpsm_panel-heading.active .ac_title_class { font-weight: 600; }
.faq-group .wpsm_panel-default .wpsm_panel-collapse.in .wpsm_panel-body {
	border-bottom-left-radius: 25px !important;
	border-bottom-right-radius: 25px !important;
}
.faq-content .children-columns .child-column { cursor: pointer; }
.faq-group span.category { display: none; }
.faq-group h3 { color: #051A26 !important; }
.faq-group .ac_title_class, .faq-group .wpsm_panel-body ul li, .faq-group .wpsm_panel-body ol li, .faq-group .wpsm_panel-body p { font-family: 'Inter', sans-serif !important; }
.faq-group .wpsm_panel-title a span.fa-plus::before { content: "\f078" !important; }
.faq-group .wpsm_panel-title a span.fa-minus::before { content: "\f077" !important; }
.faq-survey {
	display: flex;
	justify-content: space-between;
	background: #EEEFEF !important;
	color: #00365C !important;
	padding: 10px 20px !important;
	border-radius: 25px;
	font-weight: 700;
	font-size: 16px;
	max-height: 71px;
	align-items: center;
	font-family: 'Inter',sans-serif !important;
}
.faq-survey-answers a {
	padding: 6px 15px !important;
	text-decoration: unset !important;
	border-radius: 20px;
	cursor: pointer;
	color: #00365C !important;
}
.faq-survey-answers a:hover {
	background: #051A26 !important;
	color: #FFF !important;
}
.faq-survey-answers .usefull { margin-right: 10px; }
.faq-contact-form .problem-radio-selector .date, .faq-contact-form .faq-title { display: none; }
.faq-contact-form {
	background: #EEEFEF !important;
	color: #051A26 !important;
	padding: 25px 30px !important;
	border-radius: 20px;
	position: relative;
}
.faq-contact-form .problem-radio-selector {
	display: grid;
	margin-top: 10px;
}
.faq-contact-form .problem-radio-selector .wpcf7-list-item {
	margin-left: unset;
	margin-bottom: 15px;
}
.faq-contact-form .comment {
	height: 120px !important;
	border: 1px solid #051A26;
	border-radius: 20px;
	padding: 15px;
	resize: none;
	opacity: 1 !important;
	transform: unset !important;
	transition: unset !important;
}
.faq-contact-form .submit {
	margin: auto !important;
	float: right;
	background: #051A26 !important;
	opacity: 0.2;
	padding: 5px 15px !important;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: unset;
	font-family: 'Inter', sans-serif !important;
}
.faq-contact-form .wpcf7-response-output {
	position: absolute;
	bottom: 10%;
	left: 31%;
}
.faq-contact-form .wpcf7-form-control-wrap[data-name="faq-title"] { width: 0%; }
.faq-contact-form .wpcf7-list-item input[type="radio"] { accent-color: #2573AC; }
.faq-tutorial-video { 
	color: #2573AC; 
	font-weight: 600;
	padding: 0 15px;
}
.faq-tutorial-video img { border-radius: 25px; }
@media(min-width: 1025px){
	.faq-contact-form .wpcf7-form {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.faq-contact-form .wpcf7-form-control-wrap[data-name="your-message"], .faq-contact-form .wpcf7-form-control-wrap[data-name="your-problem"] { width: 49%; }
	.faq-group h3 { font-size: 40px; }
	.wpsm_panel-title a span.ac_title_class{ font-size: 20px !important; }
}
@media(max-width: 1024px) {
	.faq-contact-form .submit { 
		float: unset; 
		margin-top: 20px !important;
	}
}
/*------------------------------------------*/

/* Contact */
.saler { font-weight: 600; }
.saler span { font-weight: 400 !important; }
.sailer-contact {
	padding: 5px 15px;
	border-radius: 25px;
	margin: 10px auto !important;
	width: fit-content;
}
.saler-phone { 
	background-color: #2573AC; 
	color: #fff;
}
.saler-email { 
	background-color: rgba(37, 115, 172, 0.1) !important;
	color: #00365C;
}
.section-contact-support .sailer-contact { background-color: #051A260D; }
.alt-column { padding: 20px !important; }
.alt-column .alt-text span { color: #2573AC !important; }
/*------------------------------------------*/

/* About us */
.section-vision .wp-block-columns { gap: 50px; }
.section-vision .vision-label, .section-commitments .use-spec-columns .commitment-row .certification { color: #2573AC; }
.section-vision .vision-label { 
	margin-bottom: unset !important; 
	font-size: 20px;
	font-weight: 500;
}
.section-vision .section-title { margin-top: unset !important; }
.section-vision .vision-description { 
	font-size: 17px; 
	color: #051A26;
}
.section-vision .vision-description span { font-weight: 600; }
.section-commitments .use-spec-columns, .section-association .logo-column {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.section-commitments .use-spec-columns .commitment-row { 
	text-align: unset !important; 
	max-width: 360px;
	border-radius: 30px !important;
}
.section-commitments .use-spec-columns .commitment-row .certification { text-decoration: unset !important; }
.section-commitments .use-spec-columns .commitment-row .small { font-size: 12px; }
.section-association .logo-column { 
	justify-content: center; 
	align-items: center;
	gap: 50px !important;
}
/* ------------------------------------------ */
/* Custom product carousel */
.range-carousel-content { position: relative; }
.range-carousel { 
	width: 100%; 
	overflow: hidden;
	min-height: 600px;
	display: grid;
	align-items: center;
}
.range-carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
	gap: 20px;
}
.range-carousel-item {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex: 0 0 32%;
}
.range-carousel-item:hover { transform: scale(1.02); }
.range-carousel-item a { text-decoration: unset !important; }
.range-carousel-item .item-content { margin: auto; }
.range-carousel-item .blue-button {
	background-color: #2573AC !important;
	color: #fff !important;
	width: fit-content;
	text-decoration: unset !important;
	padding: 10px 20px;
	border-radius: 25px;
	margin: 0 auto;
}
.range-rigth-arrow, .range-left-arrow {
	position: absolute;
	background-color: #2573AC;
	color: #fff !important;
	top: 50%;
	padding: 4px 12px;
  	border-radius: 50%;
}
.range-rigth-arrow { right: -2%; }
.range-left-arrow { left: -2%; }

@media (max-width: 1024px) {
	.range-carousel-item { flex: 0 0 49%; }
	.range-rigth-arrow { right: -4%; }
}
@media (max-width: 767px) {
	.range-carousel-item { flex: 0 0 99%; }
	.range-rigth-arrow { right: -3%; }
}

.appointment-button { text-transform: uppercase; }
.appointment-button a, .contact-appointment {
	display: flex;
  	align-items: center;
}
.appointment-button a svg, .contact-appointment svg { margin-right: 10px; }
/* Catalogue */
.catalogue-dropdown .dropbtn { 
	background-color: #051A26 !important;
	color: #fff !important;
}

/* App Feature Mobile */
.app-features-group .mobile-slider, .mysolem-app-group .mobile-slider { display: none; }
.mobile-slider .slide-content img { width: 60px; }
@media (max-width: 899px) {
	.app-features-group .app-features-columns, .mysolem-app-group .app-features-columns { display: none; }
	.app-features-group .mobile-slider, .mysolem-app-group .mobile-slider {
		display: block;
		position: relative;
		width: 100%;
		max-width: 800px;
		overflow: hidden;
		margin: auto;
	}
	.app-features-group .mobile-slider .slider-track, .mysolem-app-group .mobile-slider .slider-track {
		display: flex;
		transition: transform 0.5s ease-in-out;
	}
	.app-features-group .mobile-slider .slide, .mysolem-app-group .mobile-slider .slide {
		min-width: 100%;
		box-sizing: border-box;
		text-align: center;
		padding: 30px;
	}
	.app-features-group .mobile-slider .slide .slide-content, .mysolem-app-group .mobile-slider .slide .slide-content {
		background-color: #F9F9F9;
		padding: 30px;
		border-radius: 25px;
	}
	.app-features-group .mobile-slider .slide video, .mysolem-app-group .mobile-slider .slide video {
		width: 100%;
		max-height: 450px;
		margin-bottom: 1em;
	}
	.app-features-group .mobile-slider .prev, .app-features-group .mobile-slider .next, .mysolem-app-group .mobile-slider .prev, .mysolem-app-group .mobile-slider .next {
		position: absolute;
		width: 50px;
		height: 50px;
		top: 50%;
		transform: translateY(-50%);
		background: #2573AC;
		color: #fff;
		border: none;
		padding: 10px;
		cursor: pointer;
		z-index: 1;
	}
	.app-features-group .mobile-slider .prev, .mysolem-app-group .mobile-slider .prev { left: 0px; }
	.app-features-group .mobile-slider .next, .mysolem-app-group .mobile-slider .next { right: 0px; }
}
@media (max-width: 425px) {
	.app-features-group .mobile-slider .prev, .app-features-group .mobile-slider .next, .mysolem-app-group .mobile-slider .prev, .mysolem-app-group .mobile-slider .next {
		width: 30px;
		height: 30px;
		padding: 8px;
	}
}