@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//heartssee.org/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.4") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Lexend", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(0,0,0);
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Lexend", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:rgb(0,0,0);
}
:root{
--wd-entities-title-font:"Lexend", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:rgb(0,0,0);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"NotoNaskh", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Lexend", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:rgb(0,0,0);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lexend", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:16px;
}
.ossp-section .ossp-section .ossp-info .info-box-title{
	font-family: "NotoNaskh", Arial, Helvetica, sans-serif;font-weight: 500;text-transform: capitalize;
}

:root{
--wd-primary-color:rgb(66,155,235);
}
:root{
--wd-alternative-color:rgb(242,119,84);
}
:root{
--wd-link-color:rgb(66,155,235);
--wd-link-color-hover:rgb(242,119,84);
}
:root{
--btn-default-transform:capitalize;
}
:root{
--btn-default-bgcolor:rgb(66,155,235);
}
:root{
--btn-default-bgcolor-hover:rgb(242,119,84);
}
:root{
--btn-accented-transform:capitalize;
}
:root{
--btn-accented-bgcolor:rgb(66,155,235);
}
:root{
--btn-accented-bgcolor-hover:rgb(242,119,84);
}
:root{
--notices-success-bg:rgb(66,155,235);
}
:root{
--notices-success-color:rgb(255,255,255);
}
:root{
--notices-warning-bg:rgb(242,119,84);
}
:root{
--notices-warning-color:rgb(255,255,255);
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
			
							--btn-default-brd-radius: 5px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
					
					
			
			
							--btn-accented-brd-radius: 5px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1222px) {
			[data-vc-full-width]:not([data-vc-stretch-content]),
			:is(.vc_section, .vc_row).wd-section-stretch {
				padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
				padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-family: "NotoNaskh";
	src: url("//heartssee.org/wp-content/uploads/2023/12/NotoNaskhArabic-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* .whb-general-header .info-svg-wrapper .st0 {
    fill: #00B67A !important;
} */

.site-content {
    margin-bottom: 0px;
}

strong.hide {
    display: none;
}

.hide-enroll {
    display: none;
}


img.avatar {
    display: none !important;
}

.whb-general-header {
    background-image: linear-gradient(90deg, #f27754 12%, #51a7f3 100%);
}

.test-sec {
    background-image: linear-gradient(135deg, rgb(242 119 84) 0%, rgb(82 167 242) 100%);
}

.clr-blue{
		color: #429beb;
}

.about-sec .info-box-inner p:last-child {
    display: block !important;
}

.wd-nav.wd-gap-m {
    --nav-gap: 25px;
}

.single-post .page-title-default {
    display: none;
}

.steps-row:hover {
		cursor:pointer;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {
    border-radius: 0;
}

.header-mail-box a,
.header-mail-box p {
    font-size: 14px;
    color: #ffffff !important;
}

.trustlogo span#translations-main {
    font-size: 16px !important;
		color: black;
}

.header-mail-box .info-box-icon {
    border: 1px solid #ffffff;
    border-radius: 50%;
}

.header-btn a.btn {
    text-transform: capitalize;
}

.header-btn {
    text-transform: capitalize;
    letter-spacing: 1px;
}

.header-btn:hover {
    background-color: #df9743;
}







/****Newsletter Footer****/


section#footer-section {
    background-image: linear-gradient(0deg, rgb(0 0 0 / 40%), rgb(0 0 0 / 30%)), url(https://heartssee.org/wp-content/uploads/2024/01/heartssee-image-footer-background-2.png);
		background-size: cover;
}

/*
section#footer-section:after {
    content: '';
    background-image: url(https://heartssee.org/wp-content/uploads/2023/08/Shape-01.webp);
    width: 200px;
    height: 200px;
    top: -30px;
    right: -20px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
    opacity: 0.3;
}
*/



div#footer-logo {
    padding-top: 20px;
    padding-bottom: 40px;
}

.footer-logo .mc4wp-form-fields .form-row .btn-field, 
.footer-logo .mc4wp-form-fields .form-row .input-field {
    display: table-cell;
    width: 100%;
}

.footer-logo .input-field input {
    height: 55px;
    border-radius: 10px 0 0 10px;
		border-color: #429beb;
		font-size:16px;
}

.footer-logo .btn-field input {
    height: 55px !important;
    border-radius: 0 10px 10px 0 !important;
		background-color: #429beb;
		min-height: unset;
		letter-spacing: 1px;
    font-size: 18px;
		padding-left: 28px;
    padding-right: 28px;
}

.footer-logo .btn-field input:hover {
    background-color: #b7defa;
}


/****Links***/


div#footer-links {
    padding-top: 70px;
    padding-bottom: 0;
}

.footer-section h2 {
    color: #c2c4d0;
    font-size: 22px;
    font-weight: 500;
}

.footer-links #a .title-after_title {
    font-size: 16px;
}

.footer-links p,
.footer-links .title-after_title,
.footer-links li a {
    color: #c2c4d0;
}

.footer-links .title-wrapper {
    margin-bottom: 15px;
}

.footer-section .wd-title-style-simple .liner-continer:after {
    background-color: #c2c4d0 !important;
}

.footer-links .liner-continer {
    margin-bottom: 25px !important;
}

.footer-links .widget.widget_nav_menu li {
    background-size: 8px 10px;
    background-repeat: no-repeat;
    background-position: 0 5.5px;
    padding-left: 16px;
    margin-bottom: 7px !important;
    background-image: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/Right-Arrow-Footer.svg);
}

.footer-section .f-one img {
    position: absolute;
    top: -214px;
    left: 110px;
}

.footer-section .f-two img {
    position: relative;
    right: -420px;
    top: -120px;
}

.footer-section .f-two {
    margin-bottom: 0 !important;
		position: relative;
}

#footer-links #d p {
    color: #c2c4d0;
    font-size: 16px;
}

#footer-links .d .wd-info-box {
    margin-bottom: 12px;
}

#footer-links .b .vc_column-inner {
    padding-left: 30px;
}

.footer-logo img{
	transition: 0.5s;
}

.footer-logo img:hover {
    transform: translateY(-10px);
    opacity: 0.8;
    cursor: pointer;
}

.footer-section .d:after {
    content: '';
    background-image: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/footer_shape5.webp);
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -250px;
    right: 40px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 90px;
}

/*
.footer-section .a:before {
    content: '';
    background-image: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/footer_shape4.webp);
    width: 200px;
    height: 180px;
    position: absolute;
    bottom: -60px;
    left: -240px;
    background-position: center;
    background-repeat: no-repeat;
}
*/

.footer-section path {
    fill: #ffffff;
		opacity:0.95;
}

/* #footer-logo form#mc4wp-form-1 {
    padding-right: 40px;
}

#footer-logo .vc_col-sm-4>.vc_column-inner {
    padding: 0 !important;
} */

.footer-logo .join {
    width: 270px !important;
		margin-top: -8px;
}

.footer-logo .join .liner-continer {
    margin-bottom: 0;
}

.footer-logo .m-form {
    width: 480px !important;
}

.footer-logo #social img {
    transition: 0.5s;
    width: 18%;
    padding: 0 7px;
}

.footer-logo #social{
		margin-bottom: 0 !important;
}

.footer-logo #social ul {
    padding-left: 0;
    text-align: right;
}

.footer-logo #social li {
    display: contents;
}

/* #footer-logo .wide {
    width: 14.667%;
} */

.footer-logo .wide .vc_column-inner {
    padding: 0 !important;
}

.footer-btns {
    display: block !important;
}

.footer-btns .wpb_wrapper {
    text-align: center;
}

.footer-btns a.btn {
    background-color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 10px;
    min-height: unset;
    padding: 12px 40px 13px;
}


/* 
#footer-logo img {
    width: 170px !important;
    height: 48px !important;
}

#footer-logo .tw img {
    height: 44px !important;
}

#footer-logo .wpb_single_image {
    margin-bottom: 5px !important;
}

#footer-logo .wd-mc4wp-wrapper {
    margin-bottom: 0 !important;
}

#footer-logo .title-wrapper {
    margin-bottom: 10px !important;
}
 */
.footer-logo .input-field::placeholder,
.footer-logo .input-field input::placeholder{
		color: #fff !important;
}

.footer-logo .input-field ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.footer-logo .input-field :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}


.footer-logo .logs img {
    width: 140px !important;
		height: 40px !important;
}

.footer-section .wpb_column.c h4.info-box-title {
    font-size: 20px;
    color: #c2c4d0;
		font-weight: 500;
}

.footer-section .f-info {
    margin-bottom: 20px;
}

/*****/

.copyrights-wrapper {
    background-color: #060b08 !important;
}

.copyrights-wrapper .col-left,
.copyrights-wrapper .col-right{
    color: #c2c4d0;
}

.copyrights-wrapper a{
		color: #fff;
}

p:empty {
    display: none;
}

.main-footer a, .main-footer p,
.footer-logo .join .title-after_title {
    color: white !important;
    opacity: 0.9;
}

.main-footer h2, .main-footer h4 {
    color: white !important;
}


.footer-links .box-icon-with-border .info-box-icon {
    padding: 12px;
}

.footer-links ul#menu-footer-menu {
    column-count: 2;
}

.footer-links .info-box-inner {
    margin-top: 0 !important;
}

.footer-logos img {
    background-color: #ffffff;
    padding: 8px 25px;
    margin-bottom: 40px;
    border: 2px solid #090d2b;
		border-radius:5px;
}

/****/

.video-section .wd-el-video {
    background: #0c0c0c;
    border: 5px solid #000000;
    box-shadow: 0px 0px 6px #00000061, 2px -2px 32px #00000080, inset 0 0 4px rgba(255, 255, 255, 0.58);
}

/****/

.ihc-level-item-link.ihc-cursor-pointer {
    width: fit-content;
    color: #ffffff;
/*     background-image: linear-gradient(90deg, #062846 12%, #51a7f3 100%); */
    background-image: linear-gradient(90deg, #f27754 12%, #53a7f2 100%);
    padding: 6px 30px;
    font-size: 18px;
    border-radius: 5px;
}

/****/

.faq-row .vc_toggle_content {
    max-height: 280px;
    overflow: overlay;
		padding-right: 20px;
		
}

.faq-row ::-webkit-scrollbar {
    width: 10px !important;
    scroll-behavior: smooth !important;
}

.faq-row ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    border-radius: 10px!important;
}

.faq-row ::-webkit-scrollbar-thumb {
    background-color: #e09844 !important;
    outline: 0px solid #e09844 !important;
    border-radius: 10px!important;
}

.faq-row ::-webkit-scrollbar-thumb {
    background-color: #1a6a88 !important;
    outline: 0px solid #1a6a88 !important;
    border-radius: 10px!important;
}



/**** Course Page Start****/



.sidebar-one {
    border-left :4px solid #429beb;
	  background:#fafafa;
}

.first-heading h2 {
    background-color:#fafafa;
    color: black;
    padding: 10px 15px;
    margin: 0 -15px;
    margin-bottom: 12px !important;
}

.first-heading {
    margin-bottom: 5px;
}

.sidebar-one h4 {
    background-color: #175fa1;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 2px;
}

.sidebar-one .course-one {
    border-bottom: 1px solid #dedddd;
    margin-bottom: 12px;
}

.course-one .info-box-inner {
    margin-top: 6px !important;
}


.sidbar-btn {
    font-size: 14px;
    padding: 12px 25px;
    font-weight: 500;
    background-image: linear-gradient(45deg, #f27754, #51a7f3);
    margin-top: 3px;
    margin-bottom: 15px;
    color: white;
}

.sidebar-tow {
    background-image: linear-gradient(45deg, #f27754, #51a7f3);
    margin: 20px 0;
    border-radius: 5px;
    padding: 40px 15px;
    margin-bottom: 0;
}

.helpline-text .info-box-icon {
    margin-top: 20px;
    margin-bottom: 5px;
}

.course-page h4.helpline-title {
    color: #fff;
}

.helpline-text {
    margin-bottom: 0;
}

.course-page h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    color: #fff;
}



.ulli li {
    font-size: 20px;
    padding: 0px 30px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    color: black;
    border-right: 1px solid #e9e8e9;
}

/****/


.techer-info h3.info-box-title {
    font-size: 20px;
}

.techer-info .info-box-inner {
    margin-top: 0 !important;
}

.techer-info p {
    color: #da9241;
}

.middle-text strong {
    color: #da9241;
    line-height: 35px !important;
}

.price-text h2.info-box-title {
    font-size: 30px;
    color: #d99141;
    letter-spacing: 1px;
}

.price-text .info-box-inner {
    margin-top: 0 !important;
}

.price-text p {
    color: #137794;
}

/****/

.info-one {
    border: 1px solid #ebebeb;
    border-radius: 5px !important;
}

.info-one h3.info-box-title {
    padding: 20px;
    font-size: 20px;
    padding-bottom: 0;
}

.info-one .info-box-inner {
    margin-top: 5px !important;
    padding: 20px;
}


.info-two h3.info-box-title {
    padding: 20px;
/*     background-color: #196a88; */
	background-color: #429beb;
    color: #ffffff !important;
    font-size: 20px;
    border-radius: 5px 5px 0px 0px;
}

.info-two .info-box-inner {
    margin-top: 5px !important;
    background-color: #f5f5f9;
    padding: 20px;
    border-radius: 0px 0px 5px 5px;
}

.info-three h3.info-box-title {
    padding: 20px;
    font-size: 20px;
    padding-bottom: 0;
    background-color: #e2a15554;
    color: #41280b;
    border-radius: 5px 5px 0px 0px;
}

.info-three .info-box-inner {
    margin-top: 0px !important;
    padding: 20px;
    background-color: #e2a15554;
    color: #41280b;
    border-radius: 0px 0px 5px 5px;
}


.info-four h3.info-box-title {
    padding: 20px;
    font-size: 20px;
    padding-bottom: 0;
    background-color: #f5f5f9;
    color: #000000;
    border-radius: 5px 5px 0px 0px;
}

.info-four .info-box-inner {
    margin-top: 0px !important;
    padding: 20px;
    background-color: #f5f5f9;
    color: #000000;
    border-radius: 0px 0px 5px 5px;
}

.info-one ul {
    list-style: none;
    padding-left: 0;
}

.info-one li {
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 0px 0.5px;
    padding-left: 35px;
    margin-bottom: 10px !important;
    background-image: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/tick-icon-01.svg);
}


.info-three ul {
    list-style: none;
    padding-left: 0;
}

.info-three ul li {
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 0px 3.5px;
    padding-left: 30px;
    margin-bottom: 5px !important;
    background-image: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/arrow-one-icon.svg);
}

.info-three ol li {
    margin-bottom: 20px;
}


.info-four ul {
    list-style: none;
    padding-left: 0;
}

.info-four ul li {
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 0px 3.5px;
    padding-left: 30px;
    margin-bottom: 10px !important;
    background-image: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/arrow-two-icon.svg);
}


.info-two ul {
    list-style: none;
    padding-left: 0;
}

.info-two li {
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 0px 4.5px;
    padding-left: 35px;
    margin-bottom: 10px !important;
    background-image: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/tick-icon-02.svg);
}


/**** Course Page End****/

#steps-row {
	background: #f4f4f4;
   	padding: 30px 10px 10px;
   	border-radius: 5px;
}

.steps-row .side-step-info {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.steps-row .info-box-wrapper:last-child .side-step-info {
    border: 0;
    margin: 0;
}

.steps-row .side-step-info .info-box-subtitle {
    background-color: #1888a2;
    width: fit-content;
    color: #ffffff;
    padding: 7px 15px;
    border-radius: 3px;
}

.steps-row .info-box-title {
    font-size: 22px;
    padding-right: 10px
}

.steps-row .info-box-title b {
	color:#3aadd6;
}


.pps-wrap {
    padding: 30px !important;
}

.pps-content-wp-editor {
    overflow: hidden;
}

.trial-popup h2 {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
}

.trial-popup .vc_column-inner {
    padding-top: 0 !important;
}

.wd-popup.wd-promo-popup {
    background-color: #f6f6f6;
}

div.wd-popup.wd-promo-popup {
	border: 10px solid #b2b2b2;
    max-width: 600px;

}

div#trial-popup p,
.wd-promo-popup p {
    text-align: center;
	color: #222;
}

div#trial-popup h2,
.wd-promo-popup h2 {
    text-align: center;
    font-size: 45px;
    margin-bottom: 0;
	padding-top: 40px;
}

#popuppress-906 .pps-wrap {
	background-color: #f6f6f6 !important;
}

div#trial-popup label,
.wd-promo-popup label {
    text-align: left !important;
    background-color: #f6f6f6;
    display: flex;
    width: fit-content;
    padding: 0 7px;
    margin-left: 10px;
    margin-bottom: -13px;
    z-index: 1;
    position: relative;
    color: #9a3412;
	font-size: 14px;
}

div#trial-popup p.steric,
.wd-promo-popup p.steric {
    font-size: 14px;
	margin-bottom: 0;
}

div#trial-popup .wpcf7-submit,
.wd-promo-popup .wpcf7-submit {
    background-color: transparent;
    text-transform: capitalize;
    font-size: 18px;
    border: 2px solid #444;
    border-radius: 50px;
    padding: 12px 30px 9px;
    min-height: unset;
}

div#trial-popup .wpcf7-submit:hover,
.wd-promo-popup .wpcf7-submit:hover {
    color: #fff;
	background-color: #222;
    border: 2px solid #222;
}
div#trial-popup span.wpcf7-form-control-wrap input,
div#trial-popup span.wpcf7-form-control-wrap select,
.wd-promo-popup span.wpcf7-form-control-wrap input,
.wd-promo-popup span.wpcf7-form-control-wrap select{
    border-radius: 5px;
}

div#trial-popup .screen-reader-response,
.wd-promo-popup .screen-reader-response{
    display: none;
}

div#trial-popup .wpcf7-not-valid-tip,
.wd-promo-popup .wpcf7-not-valid-tip {
    display: none;
}

div#trial-popup .wpcf7-not-valid,
.wd-promo-popup .wpcf7-not-valid {
    border: 2px solid red !important;
}

.wd-promo-popup p.steric {
    padding: 0 0 30px;
}

#popuppress-906 .pps-content h2 {
    padding-bottom: 15px !important ;
}

.wd-promo-popup .wpcf7-form {
    padding: 0 40px;
}


div#trial-popup .wpcf7-submit, .wd-promo-popup .wpcf7-submit {
    padding: 10px 30px 10px !important;

}


/****/

div#comments {
    display: none;
}

.post-info-one {
    border: 1px solid #ebebeb;
    border-radius: 5px !important;
    padding: 20px;
}

.post-info-two {
    margin-top: 0px !important;
    padding: 20px;
    background-color: #f5f5f9;
    color: #000000;
    border-radius: 0px 0px 5px 5px;
}

.post-info-one h2,
.post-info-two h2 {
    font-size: 25px;
}

.post-info-one h3,
.post-info-two h3 {
    font-size: 20px;
}

/****/

.title-subtitle {
    font-weight: 600 !important;
    font-size: 20px;
    color: #f27754 !important;
    text-transform: uppercase;
}

/****/

.first-section-1 .counter-section .info-box-icon {
				background-color: #062846 !important;
}

.first-section-1 .counter-section {
				background: #429beb;
				border-radius: 15px;
				padding: 45px 30px;
				margin-bottom: 50px;
  
}

.first-section-1 .counter-section .info-box-content h4 {
				color: white;
				font-size: 22px;
}

.first-section-1 .counter-section .info-box-content p {
				font-size: 15px;
				color: white;
}

.first-section-1 .counter-section .text-center {
				margin-bottom: 0px;
}

.counter-section .title b{
    display: block;
}


/****/

.vid-btn {
align-items: center;
border: 0 !important;
background-color: #f27754 !important;
border-radius: 8px !important;
box-sizing: border-box;
color: #ffffff !important;
cursor: pointer;
font-size: 14px;
height: 60px;
justify-content: center;
line-height: 24px;
padding: 10px 25px;
text-align: center;
text-decoration: none;
transition: 0.5s ease;
margin-top: -5px;
box-shadow: 11px 11px 0px 0px #ff000040;
}

.vid-btn:hover {
background-color: #000000 !important;
box-shadow: 0px 0px 0px 0px #ff000040;
}

.courses-section .course-info h3 {
    display: grid;
}

@media (max-width: 767px) {
.whb-header {
  padding-top: 110px;
}

.generic-title h1 {
  font-size: 24px !important;
}

.generic-title h2 {
  font-size: 24px !important;
}

/* ----------- */

.stats-and-stars h3.info-box-title {
  margin-bottom: 15px !important;
}

.stats-and-stars .wd-info-box:last-child {
  padding-bottom: 0;
}

.stats-and-stars .vc_column-inner {
  padding-bottom: 0px !important;
}

.stats-and-stars .white-bg .black .box-with-text .info-box-icon {
  width: 132px !important;
}

.stats-and-stars .white-bg .box-with-text .info-box-icon:last-child {
  padding: 0px 0px !important;
  font-size: 40px !important;
}

.stats-and-stars .white-bg .black .info-box-icon:before {
  margin-left: 22px !important;
}

/* ----------- */

.ossp-section {
  padding-bottom: 0px;
  padding-top: 30px;
}

.ossp-section .title-after_title {
  font-size: 16px !important;
  line-height: 26px !important;
}

#ossp-section .heading-front-text {
  line-height: 35px;
  font-size: 30px;
}

.ossp-section .ossp-info {
  margin-bottom: 15px !important;
}

/* ----------- */

.whyus {
  padding-top: 0px !important;
  padding-bottom: 30px !important;
}

/* ----------- */

.testimonials-row {
  padding-top: 30px !important;
  padding-bottom: 0px !important;
}

.testimonials-row > .vc_col-sm-12 > .vc_column-inner {
  padding-left: 15px;
  padding-right: 15px;
}

.testimonials-row .testimonial-inner {
  margin-top: 5px;
  padding: 20px 20px 20px;
}

.testimonials-row > .vc_col-sm-12:before {
  display: none;
}

.testimonials-row .title-after_title {
  font-size: 16px !important;
}

.testimonial-avatar img {
  margin-left: -28px;
  min-width: 70px;
  margin-left: -19px;
}

#testimonials-row .testimonial-inner {
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.testimonials-row h2 {
  font-size: 30px !important;
  line-height: 35px;
}

#testimonials-row .title-wrapper {
  margin-bottom: 25px !important;
}

#testimonials-row .testimonial-avatar {
  margin-top: -90px !important;
  margin-left: 35px !important;
}

.testimonial-row .owl-dots .owl-dot {
  margin-top: 0px;
}

.about-section {
  padding-bottom: 12px;
}

.about-section .abt-point ul {
  column-count: 1;
}

.about-section .wpb_content_element {
  margin-bottom: 0px !important;
}

.courses-section .course-info h3 {
    font-size: 19px !important;
    display: grid;
}

.courses-section .course-info {
  padding-bottom: 15px !important;
}

.courses-section .wd-info-box:last-child {
  margin-bottom: 0px !important;
}

.turnkey .wpb_wrapper {
  margin-bottom: 0px;
}

.about-section .generic-title {
  margin-bottom: 15px;
}

.videos-row {
  padding-top: 30px;
}

.videos-row .general-heading-style{
margin-bottom: 15px !important; 
}


.videos-row .vids {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* ----- about us page ------ */

#abt-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.our-services-row {
  margin-top: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

.our-services-row .wd-info-box {
  padding: 0px 48px 14px 20px;
}

#our-services-row .vc_col-sm-4 > .vc_column-inner {
  padding: 0 !important;
}

#our-services-row .vc_col-sm-8 > .vc_column-inner {
  padding: 0 !important;
  margin-top: 15px !important;
}

.our-services-row .vision-box {
  margin: 0px 0px 30px 0px !important;
}

.our-services-row .mission-box {
  margin-bottom: 15px !important;
}

.abt-section {
  padding-top: 20px;
  padding-bottom: 30px !important;
}

.abt-section .title-wrapper {
  margin-bottom: 10px;
}

.abt-section h2 {
  line-height: 1 !important;
}

.abt-img figure:before {
  top: -20px;
  left: 0px;
}

.abt-img figure:after {
  right: -1px;
  bottom: -17px;
}

.ceo-section .ceo-mess .col-b {
  margin-left: 0px;
  background-color: #fdece7;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  padding-bottom: 0px;
  margin-top: -35px;
  z-index: 1;
  width: 100%;
}

.ceo-section .ceo-img figure:before {
	width: 393px !important;
	height: 770px !important;
	top: -25px !important;
	left: 40px !important;
}

.ceo-section .ceo-img figure img {
  margin-bottom: 30px;
}

.ceo-section .col-b .wpb_content_element {
  margin-bottom: 0px !important;
}

.col-b .vc_column-inner {
  padding-bottom: 5px;
}
}
  .testimonials-row > .vc_col-sm-12:before {
    display: none;
  }

  .testimonials-row .title-after_title {
    font-size: 16px !important;
  }

  .testimonial-avatar img {
    margin-left: -28px;
    min-width: 70px;
    margin-left: -19px;
  }

  #testimonials-row .testimonial-inner {
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .testimonials-row h2 {
    font-size: 30px !important;
    line-height: 35px;
  }

  #testimonials-row .title-wrapper {
    margin-bottom: 25px !important;
  }

  #testimonials-row .testimonial-avatar {
    margin-top: -90px !important;
    margin-left: 35px !important;
  }

  .testimonial-row .owl-dots .owl-dot {
    margin-top: 0px;
  }

  .about-section {
    padding-bottom: 12px;
  }

  .about-section .abt-point ul {
    column-count: 1;
  }

  .about-section .wpb_content_element {
    margin-bottom: 0px !important;
  }

  .courses-section .course-info h3 {
    font-size: 19px !important;
  }

  .courses-section .course-info {
    padding-bottom: 15px !important;
  }

  .courses-section .wd-info-box:last-child {
    margin-bottom: 15px !important;
  }

  .turnkey .wpb_wrapper {
    margin-bottom: 0px;
  }

  .about-section .generic-title {
    margin-bottom: 15px;
  }

  .videos-row {
    padding-top: 30px;
  }
	
.videos-row .general-heading-style{
	margin-bottom: 15px !important; 
}


  .videos-row .vids {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
/* ---------Home page----------- */


.about-section {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px;
}

.about-section h2 {
  font-size: 36px;
  line-height: 46px;
}

.about-section h1 {
  font-size: 40px;
}

.abt-inner {
  background-color: #ffffff;
  padding: 15px;
  border-radius: 2px;
}

.about-section .abt-inner strong {
  color: #055194;
}

.about-section .abt-point ul {
  list-style: none;
  padding-left: 0;
  column-count: 2;
}

.about-section .abt-point li {
  padding: 8px 15px;
  border-left: 3px solid #f27754;
  transition: 0.5s;
  display: inline-block;
  width: 100%;
  color: #f27754;
  font-size: 16px;
  background: linear-gradient(to left, #ffffff 50%, #f27754 50%) right;
  background-size: 200% 100%;
}

.about-section .abt-point li:hover {
  color: #ffffff;
  cursor: pointer;
  background-position: left;
}

@media (max-width: 767px) {
  .whb-header {
    padding-top: 0;
  }

  .about-section {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .about-section #col-a {
    padding: 0;
  }

  .about-section .col-b {
    padding: 0 !important;
    padding-top: 15px !important;
  }

  .about-section .col-b .vc_column-inner {
    padding-bottom: 0;
  }

  .mrg img {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .working-box-main-01 .info-box-content,
  .working-box-main-02 .info-box-content,
  .working-box-main-03 .info-box-content {
    border-right: 0px;
  }
}



  /* ----- about us page ------ */


.abt-section,
.abt-section.two {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.abt-section.two {
  background-color: #e8f3fd;
}

.abt-img figure:before {
  content: "";
  width: 150px;
  height: 150px;
  background-color: #f2775457;
  position: absolute;
  top: -40px;
  left: 10px;
  z-index: 0;
}

.abt-img figure:after {
  content: "";
  background: radial-gradient(#f2775457 10%, transparent 25%);
  background-size: 15px 15px;
  position: absolute;
  width: 150px;
  height: 150px;
  z-index: 0;
	right: 10px;
	bottom: -40px;
}

.abt-img figure img {
  z-index: 1;
  position: relative;
}

@media (max-width: 767px) {
  .main-page-wrapper {
    padding-top: 0;
  }

  .abt-section {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .abt-section .title-wrapper {
    margin-bottom: 10px;
  }

  .abt-section h2 {
    line-height: 1 !important;
  }

  .abt-img figure:before {
    top: -20px;
    left: 0px;
  }

  .abt-img figure:after {
    right: -1px;
    bottom: -17px;
  }
}

/****/

.our-services-row h4.info-box-title {
  background-color: #f27754;
  width: fit-content;
  color: #ffffff;
  padding: 3px 10px;
  border-radius: 2px;
  margin-bottom: 10px;
}

.our-services-row .title-after_title {
  font-size: 17px !important;
  color: #595757;
  margin-top: 20px;
  margin-bottom: 25px !important;
}

.our-services-row .wd-info-box:hover {
  border-color: transparent;
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);
}

.our-services-row .wd-info-box {
  border: 1px solid #fac6b8ba;
  padding: 0px 60px 0px 25px;
  background: #fff;
  transition: all 0.3s linear;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  min-height: 255px;
  margin-bottom: 0;
}

.our-services-row .wd-info-box:before {
  content: "";
  position: absolute;
  top: -88px;
  right: -88px;
  width: 175px;
  height: 175px;
  color: #fff;
  background-image: -webkit-linear-gradient(
    -142deg,
    #f27754 0%,
    rgba(87, 185, 87, 0) 100%
  );
  border-radius: 50%;
}

.our-services-row .wd-info-box .info-icon {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 37px !important;
  height: 37px !important;
}

.our-services-row .wd-info-box .info-icon svg path {
  fill: #708b12;
}

.our-services-row .wd-info-box .info-btn-wrapper {
  border-top: 1px solid #e7e7e7;
  padding-top: 20px;
  margin-top: 20px;
}

.our-services-row {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 30px;
}

.our-services-row .vc_inner:last-child .woodmart-info-box {
  margin-bottom: 0px !important;
}

.our-services-row .info-box-carousel-wrapper {
  margin-bottom: 0px;
}

.our-services-row img {
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
  border-radius: 5px;
}

.ceo-section .ceo-mess .col-b {
  width: 50%;
}

@media (max-width: 767px) {
  .our-services-row {
    padding-top: 0;
    padding-bottom: 0;
  }

  .our-services-row .wd-info-box {
    padding: 0px 48px 14px 20px;
  }

  #our-services-row .vc_col-sm-4 > .vc_column-inner {
    padding: 0 !important;
  }

  #our-services-row .vc_col-sm-8 > .vc_column-inner {
    padding: 0 !important;
    margin-top: 15px !important;
  }
}

/****/

.ceo-mess {
  padding-top: 120px;
  padding-bottom: 20px;
}

.ceo-msg h2 {
  font-size: 45px;
  line-height: 45px;
}

.ceo-img figure:before {
  content: "";
  width: 470px;
  height: 770px;
  background-color: #e9f6bb00;
  position: absolute;
  top: -35px;
  left: 35px;
  z-index: 9;
  border: 4px solid #53a6f0;
}

.ceo-img figure img {
  z-index: 10;
  position: relative;
  max-width: 100%;
}

/*.ceo-mess .col-b {*/
/*    margin-left: -160px;*/
/*    background-color: #e8f3fd;*/
/*    padding-left: 110px;*/
/*    padding-right: 30px;*/
/*    padding-top: 50px;*/
/*    padding-bottom: 30px;*/
/*    margin-top: -65px;*/
/*    z-index: 1;*/
/*    width: 61%;*/
/*}*/

.ceo-img img {
  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

@media (max-width: 767px) {
  .ceo-mess {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .ceo-img figure:before {
    width: 330px;
    height: 400px;
    top: -5px;
    left: 22px;
  }

  .col-a .vc_column-inner {
    padding-top: 0px !important;
  }

  .ceo-mess .col-b {
    margin-left: -160px;
    background-color: #fdece7;
    padding-left: 80px;
    padding-right: 30px;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-top: -65px;
    z-index: 1;
    width: 61%;
  }

  .col-b .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
  }

  .site-content {
    margin-bottom: 0;
  }
}

.content-sec h4 {
  margin-top: 20px;
}

.content-sec p {
  padding: 0 0 15px;
}

.content-sec svg path {
  fill: #f27754 !important;
}

/*-------------------------------*/
  #abt-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .our-services-row {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }

  .our-services-row .wd-info-box {
    padding: 0px 48px 14px 20px;
  }

  #our-services-row .vc_col-sm-4 > .vc_column-inner {
    padding: 0 !important;
  }

  #our-services-row .vc_col-sm-8 > .vc_column-inner {
    padding: 0 !important;
    margin-top: 15px !important;
  }

/*   .our-services-row .vision-box {
    margin: 15px 0px 30px 0px !important;
  } */

  .our-services-row .mission-box {
    margin-bottom: 15px !important;
  }

/*   .abt-section {
    padding-top: 20px;
    padding-bottom: 30px !important;
  } */

  .abt-section .title-wrapper {
    margin-bottom: 10px;
  }

  .abt-section h2 {
    line-height: 1 !important;
  }

/*   .abt-img figure:before {
    top: -20px;
    left: 0px;
  } */

/*   .abt-img figure:after {
    right: -1px;
    bottom: -17px;
  } */

  .ceo-section .ceo-mess .col-b {
    margin-left: 0px;
    background-color: #fdece7;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
		padding-bottom: 30px;
		margin-top: -35px;
    z-index: 1;
    width: 100%;
  }

/*   .ceo-section .ceo-img figure:before {
    width: 363px;
    height: 590px;
    top: 5px;
    left: 2px;
  } */

  .ceo-section .ceo-img figure img {
    margin-bottom: 30px;
  }

  .ceo-section .col-b .wpb_content_element {
    margin-bottom: 0px !important;
  }
}


/****/






/****08-08-2024****/

0.page-id-2093 .courses-section.suggested-courses {
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%) !important;
}

.suggested-courses .turnkey {
    padding: 40px 0;
}

.suggested-courses .course-info .info-box-content {
    padding: 25px;
    background-color: white;
}


.suggested-courses .course-info.one h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Become-an-outdoor-madrassah-ppractinoer-icon-01.svg);
}
.suggested-courses .course-info.two h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Bee-keeping-from-an-islamic-perspective-icon.svg);
}
.suggested-courses .course-info.three h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Ecological-ecoliteracy-icon.svg);
}
.suggested-courses .course-info.four h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/faith-and-contemplation-icon-01.svg);
}
.suggested-courses .course-info.five h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Hijrah-in-animals-and-muslims-icon.svg);
}
.suggested-courses .course-info.six h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Food-forest-practical-icon.svg);
}
.suggested-courses .course-info.seven h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Natural-World-Islam.svg);
}
.suggested-courses .course-info.eight h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/How-Find-Qibla.svg);
}
.suggested-courses .course-info.nine h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Language-Of-Water.svg);
}
.suggested-courses .course-info.ten h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Mother-Tree.svg);
}
.suggested-courses .course-info.eleven h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Intro-to-Islamic-Permaculture-amp-its-12-Principles.svg);
    background-size: 37px;
    
}
.suggested-courses .course-info.twelve h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/track.svg);
}

.suggested-courses .course-info.thirteen h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Linking-Thinking.svg);
}

.suggested-courses .course-info.fourteen h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Grid-off-Living.svg);
}

.suggested-courses .course-info.fifteen h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/patteren.svg);
}

.suggested-courses .course-info.sixteen h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Practical-changes-in-order-to-re-wire-and-re-connect.svg);
}

.suggested-courses .course-info.seventeen h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Ayat.svg);
}

.suggested-courses .course-info.eighteen h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Regenerative.svg);
}

.suggested-courses .course-info.nineteen h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/Ritual-acts-of-worship-in-relation-to-nature.svg);
}

.suggested-courses .course-info.twenty h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/01/falcon-icon.svg);
}

.suggested-courses .course-info.twenty-one h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/bespoke-icon.svg);
}

.suggested-courses .course-info.twenty-two h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/polymath.svg);
}

.suggested-courses .course-info.twenty-three h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/spot-nature.svg);
}

.suggested-courses .course-info.twenty-four h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/cave-hira.svg);
}


.suggested-courses .course-info.twenty-five h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/rewire-icon.svg);
}

.suggested-courses .course-info.twenty-six h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/Envoirnment-Icon.svg);
}

.suggested-courses .course-info.twenty-seven h3.info-box-title:before {
    background-image: url(https://heartssee.org/wp-content/uploads/2024/05/Social-Permaculture.svg);
}



.suggested-courses .course-info h3 {
    font-size: 22px;
    text-align: center;
}

.suggested-courses .courses-section {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    background-image: linear-gradient(135deg, rgb(242 119 84 / 19%) 0%, rgb(82 167 242 / 25%) 100%);
}

.suggested-courses .course-info  h3.info-box-title:before {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: -30px;
    left: 8%;
    background-size: 42px;
    background-color: white;
    border-radius: 50%;
}

.suggested-courses .turnkey .inner h3 {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.suggested-courses .turnkey .box-icon-align-top .box-icon-wrapper {
    margin-bottom: -20px;
}

.suggested-courses .turnkey .wpb_wrapper {
    transition: 0.5s;
    border-radius:3px;
}

.suggested-courses .turnkey .wpb_wrapper img{
    border-radius:3px 3px 0 0;
}


.suggested-courses .turnkey .col-a .wpb_wrapper,
.suggested-courses .turnkey .col-c .wpb_wrapper,
.suggested-courses .turnkey .col-e .wpb_wrapper{
    background-color: #ffffff;
}

.suggested-courses .turnkey .col-b .wpb_wrapper,
.suggested-courses .turnkey .col-d .wpb_wrapper,
.suggested-courses .turnkey .col-f .wpb_wrapper{
    background-color: #ffffff;
}

.suggested-courses .turnkey .col-a:hover .wpb_wrapper,
.suggested-courses .turnkey .col-b:hover .wpb_wrapper,
.suggested-courses .turnkey .col-c:hover .wpb_wrapper,
.suggested-courses .turnkey .col-d:hover .wpb_wrapper,
.suggested-courses .turnkey .col-e:hover .wpb_wrapper,
.suggested-courses .turnkey .col-f:hover .wpb_wrapper{
    cursor: pointer;
    transform: translateY(-15px);
    transform: scale(1.06);
    z-index: 10;
    box-shadow: 0px 0px 10px 0px #0000002b;
}



.suggested-courses .turnkey .wd-info-box table td {
    border-bottom: 0px;
    padding: 10px 12px;
}

.suggested-courses .turnkey .wd-info-box table {
    border-top: 1px solid #e9e8e9;
    border-bottom: 1px solid #e9e8e9;
    margin-bottom: 20px;
}


.suggested-courses tbody strong span {
    color: #f27754 !important;
    font-size: 20px;
}

.suggested-courses .turnkey .wd-info-box a.btn {
    background-color: #d99241;
    color: #ffffff;
}

.suggested-courses .turnkey .courses-section {
    border-top: 2px solid #f6ecd9;
    border-bottom: 2px solid #f6ecd9;
    padding-top: 0 !important;
}

.suggested-courses .turnkey .info-box-inner {
    text-align: center;
}

.suggested-courses .turnkey .owl-carousel.wd-owl.info-box-carousel {
    margin-bottom: 0px;
}




.desktop-hide {
    display: none;
}@media (min-width: 1025px) {
	.wd-nav.wd-gap-m {
    --nav-gap: 20px;
}

.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {
    margin-left: 10px;
}

.page-title {
    padding-top: 120px !important;
    padding-bottom: 80px !important;
}


header .whb-col-right .text-center {
    z-index: 0;
}

.wd-sub-menu li>a {
    font-size: 16px;
		transition:0.3s
}

.wd-sub-menu li>a:hover,
.wd-sub-menu li.current-menu-item > a,
.wd-sub-menu li.current-menu-ancestor >a {
		padding-left:25px;
}

.wd-sub-menu li.current-menu-item > a,
.wd-sub-menu li.current-menu-ancestor > a,
.wd-sub-menu li.current-menu-ancestor li.current-menu-item > a{
		color:#1888a2;
}


.wd-sub-menu a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 10px;
    width: 16px;
    height: 20px;
    opacity: 0;
    display: inline-block;
    transform: rotate(45deg);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background: url(https://mehmeez.com/onlinemadrasa/wp-content/uploads/2023/12/Right-Arrow.svg) no-repeat;
    background-size: 16px;
}

.wd-sub-menu a:hover:before,
.wd-sub-menu li.current-menu-item a:before,
.wd-sub-menu li.current-menu-ancestor > a:before{
    opacity: 1;
}

.wd-dropdown-menu.wd-design-default {
    padding: 12px 20px;
    --wd-dropdown-width: 275px;
}

.head-btn {
    align-items: center;
    border: 0 !important;
    background-color: #429beb !important;
    border-radius: 8px !important;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    height: 60px;
    justify-content: center;
    line-height: 24px;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    transition: 0.5s ease;
    margin-top: -5px;
}

.head-btn:after {
    background-color: #b7defa;
    border-radius: 8px;
    content: "";
    display: block;
    height: 60px;
    left: 1px;
    width: 100%;
    position: absolute;
    top: 2px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;
}

.head-btn:hover {
    background-color: #000000 !important;
    color: #ffffff;
}

.head-btn:hover:after {
    transform: translate(0, 0);
    left: 0;
    top: 0;
    height: 55px;
}

.phone p {
    font-size: 18px;
}


#footer-links #d .box-icon-align-left .box-icon-wrapper {
    margin-right: 10px;
}

#footer-links .a {
    width: 30%;
}

#footer-links .b {
    width: 44%;
}

#footer-links .c {
    width: 26%;
}

ul#menu-areas-we-cover {
    column-count: 3;
}


.footer-links .col-a {
    width: 40%;
}

.footer-links .col-b {
    width: 60%;
}



}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-sidebar-opener {
		display:none !important;
}

.t-one .info-box-title {
    font-weight: 300;
}

.page-title {
    margin-bottom: 0 !important;
		margin-top: 40px !important;
}


h2 {
    font-size: 24px !important;
		line-height:35px !important;
}

.title-wrapper .title-subtitle {
    font-size: 20px !important;
    text-transform: capitalize;
    margin-bottom: 0 !important;
}


.min-footer > div {
    margin-bottom: 8px !important;
}

.min-footer > div:last-child {
    margin-bottom: 0 !important;
}

.min-footer strong,
.scrollToTop {
    display:none !important;
}

.title-after_title.reset-last-child {
    display: none !important;
}

.footer-logo .join .liner-continer {
    margin-bottom: 0px;
    padding: 10px 0;
}

#footer-links {
    padding-top: 30px !important;
}

.footer-logo.vc_row {
    margin-bottom: 8px !important;
}

.footer-links .liner-continer {
    margin-bottom: 0px !important;
}

.footer-section .f-info {
    margin-bottom: 15px;
}
	
	

	
.course-page .vc_column-inner {
    padding-top: 5px !important;
}

.course-page .info-box-inner {
    padding: 15px;
}

.course-page .info-two h3.info-box-title {
    padding: 10px;
    font-size: 18px;
}

.course-page .info-two li {
    background-position: 0px 6px;
}

.page-title {
    padding: 30px 0 !important;
}

.side-two.vc_column_container {
    display: none !important;
}

.single-post .meta-post-categories,
.single-post .entry-meta,
.single-post .post-date {
    display: none;
}

.single-post  .post-title {
    margin-bottom: 20px !important;
}

.single-post .main-page-wrapper {
    padding-top: 20px;
    border-top: 2px solid #f6f6f6;
}
}

@media (max-width: 576px) {
	.whb-header {
    padding-top: 0;
}

.wd-sidebar-opener {
		display:none !important;
}

.t-one .info-box-title {
    font-weight: 300;
}

.page-title {
    margin-bottom: 0 !important;
		margin-top: 40px !important;
}


h2 {
    font-size: 24px !important;
		line-height:35px !important;
}

.title-wrapper .title-subtitle {
    font-size: 20px !important;
    text-transform: capitalize;
    margin-bottom: 0 !important;
}


.min-footer > div {
    margin-bottom: 8px !important;
}

.min-footer > div:last-child {
    margin-bottom: 0 !important;
}

.min-footer strong,
.scrollToTop {
    display:none !important;
}

.title-after_title.reset-last-child {
    display: none !important;
}

.footer-logo .join .liner-continer {
    margin-bottom: 0px;
    padding: 10px 0;
}

#footer-links {
    padding-top: 30px !important;
}

.footer-logo.vc_row {
    margin-bottom: 8px !important;
}

.footer-links .liner-continer {
    margin-bottom: 0px !important;
}

.footer-section .f-info {
    margin-bottom: 15px;
}
	
	

	
.course-page .vc_column-inner {
    padding-top: 5px !important;
}

.course-page .info-box-inner {
    padding: 15px;
}

.course-page .info-two h3.info-box-title {
    padding: 10px;
    font-size: 18px;
}

.course-page .info-two li {
    background-position: 0px 6px;
}

.page-title {
    padding: 30px 0 !important;
}

.side-two.vc_column_container {
    display: none !important;
}

.single-post .meta-post-categories,
.single-post .entry-meta,
.single-post .post-date {
    display: none;
}

.single-post  .post-title {
    margin-bottom: 20px !important;
}

.single-post .main-page-wrapper {
    padding-top: 20px;
    border-top: 2px solid #f6f6f6;
}


/*****/

.main-page-wrapper {
    padding-top: 0px;
}

.site-content {
    margin-bottom: 0px;
}

.course-page .info-one,
.course-page .info-two,
.course-page .info-three,
.course-page .info-four,
.course-page .info-five {
    margin-bottom: 15px;
}
}