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

/*************** ADD CUSTOM CSS HERE.   ***************/
img, .button{
	border-radius: 5px;
}
.bg-section-main {
    background: linear-gradient(90deg, #243C7C, #4384BA, #60BCED);
}
.slider-col-4 .flickity-slider > div{
	max-width: 400px;
	width: 400px !important;
	margin-right: 30px;
	border-radius: 20px;
	overflow: hidden;
}
.slider-col-4 .flickity-slider .banner-bg:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0) 13.02%, rgba(0, 0, 0, 0.51) 42.5%, rgba(0, 0, 0, 0.63) 70%, #000000 100%);
}
.section-shape-divider-one .section-bg {
    background-color: #DFE4F0;
    clip-path: polygon(70% 70%, 100% 0, 100% 100%, 0 100%, 0 70%);
}
.row.layout-fix-bottom{
	margin-bottom: -300px;
}
.col-inner > .banner{
	border-radius: 7px;
	overflow: hidden;
}
@media only screen and (max-width: 578px) {
	.slider-col-4 .flickity-slider > div{
		max-width: 280px;
		width: 280px !important;
		margin-right: 20px;
	}
}