/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body {
	margin-top: 88px;
}
@media(min-width: 768px) {
	body { margin-top: 120px; }
}
@media(min-width: 1200px) {
	body { margin-top: 0; }
}
/*----- Header -----*/
.sxn-header-mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.sxn-header-mobile nav.elementor-nav-menu--dropdown {
	position: fixed;
	top: 90px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	margin-top: 0;
}

.col-hw-system .elementor-column-wrap {
	overflow: hidden;
}

/*----- Services page -----*/
.col-img {
	min-height: 350px;
}

/*----- Brand Page - Brands section -----*/
.mod-brand-products {

}
.mod-brand-products__item {
	margin-bottom: 50px;
}
.mod-brand-products__item .item-img {
	margin-bottom: 20px;
	width: 100%;
	height: 300px;
	background-color: #fff;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.mod-brand-products__item .item-title { }
.mod-brand-products__item .item-title,
.mod-brand-products__item .item-title a{
	color: #012D5D;
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
}
.mod-brand-products__item .item-desc {
	margin-bottom: 20px;
}
.mod-brand-products__item .item-desc .elementor-icon-list-item {
	margin: 10px 0;
}
.mod-brand-products__item .item-desc .elementor-icon-list-icon {
	color: #012D5D;
    font-size: 30px;
}
.mod-brand-products__item .item-link {
	font-family: "Roboto Condensed", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #FF7F01;
    border-radius: 100px 100px 100px 100px;
    padding: 8px 20px 8px 20px;
	text-transform: uppercase;
}
@media(min-width: 768px) {
	.mod-brand-products {
		margin-bottom: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.mod-brand-products__item {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 1rem;
	}
}
@media(min-width: 992px) {
	.mod-brand-products__item {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.mod-brand-products__item .item-title {
		min-height: 70px;
	}
}