/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}@media (min-width:320px) and (max-width:480px){
figure {
    position: relative!important;
    left: 1%!important;
}
	h2 {
    font-size: 33px!important;
}
	#section_2085575345 {
		padding-top: 0px!important;
}
	.fast{
		
		    position: relative;
    left: 62%;
	}
.text-left {
    text-align: center!important;
}
}

.flatsome-row {
    display: flex;
    flex-wrap: wrap;
}

.flatsome-col {
    width: 20%; /* 100% divided by 5 columns */
    padding: 0 15px; /* Adjust as needed */
    box-sizing: border-box;
    transition: transform 0.3s ease;
}


.flatsome-col:hover {
    transform: translateY(-10px);
}

.flatsome-col img {
   
 border: 2px dotted black !important;
    border-radius: 50% !important;
}


@media (max-width: 768px) {
    .flatsome-col {
        width: 33.33%; /* Display 3 columns on smaller screens */
        margin-bottom: 12px;
    }

    .flatsome-row {
        justify-content: space-between; /* Align columns evenly */
    }

    .flatsome-row > .flatsome-col:nth-child(5) {
        margin-left: auto;
        margin-right: auto;
    }
	.islamic_img{
		width: 50%!important;
	}
}

@media (max-width: 576px) {
    .flatsome-col {
        width: 50%; /* Display 2 columns on even smaller screens */
        margin-bottom: 12px;
    }
}