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

: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;
	--wd-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--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%);
	--wd-alternative-font: "NotoNaskh", Arial, Helvetica, sans-serif;
	--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;
	--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;
	--wd-primary-color: rgb(24,136,162);
	--wd-alternative-color: rgb(224,152,68);
	--wd-link-color: rgb(25,106,136);
	--wd-link-color-hover: rgb(161,93,38);
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: rgb(24,136,162);
	--btn-default-bgcolor-hover: rgb(161,93,38);
	--btn-accented-transform: capitalize;
	--btn-accented-bgcolor: rgb(24,136,162);
	--btn-accented-bgcolor-hover: rgb(161,93,38);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(24,136,162);
	--notices-success-color: rgb(255,255,255);
	--notices-warning-bg: rgb(161,93,38);
	--notices-warning-color: rgb(255,255,255);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.ossp-section .ossp-section .ossp-info .info-box-title {
	font-family: "NotoNaskh", Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: capitalize;
}
.special .title-subtitle {
	font-family: "Caveat", Arial, Helvetica, sans-serif;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--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;
}

@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);
}
}


@font-face {
	font-family: "NotoNaskh";
	src: url("//onlinemadrasa.org/wp-content/uploads/2023/12/NotoNaskhArabic-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

#trustpilot-widget-trustbox-0-wrapper {
    display: flex;
    align-items: center;
}

.whb-row.whb-header-bottom {
    z-index: 0;
    position: relative;
}

.whb-top-bar .container {
    display: flex;
    justify-content: center;
}

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

.whb-general-header {
    background-image: linear-gradient(120deg, #1888a2 0%, #e09844 100%);
}

.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;
}

.wd-logo img {
    padding: 12px 0px !important;
}


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


section#footer-section {
    /*background-image: linear-gradient(to right, #070e40 , #1c2146);*/
    background-image: url(https://onlinemadrasa.org/wp-content/uploads/2023/12/footer-bg.jpg);
		background-size: cover;
}

/*
section#footer-section:after {
    content: '';
    background-image: url(http://stg-qteaching-web.kinsta.cloud/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: #196a88;
		font-size:16px;
}

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

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


/****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://onlinemadrasa.org/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://onlinemadrasa.org/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://onlinemadrasa.org/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;
}

/****/

.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: 2px solid #1a839d;
    border-radius: 3px;
}

.first-heading h2 {
    background-color: #196a88;
    color: #fff;
    padding: 15px;
    margin: 0 -15px;
    margin-bottom: 12px !important;
}

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

.sidebar-one h4 {
    background-color: #196a88;
    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, #1c7697, #3db1db);
    margin-top: 3px;
    margin-bottom: 15px;
    color: white;
}

.sidebar-tow {
    background-image: linear-gradient(45deg, #1c7697, #3db1db);
    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;
    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://onlinemadrasa.org/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://onlinemadrasa.org/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://onlinemadrasa.org/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://onlinemadrasa.org/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;
} */

div#my_popup {
    border: solid 8px rgba(0, 0, 0, 0.75);
    border-radius: 7px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
}

.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: 30px;
    margin-bottom: 10px !important;
}

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

div#trial-popup label,
.wd-promo-popup label {
    text-align: left !important;
    background-color: #ffffff;
    display: flex;
    width: fit-content;
    padding: 0 7px;
    margin-left: 10px;
    margin-bottom: -13px;
    z-index: 1;
    position: relative;
    color: #196a88;
	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;
}



.before-footer {
    background-image: linear-gradient(120deg, #945f1f 0%, #d89441 100%);
    padding-top: 30px;
    padding-bottom: 30px;
}

.before-footer h3 {
    font-size: 26px;
    color: #ffffff;
}

.before-footer .title-after_title {
    font-size: 16px;
    color: #ffffff;
}

.before-footer .c-btn {
    font-size: 18px;
    background-color: #ffffff;
    color: #6a4416 !important;
    text-transform: capitalize;
    padding: 20px 25px;
    box-shadow: 0px 0px 4px 0px #3f290d73;
}


/*****/


.marqee {
    background-color: #eeeeee !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
}


h3.marqee-heading {
    background-color: #196a88;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 20px;
    line-height: 22px;
    text-transform: capitalize;
    width: 138px;
    text-align: center;
    color: #ffffff !important;
    position: absolute;
    top: 1px;
    z-index: 100;
}

h3.marqee-heading:after {
    content: "";
    border-left: 19px solid #196a88;
    left: 138px;
    position: absolute;
    z-index: 1;
    top: 0;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent
}
@media (min-width: 1025px) {
	.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://onlinemadrasa.org/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: #196a88 !important;
    border-radius: 8px !important;
    box-sizing: border-box;
    color: #ffffff !important;
    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: #84c3fb;
    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;
}

.download-btn {
    background: linear-gradient(90deg, #196a88, #84c3fb);
    color: white!important;
    padding: 15px 30px;
    border-radius: 5px;
    border: none;
}

.download-btn .wd-btn-icon {
    margin-left: 15px!important;
}
}

@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;
}





.whb-header-bottom > .container {
    padding: 0 !important;
}

.head-btn {
    background-color: #196a88 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    cursor: pointer;
    height: 48px;
    justify-content: center;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    transition: 0.5s ease;
    margin-top: -5px;
		text-transform: capitalize;
}

.head-btn:after {
    background-color: #84c3fb;
    border-radius: 8px;
    content: "";
    height: 45px;
    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: 45px;
}
}

@media (max-width: 576px) {
	.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;
}

.download-btn {
    background: linear-gradient(90deg, #196a88, #84c3fb);
    color: white!important;
    padding: 15px 30px;
    border-radius: 5px;
    border: none;
}

.download-btn .wd-btn-icon {
    margin-left: 15px!important;
}



.before-footer h3 {
    text-align: center;
}


.before-footer .c-btn {
    font-size: 16px;
    padding: 15px 20px;
}







.head-btn {
    background-color: #196a88 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    cursor: pointer;
    height: 48px;
    justify-content: center;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    transition: 0.5s ease;
    margin-top: -5px;
		text-transform: capitalize;
}

.head-btn:after {
    background-color: #84c3fb;
    border-radius: 8px;
    content: "";
    height: 45px;
    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: 45px;
}
}