/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 29 2025 | 18:31:17 */
html,body{
	overflow-x:hidden;
}

table.customStyles th.prayerName {
    color: #000000;
}


.ai-wrap .ai-track-title {
    white-space: normal !important;
    text-align: left!important;
}
.ai-wrap .ai-track-name {

	white-space: normal !important;

}

.panel-grid.panel-has-style>.panel-row-style {
  padding-top: 40px;
}
    

.pop_menu_s ul li a {
    display: inline-block;
}
.pop_menu_s ul li{
    text-align:center;
}
.pop_menu_s span.sub-arrow {
    float: right;
}
.sby_footer {
    padding: 15px 0;
}

 .sby_items_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sby_items_wrap .sby_item {
    width: 48.7% !important;
}
.sby_items_wrap {
    padding: 0px !important;
}



.sby_follow_btn a,
a.sby_load_btn {
    background: #186000 !important;
    padding: 12px 25px 12px 30px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}
.sby_follow_btn a{ 
	background: #FF0000 !important;
}



/* sheekh-abdirashid-quraanka */
div#pl-1444 {
    width: 100% !important;
}
/* duruus-faraaidka */
#primary {
    padding-top: 30px;
    padding-left: 20px;
}

div#pl-4359 {
    width: 100% !important;
}
nav.navigation.post-navigation {
    padding-right: 20px;
}





.panel-grid.panel-has-style>.panel-row-style {
    padding-top: 0px !important;
}

.panel-layout {
    width: 1200px;
    margin: auto;
	padding: 60px 0;
	
}
.panel-no-style {
    margin: 0 !important;
}
.global-boxx {
    display: flex;
    flex-wrap: wrap !important;
    gap: 30px;
}
.global-boxx .panel-grid-cell {
	margin-bottom: 0px !important;
}
.global-boxx .so-panel {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    height: 285px !important;
    transition: all .3s;
}

.global-boxx .so-panel:hover {
	box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.16);
	transform: translateY(-6px);
}

.global-boxx .sow-image-container a {
    display: block !important;
    width: 100%;
}
	.panel-layout .global-boxx .sow-image-container a img {
    width: 100%;
    height: 200px !important;
    object-fit: contain;
	display:block;
	margin: 0 auto;
}
	.panel-layout .global-boxx .sow-image-container img {
    width: 100%;
    height: 200px !important;
    object-fit: contain;
	display:block;
	margin: 0 auto;
}
h3.widget-title a {
    color: #2d2d2d;
}
h3.widget-title a:hover {
    color: #2d2d2d;
}
h3.widget-title a,
.global-boxx h3.widget-title {
    text-align: center;
    margin-top: 17px !important;
}



.aaaass .panel-grid-cell {
    padding: 20px !important;
    border-radius: 10px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);
	height: 370px !important;
	transition: all .3s;
}
.aaaass .panel-grid-cell:hover {
	box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.16);
	transform: translateY(-10px);
}
.aaaass .so-widget-sow-editor.so-widget-sow-editor-base h3,p {
    text-align: center;
	color:#000 !important;
}
.aaaass .panel-grid-cell .textwidget a {
    color: #000;
    display: block;
    text-align: center;
    margin-top: 6px;
}

.aaaass {
/*     width: 1200px !important;
    margin: auto;
	padding-top: 60px !important; */
    flex-wrap: wrap !important;
	gap: 25px;
}
.aaaass .sow-image-container a img,
.aaaass .sow-image-container img {
    border-radius: 5px;
	display:block;
	margin: 0 auto;
}

/* IMGAE CSS */
 .aaaass .sow-image-container a {
    display: block;
	width:100%;
}

.panel-layout .aaaass .so-widget-image{
    width: 100% !important;
    height: 250px !important;
    object-fit: cover;
	object-position: top;
	
}

.aaaass .panel-grid-cell .so-panel {
    margin-bottom: 0px !important;
}
  
@media only screen and (max-width: 800px) and (min-width:768px) {

		.sby_items_wrap .sby_item {
    width: 48% !important;
} 
}


@media only screen and (max-width: 1200px) {
	
	
	 .sby_items_wrap .sby_item {
    width: 48.5% !important;
}

	.panel-layout {
		width: 1000px !important;
	}
	.global-boxx .panel-grid-cell {
     width: 22% !important;
}
	
	
	.aaaass {
		width: 1000px !important;
	}
}


@media only screen and (max-width: 1024px) {
	
	
	 .sby_items_wrap .sby_item {
    width: 48% !important;
}
	.panel-layout {
		width: 700px !important;
		padding: 50px 0px;
			
		}
	.global-boxx .so-panel {
		height: 230px !important;
	}
	.global-boxx{
		flex-direction: row !important;
		gap: 20px;
	}
	.global-boxx .panel-grid-cell {
		 width: 22% !important;
	}
	.panel-layout .global-boxx .sow-image-container img,
	.panel-layout .global-boxx .sow-image-container a img {
      height: 140px !important;
}

	
	.aaaass {
		width: 700px !important;
		flex-direction: row !important;
	}
	.aaaass .panel-grid-cell{
		width: 45% !important;
		margin-bottom: 0px !important;
	}
	
	

	
	
}
@media only screen and (max-width: 710px) {
	.panel-layout {
		width: 100% !important;
		padding: 40px 0;
		}
	.global-boxx{
		padding: 0 20px;
		gap: 0px;
	}
	.global-boxx .panel-grid-cell {
		width: 48% !important;
		margin-bottom: 20px !important;
	}
	.global-boxx .so-panel {
		height: 100% !important;
	}
		.panel-layout .global-boxx .sow-image-container img,
	.panel-layout .global-boxx .sow-image-container a img {
      height: 130px !important;
}

	.panel-grid-cell .so-panel:last-child {
		margin: 0 !important;
	}
	.panel-grid {
    margin-bottom: 0px !important;
}
	.aaaass {
		width: 100% !important;
	}
	.panel-layout .aaaass .panel-grid-cell{
		width: 47% !important;
		height: 320px !important;
	}
	.panel-layout .aaaass img.so-widget-image {
		height: 180px !important;
	}
	
	


	
	
	#pl-477 .so-panel {
    margin-bottom: 10px !important;
}
		#pl-477 .so-panel 	h2 {
    font-size: 15px;
    margin-bottom: 8px !important;
    line-height: 1.3;
}
	
	.aaaass .panel-grid-cell .textwidget a {
    font-size: 13px;
}

div#sidebar-section-top {
    margin-top: 1px !important;
}
	
}
@media only screen and (max-width: 480px){
	.panel-layout .aaaass img.so-widget-image {
		height: 140px !important;
	}
	.panel-layout .aaaass .panel-grid-cell {
		width: 46% !important;
		height: 280px !important;
	}
	h3.widget-title a,
	.aaaass h3.widget-title {
		  font-size: 15px !important;
	}
	.sby_items_wrap .sby_item {
	 width: 46% !important;
		}
	
div#sidebar-section-top {
    margin-top: 1px !important;
}
	
}


@media only screen and (max-width: 400px){
	.global-boxx .so-panel {
		   height: 210px !important;
	}
	h3.widget-title a,
	.global-boxx h3.widget-title {
		  font-size: 15px !important;
	}

	
h3.widget-title a,
.aaaass h3.widget-title {
	   font-size: 14px !important;
	}
.panel-layout .aaaass img.so-widget-image {
    height: 110px !important;
}
.panel-layout .aaaass .panel-grid-cell {
    width: 46% !important;
    height: 230px !important;
	padding: 10px !important;
}
.aaaass {
    row-gap: 20px;
    column-gap: 0px;
}
	
div#sidebar-section-top {
    margin-top: 1px !important;
}
	
}


.ays-abs-fs.ays-start-page img {
    width: 100%;
    border-radius: 5px;
}


.ays-abs-fs.ays-start-page .ays-fs-title {
    font-size: 35px !important;
    font-weight: 600;
    padding:20px 0;
}
.ays-fs-subtitle h5 {
    font-weight: 400;
    line-height: 1.4em;
	font-family:Epilogue;
}
input.ays_next.start_button.action-button {
    border: none;
    padding: 15px 45px !important;
	font-size:18px:
}

input.ays_next.action-button {
  border: none;
    padding: 15px 45px !important;
	font-size:18px:
}
.ai-wrap .ai-track {
    height: 50px !important;
}	
@media screen and (max-width: 768px) {
	
 .sby_items_wrap .sby_item {
    width: 47% !important;
} 
	
	
	#ays-quiz-container-1 {
    max-width: 100%;
    min-height: 300px !important;
    padding-bottom: 35px;
}
	
	#ays-quiz-container-1 #ays_finish_quiz_1 div.step {
    min-height: 300px !important;
    padding-top: 25px;
}
	
article.product .post-content, article.post .post-content, article.page .post-content {
   
    padding: 0px 20px 10px 0px;
}
	
.ai-wrap .ai-track {
    height: 65px !important;
}



input.ays_previous.action-button {
	
	  border: none;
     padding: 15px 45px !important;
	font-size:18px:

}


.secondary-sidebar .widget-area.sidebar {
    padding: 17px;
    margin-top: 112px !important;
    margin-bottom: 20px !important;
}
.so-widget-sow-image.so-widget-sow-image-default-8b5b6f678277-29422 h3 {
    padding-top: 6px !important;
}
	
	@media screen and (max-width: 530px) {
	
 .sby_items_wrap .sby_item {
	 width: 46.5% !important;
		}
} 
		@media screen and (max-width: 430px) {
	
 .sby_items_wrap .sby_item {
	 width:46% !important;
		}
}