/* 
Theme Name: Dar Ul Qarar Child
Author: Septem System Team
Author URI: https://elementor.com/
Template: dar-ul-qarar
Version: 1.0.0
/* Add your custom styles here */

/* [type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
	color: #fff;
	background-color: #AA7C2F !important;
	text-decoration: none;
}
.elementskit-menu-hamburger-icon:focus {
	background-color: #ff0606 !important;
} */

.page [type="button"]:focus, 
.page [type="submit"]:hover, 
.page button:focus, 
.page button:hover {
	color: #fff;
	background-color: #aa7c2f !important;
	text-decoration: none;
}

.elementor-15 .elementor-element.elementor-element-7b0ece07 .elementskit-menu-hamburger {
	padding: 12px 12px 12px 12px !important;
}
.footercall-to-action {
	background: linear-gradient(to right, #1D8E5A 0%, #AA7C2F 100%);
	border-radius: 10px;
}


.bdt-slideshow-items {
	aspect-ratio: 25 / 9 !important;
}


/* .box-hover.e-flex.e-con.e-child:hover {
	background: linear-gradient(to bottom, #2b9155 0%, #a7ae34 100%) !important;
} */



/* Add this CSS to your stylesheet */
.rotating-image img{
  display: inline-block; /* Ensure the image is treated as a block element */
  animation: rotate 10s linear infinite;
}

/* Define the keyframes for rotation */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.contact-from input,
.contact-from textarea{
	border: 1px solid #aa7c2f;
	margin-bottom: 10px !important;
	background-color: transparent;
	border-radius: 5px;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
	border: 1px solid #aa7c2f;
	margin-bottom: 10px !important;
	background-color: transparent;
	border-radius: 5px;
	color: black;
	background-color: #aa7c2f;
	padding: 11px 70px;
	font-size: 16px;
	font-family: "Poppins", Sans-serif;
}
.heading-backu{
	background: linear-gradient(to right, #50bc84 0%, #F3B815 60%);
  clip-path: polygon(0 0, 100% 0, 94% 50%, 100% 100%, 0 100%, 0% 50%);
}

@keyframes slideBackground {
	0% {
	  background-position: left center; /* Initial position */
	}
	50% {
	  background-position: left 44%; /* Adjust to move background slightly */
	}
	100% {
	  background-position: left center; /* Back to the initial position */
	}
}
  
.bg-1{
	background-position: left center; /* Initial position */
	animation: slideBackground 5s linear infinite; /* Apply the animation */
}
  
@keyframes slideBackgroundright {
	0% {
	  background-position: 100% 100% /* Initial position */
	}
	50% {
	  background-position: 90% 100%; /* Adjust to move background slightly */
	}
	100% {
	  background-position: 100% 100%; /* Back to the initial position */
	}
}
.bg-2{
	background-position: right bottom; /* Initial position */
	animation: slideBackgroundright 8s linear infinite; /* Apply the animation */
}

  




/* slider css start */
.bdt-prime-slider-sequester .bdt-slideshow-item {
	margin: 0 0px !important;
}

@keyframes slideBackgroundbanner {
	0% {
	  background-position: 6% 77%; /* Initial position */
	}
	50% {
	  background-position: 10% 84%; /* Move the background slightly */
	}
	100% {
	  background-position: 6% 77%; /* Back to the initial position */
	}
  }
  
  .banner-bg2 {
	background-position:6% 77%;
	background-size: 45% !important;
	animation: slideBackgroundbanner 6s infinite; /* Adjust timing and loop as needed */
  }
  
/* sldier css end  */
/* .box-hover:hover {
	background: 
	url("http://localhost/wp-dar-ul-qarar/wp-content/uploads/2024/12/bismillah-2.png") 50px 30px no-repeat,
	linear-gradient(to bottom, #a7ae34 0%, #2b9155 100%) !important; 
	transition: transform 0.6s ease;
	transform-style: preserve-3d;
	transform: rotateY(180deg);
	background: 
	url("http://localhost/wp-dar-ul-qarar/wp-content/uploads/2024/12/bismillah-2.png") 50px 30px no-repeat,
	linear-gradient(to bottom, #a7ae34 0%, #2b9155 100%) !important; 
  } */


  /* .box-hover:hover .elementor-icon-box-content{
	transform: rotateY(180deg);
  }

 
  .box-hover:hover .elementor-icon-box-content h3{
	color: #fff !important;
  }
  .box-hover:hover .elementor-icon-box-content p{
	color: #fff !important;
  } */
  .elementskit-commentor-image.ekit-testimonial--avatar {
    display: flex; /* Ensures child elements align properly */
    flex-direction: column; /* Keeps image vertically aligned */
}

.elementskit-commentor-image.ekit-testimonial--avatar > *:not(img) {
    display: none; /* Hides all children except the image */
}

.elementskit-commentor-image.ekit-testimonial--avatar::before,
.elementskit-commentor-image.ekit-testimonial--avatar::after {
    content: ''; /* Hides any pseudo-elements that might cause layout issues */
    display: none;
}
.elementskit-commentor-content {
	font-family: "Poppins", Sans-serif;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 8px;
	line-height: 34px;
	color: #7A7A7A;
}

.testimonal-slider .elementskit-commentor-content h4 {
	font-family: "Poppins", Sans-serif;
	font-size: 30px;
	font-weight: bolder;
	margin-bottom: 27px;
	color: #000 !important;
}
.elementskit-stars {
	width: max-content;
	background-color: white;
	padding: 10px !important;
	border-radius: 5px;
}

.elementskit-stars li{
	margin-right: -2px !important;

}

.tutor-course-filter {
	display: none;
}
.tutor-card:not(.tutor-no-border) {
	border-radius: 5px;
	border: none;
	box-shadow: 1px 1px 5px 5px #d3d3d342;

}
.tutor-course-name a {
	font-family: "Poppins", Sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	line-height: normal;
}
.tutor-course-name{
	margin-bottom: 0px;
}

.tutor-meta.tutor-mt-12.tutor-mb-20 {
	margin: 10px 0px;
}
.tutor-meta.tutor-mt-auto {
	display: none;
}
.tutor-card-body {
	flex: 0 1 auto;
	padding: 20px;
}
.list-item-button a,
.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block.tutor-native-add-to-cart,
.tutor-btn.tutor-btn-outline-primary.tutor-btn-md,
#tutor-checkout-pay-now-button {
	font-family: "Poppins", Sans-serif;
	font-weight: 400 !important;
	text-transform: capitalize !important;
	color: #000000A8 !important;
	text-decoration: none !important;
	 line-height: inherit;
	background-color:#aa7c2f !important;
}
.tutor-btn.tutor-btn-outline-primary.tutor-btn-md {
	padding: 8px 30px;
}
.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block.tutor-native-add-to-cart:hover {
	background-color: #aa7c2f !important;
}
.tutor-btn {
	text-decoration: none !important;
	line-height: normal;
}
.tutor-checkout-summary-item.tutor-have-a-coupon {
	display: none;
}
#tutor-checkout-pay-now-button {
	background-color: #1d8e5a;
	border: 1px solid  #1d8e5a !important;
}

#tutor-checkout-pay-now-button:hover {
	background-color: #aa7c2f;
	border: 1px solid  #aa7c2f !important;
}
.tutor-payment-instructions.tutor-mb-20 {
	display: none !important;
}
.hidens{
	visibility: hidden;
}
.linksstyle a {
	text-decoration: none !important;
}
.tutor-page-wrap {
	margin: 100px 0px;
}
.tutor-course-topic-single-header.tutor-single-page-top-bar {
	display: none !important;
}
.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-12 {
	display: none;
}
.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-native-add-to-cart {
	border: 1px solid #000;
	color: #000;
}
/* a {
	color: #000 !important;
}
[type=button],
[type=submit],
button { 
	border: 1px solid #000 !important;
	color: #000 !important;
}
.tutor-dashboard button{
	border: 1px solid #000 !important;
	color: #000 !important;
} */

.tutor-dashboard button:hover {
	color: #000 !important;
}
.page-id-1524 .entry-title {
	display: none !important;
}
#tutor-registration-wrap {
	margin-bottom: 118px;
}
.elementor-116 .elementor-element.elementor-element-7e5a4e3b .elementskit-btn {
	color: white !important;
}
.tutor-cart-course-price-wrapper .tutor-btn.tutor-btn-link.tutor-cart-remove-button:hover {
	color: #000 !important;
}

.tutor-btn.tutor-btn-outline-primary.tutor-btn-block,
.tutor-btn-primary.tutor-btn-block{
	color: #000000A8 !important;
}
.tutor-tab.tutor-course-spotlight-tab .tutor-container .tutor-col-xl-8 {
	width: 100%;
}
.tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper a {
	color: #000 !important;
}


.tutor-card-body .tutor-course-progress-item-title {
	display: block !important;
}
.tutor-meta.tutor-course-details-info,
.tutor-course-details-top.tutor-mt-16{
	display: none !important;
}

.service-detail_list li::before {
	position: absolute;
	content: "\f11a";
	left: 0px;
	top: 5px;
	width: 29px;
	height: 29px;
	text-align: center;
	line-height: 29px;
	border-radius: 5px;
	color: var(--white-color);
	background-color: var(--color-three);
	font-family: "flaticon_afbd3404a2e1104832d0";
}
.tutor-accordion-item-header.is-active {
	font-weight: bold !important;
}
.tutor-accordion .tutor-accordion-item,
.tutor-accordion-item-header.is-active,
.tutor-accordion-item-body,
.tutor-accordion-item-header{
	border: none;
	background:#f9f7f1 !important;
}
.tutor-accordion-item-header{
		background:#f9f7f1 !important;
}
.schedule-table td a {
    background-color: #aa7c2f !important;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px 25px 10px 25px;
    color: #fff !important;
    border-radius: 5px;
    font-size: 11px;
}
.tutor-course-name.tutor-fs-5.tutor-fw-medium {
	height: 70px;
}
/* .tutor-btn-primary:hover, .tutor-btn-primary:focus, .tutor-btn-primary:active {
	color: #aa7c2f !important;
} */
.page [type="button"], 
.page [type="submit"]{
	color:#000000A8 !important;
	border: 1px solid #aa7c2f !important;
}

.page [type="button"]:focus, 
.page [type="button"]:hover, 
.page [type="submit"]:focus, 
.page [type="submit"]:hover, 
.page button:focus, 
.page button:hover {
	color:#000000A8 !important;
	background-color: #aa7c2f;
	text-decoration: none;
}

.page [type="button"], 
.page [type="submit"]{
	color:  #aa7c2f;
	border: 1px solid #aa7c2f;
}
.tutor-btn-primary:hover
	color: #fff !important;
	border-color: #aa7c2f; !important; 
}
.tutor-course-progress-wrapper,
.tutor-mt-20 .tutor-btn.tutor-btn-outline-primary.tutor-btn-block{
	display: none;
}
.tutor-dashboard-menu-item.tutor-dashboard-menu-question-answer {
	display: none;
}
.wpcf7-form-control.wpcf7-submit{
	color: #fff !important;
}

.wpcf7-form-control.wpcf7-submit:hover {
	color: #aa7c2f !important;
}
.tutor-dashboard-menu-item.tutor-dashboard-menu-my-quiz-attempts,
.tutor-dashboard-menu-item.tutor-dashboard-menu-wishlist{
	display: none;
}


/* new changes css statt */
#tutor-course-details-tab-info .tutor-mt-40 {
	display: none !important;
}
/* .tutor-btn:hover{
	background-color:#aa7c2f !important;
} */
/* .tutor-enrol-course-form .tutor-btn.tutor-btn-primary {
	border: 1px solid #000 !important;
	color: #000 !important;
} */
.tutor-card-body .tutor-enrol-course-form .tutor-btn-primary:hover {
  color: #000 !important;
}
.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
	background-color: #f9f7f2;
}
.tutor-course-details-header.tutor-mb-44 {
	display: none;
}

.tutor-card-body a:hover {
/* 	background-color:#aa7c2f !important; */
	color:#000 !important;
}

h3.tutor-course-name a{
	background-color: #f9f7f2 !important;
}
h3.tutor-course-name a:hover{
	background-color: #f9f7f2 !important;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: all 0.3s ease;
}
.right-btn .zoom {
	margin-right:0px;
}
.tutor-mt-20 button {
	display: none !important;
}
.tutor-fs-6.tutor-color-success.tutor-icon-purchase-mark.tutor-mr-8 {
	display: none;
}



/* .tutor-card-body .tutor-btn-primary:hover{
	color:#1d8e5a !important;
} */

a:active, a:hover {
	color: #000;
}
.tutor-course-bookmark {
	display: none;
}

.tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-text-center {
	display: none;
}
[type="submit"]:hover,
button:hover{
	color: #000 !important;
}
.wpcf7-form-control.wpcf7-submit.has-spinner{
	color: #000 !important;
	background-color: #f6f0df !important;
}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
	color: #000 !important;
	background-color:#aa7c2f !important;
}
#tutor-login-form .tutor-btn.tutor-btn-link:hover {
	background-color: transparent !important;
	color: #000000A8 !important;
}

#tutor-login-form .tutor-btn.tutor-btn-link{
	background-color: transparent !important;
	color:#000000A8 !important;
}
.tutor-course-list.tutor-grid.tutor-grid-3 {
	margin:50px 0px;
}
.tutor-frontend-dashboard-course-progress {
	display: none;
}
.list-item-button a:hover,
.tutor-review-card .tutor-btn-primary:hover,
.tutor-sidebar-card a:hover{
	background-color:#aa7c2f !important;
}
#tutor_profile_cover_photo_editor .tutor-btn.tutor-btn-primary:hover {
	color: #000000A8 !important;
}
a.tutor-btn.tutor-btn-link {
    padding-bottom: 5px !important;
}
.tutor-required-fields {
	padding: 0px !important;
}
.tutor-required-fields li{
	list-style: none;
}
.tutor-modal .tutor-alert.tutor-warning {
	background-color: rgba(var(--tutor-color-warning),.15);
	color: #ed0000 !important;
}

/* .tutor-btn.tutor-btn-outline-primary.tutor-btn-block, .tutor-btn-primary.tutor-btn-block {
	border: 1px solid #aa7c2f !important;
	color: #aa7c2f !important;
}
.tutor-btn.tutor-btn-outline-primary.tutor-btn-block, .tutor-btn-primary.tutor-btn-block {
	border: 1px solid #aa7c2f !important;
	color: #aa7c2f !important;
} */
/* [type="submit"]:hover, 
button:hover,
[type="submit"]:focus,
[type="submit"]:active{
  color: #000 !important;
} */


.ustada {
	height: 140px !important;
}
.elementskit-commentor-content {
	height: 310px !important;
}







.tutor-btn.tutor-btn-primary:focus,
.tutor-btn.tutor-btn-primary::active{
	color: #fff !important;
}
.tutor-btn,
.tutor-btn.tutor-btn-outline-primary.tutor-btn-block,
.tutor-btn-primary.tutor-btn-block,
.tutor-btn-primary,
.tutor-btn.tutor-btn-outline-primary.tutor-btn-block,
.tutor-btn-primary.tutor-btn-block{
/* 	border: 1px solid #aa7c2f !important;
	color: #aa7c2f !important;
	background-color: transparent !important; */
}
.tutor-btn:hover,
.list-item-button a:hover,
.tutor-review-card .tutor-btn-primary:hover,
.tutor-sidebar-card a:hover{
/* 	border: 1px solid #aa7c2f !important;
	color: #fff !important; */
}
/* .tutor-card-body .tutor-btn-primary:hover{
	color: #fff !important;
} */
#tutor-login-form .tutor-btn{
	border:none !important;
	background-color:#aa7c2f !important;
	color:#000000A8 !important;
}
#tutor-login-form a:hover{
	color:#000 !important;
}
#tutor-login-form .tutor-btn:hover{
	background-color:#1d8e5a !important;
	color:#fff !important;
}
#tutor-login-form a.tutor-btn:hover{
	background-color: transparent !important;
}
#tutor-login-form .tutor-btn.tutor-btn-primary.tutor-btn-block {
	border: none !important;
}

.tutor-btn-outline-primary,
.tutor-btn{
	border:none !important;
}

.list-item-button a:hover, 
.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block.tutor-native-add-to-cart:hover, 
.tutor-btn.tutor-btn-outline-primary.tutor-btn-md:hover, 
#tutor-checkout-pay-now-button:hover{
	background-color:#1d8e5a !important;
	color:#fff !important;
}
.tutor-btn{
	background-color:#aa7c2f !important;
	color:#000000A8 !important;
  	font-weight: 400 !important;
  	text-transform: capitalize !important;
	line-height: inherit;
}
.tutor-btn:hover,
.page .tutor-profile-password-reset:hover{
	background-color:#1d8e5a !important;
	color:#fff !important;
}
.page .tutor-profile-password-reset:hover{
	border-color:transparent !important;
}
.tutor-card-body .tutor-btn-primary:hover {
	background-color:#1d8e5a !important;
	color:#fff !important;
}
.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--paused.plyr--stopped {
	padding-right: 15px !important;
	background-color: #eff1f6 !important;
}
.tutor-course-topic-summary.tutor-pl-8 {
	display: none;
}
.tutor-dashboard-menu-item.tutor-dashboard-menu-purchase_history {
	display: none;
}
#tutor-login-form .tutor-btn-ghost {
	background-color: transparent !important;
	color: #000000A8 !important;
}
#tutor-login-form .tutor-btn-ghost:hover {
	background-color: transparent !important;
	color: #000000A8 !important;
}
.tutor-forgot-password-form .tutor-btn,
#tutor-registration-form .tutor-btn,
.tutor-enrol-course-form .tutor-btn{
	background-color:#aa7c2f !important;
	color:#000000A8 !important;
	border: none !important;
}
.tutor-forgot-password-form .tutor-btn:hover,
#tutor-registration-form .tutor-btn:hover,
.tutor-enrol-course-form .tutor-btn:hover{
	background-color:#1d8e5a !important;
	color:#fff !important;
}
.tutor-enrol-course-form .tutor-btn{
	width:100% !important;
	color:#000000A8 !important;
  	font-weight: 400 !important;
  	text-transform: capitalize !important;
	line-height: inherit;
}
.tutor-course-progress {
	display: none !important;
}
.plyr__control {
	color: #000 !important;
	border-color: #000 !important;
}
.tutor-card-body {
  padding-bottom: 0px !important;
}
.tutor-sidebar-card .tutor-card-body {
  padding-bottom: 15px !important;
}
.tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper a {
	color: #1d8e5a !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper td a{
		color: #fff !important;
  font-size: 15px !important;
  font-weight: 500!important;
}
.tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper table td, 
.tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper table th{
	text-align:center;
}
.tutor-course-list-btn.view-detail{
	display:none !important;
}
.page-id-60 .tutor-course-list-btn{
	display:none;
}
.page-id-60 .list-item-button{
	display:none;
}
.page-id-60 .view-detail {
	display: block !important;
}
.tutor-container.photo-area .cover-area div:first-child {
	background-image: url('/wp-content/uploads/2026/01/Quran-Banner.png') !important;
	background-repeat: no-repeat !important;
	background-position: 70% 100%;
	background-size: 100%;
}



.tutor-course-details-instructors .tutor-d-flex.tutor-align-center{
	display:none!important;
}
.tutor-course-details-instructors .tutor-d-flex.tutor-align-center.tutor-mb-24{
	display:flex !important;
}

.we-are .elementor-widget-container p {
	height: 190px;
}
.we-are .elementor-widget-button {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/*==========post listing styling start==============*/
.blog .page-header {
	display: none;
}
.blog-wrapper {
    padding: 0px 0px 60px 0px;
}

.blog-grid {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 0 20px;
}

.post-card {
 
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    transition: 0.3s;
}

.post-card:hover {
    transform: translateY(-5px);
}

.post-image img {
    width: 100%;
    height: 260px !important;
    display: block;
    object-fit: cover;
}
/*background-image: linear-gradient(180deg, #F6EFD2 0%, #DAEFE3 100%);*/
.entry-title {
    margin-bottom: 5px;
}
.tutor-name {
	margin-bottom: 5px !important;
	font-family: "Poppins", Sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.entry-title a {
font-family: "Poppins", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #aa7c2f;
 line-height: 25px;
    text-decoration: none;
    display: block;
}

.post-divider {
    border: none;
    border-top: 1px dashed #cfcfcf;
    margin: 15px auto;
    width: 80%;
}

.post-excerpt {

	font-family: "Poppins", Sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #000000B8;
}

.read-more-btn {
    font-family: "Poppins", Sans-serif;
    display: inline-block;
    color: #000;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}


/* Tablet */
@media (max-width: 992px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
}


/*==========post listing styling end==============*/



/*==========post detail styling start==============*/

.course-banner {
	background-image:url("/wp-content/uploads/2026/02/course-bh.png");
background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 170px 200px;
  text-align: center;
}
.site-main.course-single {
	width: 100% !important;
	max-width: 100% !important;
}
.banner-subtitle {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}
.course-content h2 {
  margin: 10px 0;
  font-family: "Poppins", Sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: #aa7c2f;
}
.post-content p {
	text-align: left;
	font-family: "Poppins", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000B8;
}
.banner-title {
	margin: 10px 0;
  font-family: "Poppins", Sans-serif;
  font-size: 59px;
  font-weight: 700;
  line-height: 71px;
  color: #aa7c2f;
}

.banner-instructor {
	font-size: 18px;
}

.course-details {
	padding: 100px 20px;
}

.course-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	max-width: 1170px;
	margin: auto;
}
.post-content {
	padding: 16px;
}
.post-card {
	border-radius: 10px;
	overflow: hidden;
	text-align: left;
	transition: 0.3s;
	background-color: transparent;
	background-image: linear-gradient(180deg, #F6EFD2 0%, #DAEFE3 100%);
}
.timing-box {
	/*background: #1f4f3b;*/
	padding: 30px;
	border-radius: 12px;
	background-image: url("/wp-content/uploads/2025/01/2025-01-09_16-45.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}
.timing-box h3 {
	margin: 10px 0;
	font-family: "Poppins", Sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #aa7c2f;
}
.timing-box ul li {
    text-align: left;
  font-family: "Poppins", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #000000B !important;
  margin-bottom: 14px;
}
.timing-box ul li {
	background-image: url("/wp-content/uploads/2026/02/clock-black.png");
	background-position: 0px 4px;
	background-repeat: no-repeat;
	background-size: 15px;
	padding-left: 25px !important;
}
.timing-box ul {
	padding-left: 0px;
	list-style: none;
}

.btn-contact {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 20px;
	background: #d6b36a;
	color: #000;
	text-decoration: none;
	border-radius: 6px;
}
.instructor-info p {
	text-align: left;
	font-family: "Poppins", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000B8;
	margin-top: 13px;
}
.instructor-section {
	padding: 60px 20px;
	width: 1170px;
	max-width: 1170px;
	display: block;
	margin: auto;
}

.course-content h3 {
	margin: 10px 0;
	font-family: "Poppins", Sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #aa7c2f;
	margin-top: 50px;
}
.instructor-box img {
	width: 120px;
	border-radius: 50%;
}
.instructor-box {
	display: flex;
	gap: 32px;
	padding-top: 20px;
}
.instructor-box img {
	width: 130px;
	border-radius: 50%;
	height: 130px;
	border: 2px solid #aa7c2f;;
}
.instructor-info h4 {
	margin: 0;
	font-family: "Poppins", Sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #000;
}
@media (max-width: 768px) {
	.course-grid {
		grid-template-columns: 1fr;
	}
}


.long-description {
    font-size: 16px;
    font-family: "Poppins", Sans-serif;
    line-height: 1.7;
}
.single-header h1 {
	font-family: "Poppins", Sans-serif;
	font-size: 51px !important;
	font-weight: 500;
	color: #aa7c2f;
	line-height: 27px;
	text-decoration: none;
	display: block;
	margin-bottom: 30px;
}
.btn-contact {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 20px;
	background: #d6b36a;
	color: #000;
	text-decoration: none;
	border-radius: 6px;
	font-family: "Poppins", Sans-serif;
	font-size: 17px;
	font-weight: 500;
	text-transform: capitalize;
	text-decoration: none;
	/* fill: #000000A8; */
	color: #000000A8;
	padding: 15px 15px 15px 15px;
}
.btn-contact:hover {
	background-color: #1d8e5a;
	color: #FFFFFF;
}
#comments a {
	color: #000;
	text-decoration: none;
}
#comments #submit {
	color: #fff;
	background-color: #aa7c2f;
	border: 1px solid #aa7c2f;
}
#submit:hover {
	color: #fff !important;
	background-color: #aa7c2f;
	border: 1px solid #aa7c2f;
}
button:focus, button:hover {
  color: #fff;
  background-color: #AA7C2F !important;
}  


.tuterbg {
	margin: 10px 0;
	font-family: "Poppins", Sans-serif;
	font-size: 15px;
	color: #aa7c2f;
	font-style: italic;
}
.course-content .post-content {
	padding: 0px;
}


/*==========post detail styling end==============*/

/*new media query*/
@media (min-width:1920px) {/* For 1920 */
}
@media (max-width:1919.98px) {/* For 1670 */  
}
@media (max-width:1679.98px) {/* For 1560 */  
	.elementor-245 .elementor-element.elementor-element-1dc6f43b {
		padding-top: 90px;
		padding-bottom: 270px;
	}
}
@media (max-width:1559.98px) {/* For 1440 */
	
	.elementor-245 .elementor-element.elementor-element-1dc6f43b {
		padding-top: 40px !important;
		padding-bottom: 150px;
	}
	.we-are .elementor-widget-container p {
		height: 180px;
	}
	.elementor-245 .elementor-element.elementor-element-1dc6f43b:not(.elementor-motion-effects-element-type-background), .elementor-245 .elementor-element.elementor-element-1dc6f43b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    	background-size: cover !important;
	}
}
@media (max-width: 1439.98px) {/* For 1366 */
	.elementor-245 .elementor-element.elementor-element-1dc6f43b {
		padding-top: 35px !important;
		padding-bottom: 140px !important;
	}
	.we-are .elementor-widget-container p {
		height: 160px;
	}
}
@media (max-width: 1365.98px) {/* For 1280 */
	.we-are .elementor-widget-container p {
		height: 170px;
	}
	.elementor-element.elementor-element-331ad994.we-are.e-flex.e-con-boxed.e-con.e-child {
		transform: scale(0.88);
	}
	  .elementor-245 .elementor-element.elementor-element-1dc6f43b:not(.elementor-motion-effects-element-type-background){
		  background-size: 115% !important;
	}
}
@media (max-width: 1279.98px) {/* For 1152 */
}
@media (max-width: 1151.98px) {/* For 1024 */
}
@media (max-width: 1023.98px) {/* For 992 */
    .course-banner {
    	background-image: url("/wp-content/uploads/2026/02/post-bg-1.png");
    	background-size: cover;
    	background-position: center bottom;
    	background-repeat: no-repeat;
    	padding: 60px 50px;
    	text-align: center;
    }
    .banner-title {
	font-size: 50px;
	font-weight: 700;
	line-height: 66px;
    }
}
@media (max-width: 991.98px) {/* For 768 */
	.elementor-116 .elementor-element.elementor-element-2f749109 {
		margin: auto;
	}
	.post-content {
	    padding: 0px;
    }
    .course-details {
	    padding: 50px 20px;
    }
    .instructor-box {
    	display: block;
    	padding-top: 20px;
    }
    .post-card .post-content {
	    padding: 20px;
    }
	.elementor-245 .elementor-element.elementor-element-1dc6f43b:not(.elementor-motion-effects-element-type-background) {
		background-size: cover !important;
	}
	.elementor-245 .elementor-element.elementor-element-1dc6f43b {
		padding-top: 60px !important;
		padding-bottom: 1px !important;
	}	
	.blog-wrapper {
		padding: 0px 0px 60px 0px;
	}

}
@media (max-width: 767.98px) {/* For 576 */
}
@media (max-width: 575.98px) {/* For 414 */
	.box-hover {
		background-position: 90px 10px !important;
		background-size: 200px auto !important;
	}
	.banner-bg2 {
		background-image: unset !important;
	}
	.testimonal-slider .elementskit-commentor-content h4 {
		font-size: 23px;
		margin-bottom: 14px;
	}
	.elementskit-commentor-content {
		font-size: 15px;
		margin-bottom: 8px;
		line-height: 24px;
	}
	.list-item-button {
		width: 85% !important;
		margin: auto;
	}
	.tutor-course-name.tutor-fs-5.tutor-fw-medium {
		line-height: 24px !important;
		margin-top: 0;
	}
	.tutor-course-name a {
		font-size: 19px !important;
		line-height: 19px !important;
		margin-bottom: 0px !important;
	}
	.tutor-page-wrap {
		margin: 50px 0px;
	}
	.tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper h1 {
		font-size: 17px;
	}
	.tutor-container .tutor-col-xl-8 {
		width: 100%;
		overflow: scroll;
	}
	.elementor-element-7e5a4e3b .ekit-wid-con {
		text-align: center;
	}
	.banner-title {
	    font-size: 25px;
	    font-weight: 700;
	    line-height: 30px;
    }
    .site-main.course-single {
		padding: 0px !important;
    }
	.elementskit-commentor-content {
		height: 180px !important;
	}
}
@media (max-width: 413.98px) {/* For 375 */
	.box-hover {
		background-position: 75px 10px !important;
		background-size: 200px auto !important;
	}
}
@media (max-width: 374.98px) {/* For 360 */
}
@media (max-width: 359.98px) {/* For 320 */
	.box-hover {
		background-position: 50px 10px !important;
		background-size: 200px auto !important;
	}
}

/* ===============================
   ALL PROGRAM BANNER
================================= */

.all-program-banner {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-image: url('/wp-content/uploads/2026/02/quran-1.webp'); /* change this */
    background-size: cover;
    background-position: center;
    min-height: 45vh; /* reduced height */
    padding: 90px 20px; /* slightly reduced vertical spacing */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

/* Gradient overlay (Elementor style) */
.all-program-banner .banner-overlay {
    position: absolute;
    inset: 0;
    background-color: transparent;
    background-image: linear-gradient(
        180deg,
        var(--e-global-color-9e581b8) 0%,
        var(--e-global-color-primary) 100%
    );
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* Content */
.all-program-banner .banner-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

/* Text */
.all-program-banner h1 {
    font-size: clamp(30px, 5vw, 52px);
    margin-bottom: 18px;
    font-weight: 700;
}

.all-program-banner p {
    font-size: clamp(16px, 2vw, 20px);
    opacity: 0.95;
	font-weight:bold
}

/* Space below banner */
.blog-grid {
    padding-top: 50px;
}

/* Mobile */
@media (max-width: 768px) {
    .all-program-banner {
        min-height: 38vh;
        padding: 70px 20px;
    }

    .blog-grid {
        padding-top: 35px;
    }
}
/* ===============================
   ALL PROGRAM BANNER END
================================= */