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

:root {
	--wd-text-font: "Work Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "Alice", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--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: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(255,191,42);
	--wd-alternative-color: rgb(9,37,89);
	--wd-link-color: rgb(255,191,42);
	--wd-link-color-hover: rgb(9,37,89);
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: rgb(255,191,42);
	--btn-default-bgcolor-hover: rgb(9,37,89);
	--btn-accented-transform: capitalize;
	--btn-accented-bgcolor: rgb(255,191,42);
	--btn-accented-bgcolor-hover: rgb(9,37,89);
	--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);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.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;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	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;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--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: 1400px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


@font-face {
	font-family: "NotoNaskh";
	font-weight: 600;
	font-style: normal;
}

body {
  color: #2a2a2a !important;
}

p {
  font-size: 16px !important;
}

.hide-it {
  display: none !important;
}

.title-after_title {
  font-size: 16px;
}

/**** Header ****/


.wd-sub-menu {
    --sub-menu-color: #333333 !important;
}

.header-icon .info-box-icon {
  /* filter: invert(1);*/
}

.whb-general-header {
  position: relative;
}

.whb-top-bar {
  /*background-image: linear-gradient(120deg, #ffd414 0%, #b39200 100%);*/
  /*background-image: linear-gradient(120deg, #ffd414 0%, #ffd414 100%);*/
  background-image: linear-gradient(120deg, #d9a23b 0%, #d9a23b 100%);
}

header .site-logo img {
  max-height: 150px !important;
  background-color: #fff;
  border-radius: 50%;
  padding: 5px;
  transition: 0.3s;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  margin-top: -40px;
}

.header-icon h4.info-box-title {
  font-size: 16px;
  color: #ffffff;
}

.header-icon img {
  filter: invert(1);
}

.whb-top-bar {
  z-index: 1 !important;
}

.whb-top-bar .wd-social-icon .wd-icon {
  font-size: 16px;
  color: #ffffff;
}

.whb-top-bar .wd-social-icon .wd-icon {
  margin-top: 16% !important;
}

.whb-top-bar a.wd-social-icon {
  min-height: 32px;
  min-width: 38px;
  margin-right: 0px !important;
}

.head-btn {
  align-items: center;
  border: 0 !important;
  background-color: #d9a23b !important;
  border-radius: 5px !important;
  box-sizing: border-box;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 17px;
  height: 50px;
  justify-content: center;
  line-height: 24px;
  padding: 8px 25px;
  /*position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  touch-action: manipulation;*/
  transition: 0.3s linear;
  margin-top: -5px;
  text-transform: capitalize;
  box-shadow: 7px 8px 0px 0px #d9a23b6b;
}

.head-btn:hover {
  background-color: #bc8b2e !important;
  color: #ffffff !important;
  box-shadow: 0px 0px 0px 0px #d0ec644a;
}

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

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

div#wd-6634c4c81b6d0 a {
  align-items: center;
  border: 0 !important;
  background-color: #ffc90d !important;
  box-sizing: border-box;
  color: #000000 !important;
  cursor: pointer;
  font-size: 18px;
  height: 60px;
  line-height: 4px;
  max-height: 50px;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  transition: 0.5s ease;
  margin-top: -6px;
  margin-right: 8px;
  text-transform: capitalize;
  border-radius: 5px;
  box-shadow: 11px 8px 0px #ffc90d4d;
}

div#wd-6634c4c81b6d0 a:hover {
  background-color: #ffc90d !important;
  color: #ffffff;
  box-shadow: 0px 0px 0px #ffc90d4d;
}

.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-dropdown-menu.wd-design-default {
  --wd-dropdown-width: 250px;
}

.its-courses .wd-dropdown {
  width: 280px;
}

.its-teachers .wd-dropdown {
  width: 290px;
}

.its-about .wd-dropdown {
  width: 200px;
}

.its-download .wd-dropdown {
  width: 180px;
}

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

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

.wd-nav[class*="wd-style-"] > li:hover > a,
.wd-header-nav li.current-menu-parent > a,
.wd-header-nav li.current-menu-item > a {
  color: #c99d42 !important;
}

.wd-sub-menu li > a:hover,
.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: #c99d42 !important;
}

.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-sub-menu a:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 10px;
  width: 16px;
  height: 20px;
  opacity: 0;
  display: inline-block;
  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://equranforall.com/wp-content/uploads/2024/08/e-q-li.svg)
    no-repeat;
  background-size: 16px;
}

/*
.header-icon path {
  fill: white;
}

.wd-sub-menu li > a:hover {
  color: rgb(255, 255, 255);
}

.header-icon p {
  font-size: 16px;
  color: #ffffff;
  margin-top: 3px;
}

.whb-header span.wd-icon {
  font-size: 18px !important;
}

.whb-header a.wd-social-icon {
  padding: 0 15px !important;
  border-radius: 0;
}

.whb-header a.wd-social-icon.social-facebook,
.whb-header a.wd-social-icon.social-twitter,
.whb-header a.wd-social-icon.social-instagram {
  border-right: 2px solid #ffffff73;
  border-radius: 0;
}

.wd-dropdown {
  background: #e9e6d7;
}

.menu a.woodmart-nav-link {
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: capitalize !important;
}

.menu a.woodmart-nav-link li {
  color: #000000 !important;
}

.menu .current-menu-item a.woodmart-nav-link {
  color: #ffffff !important;
}

.whb-header .whb-column.whb-col-left.whb-visible-lg {
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/08/Logo-Background-yellow.svg);
  background-repeat: no-repeat;
  z-index: 0 !important;
  height: 200px;
  max-height: 200px;
  margin-top: -90px;
}

.whb-header .wd-logo img {
  max-width: 175px !important;
  margin-top: 0px;
  padding: 0 10px;
}

.whb-general-header .whb-general-header-inner {
  align-items: flex-start;
}

.whb-header .wd-nav.wd-gap-l {
  --nav-gap: 40px !important;
}

.whb-row.whb-general-header {
  z-index: 0;
  position: relative;
  background-color: transparent !important;
}

.whb-top-bar {
  background-color: transparent !important;
  color: #ffffff !important;
}

.menu #menu-item-3313 .wd-dropdown {
  height: 245px;
  width: 740px;
  column-count: 2;
}

.menu #menu-item-3536 .wd-dropdown {
  height: 55px;
}

/* .head-btn {
  align-items: center;
  border: 0 !important;
  background-color: #092559 !important;
  box-sizing: border-box;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 16px;
  height: 60px;
  line-height: 24px;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  transition: 0.5s ease;
  margin-top: -20px;
  text-transform: capitalize;
}

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

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

.head-btn:hover:after {
  transform: translate(0, 0);
  left: 0;
  top: 0;
  height: 55px;
} */
/*
.head-btn span.wd-btn-icon {
  width: 35px;
  height: 35px;
  margin-right: 5px !important;
  margin-top: 12px;
}

.fa-chevron-right:before {
  font-size: 14px;
  position: relative;
  right: -15px;
}
*/
.slider-btn-one {
  font-size: 18px !important;
  letter-spacing: 1px !important;
  padding: 18px 35px 15px 35px !important;
  background: linear-gradient(to left, #ffd414 50%, #000000 50%) right !important;
  background-size: 200% 100% !important;
  transition: 0.5s !important;
  color: #000 !important;
  text-transform: inherit !important;
  border-radius: 5px !important;
}

.slider-btn-one:hover {
  background-position: left !important;
  color: #fff !important;
}

.slider-btn-two {
  font-size: 18px !important;
  letter-spacing: 1px !important;
  padding: 18px 35px 15px 35px !important;
  background: linear-gradient(to left, #ffffff 50%, #000000 50%) right !important;
  background-size: 200% 100% !important;
  transition: 0.5s !important;
  color: #000 !important;
  text-transform: inherit !important;
  border-radius: 5px !important;
}

.slider-btn-two:hover {
  background-position: left !important;
  color: #fff !important;
}

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

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

.wd-prefooter {
  padding: 0;
}

.wd-prefooter {
  padding-bottom: 0px !important;
}

/****footer****/

p:empty {
  display: none;
}

.footer-two .inner .one {
    width: 180px !important;
}

.footer-two .inner .three {
    width: 300px !important;
}

.footer-two .inner .four {
    width: 300px !important;
}

/****/

.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 #092559 !important;
  border-radius: 10px !important;
}

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

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

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

/*
.sidebar-one {
  border: 2px solid #092559;
  border-radius: 3px;
}

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

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

.sidebar-one h4 {
  background-color: #092559;
  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, #30508a, #092559);
  margin-top: 3px;
  margin-bottom: 15px;
  color: white;
}

.sidebar-tow {
  background-image: linear-gradient(45deg, #30508a, #092559);
  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: #ffbf2a;
}

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

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

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

.price-text p {
  color: #092559;
}
*/
/****/
/*
.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: #092559;
  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: #ffbf2a;
  color: #092559;
  border-radius: 5px 5px 0px 0px;
}

.info-three .info-box-inner {
  margin-top: 0px !important;
  padding: 20px;
  background-color: #ffbf2a;
  color: #092559;
  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: #092559;
  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: #092559;
}

.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 .wd-info-box {
  gap: 8px;
}

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: #333333;
  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;
}

/* ---NEW SECTIONS AND NEW CSS--- */

/* ---li shape--- */

.wd-nav-pagin-wrap[class*="wd-style-shape"] span {
  display: inline-flex;
  width: var(--wd-pagin-size, 10px);
  /*height: 13px !important;*/
  /* border-radius: 10px 10px 0px 0px !important;*/
  margin-top: 20px;
  margin-left: 5px;
}

/* ---SUBTITLE TRSNSITIon CSS--- */

.title-subtitle,
.info-box-subtitle {
  background-size: 200% 100% !important;
  transition: 0.8s;
  font-size: 16px !important;
  padding: 6px 12px;
  border-radius: 3px;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  background: linear-gradient(to left, #d9a23b 50%, #000000 50%) right;
  display: inline;
}

.abt-sec:hover .title-subtitle,
.crs-sec:hover .generic-title .title-subtitle,
.why-sec:hover .generic-title .title-subtitle,
.online-classes-row:hover .generic-title .title-subtitle,
.rev-sec:hover .generic-title .title-subtitle,
.wl-sec:hover .generic-title .info-box-subtitle {
  background-position: left !important;
  color: #ffffff !important;
}

/* --ABOUT SECTION-- */

.abt-sec {
  /* padding: 80px 0 60px; */
  padding-top: 40px !important;
  padding-bottom: 60px !important;
  background-blend-mode: color;
  background-color: #ffffff94;
  border-bottom: 2px solid #f2eee9;
  margin-bottom: -20px !important;
}

.abt-sec::before {
  position: absolute !important;
  content: "";
  top: 310px;
  right: -140px;
  height: 220px;
  width: 220px;
  border-radius: 50%;
  opacity: 0.23;
  background-color: #ffbf2a;
  float: left;
}

.abt-sec .top-title .title {
  font-size: 35px;
  font-weight: 100;
  line-height: 1.2;
}

.abt-sec .top-title .title strong {
  font-weight: 800;
}

.abt-sec .abt-box .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.abt-sec .abt-box ul {
  padding-left: 0px !important;
}

.abt-sec .abt-box ul li {
  font-size: 18px;
  list-style: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  position: relative;
}

.abt-sec .abt-box ul li:before {
  background-color: #ffbf2a;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 10px;
}

.abt-sec .abt-box .btn {
  background-color: #ffffff;
  border: 3px solid #fbc50b;
  border-radius: 55px;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  overflow: hidden;
  padding: 20px 43px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  z-index: 1;
}

.abt-sec .abt-box .btn:hover:after {
  top: 100%;
  transform: scale(2.47) translateY(0);
}

.abt-sec .abt-box .btn:after {
  background-color: #fbc50b;
  border-radius: 50%;
  content: "";
  height: 167px;
  min-width: 167px;
  left: 0;
  position: absolute;
  top: 100%;
  transition: transform 0.7s cubic-bezier(0.66, 0, 0.34, 1);
  width: 100%;
  z-index: -1;
}

.abt-sec .dome img {
  margin-bottom: -95px;
  animation: bottom 5s infinite;
  width: 250px;
}

.abt-sec .abt-img img {
  border-radius: 179px;
  animation: bottom 5s infinite;
}

@keyframes bottom {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-14px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* ---NEW COURSE SECTION--- */

#crs-sec {
  background-color: #f5f5f5;
  background-position: right !important;
  padding-top: 80px;
  padding-bottom: 80px;
  z-index: 1;
  position: relative;
  transition: 0.5s ease-in-out !important;
  margin-top: 0px;
  overflow: visible;
  border-top: 2px #f2eee9 solid;
}

.crs-sec .generic-title .title {
  font-size: 35px;
  line-height: 1.2 !important;
  font-weight: 100;
}

.crs-sec .generic-title .title strong {
  font-weight: 800;
}

.crs-sec .generic-title .title-after_title {
  color: #000;
  font-size: 16px;
}

.crs-sec .wd-carousel {
  padding-top: 40px;
}

.crs-sec .crs-col {
  transition: 0.5s ease-in-out;
}

.crs-sec .crs-col:hover {
  scale: 1.04;
}

.crs-sec .crs-img {
  margin-bottom: 45px !important;
  position: relative;
  transition: 0.5s ease-in-out;
}

.crs-sec .crs-img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.crs-sec .scholar-box img {
  border-radius: 50px !important;
}

.crs-sec .scholar-box {
  display: flex !important;
  align-items: center;
  background-color: #d9a23b;
  padding: 10px;
  border-radius: 50px !important;
  width: 90%;
  margin: auto;
  margin-top: 15px;
  z-index: 1;
  position: relative !important;
  margin-bottom: 20px;
  top: -20px;
}

.crs-sec .top {
    padding-bottom: 10px;
}

.crs-sec .scholar-box .info-box-inner {
  margin-top: 0px !important;
  line-height: 1;
}

.crs-sec .scholar-box .info-box-inner {
  color: #000;
}

.crs-sec .crs-box {
  background-color: #ffffff;
  padding-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: -110px;
  margin-bottom: 0px !important;
}

.crs-sec .crs-box .title {
  font-size: 24px;
  line-height: 32px;
  display: block;
  font-weight: 900;
}

.crs-sec .crs-box .info-box-inner h4 {
  color: #000000;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 0px;
}

.crs-sec .crs-box .info-box-inner table {
  margin-bottom: 0px !important;
}

.crs-sec .crs-box .info-box-inner th {
  border-bottom: none;
  padding: 0px 0px;
}

.crs-sec .crs-box .info-box-inner td {
  padding: 0px 0px 10px 0px;
  border-bottom: none;
}

.crs-sec .crs-box .info-box-inner .right {
  border-bottom: none;
}

.crs-sec .crs-box .info-box-inner th.b {
  color: rgb(255, 191, 42);
  font-size: 22px;
  font-weight: 800;
  text-align: end;
}

.crs-sec .crs-box .info-box-inner .right {
  text-align: end;
}

.crs-sec .wd-button-wrapper {
  margin: 0px !important;
  background-color: #ffffff;
  height: 50px;
  padding-block: 10px;
}

.crs-sec .first-btn {
  cursor: pointer;
  margin: 0px !important;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
  width: 160px;
  background: linear-gradient(to left, #000000 50%, #f4b309 50%) right;
  background-size: 200% 100%;
  transition: 0.5s;
  color: #ffffff;
  margin: 0px 0px !important;
  display: inline-flex;
  border-radius: 0px 0px 10px 0px;
}

.crs-sec .first-btn:hover {
  box-shadow: none;
  background-position: left !important;
  color: #ffffff;
}

.crs-sec .first-btn.left {
  background: linear-gradient(to left, #32b6a1 50%, #f4b309 50%) right !important;
  background-size: 200% 100% !important;
  transition: 0.5s;
  height: 0px;
  margin-left: 0px !important;
  color: #ffffff !important;
  border-radius: 0px 0px 0px 10px;
}

.crs-sec .first-btn.left:hover {
  background-position: left !important;
  color: #ffffff !important;
}

.crs-sec .wd-nested-carousel {
  margin-bottom: 0px !important;
}

.crs-sec .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
  border-color: #ffd414;
  background-color: #ffd414;
}

.crs-sec
  .wd-nav-pagin-wrap[class*="wd-style-shape"]
  li:not(.wd-active):hover
  span {
  border-color: #ffd414;
}

.crs-sec .wd-nav-pagin-wrap[class*="wd-style-shape"] span {
  width: 15px !important;
  height: 15px !important;
}

/* ---NEW REVIEW SECTION--- */

#rev-sec {
  padding: 0;
  height: 640px;
}

.rev-sec .img-col {
  position: relative;
  padding-top: 44px;
  padding-bottom: 0 !important;
  scale: 0.8;
}

.rev-sec .top-img img {
  border-radius: 351px;
  position: relative;
  z-index: 1;
  animation: 13s infinite animation01;
}

.rev-sec .bac-img img {
  position: absolute;
  border-radius: 0;
  right: 0;
  top: 0;
  z-index: 0;
  animation: none;
  width: 440px;
}

@keyframes animation01 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.rev-sec .testimon-style-info-top .wd-testimon-text:before,
.rev-sec .wd-btn-arrow {
  display: none;
}

.rev-sec .generic-title .title {
  font-weight: bold;
  font-size: 35px;
  position: relative;
  z-index: 11;
  line-height: 1.2;
  color: #fff;
}

.rev-sec .generic-title .title {
  font-weight: 800;
}

.rev-sec .rev-box .wd-testimon-text {
  font-size: 16px;
  line-height: 1.4;
  width: 92% !important;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #fff;
}

.rev-sec .wd-backface-hidden .wd-carousel-item {
  display: flex;
  flex-direction: column-reverse;
}

.rev-sec .testimon-style-info-top .wd-testimon-text {
  position: relative;
  padding: 0px !important;
  width: 500px;
  font-size: 18px;
  background-color: transparent !important;
}

.rev-sec .rev-box .wd-testimon-name {
  margin-bottom: 0px !important;
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
  color: #fff !important;
}

.rev-sec .rev-box .wd-testimon-pos {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #fff !important;
}

.rev-sec .rev-box .star-rating {
  margin-top: 0px;
}

.rev-sec .rev-box .wd-testimon-info {
  margin-top: 20px;
}

.rev-sec .rev-box .wd-testimon-thumb {
  border: 3px solid #ffb606;
}

.rev-sec .rev-box .testimon-style-info-top .wd-testimon-thumb img {
  min-width: 60px !important;
  max-width: 60px !important;
}

.rev-sec .wd-nav-pagin-wrap[class*="wd-style-shape"] span {
  width: 15px;
  height: 15px;
}

.rev-sec .wd-nav-pagin {
  gap: 5px !important;
}

.rev-sec .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
  border-color: #ffbf2a;
  background-color: #ffbf2a !important;
}

/* NEW WHY LEARn QURAN SECTION */

#wl-sec {
  padding: 80px 0 70px;
}

.wl-row {
  height: 740px !important;
}

.wl-sec .generic-title .title {
  font-size: 35px;
  font-weight: 800;
  line-height: 1.2;
}

.wl-sec .wl-box.rig {
  margin-top: 70px !important;
}

.wl-sec .wl-box {
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/08/tq-pattern4.png);
  margin-left: auto;
  padding: 30px;
  padding-top: 0;
  position: relative;
  width: 95%;
  margin-top: 20px;
  margin-bottom: 90px;
  background-blend-mode: soft-light;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  box-shadow: 6px 6px 13px -5px #62626280;
  background-color: #fff5d7fa;
  border-radius: 30px;
  border: 4px solid #fff0c3;
  transition: 0.5s ease-in-out;
}

.wl-sec .wl-box .title {
  font-size: 26px;
  padding-top: 20px;
  font-weight: bold;
  display: block;
  padding-bottom: 10px;
  line-height: 32px;
  color: #000000;
}

.wl-sec .wl-box .title:hover {
  color: #058349;
}

.wl-sec .wl-box .info-box-icon {
  margin-top: -50px;
  transition: 0.5s ease-in-out;
}

.wl-sec .wl-box .info-svg-wrapper {
  background-color: #ffbf2a;
  transition: 0.4s ease-in-out !important;
  border-radius: 50px;
}

.wl-sec .wl-box .info-svg-wrapper::before {
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/08/masjid-shape.png);
  display: block;
  content: "";
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  top: -105px;
  left: 30px;
  position: absolute;
  z-index: 12;
  background-size: 80px;
}

.wl-sec .wl-box:hover .info-svg-wrapper::before {
  animation: animation02 1s ease-in-out;
}

.wl-sec .wl-box:hover .info-svg-wrapper {
  background-color: #007d3a;
}

.wl-sec .wl-box .info-svg-wrapper img {
  padding: 20px;
}

@keyframes animation02 {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  60% {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}

/* NEW WHY US SECTION */

#why-sec {
  padding: 80px 0 50px;
  background-size: 550px;
  background-blend-mode: color;
  background-color: #ffffffc2;
}

.why-sec:before {
  position: absolute !important;
  content: "";
  top: 470px;
  right: -300px;
  height: 400px;
  width: 400px;
  border-radius: 50%;
  opacity: 0.23;
  background-color: #ffbf2a;
  float: left;
}

.why-sec::after {
  position: absolute !important;
  content: "";
  bottom: 380px;
  left: -290px;
  height: 500px;
  width: 500px;
  border-radius: 50%;
  opacity: 0.23;
  background-color: #ffbf2a;
  float: right;
}

/* .why-sec .generic-title .title-subtitle {
  background-color: #ffbf2a;
  font-size: 16px !important;
  padding: 6px 12px;
  border-radius: 3px;
  color: #343434 !important;
  font-weight: 600 !important;
  text-transform: capitalize;
  margin-bottom: 10px !important;
} */

.why-sec .title-after_title {
  font-size: 16px !important;
  color: #000000 !important;
}

.why-sec .why-box {
  -webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  margin: 20px 0 30px;
  padding: 30px 0px 20px 30px;
  border: 1px solid transparent;
  border-bottom: 9px solid transparent;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  position: relative;
  cursor: pointer;
  background-color: #ffffff;
}

.why-sec .why-box:hover,
.why-sec .why-box.mid {
  border-color: #ffbf2a !important;
}

.why-sec .generic-title .title {
  font-size: 35px;
  font-weight: 800;
  line-height: 1.2;
}

.why-sec .why-box .title {
  font-size: 20px;
  font-weight: bold;
  display: block;
  line-height: 32px;
  color: #000000;
}

/*  NEW ONLINE CLASSES SECTION  */

.online-classes-row {
  background-color: #f1f1f1;
  padding-top: 60px;
  padding-bottom: 60px;
}

/* .online-classes-row .generic-title .title-subtitle {
  font-size: 16px;
  background-color: #ffbf2a;
  color: #251c06;
  padding: 6px 12px;
  border-radius: 3px;
} */

.online-classes-row .generic-title h2 {
  font-size: 35px;
  font-weight: 100;
}

.online-classes-row .generic-title h2 strong {
  font-weight: 800;
}

.online-classes-row .generic-title .title-after_title {
  font-size: 16px;
}

.online-classes-row .online-classes-info {
  cursor: pointer;
}

.online-classes-row .online-classes-info img {
  -webkit-mask-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/08/Gate-BG.png);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.online-classes-row .online-classes-info h3 {
  font-size: 22px;
}

.online-classes-row .online-classes-info .info-box-content {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 0px 0px 30px 30px !important;
  margin-top: -15px;
  transition: 500ms ease-in-out;
}

.online-classes-row .online-classes-info:hover .info-box-content {
  background-color: #ffbf2a;
}

.online-classes-row .online-classes-info .info-box-inner {
  margin-top: 20px;
  margin-bottom: 30px;
}

.online-classes-row .online-classes-info a.btn {
  background-color: transparent;
  border: 3px solid #057c46;
  border-radius: 55px;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  overflow: hidden;
  padding: 20px 43px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  z-index: 1;
}

.online-classes-row .online-classes-info a.btn:hover {
  color: #ffffff !important;
}

.online-classes-row .online-classes-info a.btn:hover:after {
  top: 100%;
  transform: scale(2.47) translateY(0);
}

.online-classes-row .online-classes-info a.btn:after {
  background-color: #057c46;
  border-radius: 50%;
  content: "";
  height: 167px;
  min-width: 167px;
  left: 0;
  position: absolute;
  top: 100%;
  transition: transform 0.7s cubic-bezier(0.66, 0, 0.34, 1);
  width: 100%;
  z-index: -1;
}

.online-classes-row .online-classes-info {
  transition: 500ms ease-in-out;
}

.online-classes-row .online-classes-info:hover {
  transform: translateY(-20px);
}

.online-classes-row .info-btn-wrapper {
  display: none;
}

.online-classes-row .info-box-content {
  padding-bottom: 0 !important;
}

/**** Footer New ****/

.copyrights-wrapper {
  display: none;
}

.footer-two .f-heading h3 {
  color: #ffffff;
  font-size: 22px;
}

.footer-two .f-info {
  margin-bottom: 12px;
}

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

.footer-two .f-info h4,
.footer-two .f-info p {
  color: #c7c7c7;
}

.footer-two .menu li {
  margin-bottom: 8px;
  background-size: 8px 10px;
  background-repeat: no-repeat;
  background-position: 0 5.5px;
  padding-left: 16px;
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/10/Right-Arrow-Footer.svg);
}

.footer-two .menu li a {
  color: #c7c7c7;
}

.footer-two .text-color  {
    color: #c7c7c7;
    width: 80%;
}

.newsletter-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.newsletter-wrapper input[type="email"] {
  width: 50%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px 0 0 8px;
  outline: none;
}

.newsletter-wrapper input[type="email"]::placeholder {
  color: #c7c7c7;
  opacity: 1; /* for better visibility */
}

.newsletter-wrapper input[type="submit"] {
  width: 50%;
  background-color: #fbc50b !important;
  color: #212529;
  border: none;
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s;
}

.newsletter-wrapper input[type="submit"]:hover {
  background-color: #e5b109 !important;
}


div#footer-one {
  padding-top: 130px;
  overflow: visible;
}

.footer-one .two {
  padding-right: 130px;
  padding-left: 130px;
}

.footer-one .two .vc_column-inner {
  background-color: #ffffff;
  box-shadow: 0 0 60px -40px rgba(0, 0, 0, 0.75);
  border-radius: 70px;
  padding: 40px;
  margin-top: -155px;
  margin-left: -90px;
}

.footer-one .two h2 {
  color: #ae8734;
  text-align: center;
  font-size: 25px;
}

.footer-one .two .submit-button p {
  margin-bottom: 0;
}

.footer-one .two .wpcf7-submit {
  width: 100%;
  color: #ffffff;
  background-color: #181818;
  border-radius: 35px;
}

.footer-one .newsletter-text {
    padding-left: 80px;
}

#footer-one:before {
  background: url(https://alzikraqurancenter.com/wp-content/uploads/2024/10/btm-3-01.svg);
  content: "";
  width: 101%;
  height: 600px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  top: 90px;
  right: 0px;
  display: block;
}

.footer-one .f-abt-info {
  margin-bottom: 0;
}

.footer-one .f-abt-info p {
  color: #c7c7c7;
  padding: 16px;
}

.footer-two .inner {
  padding-left: 50px;
  padding-right: 50px;
}

.footer-three {
  border-top: 1px solid #c7c7c721;
  padding-top: 10px;
}

.footer-three .vc_column-inner {
  padding-top: 0 !important;
}

.footer-three .wpb_text_column {
  margin-bottom: 15px;
}

.footer-three p {
  font-size: 15px !important;
  color: #c7c7c7;
}

.footer-three p b {
  color: #ffd414;
}

.shadow-col {
  padding: 30px;
  margin-bottom: 50px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px #9d9d9dc7;
  border-radius: 20px;
  margin-inline: 20px;
}

fieldset{
    display: none !important;
}

/***** popup maker *****/

div#popmake-4393 {
  padding: 30px 50px 20px;
  width: 30%;
}

div#popmake-4393 h2 {
  text-align: center;
  font-size: 35px;
  margin-bottom: 0;
  padding-top: 0px;
}

div#popmake-4393 label {
  background-color: #ffffff;
  text-align: left !important;
  display: flex;
  width: fit-content;
  padding: 0 7px;
  margin-left: 10px;
  margin-bottom: -9px;
  z-index: 1;
  position: relative;
  color: #333333;
  font-size: 14px;
}

div#popmake-4393 p.btn {
  background-color: #ffffff;
  text-align: center;
  display: block;
}

div#popmake-4393 .wpcf7-submit {
  font-size: 18px;
  letter-spacing: 1px;
  padding: 14px 30px !important;
  color: #ffffff;
  background-color: #d9a23b;
  box-shadow: 11px 11px #d9a23b78;
  background-size: 200% 100%;
  transition: 0.5s;
  border-radius: 0px 20px;
  border: none;
}

div#popmake-4393 .wpcf7-submit:hover {
  box-shadow: 0px 0px #d9a23b78;
  border: none;
}

div#popmake-4393 .wpcf7-form.init p:nth-child(8) {
  text-align: center;
}

div#popmake-4393 .wpcf7-response-output {
  border-radius: 5px;
  background-color: #ff3535;
  margin-bottom: 10px;
}

div#popmake-4393 .sent .wpcf7-response-output {
  background-color: #46dd91;
}

.pum-theme-4393 .pum-title,
.pum-theme-lightbox .pum-title {
  display: none !important;
}

/**** Price and Packages ****/

.pkg {
  transition: 500ms ease-in-out;
}

.pkg:hover {
  cursor: pointer;
  transform: translateY(-10px);
}

.pricing-table {
  padding: 60px 0 70px;
  background-color: #f8f8f8;
}

.pricing-table .wd-tabs {
  margin-bottom: 0px !important;
}

.pricing-table:hover .title-subtitle {
  background-position: left;
  color: #fff !important;
}

.pricing-table .title-wrapper .title {
  font-size: 35px !important;
}

.pricing-table .one .vc_column-inner,
.pricing-table .two .vc_column-inner,
.pricing-table .four .vc_column-inner {
  background-color: #fff;
  padding: 45px 30px !important;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: 500ms ease-in-out;
}

.pricing-table .one:hover .vc_column-inner,
.pricing-table .two:hover .vc_column-inner,
.pricing-table .four:hover .vc_column-inner {
  background-color: #000000;
}
.pricing-table .vc_column-inner .pkg:hover h3,
.pricing-table .pkg:hover .title-subtitle {
  color: #ffffff;
}

.pricing-table .vc_column-inner .three.pkg:hover h3,
.pricing-table .three.pkg:hover .title-subtitle {
  color: #ffffff !important;
}

.pricing-table .three .vc_column-inner {
  padding: 45px 30px;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-image: linear-gradient(123deg, #0a7060 0%, #3fceb7 100%);
}

.pricing-table .pkg .title-wrapper {
  margin-bottom: 15px !important;
}
.pricing-table .pkg.three .title-subtitle {
  color: #ffffff !important;
}

.pricing-table .pkg .title-subtitle {
  color: #141f39 !important;
  font-size: 18px;
  font-weight: 600;
  background-color: transparent !important;
  background-image: none;
  transition: 500ms ease-in-out;
  padding-left: 0 !important;
}

.pricing-table .pkg:hover .title-subtitle {
  color: #ffffff !important;
}

.pricing-table .pkg .vc_separator {
  margin-bottom: 25px;
}

.pricing-table .pkg .yes {
  margin-bottom: 20px;
}

.pricing-table .pkg strong {
  font-size: 16px;
  padding-left: 5px;
  color: #6b6b6b;
  transition: 500ms ease-in-out;
}

.pricing-table .pkg:hover strong {
  color: #cbcbcb;
}

.pricing-table .pkg.three strong {
  font-size: 16px;
  padding-left: 5px;
  color: #ffffff;
}

.pricing-table .pkg h3 {
  font-size: 32px;
  transition: 500ms ease-in-out;
}

.pricing-table #inner .pkg:hover a.order-btn {
  border-color: #ffffff;
}

.pricing-table #inner .pkg a.order-btn {
  color: #000000;
  border-radius: 5px;
  min-height: unset;
  padding: 12px 35px 10px;
  text-transform: capitalize;
  font-size: 18px;
  margin-top: 5px;
  transition: 500ms ease-in-out;
  background: linear-gradient(to left, rgb(255 212 20) 50%, #3fceb7 50%) right;
  background-size: 200% 100% !important;
}

.pricing-table #inner .pkg:hover a.order-btn {
  color: #000000;
  box-shadow: none !important;
  background-position: left !important;
}

.pricing-table #inner .pkg.three a.order-btn {
  background-color: #fff;
  background: linear-gradient(to left, rgb(255 212 20) 50%, #ffffff 50%) right;
  color: #000000;
}

.pricing-table #inner .pkg.three a.order-btn:hover {
  background-color: transparent;
  color: #fff;
}

.pricing-table .pkg.three h3,
.pkg.three .title-subtitle,
.pkg.three li {
  color: #ffffff;
}

.pricing-table .pkg .yes ul,
.pricing-table .pkg .no ul {
  list-style: none;
  padding-left: 0;
}

.pricing-table .pkg .yes li {
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding-left: 18px;
  margin-bottom: 13px !important;
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/09/tick-1.svg);
  font-weight: 600;
  color: #555c6f;
}

.pricing-table .pkg:hover .yes li {
  color: #cbcbcb;
}

.pricing-table .pkg .no li {
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding-left: 18px;
  margin-bottom: 13px !important;
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/09/cross-1.svg);
  font-weight: 600;
  color: #555c6f;
}

.pricing-table .pkg.three .no li {
  color: #fff;
}

.pricing-table .pkg.three .yes li {
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding-left: 18px;
  margin-bottom: 13px !important;
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/09/white-tick.svg);
  font-weight: 600;
  color: #ffffff;
}

.pricing-table .head:before {
  content: "";
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/09/curve-2-1.png);
  width: 100px;
  height: 100px;
  position: absolute;
  left: -70px;
  top: 30px;
  background-size: cover;
  transform: scaleX(-1);
  animation-name: rotation;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 800ms;
}

@keyframes rotation {
  0% {
    transform: rotate(-95deg);
  }
  50% {
    transform: rotate(-70deg);
  }
  100% {
    transform: rotate(-95deg);
  }
}

.pricing-table .head:after {
  content: "";
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/09/dark-line-1.png);
  width: 70px;
  height: 70px;
  position: absolute;
  right: -70px;
  top: 30px;
  background-size: cover;
  animation-name: scale-animation;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes scale-animation {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}

.three .title-after_title {
  color: #fff;
  margin-bottom: 0px;
  position: absolute;
  top: 45px;
  right: -30px !important;
  background-color: #000000;
  width: 190px;
  font-size: 14px;
  padding: 5px 8px 6px;
  text-align: center;
  transform: rotate(45deg);
  clip-path: polygon(15% 0%, 84% 0%, 100% 100%, 0% 100%);
}

.pkg.three a.order-btn:after {
  content: "";
  width: 4px;
  height: 20px;
  position: absolute;
  background-color: #000000;
  top: -320px;
  right: -86px;
}

.pkg.three a.order-btn:before {
  content: "";
  width: 17px;
  height: 6px;
  position: absolute;
  background-color: #000000;
  right: 31px;
  top: -434px;
}

@media (max-width: 767px) {
  .pricing-table {
    padding-bottom: 10px !important;
  }

  .pricing-table h2.woodmart-title-container {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  .pricing-table .generic-title {
    margin-bottom: 15px;
  }

  .pricing-table .pkg .title-subtitle {
    margin: 0;
    line-height: 1;
  }

  .pricing-table h3.woodmart-title-container {
    line-height: 1;
  }

  .pricing-table .pkg .yes li {
    margin-bottom: 9px !important;
  }

  .pricing-table .pkg .vc_separator {
    margin-bottom: 15px;
  }

  .pricing-table .one .vc_column-inner,
  .pricing-table .two .vc_column-inner,
  .pricing-table .four .vc_column-inner,
  .pricing-table .three .vc_column-inner {
    padding: 30px 20px 20px !important;
    margin: 0 15px;
  }

  .three .title-after_title {
    color: #fff;
    margin-bottom: 0px;
    position: absolute;
    top: 45px;
    right: -9px !important;
    background-color: #2e353a;
    width: 170px;
    font-size: 14px;
    padding: 5px 8px 6px;
    text-align: center;
    transform: rotate(45deg);
    clip-path: polygon(19% 0%, 80% 0%, 100% 100%, 0% 100%);
  }

  .pkg.three a.order-btn:after {
    content: "";
    width: 4px;
    height: 20px;
    position: absolute;
    background-color: #000000;
    top: -300px !important;
    right: -86px !important;
  }

  .pkg.three a.order-btn:before {
    content: "";
    width: 17px;
    height: 6px;
    position: absolute;
    background-color: #2e353a;
    right: 31px !important;
    top: -415px !important;
  }

  .pricing-table .head:before {
    display: none;
  }

  .pkg.three a.order-btn:before,
  .pkg.three a.order-btn:after {
    display: none;
  }


/* Spinner-Section */

.spinner-row .three-boxes {
    display: flex;
}

.spinner-row .box-one {
    padding-left: 0px !important;
}

.spinner-row .three-boxes .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.spinner-row .box-three {
    padding-right: 0px !important;
}

.spin-in-car {
    padding: 30px 15px !important;
}

.spinner-row .generic-title .title {
    padding-top: 0px !important;
	  margin-bottom: 10px !important;
}    

.spinner-row .choose-boxes .info-box-icon {
    font-size: 12px !important;
    padding-top: 15px !important;
    width: 120px ;
    height: 120px !important;
}
	
.spinner-row .choose-boxes {
	margin-bottom: 15px !important;
}



}

/* SPINNER SECTION */

.spinner-row {
  padding: 50px 0 30px;
  background-color: #ffffff7a !important;
  background-blend-mode: color;
}

.spinner-row .vc_column-inner {
	padding-top: 0px !important;
}

.spinner-row .choose-boxes .info-box-icon {
	background-color: #d1a94f !important;
  font-size: 13px;
	padding-top: 18px !important;
	width: 130px;
	height: 130px !important;
	align-items: center; 
}

.spinner-row .box-one {
	padding-left: 240px;
}

.spinner-row .box-three {
	padding-right: 225px;
}


.spinner-row:hover .title-subtitle {
  background-position: left;
  color: #fff !important;
}

.spinner-row .generic-title .title {
  font-size: 35px;
  font-weight: 100;
  padding-top: 0px !important;
}

.spinner-row .generic-title .title strong {
  font-weight: 800;
}

.spinner-box .box-icon-with-border .info-box-icon {
  padding: 25px;
  border: 10px solid #d1a94f;
  background-color: #32b6a1;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  transition: 500ms ease-in-out;
}

.spinner-box {
  transition: 500ms ease-in-out;
/*   padding: 0 50px; */
}

.spinner-box:hover {
  transform: translateY(-15px);
}

.spinner-box:hover .info-box-icon {
  background-color: #d1a94f;
}

.spinner-box .info-svg-wrapper {
  transition: 800ms ease-in-out;
}

.spinner-box:hover .info-svg-wrapper {
  transform: rotateY(360deg);
}

.spinner-box .info-box-title {
  font-size: 22px;
  font-weight: 500;
}



/* CONTACT CTA */

.contact-row {
  padding-top: 250px;
  padding-bottom: 75px;
  overflow: visible;
}

.contact-row .generic-title .title {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
}

.contact-row .form-col {
  background-color: #ffffff;
  padding: 60px 60px 40px;
  border-radius: 8px;
  box-shadow: 0 0 116px #00000030;
}

.contact-row .form-col:before {
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/11/shape-6.svg);
  content: "";
  width: 136px;
  height: 147px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  top: -65px;
  right: -30px;
}

.contact-row .form-col:after {
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/11/shape-2.svg);
  content: "";
  width: 136px;
  height: 147px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  top: 295px;
  right: -120px;
}

.form-col input[type="email"],
.form-col input[type="number"],
.form-col input[type="text"],
.form-col input[type="tel"],
.form-col textarea,
.form-col select {
  border: 0px;
  border-bottom: 1px solid #bfc6c5;
  padding-bottom: 14px;
  padding-inline: 5px;
  height: 50px;
  transition: 300ms;
}

.form-col input[type="email"]:focus,
.form-col input[type="number"]:focus,
.form-col input[type="text"]:focus,
.form-col input[type="tel"]:focus,
.form-col textarea:focus,
.form-col select:focus {
  border-bottom: 1px solid #d9a23b;
}

.form-col textarea {
  min-height: 80px !important;
}

.form-col .submit-btn:before {
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/11/footer-button-arrow-01.svg);
  width: 40px;
  height: 40px;
  content: "";
  position: absolute;
  background-size: contain;
  left: 165px;
  top: 34px;
  z-index: 10;
}

.form-col .submit-btn .wpcf7-submit {
  background: linear-gradient(to left, #000002 50%, #d9a23b 50%) right !important;
  background-size: 200% 100% !important;
  transition: 0.5s !important;
  color: #ffffff;
  font-size: 16px;
  text-transform: capitalize;
  box-shadow: none;
  padding: 15px 50px 15px 20px;
  position: relative;
  border-radius: 60px;
  letter-spacing: 1px;
}

.form-col .submit-btn .wpcf7-submit:hover {
  box-shadow: none;
  background-position: left !important;
}

.contact-row .contact-info {
  margin-bottom: 36px !important;
}

.contact-row .contact-info .title {
  color: #5f5d5d;
  font-size: 16px;
}

.contact-row .contact-info .info-box-inner {
  margin-top: 0px !important;
}

.contact-row .contact-info .info-box-inner a {
  color: #011c1a;
  font-size: 20px;
}

.contact-row .info-col {
  padding-left: 100px !important;
}

.contact-row div.wpcf7-response-output {
  border-radius: 8px;
  background-color: #ff4a4a !important;
  margin-bottom: 0 !important;
}

.contact-row .wpcf7-not-valid {
  border-color: #ff4a4a !important;
}

.contact-row .wpcf7-not-valid-tip {
  display: none;
}

.contact-row p.submit-btn {
  margin-top: 30px;
}

/* icon for courses in carousel */

.crs-sec .price {
  /* left: 30px; */
  position: relative;
}

.crs-sec .right {
  text-align: left !important;
  left: 30px;
  position: relative;
}

.crs-sec .price-icon:before {
  content: "";
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/11/price-tag-icon.svg);
  width: 25px;
  height: 25px;
  position: absolute;
  left: -5px;
  top: 3px;
  opacity: 0.7;
  background-size: cover;
}

.crs-sec .enroll-icon:before {
  content: "";
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/11/enroll-tag-icon-2.svg);
  width: 25px;
  height: 25px;
  position: absolute;
  left: -30px;
  top: 3px;
  background-size: cover;
}

.crs-sec .crs-box .info-box-inner h4 strong {
  font-size: 14px;
  font-weight: 100;
}

.crs-sec th,
.crs-sec td {
  text-align: center !important;
}

.crs-sec .crs-box .info-box-inner {
  margin-top: 7px !important;
  margin-bottom: 5px !important;
}

/* SIDE BAR */

h4.woodmart-title-container.title.wd-font-weight-.wd-fontsize-l {
  font-weight: 500;
  padding-top: 22px;
}

.side-row .menu-item {
  margin-bottom: 0 !important;
}

.side-row .menu-item a {
  position: relative !important;
  display: block !important;
  background: #f5f7fa !important;
  padding: 11px 0px 14px 20px !important;
  text-align: left;
  transition: 500ms ease-in-out;
  margin-bottom: 3px;
  border-radius: 3px;
}

.side-row .menu-item a {
  font-size: 15px !important;
  line-height: 30px !important;
  color: #000000 !important;
  font-weight: 500;
}

.side-row .menu-item.current_page_item a {
  background: #d9a23b !important;
}
.side-row .menu-item:hover a,
.side-row .menu-item.current_page_item a {
  color: #ffffff !important;
}

.side-row .menu-item a:hover,
.side-row .menu-item.current_page_item a {
  color: #fff !important;
  padding-left: 32px !important;
  background: #d9a23b !important;
  box-shadow: none !important;
}

.side-row .menu-item a:hover:before,
.side-row .menu-item.current_page_item a {
  opacity: 1 !important;
}

.side-row .menu-item.current_page_item a:before {
  opacity: 1 !important;
}

.side-row .menu-item a::before {
  position: absolute !important;
  content: "";
  background: #ffffff !important;
  width: 10px !important;
  height: 1px !important;
  left: 15px !important;
  top: 26px !important;
  opacity: 0 !important;
  transition: all 500ms ease !important;
}

/* BANNER SECTION */

.side-row .banner-row {
  margin-left: 1px;
  padding: 44px 32px;
  border-radius: 5px;
  margin-bottom: 22px;
  margin-right: 1px;
  background-image: linear-gradient(120deg, #d9a23b 0%, #87621f 100%);
}

.side-row .banner-row .banner-box .info-box-subtitle {
  font-size: 16px !important;
  color: #ffffff !important;
  background: none !important;
  padding: 6px 1px !important;
}

.side-row .banner-row .banner-box .info-box-title {
  color: #ffffff;
  font-size: 30px;
  font-weight: 100;
  line-height: 1.1;
  margin-top: 15px;
}

.side-row .banner-row .banner-box .info-box-inner {
  color: #ffffff;
  font-weight: 100;
  font-size: 18px;
  margin-top: 15px;
}

.side-row .banner-row .call-box {
  margin-bottom: 0 !important;
  margin-top: 50px !important;
  width: 300px;
  margin-left: -10px;
  gap: 10px;
}

.side-row .banner-row .call-box .info-box-icon {
  background-color: #ffc90d;
  border-radius: 40px;
}

.side-row .banner-row .call-box .info-box-icon img {
  padding: 10px;
}

.side-row .banner-row .call-box .info-box-title {
  color: #ffffff;
  font-weight: 100;
  font-size: 18px;
}

.side-row .banner-row .call-box .info-box-inner {
  color: #ffffff;
  font-size: 19px;
  margin-top: 0px !important;
  font-weight: 900;
}

.side-row .banner-row .call-box .info-box-inner a {
  color: #ffffff !important;
}

.side-row .banner-row .call-box .info-box-inner a:hover {
  color: #ffffff !important;
}

.course-title-row .liner-continer {
  border-radius: 3px;
}

.course-title-row .title-wrapper {
  margin-bottom: 3px;
}

.course-title-row .title {
  color: #000000;
  font-size: 28px;
  padding: 20px !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  display: inline;
  font-weight: 800 !important;
  letter-spacing: 1px;
}

.course-title-row .box-icon-wrapper {
  margin-right: -50px;
}

.course-title-row .wd-info-box {
  gap: 40px !important;
  margin-bottom: 15px;
  padding-left: 30px;
}

/**** PROFILE SECTION ****/

.side-row .profile-row {
  padding: 40px;
  margin-top: 30px;
  background-color: #ffffff;
  margin-left: 1px;
  border-radius: 5px;
  border: 1px solid #8383835e;
  width: 330px;
}

.side-row .profile-row .title-subtitle {
  color: #d9a23b;
  font-size: 18px;
  font-weight: 600;
}

.side-row .profile-row .title {
  color: #0a1845;
  font-size: 29px;
  line-height: 1.2;
  font-weight: 100;
}

.side-row .profile-row .profile-btn {
  padding: 15px 20px;
  width: 220px;
  border-radius: 50px;
  font-size: 18px;
  background-color: #d9a23b;
  transition: all 0.5s ease-out;
  color: #ffffff;
}

.side-row .profile-row .profile-btn:hover {
  border-color: #d9a23b;
  background-color: #d9a23b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

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

.side-row p.vc_col-sm-8,
.side-row p.vc_col-sm-4,
.side-row input[type="submit"] {
  width: 100%;
}

.side-row p.vc_col-sm-8 {
  margin-bottom: 8px;
}

.side-row p.vc_col-sm-4 {
  margin-bottom: 0 !important;
}

.side-row input[type="email"] {
  height: 56px;
  padding: 0 25px 0 25px;
  background-color: #f5f7fa;
  border: 1px solid #f5f7fa;
  border-radius: 5px;
  font-size: 15px;
  color: #788094;
}

@media (max-width: 767px) {
  body .title-wrapper .title-subtitle {
    font-size: 14px !important;
  }

  .slider-wali-row {
    margin-top: 0px;
  }

  .hide-on-mobile,
  #footer-one:before,
  .footer-one {
    display: none !important;
  }

  .site-logo {
    margin-top: 32px;
  }

  .head-btn {
    margin-left: 20px;
    line-height: 1.2;
    padding: 2px 20px;
    font-size: 16px;
    height: 40px;
  }

  .footer-two .f-heading h3 {
    font-size: 30px;
  }

  .footer-three .wpb_text_column {
    text-align: center !important;
  }

  .footer-three .powered-text p {
    text-align: center !important;
    margin-top: -15px;
  }

  .footer-two .inner {
    padding-left: 10px;
  }

  div#popmake-4393 {
    width: 90%;
    max-width: 100% !important;
    padding: 10px 30px;
  }

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

  /* //////////////////// */

  .learn-row {
    padding-top: 30px !important;
  }

  /* .learn-row h4.woodmart-title-container.title.wd-font-weight-.wd-fontsize-l {
      padding-top: 15px;
    } */

  .learn-row .learn-col {
    padding-top: 0px !important;
    padding-left: 15px !important;
  }

  .learn-row .generic-title .title {
    font-size: 30px;
    font-weight: 100 !important;
    line-height: 1.2 !important;
  }

  .learn-row .learn-box {
    gap: 15px !important;
    margin-bottom: 15px;
  }

  .learn-row .learn-box .title {
    font-size: 22px !important;
    margin-top: 20px;
  }

  .learn-box .box-icon-with-border .info-box-icon {
    top: 0px;
    position: relative !important;
  }

  .learn-row .learn-box.gold .title {
    margin-top: 40px;
    color: #000000;
  }

/*   #learn-row .learn-box .info-box-inner {
    margin-top: 30px !important;
    margin-left: -105px;
  } */

  #learn-row .learn-box.gold .info-box-inner {
    margin-top: 40px !important;
    margin-left: -105px;
  }

  .learn-row .wd-image {
    margin-bottom: 5px !important;
  }

  .learn-row .wd-image img {
    transform: none !important;
    scale: 0.9;
  }

  #learn-row::before {
    display: none !important;
  }

  .learn-row .img-col {
    padding: 0 15px 15px !important;
  }

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

  #crs-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .crs-sec .generic-title {
    margin-bottom: 20px !important;
  }

  .crs-sec .generic-title .title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    padding-top: 0px;
		padding-bottom: 0px;
  }

  .crs-sec .wd-carousel {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .crs-sec .wd-button-wrapper {
    width: calc(50% - 0px) !important;
  }

  .crs-sec .first-btn {
    width: calc(100% - 0px) !important;
  }

  .crs-sec .wd-nav-pagin-wrap {
    margin-top: -10px;
  }

  .crs-sec .wd-nav-pagin-item span {
    border-color: #32b6a1 !important;
  }

  .crs-sec .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    border-color: #000000 !important;
    background-color: #000000;
  }

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

  .abt-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    background-color: #ffffffba;
    background-blend-mode: color;
  }

  .abt-sec .title-wrapper {
    text-align: left !important;
    margin-bottom: 5px;
  }

  .abt-sec .top-title .title {
    font-size: 24px !important;
    font-weight: 100 !important;
    text-align: left !important;
    padding-top: 15px !important;
  }

  .abt-sec .abt-box {
    gap: 0px !important;
  }

  .abt-sec .abt-box .box-icon-wrapper {
    display: none;
  }

  .abt-sec .wd-image {
    margin-left: 15px;
    margin-bottom: 0px !important;
  }

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

  .services-cta {
    padding: 30px !important;
    margin-block: -1px;
    margin-bottom: -20px;
    z-index: 10;
  }

  body .services-cta .generic-title .title {
    font-size: 25px !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
    margin-top: -10px;
  }

  .services-cta .wd-button-wrapper {
    text-align: center;
  }

 .services-cta .cta-btn {
    font-size: 15px !important;
    letter-spacing: 1px !important;
    padding: 15px 25px !important;
  }


  .services-cta .row-one {
    border: none !important;
		padding-bottom: 0px !important;
  }

  /* .services-cta .counter-section {
      margin-block: -1px;
    } */

  .services-cta .counter-section .counter-value {
    font-size: 41px;
  }

  .services-cta .counter-section .last-cnt {
    gap: 25px !important;
  }

  .services-cta .counter-section .this-col:before {
    display: none !important;
  }

  .services-cta .wd-nested-carousel {
    display: block;
  }

  .services-cta .counter-section {
    display: none;
  }

  .services-cta .wd-carousel-item .counter-label {
    width: 250px;
    display: flex;
    align-items: center;
  }

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


  .spinner-row .generic-title {
    margin-bottom: 10px !important;
  }

  .spinner-box .info-box-title {
    font-size: 20px;
    font-weight: 500;
  }

  .spinner-row .spinner-box {
    padding: 0px 0px !important;
  }

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

  .vid-row {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 12.5px !important;
    background-size: 370px, auto !important;
  }

  .vid-row .vid-col {
    padding-top: 0px !important;
  }

  .vid-row .generic-title .title {
    font-size: 30px;
    font-weight: 100 !important;
    line-height: 1.2;
    width: auto !important;
    text-align: center !important;
  }

  .vid-row .generic-title .title br {
    display: none;
  }

  .vid-row .wpb_text_column {
    padding-right: 0px;
    margin-bottom: 0px !important;
    text-align: center !important;
  }

  .vid-row .wpb_video_widget {
    margin-bottom: 0px !important;
  }

  .vid-row .wpb_video_wrapper {
    border-radius: 15px !important;
  }

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

  #pricing-table {
    padding-bottom: 30px !important;
  }

  .pricing-table .generic-title {
    text-align: center !important;
  }

  .pricing-table .title-wrapper .title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    padding-top: 0px !important;
  }

  .pricing-table .pkg .title-wrapper .title {
    margin-top: 0 !important;
    padding-top: 0px !important;
  }

  .pricing-table .pkg {
    padding-bottom: 5px !important;
  }

  .pricing-table .pkg .yes li {
    margin-bottom: 0px !important;
  }

  .pricing-table .pkg .yes {
    margin-bottom: 15px;
  }

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

  .online-classes-row {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .online-classes-row .generic-title {
    text-align: center !important;
  }

  .online-classes-row .generic-title h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
    padding-top: 15px !important;
  }

  .online-classes-row .online-classes-info h3 {
    font-size: 20px;
  }

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

  div#people-testimonial {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .people-testimonial .testimonial-inner {
    margin-inline: 20px;
  }

  .people-testimonial .testimonial-left .vc_column-inner {
    margin-bottom: 10px !important;
  }

  .people-testimonial .generic-title .title {
    font-size: 24px !important;
    padding-top: 15px !important;
  }

  .testimonial-left::after {
    width: 240px;
    height: 180px;
    left: 240px;
    top: 265px;
    display: none;
  }

  .testimonial-left::before {
    width: 260px;
    height: 180px;
    right: 240px;
    top: 265px;
    display: none;
  }

  /* COURSES INNER PAGES */

  #course-page {
    padding-top: 0px !important;
    margin-top: -17.5px !important;
  }

  #course-page .top-info-one {
    padding: 30px 0px 0px !important;
    margin-bottom: 20px !important;
  }

  .shadow-col {
    height: auto !important;
    padding: 20px 0px 0px !important;
    margin-inline: 30px !important;
    margin-bottom: 10px !important;
  }

  .class-section img {
    position: absolute;
    top: 15px;
  }

  .class-section .info-box-inner {
    margin-left: -75px !important;
    margin-top: 25px !important;
  }

  .kal-info.margin-it {
    margin-inline: 0px !important;
    margin-bottom: 0px !important;
  }

  .kal-info.margin-it .info-box-inner {
    margin-top: 10px !important;
  }

  .kal-info.margin-it img {
    top: 20px;
  }

  .course-form-trail {
    padding: 17px 20px 17px 20px !important;
  }

  .course-form-trail .class_text_1_form_trail,
  .course-form-trail .class_email_1_form_trail,
  .course-form-trail .class_number_1_form_trial,
  .course-form-trail .class_text_2_form_trail {
    width: auto !important;
  }

  .contact-trail-form .submit p:nth-child(1) {
    text-align: center !important;
  }

  .course-form-trail-text {
    margin-top: 10px !important;
  }

  .course-form-trail-text .wpb_text_column {
    margin-bottom: 15px !important;
  }

  .course-form-trail-text .wpb_text_column .wpb_wrapper {
    text-align: center !important;
  }

  .course-form-trail-text .wpb_text_column p {
    display: inline-flex;
  }

  .key-row {
    padding-bottom: 10px !important;
    padding-top: 30px !important;
  }

  .key-row .generic-title h2 {
    font-size: 30px !important;
  }

  .key-row .vc_inner {
    margin-inline: -10px !important;
  }

  .key-box {
    height: 330px !important;
  }

  .key-box::before {
    right: 8px !important;
  }

  /* .spin-in-car {
    padding: 15px 0 30px !important;
  } */

  .spin-in-car .wd-carousel {
    margin-inline: 20px !important;
  }

  .spin-in-car .info-box-title {
    font-size: 20px !important;
  }

  .spin-in-car .wd-carousel-container {
    margin-bottom: 0px !important;
  }

  .contact-row {
    padding-top: 90px !important;
    padding-bottom: 0px !important;
  }

  .contact-row .info-col {
    padding-left: 0px !important;
  }

  .contact-row .form-col {
    padding: 30px 20px 10px;
  }

  .form-col .submit-btn:before {
    top: 5px !important;
    left: 230px !important;
  }

  .side-row,
  .sidebar-two,
  .side-row .this {
    display: none !important;
  }

  .tajweed-sec {
    margin-inline: 0px !important;
    margin-bottom: 30px !important;
    padding: 25px 25px 0px;
  }

  .tajweed-box-two {
    margin-bottom: 0px !important;
  }

  .top-info-one {
    margin-inline: 0px !important;
    padding: 30px 15px 20px !important;
  }

  .methodology-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .methodology-row .methodology-info {
    margin-bottom: 15px !important;
  }

  .methodology-sec .methodology-info h4.info-box-title {
    font-size: 22px !important;
  }

  .methodology-row .methodology-info .box-icon-wrapper {
    display: none !important;
  }

  body .shadow-col.two {
    height: auto !important;
    margin-inline: 15px !important;
    margin-bottom: -30px !important;
  }
}



p.c-txt {
    color: #575757;
}

/* tabs */
.tabs-pricing  .wd-nav.wd-nav-tabs .wd-nav-link {
  background-color: #d9a23b; 
  border-radius: 6px;
  padding: 8px 18px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.tabs-pricing .wd-nav.wd-nav-tabs .wd-nav-link:hover {
  background-color: #000000; 
  color: #ffffff;
}

.tabs-pricing .wd-nav.wd-nav-tabs li.wd-active .wd-nav-link {
  background-color: #d9a23b;
  color: #ffffff;
}

.tabs-pricing .wd-nav.wd-nav-tabs li.wd-active .wd-nav-link:hover {
  background-color: #d9a23b !important;
  color: #ffffff !important; 
}

.tabs-pricing .wd-nav.wd-style-default {
    margin-bottom: 25px;
}




/*********/



.price-info-new {
	  height: 500px;
    cursor: pointer;
    padding: 40px 25px 20px 25px;
    border-radius: 15px !important;
    margin-bottom: 15px;
    background: linear-gradient(#fee6a4 50%, #fbf9ed 50%);
    background-size: 100% 200%;
    background-position: bottom;
    transition: 0.5s;
    border: 1px solid #f1eac0;
    margin-bottom: 0;
	display: grid;
}


.price-info-new .price-btn {
    text-align: center;
    order: 5;
    margin-bottom: 0px;
}


.price-info-new:hover {
    background-position: top;
    transform: translateY(-15px);
    margin-top: 10px;
}


.price-info-new h3.wpb-plan-title,
.price-info-new p.wpb-plan-description,
.price-info-new .wpb-price-container {
    text-align: left;
    font-size: 30px;
    font-weight: 500;
    padding: 0px;
    margin: 0 0 2px;
}

.price-info-new p.wpb-plan-description{
    font-weight: 400;
}

.price-info-new .wpb-price-container {
    color: #000000;
}

.price-info-new .wpb-currency {
    font-size: 22px;
}



.price-info-new  ul {
  list-style: none;
  margin-bottom: 10px;
  padding: 0px 0px;
}

.price-info-new  ul li {
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: 0px 3.5px;
  padding-left: 30px;
  margin-bottom: 15px;
  font-size: 16px;
  background-image: url(https://alzikraqurancenter.com/wp-content/uploads/2024/11/tick-icon.svg);
  color: #212529;
}

.price-info-new  ul li strong{
  font-size: 18px;
  color: #dd9a00;
}


.price-info-new .wd-button-wrapper {
  text-align: center;
  z-index: 1;
  position: relative;
  border-radius: 0 0 5px 5px;
}

.price-info-new .price-btn a.vc_btn3 {
  font-size: 14px !important;
  text-transform: capitalize;
  padding: 12px 40px;
  min-height: auto;
  margin-bottom: 20px;
  border-color: #32b6a1;
  overflow: hidden;
  background: #32b6a1 !important;
  color: #ffffff;
  margin-top: 15px;
  transition: 500ms;
  font-weight: 700;
}

.price-info-new .price-btn a:after {
  background-color: transparent;
  border-radius: 50%;
  content: "";
  height: 65px;
  position: absolute;
  top: 100%;
  transition: transform 0.4s cubic-bezier(0.66, 0, 0.34, 1);
  min-width: 172px;
  z-index: -1;
  left: 0;
  transition: 0.4s;
}

.price-info-new .price-btn a.vc_btn3:hover {
  color: #ffffff !important;
  transition: 500ms;
  background-color: #fbc50b;
  scale: 1.1;
  border: none;
}

.price-info-new .price-btn a:hover:after {
  transform: scale(2.47) translateY(0);
  top: 100%;
  background-color: #db9e30;
}

.price-info-new.featured {
  background: linear-gradient(#ffd050 50%, #32b6a1 50%);
  background-size: 100% 200%;
  background-position: bottom;
}

.price-info-new.featured:hover {
  background-position: top;
}

.price-info-new.featured:hover .title u {
  color: #000000;
}

.price-info-new.featured a.vc_btn3 {
  background-color: #fbc50b !important;
  color: #212529;
}

.price-info-new.featured:hover a.vc_btn3 {
  color: #ffffff !important;
  background-color: #32b6a1 !important;
}

.price-info-new.featured a:hover:after {
  background-color: #000000;
}

.price-info-new.featured h3.wpb-plan-title,
.price-info-new.featured p.wpb-plan-description,
.price-info-new.featured .wpb-price-container,
.price-info-new.featured ul li {
  color: #ffffff !important;
}

.price-info-new.featured:hover h3.wpb-plan-title,
.price-info-new.featured:hover p.wpb-plan-description,
.price-info-new.featured:hover .wpb-price-container,
.price-info-new.featured:hover ul li {
  color: #212529 !important;
}

.featured ul li strong{
  font-size: 18px;
  color: #FFBF2A;
}
.featured:hover ul li strong{
  color: #32b6a1 ;
}




/* Course Inner Pages */

@media (max-width: 767px) {

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

.course-row-one .generic-title .title {
    font-size: 35px;
}

.course-row-one {
    padding: 30px 0px !important;
    height: auto !important;
}

.course-row-one .generic-title {
    margin-bottom: 15px;
}

.course-row-one .first-content h2 {
    font-size: 18px !important;
    margin-bottom: 15px;
	  line-height: 25px !important;	
} 
	
.course-row-one .first-content p {
    font-size: 16px !important;
}
	
.course-row-one .wd-button-wrapper.inline-element {
    margin-bottom: 0px !important;
}	

.course-row-one .hero-btn {
    margin-top: 20px !important;
	  font-size: 15px !important;
	  letter-spacing: 1px;
	  padding: 2px 20px !important;
}
	


/**** Course Row Twoo ****/

.course-row-two {
    padding: 30px 0px !important;
}

.course-row-two .generic-title .title {
    margin-top: 15px;
}
	
.course-row-two .generic-title {
    margin-bottom: 15px !important;
}	


/**** Course Row Four ****/

.course-row-four {
    padding: 30px 15px !important;
}

.course-row-four .two-sections {
    display: block !important;
}

.course-row-four .first-col {
    margin-bottom: 15px;
}

.course-row-four .generic-title {
    margin-bottom: 15px ;
}

.services-cta .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

/* Course Row Three */

.course-row-three {
    padding: 30px 15px !important;
}

.course-row-three .choose-info {
    margin-bottom: 15px !important;
	  min-height: 238px !important;
}
	
.course-row-three .equal-2 {
    min-height: 230px !important;
}
	
.course-row-three .choose-info .info-box-icon {
	background-color: #fff !important;
	padding: 10px !important;
}	
	
.course-row-three .choose-info img {
    max-width: 70% !important;	
}
	
.course-row-three .choose-info h4 {
    font-size: 20px;
}	
	

.course-row-three .equal {
    min-height: 287px !important;
}

.course-row-three .last {
    margin-bottom: 0px !important;
}

/* Course Row Six */

.course-row-six {
    padding: 30px 0px !important;
}

.course-row-six .work-box {
    margin-bottom: 15px !important;
	  gap: 10px !important;
}
	
/* .course-row-six .work-box img {
    max-width: 70% !important;	
}	 */
	
.course-row-six .work-box h4 {
    font-size: 20px !important;
}

.course-row-six .second {
    margin-bottom: 0px !important;
}

/* Course Row Seven */


.course-row-seven .duration-box {
    margin-bottom: 15px !important;
    min-height: 232px !important;
}

.course-row-seven .two {
    margin-bottom: 0px !important;
}

/* Cta Section */

.trial-section {
    padding: 30px 15px !important;
    margin-bottom: 0px !important;
    height: auto !important;
}
	
.trial-section .cta-btn {
     font-size: 15px !important;
     letter-spacing: 1px !important;
     padding: 2px 20px !important;
}

	
}@media (min-width: 1025px) {
	.wd-dropdown-menu.wd-design-default {
    --wd-dropdown-width: 260px;
}

/*
.whb-sticked .whb-main-header {
  background-color: #000000;
}

.whb-sticked .whb-main-header .container {
  height: 70px !important;
}

.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;
  color: #000000 !important;
}

.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: #092559;
}

.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: 295px;
  height: auto;
  background-color: #ffffff;
  color: #000000;
}
/*
.head-btn {
  font-size: 18px;
  letter-spacing: 1px;
  padding: 10px 20px;
  background: linear-gradient(to left, #ffbf2a 50%, #000000 50%) right;
  background-size: 200% 100%;
  transition: 0.5s;
  color: #000000 !important;
  text-transform: inherit;
  height: 50px;
  border-radius: 5px !important;
  border: 2px solid #e19d00 !important;
}

.head-btn:hover {
  background-position: left !important;
  color: #fff !important;
}
*/
/*
.wd-btn-icon {
  line-height: 1;
  margin-left: 5px;
  display: none;
}

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

/* .whb-column {
  display: flex;
  align-items: self-start !important;
  flex-direction: row;
  max-height: inherit;
}

.whb-header .wd-logo img {
  margin-top: 55px;
}

.wd-header-nav {
    margin-top: 5px;
} */





.crs-sec .crs-box .info-box-inner p {
	min-height: 160px;
	margin-bottom: 0;
}
}

@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) {
	.slider-btn-one {
    font-size: 15px !important;
    padding: 15px 10px 15px 15px !important;
}

.slider-btn-two {
    font-size: 15px !important;
    padding: 15px 10px 15px 15px !important;
}


/****/


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



.price-info-new{
    margin-bottom: 15px;
}

.price-info-new {
    padding: 20px 25px 10px 25px;

}






}