/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.kt-accordion-header-wrap {
	display: flex !important;
	align-content: center !important;
	justify-content: center !important;
	margin-bottom: 0.5rem !important;
}

.kt-blocks-accordion-title {
	display: flex !important;
	align-content: center !important;
	justify-content: center !important;
}

.social-button {
	color: #FFF !important;
	background-color: #FFF !important;
	border-radius: 8px !important;
}

.social-button:hover {
	background-color: #26B812 !important;
}

.drop-shadow-section {
	box-shadow: -3px 4px 11.4px 0px rgba(0, 0, 0, 0.10);
	border-radius: 1rem;
}

.drop-shadow-section:hover {
	box-shadow: -3px 4px 11.4px 0px rgba(0, 0, 0, 0.35);
	border-radius: 1rem;
	transition-duration:0.2s;
}

.drop-shadow-button:hover {
	box-shadow: -3px 4px 11.4px 0px rgba(0, 0, 0, 0.25)!important;
	border-radius: 5rem!important;
	transition-duration:0.2s;
}

@media screen and (max-width: 1050px) {
    .hide-when-mobile {
        display: none !important;
    }
}

.info-box-no-shadow {
	box-shadow: none!important;
}

.has-arrow-button-fill:hover {
	gap: 1.5rem!important;
	padding-right: 2.05rem!important;
}

.has-arrow-button-ghost:hover {
	gap: 1.5rem!important;
}