/* codeDESIGN - custom_code_method_grid.css */
@charset "utf-8";

/* CUSTOM CODE SERVICES GRID */
div.custom_code_method_grid [class^="col-"],
div.custom_code_method_grid [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}
div.custom_code_method_grid {
	margin: 0px;
}

div.custom_code_method_grid div.method_grid_button_group {
	margin-bottom: 40px;
}

div.custom_code_method_grid div.method_grid_button_group button {
	position: relative;
	background: none;
	color: var(--ci_color_black);
	font: 500 16px/26px 'Rotunda','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	margin-right: 20px;
	padding: 10px 20px;
	text-transform: none;
	text-align: center;
	cursor: pointer;
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.custom_code_method_grid div.method_grid_button_group button:not(.is-checked):hover {
	color: var(--ci_color);
}
div.custom_code_method_grid div.method_grid_button_group button.is-checked {
	background: var(--ci_color);
	color: var(--ci_color_white);
}
@media only screen and (max-width: 991px) {
	div.custom_code_method_grid div.method_grid_button_group button {
		width: 100%;
	}
}

div.custom_code_method_grid div.method_grid {
	position: relative;
	left: -20px;
	width: calc(100% + 40px);
}

div.custom_code_method_grid div.method_grid div.method_grid_item {
	position: relative;
	float: left;
	width: calc(50% - 40px);
	margin: 0px 20px 40px 20px;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
}
@media only screen and (max-width: 768px) {
	div.custom_code_method_grid div.method_grid div.method_grid_item {
		width: calc(100% - 40px);
	}
}

div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_icon {
	position: relative;
	padding: 20px 20px 0px 20px;
}

div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_icon_image {
	position: relative;
	width: 80px;
	height: auto;
}

div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_content {
	position: relative;
	height: 460px;
	padding: 20px;
}
@media only screen and (max-width: 1199px) {
	div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_content {
		height: 564px;
	}
}
@media only screen and (max-width: 991px) {
	div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_content {
		height: 676px;
	}
}
@media only screen and (max-width: 768px) {
	div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_content {
		height: auto;
	}
}

div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_headline {
	hyphens: none;
}

div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_headline h4 {
	color: var(--ci_color_black);
	border-bottom: none;
	padding: 0px;
}
div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_headline h4::after {
	content: none;
}

div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_text a,
div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_text a:link,
div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_text a:visited {
	font-weight: 500;
	color: var(--ci_color_black);
	text-decoration: none;
	position: relative;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_text a:hover {
	color: var(--ci_color_accent_2);
	text-decoration: none !important;
}
div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_text a::before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: currentColor;
	top: 100%;
	left: 0;
	pointer-events: none;
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s;
}
div.custom_code_method_grid div.method_grid div.method_grid_item div.method_grid_item_text a:hover::before {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}