/**
 * Custom styles for the theme
 * Here you can override any custom property that's already been set (ie. from Bootstrap)
 * Or define your own.
 **/ 
:root {
  --bs-primary-50: #EFF9FF;
  --bs-primary-100: #D9F0FF;
  --bs-primary-200: #B2E2FF;
  --bs-primary-300: #7FCEFF;
  --bs-primary-400: #58BFFF;
  --bs-primary-500: #0095F2;
  --bs-primary: #0095F1;
  --bs-primary-600: #0070B5;
  --bs-primary-700: #004A79;
  --bs-primary-800: #0E2A61;
  --bs-primary-900: #0A1E46;
  --bs-secondary-50: #FFF5F2;
  --bs-secondary-100: #FEEDE8;
  --bs-secondary-200: #FBD0C2;
  --bs-secondary-300: #F9B39B;
  --bs-secondary-400: #F58965;
  --bs-secondary-500: #F36C3F;
  --bs-secondary: #F36C3F;
  --bs-secondary-600: #F1501B;
  --bs-secondary-700: #B4350B;
  --bs-secondary-800: #6C2007;
  --bs-secondary-900: #240B02;
  --bs-tertiary-50: #EFFBF3;
  --bs-tertiary-100: #D3F8DF;
  --bs-tertiary-200: #AAF0C4;
  --bs-tertiary-300: #73E2A3;
  --bs-tertiary-400: #3CCB7F;
  --bs-tertiary-500: #16B364;
  --bs-tertiary: #16B364;
  --bs-tertiary-600: #099250;
  --bs-tertiary-700: #087443;
  --bs-tertiary-800: #095C37;
  --bs-tertiary-900: #084C2E;
  --bs-neutral-50: #F2F5FD;
  --bs-neutral-100: #E4ECFB;
  --bs-neutral-200: #BCCFF5;
  --bs-neutral-300: #A1BCF2;
  --bs-neutral-400: #799FEC;
  --bs-neutral-500: #0E2A61;
  --bs-neutral: #0E2A61;
  --bs-neutral-600: #164197;
  --bs-neutral-700: #12357C;
  --bs-neutral-800: #0E2A61;
  --bs-neutral-900: #0A1E46;
  --bs-success-50: #ECFDF5;
  --bs-success-100: #D1FAE5;
  --bs-success-200: #A7F3D0;
  --bs-success-300: #6EE7B7;
  --bs-success-400: #34D399;
  --bs-success-500: #10B981;
  --bs-success: #10B981;
  --bs-success-600: #059669;
  --bs-success-700: #047857;
  --bs-success-800: #065F46;
  --bs-success-900: #064E3B;
  --bs-warning-50: #FFFBEB;
  --bs-warning-100: #FEF3C7;
  --bs-warning-200: #FDE68A;
  --bs-warning-300: #FCD34D;
  --bs-warning-400: #FBBF24;
  --bs-warning-500: #F59E0B;
  --bs-warning: #F59E0B;
  --bs-warning-600: #D97706;
  --bs-warning-700: #B45309;
  --bs-warning-800: #92400E;
  --bs-warning-900: #78350F;
  --bs-error-50: #FEF2F2;
  --bs-error-100: #FEE2E2;
  --bs-error-200: #FECACA;
  --bs-error-300: #FCA5A5;
  --bs-error-400: #F87171;
  --bs-error-500: #EF4444;
  --bs-error: #EF4444;
  --bs-error-600: #DC2626;
  --bs-error-700: #B91C1C;
  --bs-error-800: #991B1B;
  --bs-error-900: #7F1D1D;
  --bs-shades-0: #FFFFFF;
  --bs-shades-100: #000000;
  --bs-primary-50-rgb: 239, 249, 255;
  --bs-primary-100-rgb: 217, 240, 255;
  --bs-primary-200-rgb: 178, 226, 255;
  --bs-primary-300-rgb: 127, 206, 255;
  --bs-primary-400-rgb: 88, 191, 255;
  --bs-primary-500-rgb: 0, 149, 241;
  --bs-primary-rgb: 0, 149, 241;
  --bs-primary-600-rgb: 0, 112, 181;
  --bs-primary-700-rgb: 0, 74, 121;
  --bs-primary-800-rgb: 14, 42, 97;
  --bs-primary-900-rgb: 10, 30, 70;
  --bs-secondary-50-rgb: 255, 245, 242;
  --bs-secondary-100-rgb: 254, 237, 232;
  --bs-secondary-200-rgb: 251, 208, 194;
  --bs-secondary-300-rgb: 249, 179, 155;
  --bs-secondary-400-rgb: 245, 137, 101;
  --bs-secondary-500-rgb: 243, 108, 63;
  --bs-secondary-rgb: 243, 108, 63;
  --bs-secondary-600-rgb: 241, 80, 27;
  --bs-secondary-700-rgb: 180, 53, 11;
  --bs-secondary-800-rgb: 108, 32, 7;
  --bs-secondary-900-rgb: 36, 11, 2;
  --bs-tertiary-50-rgb: 239, 251, 243;
  --bs-tertiary-100-rgb: 211, 248, 223;
  --bs-tertiary-200-rgb: 170, 240, 196;
  --bs-tertiary-300-rgb: 115, 226, 163;
  --bs-tertiary-400-rgb: 60, 203, 127;
  --bs-tertiary-500-rgb: 22, 179, 100;
  --bs-tertiary-rgb: 22, 179, 100;
  --bs-tertiary-600-rgb: 9, 146, 80;
  --bs-tertiary-700-rgb: 8, 116, 67;
  --bs-tertiary-800-rgb: 9, 92, 55;
  --bs-tertiary-900-rgb: 8, 76, 46;
  --bs-neutral-50-rgb: 242, 245, 253;
  --bs-neutral-100-rgb: 228, 236, 251;
  --bs-neutral-200-rgb: 188, 207, 245;
  --bs-neutral-300-rgb: 161, 188, 242;
  --bs-neutral-400-rgb: 121, 159, 236;
  --bs-neutral-500-rgb: 14, 42, 97;
  --bs-neutral-rgb: 14, 42, 97;
  --bs-neutral-600-rgb: 22, 65, 151;
  --bs-neutral-700-rgb: 18, 53, 124;
  --bs-neutral-800-rgb: 14, 42, 97;
  --bs-neutral-900-rgb: 10, 30, 70;
  --bs-success-50-rgb: 236, 253, 245;
  --bs-success-100-rgb: 209, 250, 229;
  --bs-success-200-rgb: 167, 243, 208;
  --bs-success-300-rgb: 110, 231, 183;
  --bs-success-400-rgb: 52, 211, 153;
  --bs-success-500-rgb: 16, 185, 129;
  --bs-success-rgb: 16, 185, 129;
  --bs-success-600-rgb: 5, 150, 105;
  --bs-success-700-rgb: 4, 120, 87;
  --bs-success-800-rgb: 6, 95, 70;
  --bs-success-900-rgb: 6, 78, 59;
  --bs-warning-50-rgb: 255, 251, 235;
  --bs-warning-100-rgb: 254, 243, 199;
  --bs-warning-200-rgb: 253, 230, 138;
  --bs-warning-300-rgb: 252, 211, 77;
  --bs-warning-400-rgb: 251, 191, 36;
  --bs-warning-500-rgb: 245, 158, 11;
  --bs-warning-rgb: 245, 158, 11;
  --bs-warning-600-rgb: 217, 119, 6;
  --bs-warning-700-rgb: 180, 83, 9;
  --bs-warning-800-rgb: 146, 64, 14;
  --bs-warning-900-rgb: 120, 53, 15;
  --bs-error-50-rgb: 254, 242, 242;
  --bs-error-100-rgb: 254, 226, 226;
  --bs-error-200-rgb: 254, 202, 202;
  --bs-error-300-rgb: 252, 165, 165;
  --bs-error-400-rgb: 248, 113, 113;
  --bs-error-500-rgb: 239, 68, 68;
  --bs-error-rgb: 239, 68, 68;
  --bs-error-600-rgb: 220, 38, 38;
  --bs-error-700-rgb: 185, 28, 28;
  --bs-error-800-rgb: 153, 27, 27;
  --bs-error-900-rgb: 127, 29, 29;
  --bs-shades-0-rgb: 255, 255, 255;
  --bs-shades-100-rgb: 0, 0, 0;
}
/** Zain Variables **/ :root {
  --heading-theme-font: 'Manrope', sans-serif;
  --primary-theme-font: 'Inter', arial, sans-serif;
  --body-theme-font: 'Inter', arial, sans-serif;
  --bs-heading-color: var(--bs-neutral-900);
  --bs-body-color: var(--bs-neutral-500);
  --zdcb-mobile-header-icon-colour: var(--bs-primary-900);
  /* --zdcb-link-font-weight: 500; */
  --bs-link-color-rgb: var(--bs-primary-900-rgb);
  --bs-link-hover-color-rgb: var(--bs-primary-700-rgb);
  --bs-highlight-bg: var(--bs-primary-100);
  --swiper-navigation-color: var(--bs-neutral-400);
  /* --swiper-pagination-color: var(--bs-shades-0); */
  --swiper-pagination-bullet-active-color: var(--bs-primary);
  --swiper-pagination-bullet-inactive-color: var(--bs-neutral-200);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 0.5rem;
  --swiper-pagination-bullet-border-radius: 0;
  --zdcb-star-rating-colour: var(--bs-warning-500);
  --zdcb-star-rating-inactive-colour: transparent;
  --header-height: 71px;
}
body {
  background-color: var(--bs-shades-0);
}
/**
 * Adjust --header-height property based on screen size
 */
@media only screen and (min-width: 768px) {
  :root {
    --header-height: 71px;
  }
}
@media only screen and (min-width: 1024px) {
  :root {
    --header-height: 95px;
    /* --zdcb-block-spacing-large: 5rem; */
  }
}
/* @media only screen and (min-width: 1200px) {
  :root {
    --header-height: 145px;
  }
} */
main .zdcb-container-block {
  --zdcb-light-background: var(--bs-neutral-50);
  --zdcb-dark-background: var(--bs-primary-900);
  --zdcb-light-foreground: var(--bs-shades-0);
  --zdcb-dark-foreground: var(--bs-primary-900);
}
/** IMAGES **/
main.content img {
  border-radius: 0.75rem;
}
/** ICONS **/
/* ul.is-style-custom-icon li::before {
  background-image: url(../images/custom-list-icon.svg);
} */
/* ul.is-style-tickboxes.coating-systems {
  column-count: 2;
}
ul.is-style-tickboxes li::before {
  background-image: url(../images/tickbox.svg);
}
ul.is-style-custom-icon {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.is-style-custom-icon li {
  display: flex;
  align-items: center;
  break-inside: avoid;
  page-break-inside: avoid;
  padding: 0.5rem 0;
  line-height: 1.5;
  gap: 1rem;
  margin-bottom: 0;
}
ul.is-style-custom-icon li::before {
  position: relative;
  display: inline-block;
  content: "";
  background: url(../images/custom-checkbox.svg) 50% / cover no-repeat;
  flex: 0 0 32px;
  align-self: flex-start;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-right: 0;
} */
ul.is-style-tickboxes li {
  padding: 4px 0;
}
ul.is-style-tickboxes li::before {
  background: url(../images/tick-icon.svg) 50%/cover no-repeat;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}
/** TYPOGRAPHY **/
body > .wrap h1, body > .wrap h2, body > .wrap h3, body > .wrap h4, body > .wrap h5, body > .wrap h6 {
  font-family: var(--heading-theme-font);
  font-weight: 500 !important;
  font-style: normal;
}
body > .wrap h1 {
  font-size: 2.125rem;
  line-height: 1.2142;
}
body > .wrap h2 {
  font-size: 1.625rem;
  line-height: 1.2307;
}
body > .wrap h3 {
  font-size: 1.5rem;
  line-height: 1.25;
}
body > .wrap h4 {
  font-size: 1.375rem;
  line-height: 1.2727;
}
body > .wrap h5 {
  font-size: 1.25rem;
  line-height: 1.4;
}
body > .wrap h6 {
  font-size: 1.125rem;
  line-height: 1.3333;
}
@media only screen and (min-width: 768px) {
  body > .wrap h1 {
    font-size: 3rem;
    line-height: 1.1333;
  }
  body > .wrap h2 {
    font-size: 2.375rem;
    line-height: 1.1818;
  }
  body > .wrap h3 {
    font-size: 2rem;
    line-height: 1.2222;
  }
  body > .wrap h4 {
    font-size: 1.75rem;
    line-height: 1.25;
  }
  body > .wrap h5 {
    font-size: 1.4375rem;
    line-height: 1.2857;
  }
  body > .wrap h6 {
    font-size: 1.1875rem;
    line-height: 1.3;
  }
}
body>.wrap p.is-style-subtitle, 
body>.wrapper p.is-style-subtitle {
  line-height: 1.5;
}
/** BUTTONS **/
a:link, a:visited, a:not([class]):hover {
  text-decoration: none;
}
footer.site-footer a:not(.btn):hover, main.content a:not(.btn):not(.wp-element-button):not(.cards-item):hover {
  text-decoration: underline;
}
.btn, .wp-block-button.is-style-fill a.wp-block-button__link, .wp-block-button a.wp-block-button__link, header.banner .row.layout .nav-utilities .nav.cta .btn {
  --bs-btn-font-family: var(--body-theme-font);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-style: normal;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-shades-0);
  --bs-btn-bg: var(--bs-primary-500);
  --bs-btn-padding-y: 1.10rem;
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-border-width: 2px;
  --bs-btn-border-style: solid;
  --bs-btn-border-color: var(--bs-primary-500);
  --bs-btn-border-radius: 0.75rem;
  --bs-btn-hover-color: var(--bs-shades-100);
  --bs-btn-hover-border-color: var(--bs-primary-200);
  --bs-btn-hover-bg: var(--bs-primary-200);
  --bs-btn-active-color: var(--bs-shades-0);
  --bs-btn-active-border-color: var(--bs-primary-500);
  --bs-btn-active-bg: var(--bs-primary-500);
}
@media (max-width: 575px) {
  .btn, .wp-block-button.is-style-fill a.wp-block-button__link, .wp-block-button a.wp-block-button__link, header.banner .row.layout .nav-utilities .nav.cta .btn {
    --bs-btn-padding-x: 1.5rem;
  }
}
@media (max-width: 370px) {
  .btn, .wp-block-button.is-style-fill a.wp-block-button__link, .wp-block-button a.wp-block-button__link, header.banner .row.layout .nav-utilities .nav.cta .btn {
    --bs-btn-padding-x: 1.4rem;
  }
}
.btn.swiper-button-next, .btn.swiper-button-prev {
  /* --bs-btn-color: var(--swiper-navigation-color); */
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-width: 1px;
  --bs-btn-color: var(--bs-neutral-200);
  --bs-btn-border-color: var(--bs-neutral-200);
  --bs-btn-border-radius: 25rem;
  --bs-btn-hover-color: var(--bs-primary-300);
  --bs-btn-hover-bg: var(--bs-primary-50);
  --bs-btn-active-color: var(--bs-neutral-200);
  --bs-btn-active-bg: var(--bs-shades-0);
  --bs-btn-hover-border-color: var(--bs-neutral-200);
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
}
.is-style-outline a:link.wp-block-button__link, .is-style-outline a:visited.wp-block-button__link, .btn-outline {
  --bs-btn-color: var(--bs-neutral-900);
  --bs-btn-font-family: var(--body-theme-font);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-style: normal;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-color: var(--bs-primary-500);
  --bs-btn-hover-color: var(--bs-shades-100);
  --bs-btn-hover-bg: var(--bs-primary-200);
  --bs-btn-hover-border-color: var(--bs-primary-200);
  --bs-btn-padding-y: 1.10rem;
  --bs-btn-padding-x: 1.75rem;
}
.wp-block-buttons:first-child {
  margin-top: 0;
}
.wp-block-buttons:last-child {
  margin-bottom: 0;
}
.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link {
  --bs-btn-color: var(--bs-primary-900);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 0;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: var(--bs-primary-700);
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-color: var(--bs-primary-700);
  --bs-btn-active-bg: transparent;
}
.wp-block-buttons.btns-small a.wp-block-button__link, .btn-small {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
}
.btn-large {
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-padding-y: 1.25rem;
}
.btn-link {
  --bs-btn-color: var(--bs-primary-900);
  --bs-btn-hover-color: var(--bs-primary-700);
}
.btn-social {
  display: inline-flex !important;
  --bs-btn-font-size: 1rem;
  --bs-btn-color: var(--bs-shades-0);
  --bs-btn-bg: var(--bs-primary-900);
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-border-width: 1px;
  --bs-btn-border-style: solid;
  --bs-btn-border-color: var(--bs-primary-900);
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-color: var(--bs-neutral-900);
  --bs-btn-hover-border-color: var(--bs-primary-400);
  --bs-btn-hover-bg: var(--bs-primary-400);
  --bs-btn-active-color: var(--bs-neutral-900);
  --bs-btn-active-border-color: var(--bs-primary-500);
  --bs-btn-active-bg: var(--bs-primary-500);
}
/* .btn-primary, */
.btn-secondary {
  --bs-btn-color: var(--bs-neutral-900);
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-color: var(--bs-primary-500);
  --bs-btn-hover-color: var(--bs-shades-100);
  --bs-btn-hover-bg: var(--bs-primary-200);
  --bs-btn-hover-border-color: var(--bs-primary-200);
  --bs-btn-active-color: var(--bs-shades-0);
  --bs-btn-active-bg: var(--bs-primary-500);
  --bs-btn-active-border-color: var(--bs-primary-500);
}
/** HEADER **/
header.banner {
  --zdcb-dark-background: var(--bs-primary-900);
  --zdcb-header-color: var(--bs-neutral-900);
  --zdcb-header-hover-color: var(--bs-neutral-700);
  border-width: 0 0 1px;
  border-color: var(--bs-neutral-100);
  z-index: 99999;
}
header.banner .top-banner {
  color: var(--bs-shades-0);
  background-color: var(--bs-primary-500);
}
header.banner.has-background-style-light {
  --zdcb-light-background: var(--bs-shades-0);
}
header.banner .nav-primary ul li a .menu-arrow {
  margin-left: 0.5rem;
}
header nav.mobile .mobile__menu ul a:link, header nav.mobile .mobile__menu ul a:visited {
  font: normal 400 1.125rem/1 var(--body-theme-font) !important;
}
header nav.mobile .mobile__menu ul > li ul > li a:link, header nav.mobile .mobile__menu ul > li ul > li a:visited {
  padding-left: 1.5rem;
  font-size: 1rem !important;
}
header.banner .nav-primary ul li.dropdown .dropdown-menu {
  background: var(--bs-shades-0);
  border: 1px solid var(--bs-shades-0);
  box-shadow: 0 6px 12px 0 rgba(16, 26, 49, 0.07);
}
header.banner .nav-primary ul li.dropdown .dropdown-menu a:link, header.banner .nav-primary ul li.dropdown .dropdown-menu a:visited {
  font: normal 500 0.875rem/1.5 var(--body-theme-font);
}
 body.home header nav.mobile, header nav.mobile{
  height: calc(100vh - var(--header-height));
  /*--header-height: 76px;*/
}
 body.home header.timer-enable nav.mobile{
  height: calc(100vh - var(--header-height));
  /*--header-height: 133px;*/
}
@media(min-width:1024px){
 body.home header nav.mobile, header nav.mobile{
  height: calc(100vh - var(--header-height));
  /*--header-height: 100px;*/
}
 body.home header.timer-enable nav.mobile{
  height: calc(100vh - var(--header-height));
  /*--header-height: 141px;*/
}
}
@media(max-width:574.55px){
  body.home header.timer-enable nav.mobile, header.timer-enable nav.mobile {
    height: calc(100vh - var(--header-height));
    /*--header-height: 160px;*/
}
}
@media (min-width: 1200px) {
    header.banner a.brand {
    	width: 300px;
    }
}
@media (min-width: 1630px) {
    header.banner a.brand {
        width: 345px;
    }
}
.dropdown-menu {
  --bs-dropdown-bg: transparent;
}
.content .single-breadcrumb {
  background-color: var(--bs-shades-0);
  border: solid var(--bs-neutral-100);
  border-width: 0 0 1px;
}
.content .single-breadcrumb .icon {
  color: var(--bs-neutral-300);
}
.content .single-breadcrumb a, .content .single-breadcrumb nav.rank-math-breadcrumb p a, .content .single-breadcrumb nav.rank-math-breadcrumb p span.last, .content .single-breadcrumb a .icon {
  color: var(--bs-neutral-500);
}
/** FOOTER **/
footer.site-footer .widget_nav_menu .menu li a {
  font: 500 1.125rem/1.5 var(--heading-theme-font);
}
footer.site-footer {
  --zdcb-footer-color: var(--bs-neutral-900);
  --zdcb-footer-hover-color: var(--bs-neutral-500);
  border: 0;
  /*display: none !important;*/
}
footer.site-footer.has-background-style-light {
  --zdcb-light-background: var(--bs-shades-0);
}
footer.site-footer .widget .wp-block-heading {
  --bs-heading-color: var(--zdcb-footer-color);
  color: var(--bs-heading-color);
  font-family: var(--heading-theme-font);
}
footer.site-footer .widget .gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-html p,
footer.site-footer .widget .gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-html p a {
  font-size: 0.75rem;
  color: var(--bs-primary-700);
  font-weight: 400;
}
footer.site-footer .widget .gform_wrapper.gravity-theme .gform_footer {
  margin: 0;
  padding: 0;
}

/*Featured Icons Section*/
.zdcb-container-block.course-features-section img {
  border-radius: 0;
}
.zdcb-container-block.course-features-section > * {
  color: var(--bs-neutral-900);
}
.zdcb-container-block.course-features-section .course-features--item h2 {
  margin: 0;
}
.zdcb-container-block.course-features-section p {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .zdcb-container-block.course-features-section .course-features--item h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .zdcb-container-block.course-features-section .wp-block-columns-is-layout-flex {
    --zdcb-column-gap: 20px;
  }
  .zdcb-container-block.course-features-section figure {
    margin: 0 0 1.25rem;
  }
  .zdcb-container-block.course-features-section .course-features--item h2 {
    font-size: 2rem;
  }
  .zdcb-container-block.course-features-section p {
    margin: 1.15rem 0;
  }
}
@media (min-width: 1200px) {
  .zdcb-container-block.course-features-section .course-features--item h2 {
    font-size: 2.75rem;
  }
}
.zdcb-container-block.course-features-section .course-features--item {
  margin: 0;
}
@media (max-width: 1023px) {
  .zdcb-container-block.course-features-section .wp-block-columns {
    flex-wrap: wrap !important;
  }
  .zdcb-container-block.course-features-section .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] {
    flex-grow: 1;
  }
  .zdcb-container-block.course-features-section .course-features--item.wp-block-columns-is-layout-flex {
    gap: 2rem 1.5rem;
  }
  .wp-block-columns.course-features--item:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: calc(50% - 0.75rem) !important;
    flex-grow: 0;
  }
}

/*Featured Lecturers Section*/
.zdcb-container-block.featured-lecturers-section :where(.wp-block-columns) {
  margin-bottom: 1rem;
}
.zdcb-container-block.featured-lecturers-section .wp-block-columns-is-layout-flex {
  gap: 1rem 2rem;
}
.zdcb-container-block.featured-lecturers-section .featured-lecturers--item .wp-block-columns-is-layout-flex {
  gap: 1rem;
}
.zdcb-container-block.featured-lecturers-section .featured-lecturers--item .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:first-child {
  width: 56px;
  flex-basis: 56px !important;
  flex-shrink: 0;
  align-content: center;
}
.zdcb-container-block.featured-lecturers-section .featured-lecturers--item .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:first-child figure {
  margin-bottom: 0;
}
.zdcb-container-block.featured-lecturers-section .featured-lecturers--item .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:first-child figure img {
  border-radius: 200px;
  border: 1px solid var(--bs-neutral-200);
}
.zdcb-container-block.featured-lecturers-section .featured-lecturers--item h6 {
  margin: 0;
}
.zdcb-container-block.featured-lecturers-section .featured-lecturers--item p {
  color: var(--bs-neutral-500);
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 1023px) {
  .zdcb-container-block.featured-lecturers-section .wp-block-columns-is-layout-flex {
    flex-wrap: wrap !important;
  }
  .zdcb-container-block.featured-lecturers-section .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: calc(50% - 1rem) !important;
  flex-grow: 0;
  }
}
@media (max-width: 500px) {
  .zdcb-container-block.featured-lecturers-section .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: 100% !important;
  }
}
/**/
.page-template-page-thank-you .wrap > .content .icon-wrapper .icon__background, .error404 .wrap > .content .icon-wrapper .icon__background {
  color: var(--bs-shades-0);
  background: var(--bs-primary-500);
}
/*Homepage Course Features Section*/
.course-features-wrapper .wp-block-buttons.is-content-justification-right {
  margin-top: 1.5rem;
}
@media (max-width: 781px) {
  .course-features-wrapper .wp-block-buttons.is-content-justification-right {
    justify-content: flex-start;
    margin-top: 0;
  }
  .zdcb-container-block.course-features-wrapper .wp-block-columns-is-layout-flex {
    gap: 1.5rem;
  }
}
/*CTA Section*/
.zdcb-container-block.cta-section h1, .zdcb-container-block.cta-section h2, .zdcb-container-block.cta-section h2, .zdcb-container-block.cta-section p {
  color: var(--bs-shades-0);
}
@media only screen and (min-width: 768px) {
  .zdcb-container-block.cta-section h2 {
    font-size: 3rem;
  }
}
.zdcb-container-block.cta-section .btn, 
.zdcb-container-block.cta-section .wp-block-button.is-style-fill a.wp-block-button__link, 
.zdcb-container-block.cta-section .wp-block-button a.wp-block-button__link {
  --bs-btn-color: var(--bs-neutral-900);
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-color: var(--bs-neutral-50);

  --bs-btn-hover-color: var(--bs-shades-100);
  --bs-btn-hover-bg: var(--bs-primary-200);
  --bs-btn-hover-border-color: var(--bs-primary-200);

  --bs-btn-active-color: var(--bs-neutral-900);
  --bs-btn-active-bg: var(--bs-shades-0);
  --bs-btn-active-border-color: var(--bs-neutral-50);
}
.zdcb-container-block.cta-section .has-padding--around {
  padding: 2rem !important;
}
@media (min-width:1200px) {
  .zdcb-container-block.cta-section .has-padding--around {
    padding: 4rem !important;
  }
}
.zdcb-container-block.cta-section :where(.wp-block-columns):last-child {
  margin-bottom: 0;
}
.zdcb-container-block.what-you-get :where(.wp-block-columns):last-child {
  margin-bottom: 0;
}


/*****************************************/
.zdcb-container-block.has-padding--around--small {
  padding: 2.25rem !important;
}
.zdcb-container-block.is-style-rounded {
    border-radius: 12px;
    overflow: hidden;
}
.gform_wrapper.gravity-theme .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper.gravity-theme .gform_body .gfield textarea {
    font: 400 normal 1rem var(--body-theme-font);
    border: 1px solid var(--bs-neutral-200);
    background: var(--bs-shades-0);
    padding: 0.625erm 1rem !important;
    border-radius: 0.8rem;
}
.gform_wrapper.gravity-theme .gform_body .gfield textarea{
  resize: none;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-date label.gfield_label{
  left: 0 !important;
  transform: none !important;
  position: relative !important;
  padding-left: 0 !important;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-date label.gfield_label.focussed{
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 1rem !important;
    transform: none !important;
}
.gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100% !important;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-date .ginput_container img {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 20px;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-html h4{
  margin-top: 10px !important;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 500 !important;
}
.gform_wrapper.gravity-theme .gform_body .gfield_checkbox .form-check-input:checked {
    box-shadow: none;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-checkbox.hidden_label .gfield_checkbox .form-check-label{
  margin-left: 0.5rem;
  color:var(--bs-neutral-600) ;
  font-size: 0.875rem;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-checkbox.hidden_label .gfield_checkbox .form-check-label a{
  font-weight: 600;
  color: var(--bs-primary-900);
  text-decoration: underline;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-checkbox.hidden_label .gfield_checkbox .form-check-label a:hover{
  text-decoration: none;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 0px;
}
.gform_wrapper.gravity-theme .gform_body .gfield_error.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper.gravity-theme .gform_body .gfield_error.gfield textarea {
    color: var(--bs-neutral-500);
}
.gform_wrapper.gravity-theme .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder {
    font-size: 1rem;
    color: var(--bs-neutral-500)
}
.gform_wrapper.gravity-theme .gform_body .gfield textarea::-webkit-input-placeholder {
    font-size: 1rem;
    color: var(--bs-neutral-500)
}
.gform_wrapper.gravity-theme .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,.gform_wrapper.gravity-theme .gform_body .gfield textarea::placeholder {
    font-size: 1rem;
    color: var(--bs-neutral-500)
}
.gform_wrapper.gravity-theme .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder {
    font-size: 1rem;
    color: var(--bs-neutral-500)
}
.gform_wrapper.gravity-theme .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-placeholder {
    font-size: 1rem;
    color: var(--bs-neutral-500)
}
.gform_wrapper.gravity-theme .gform_body .gfield textarea::-moz-placeholder {
    font-size: 1rem;
    color: var(--bs-neutral-500)
}
.gform_wrapper.gravity-theme .gform_body .gfield textarea::-ms-placeholder {
    font-size: 1rem;
    color: var(--bs-neutral-500)
}

/** SELECT2 **/
.select2-container--default .select2-selection.select2-selection--single,
.select2-container--default.select2-container--open.select2-dropdown--below .select2-selection.select2-selection--single,
.select2-container--default.select2-container--open.select2-dropdown--below .select2-selection.select2-selection--multiple {
  border-radius: 0.8rem;
}
.select2-container--default.select2-container--open .select2-dropdown--below {
  border-radius: 0 0 0.8rem 0.8rem;
}
.contact .select2-container--default .select2-selection--single,
.register-interest .select2-container--default .select2-selection--single {
  border-radius: 0.8rem;
}
.select2-container--default.select2-container--open .select2-selection--single {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.select2-container--default .select2-selection.select2-selection--single {
    border-color: var(--bs-neutral-200);
    padding: .625rem 1rem;
}
.select2-dropdown{
  border-color: var(--bs-neutral-200);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-neutral-500) !important;
    padding-left: 0 !important;
}
.gform_wrapper.gravity-theme .gform_body .gfield_checkbox .gchoice{
  margin-bottom: 0;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-checkbox legend.gfield_label+.ginput_container_checkbox{
  margin-top: 0;
}
.gform_wrapper.gravity-theme .gform_body .gfield_error.gfield .gfield_checkbox .form-check-input {
    --bs-border-color: var(--bs-error-500);
}
.gform_wrapper.gravity-theme .gform_body .gfield_error.gfield .gfield_description.validation_message{
  color: var(--bs-error-500);
}
/******************************************
           Page ID CSS
******************************************/
/*#enrol-form >.zdcb-container-block .col-12.content:not(.page-id-2304 header.zdcb-container-block .col-12.content), #enrol-form >.zdcb-container-block .col-12:not(.page-id-2304 header.zdcb-container-block .col-12), #enrol-form >.zdcb-container-block .col-12.content:not(.page-id-2153 header.zdcb-container-block .col-12.content), #enrol-form >.zdcb-container-block .col-12:not(.page-id-2153 header.zdcb-container-block .col-12){*/
/*  max-width: 800px;*/
/*  margin: 0 auto;*/
/*}*/
/*#enrol-form >.zdcb-container-block.custom-width .col-12.content:not(.page-id-2014 header.zdcb-container-block .col-12.content), #enrol-form >.zdcb-container-block.custom-width .col-12:not(.page-id-2014 header.zdcb-container-block .col-12){*/
/*  max-width: 800px;*/
/*  margin: 0 auto;*/
/*}*/
#enrol-form.zdcb-container-block .col-12.content{
  margin: 0 auto;
  max-width: 800px;
}
/******************************************
           Timer CSS
******************************************/
.top-timmer .top-banner .col{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-direction:column;
  flex-wrap: wrap;
}
@media(min-width:575px){
.top-timmer .top-banner .col{
  flex-wrap: nowrap;
  gap: 20px;
  flex-direction:row;
} 
}
.top-timmer .next-enrol{
  font-size: 1.25rem;
  font-weight: 700;
  font-family: var(-body-theme-font);
}
.top-timmer .countdown .countdown-list{
  list-style: none;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.top-timmer .countdown .countdown-list li{
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(-body-theme-font);
}
.top-timmer .countdown .countdown-list li span{
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  font-family: var(-body-theme-font);
}
.zdcb-container-block .enrolment-bar .next-enrol:not(.top-timmer .next-enrol) {
  font-size: 1.4375rem;
  font-weight: 500;
  color: var(--bs-primary-900);
  margin-bottom: 1.25rem;
  display: block;
  font-family: var(--heading-theme-font);
}
.zdcb-container-block .enrolment-bar .countdown .countdown-list:not(.top-timmer .countdown .countdown-list){
  list-style: none;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  padding: 0;
  flex-wrap: wrap;
}
.zdcb-container-block .enrolment-bar .countdown .countdown-list li:not(.top-timmer .countdown .countdown-list li) {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--bs-neutral-50);
    color: var(--bs-primary-500);
    min-width: 134px;
    min-height: 134px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    font-family: var(--heading-theme-font);
    margin: 0;
}
@media(max-width:350px){
.zdcb-container-block .enrolment-bar .countdown .countdown-list li:not(.top-timmer .countdown .countdown-list li) {
    min-width: 115px;
    min-height: 115px; 
}  
}
.zdcb-container-block .enrolment-bar .countdown .countdown-list li span:not(.top-timmer .countdown .countdown-list li span){
  display: flex;
  flex-direction: column;
  font-size: 2.875rem;
  font-weight: 800;
  line-height: 1;
  color: var(--bs-primary-900);
  font-family: var(--body-theme-font);
}
.top-timmer .enrolment-bar p{
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
body > .wrap .zdcb-container-block .enrolment-bar p{
  font-size: 1.25rem;
  font-weight: 700;
}
.top-timmer .enrolment-bar .btn{
    --bs-btn-color: var(--bs-neutral-900);
    --bs-btn-bg: var(--bs-shades-0);
    --bs-btn-border-color: var(--bs-neutral-50);
    --bs-btn-hover-color: var(--bs-shades-100);
    --bs-btn-hover-bg: var(--bs-primary-200);
    --bs-btn-hover-border-color: var(--bs-primary-200);
    --bs-btn-active-color: var(--bs-neutral-900);
    --bs-btn-active-bg: var(--bs-shades-0);
    --bs-btn-active-border-color: var(--bs-neutral-50);
    --bs-btn-padding-y: 0.625rem;
    --bs-btn-padding-x: 1.25rem;
}


/***************************************
            Table Style
***************************************/
.wp-block-table.is-style-stripes {
    border: 1px solid var(--bs-neutral-200) !important;
}
.is_table_heading{
    background-color: var(--bs-primary-500);
    border-bottom: 0px;
    color: var(--bs-shades-0);
    padding: 0.75rem 0.5rem;
    font-weight: 500 !important;
    margin: 0 auto;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 33.33%;
}
@media(min-width:1024px){
 .is_table_heading{
  padding: 1rem 1rem;
 }
} 
.wp-block-table.is-style-stripes thead {
    border-bottom: 3px solid var(--bs-neutral-200);
}
.wp-block-table.is-style-stripes th {
    padding: 0.75rem 0.5rem;
    background-color: var(--bs-neutral-100);
    color: var(--bs-primary-900);
    font-size: 1.125rem;
}
.wp-block-table.is-style-stripes tr td{
    background-color: var(--bs-shades-0);
    border-bottom: 1px solid var(--bs-neutral-200);
    padding: 0.75rem 0.5rem;
}
@media(min-width:1024px){
.wp-block-table.is-style-stripes th {
  padding: 1.25rem 1rem;
  font-size: 1.375rem;
 } 
 .wp-block-table.is-style-stripes tr td{
  padding: 1rem 1rem;
 }
}
.wp-block-table.is-style-stripes tr td:nth-child(2){
    background-color: var(--bs-primary-100);
}

