/*----------------------------------------------------------------------
 * 							AYYASH MAIN STYLE
 *----------------------------------------------------------------------*/
/**
 * Variables.
 */
/**
 * Variables.
 */
:root {
  /* Global Colors */
  --ayyash-color-primary: #064AF3;
  --ayyash-color-secondary: #08A3EE;
  --ayyash-color-heading: #101318;
  --ayyash-color-global: #494C51;
  --ayyash-color-content-bg: #F4F5F5;
  --ayyash-color-site-bg: #FFFFFF;
  --ayyash-color-border: #DEE1E7;
  --ayyash-color-credit: #101318;
  --ayyash-color-credit-bg: #F4F5F5;
  --ayyash-color-gradient: var(--ayyash-color-secondary);
  /* Global Elementor Colors*/
  --e-global-color-ayyash_ac: var(--ayyash-color-primary);
  --e-global-color-ayyash_ahc: var(--ayyash-color-secondary);
  --e-global-color-ayyash_hc: var(--ayyash-color-heading);
  --e-global-color-ayyash_tc: var(--ayyash-color-global);
  --e-global-color-ayyash_cbc: var(--ayyash-color-content-bg);
  --e-global-color-ayyash_sbc: var(--ayyash-color-site-bg);
  --e-global-color-ayyash_boc: var(--ayyash-color-border);
  --e-global-color-ayyash_credit: var(--ayyash-color-credit);
  --e-global-color-ayyash_credit_bg: var(--ayyash-color-credit-bg);
  --e-global-color-ayyash_gradient: var(--ayyash-color-gradient);
  /** Ayyash Main Header Colors **/
  --ayyash-color-header-bg: var(--ayyash-color-site-bg);
  /** Ayyash Secondary Header Colors **/
  --ayyash-color-secondary-header: #ffffff;
  --ayyash-color-secondary-header-bg: var(--ayyash-color-primary);
  --ayyash-color-secondary-header-social-icon: #ffffff;
  --ayyash-color-secondary-header-social-icon-hover: #ffffff;
  --ayyash-color-secondary-header-social-icon-hover-bg: var(--ayyash-color-secondary);
  /** Ayyash Main Menu Colors **/
  --ayyash-color-main-menu: var(--ayyash-color-global);
  --ayyash-color-main-menu-hover: var(--ayyash-color-primary);
  /** Ayyash Sub Menu Colors **/
  --ayyash-color-sub-menu: var(--ayyash-color-global);
  --ayyash-color-sub-menu-bg: #ffffff;
  --ayyash-color-sub-menu-border: var(--ayyash-color-border);
  --ayyash-color-sub-menu-hover: var(--ayyash-color-primary);
  --ayyash-color-sub-menu-bg-hover: var(--ayyash-color-content-bg);
  /** Ayyash Mega Menu Colors **/
  --ayyash-color-mega-menu-column-title: var(--ayyash-color-primary);
  --ayyash-color-mega-menu-column-title-hover: var(--ayyash-color-secondary);
  --ayyash-color-mega-menu-item: var(--ayyash-color-global);
  --ayyash-color-mega-menu-item-hover: var(--ayyash-color-primary);
  --ayyash-color-mega-menu-bg: #ffffff;
  /** Ayyash Mobile Menu Colors **/
  --ayyash-color-mobile-menu: var(--ayyash-color-heading);
  --ayyash-color-mobile-menu-hover: var(--ayyash-color-heading);
  --ayyash-color-mobile-menu-border: var(--ayyash-color-border);
  --ayyash-color-mobile-menu-bg: #ffffff;
  --ayyash-color-mobile-menu-bg-hover: var(--ayyash-color-content-bg);
  /** Ayyash Breadcrumb Area Colors **/
  --ayyash-color-breadcrumb: var(--ayyash-color-heading);
  --ayyash-color-breadcrumb-bg: var(--ayyash-color-content-bg);
  /** Ayyash Sidebar Colors**/
  --ayyash-color-sidebar: var(--ayyash-color-global);
  --ayyash-color-sidebar-heading: var(--ayyash-color-heading);
  /** Ayyash Footer Colors **/
  --ayyash-color-footer: var(--ayyash-color-global);
  --ayyash-color-footer-heading: var(--ayyash-color-heading);
  --ayyash-color-footer-link: var(--ayyash-color-heading);
  --ayyash-color-footer-link-hover: var(--ayyash-color-secondary);
  --ayyash-color-footer-bg: var(--ayyash-color-light-bg);
  /** Ayyash Secondary Footer **/
  --ayyash-color-secondary-footer: var(--ayyash-color-global);
  --ayyash-color-secondary-footer-link: var(--ayyash-color-primary);
  --ayyash-color-secondary-footer-link-hover: var(--ayyash-color-secondary);
  --ayyash-color-secondary-footer-bg: var(--ayyash-color-light-bg);
  --ayyash-color-secondary-footer-set-bg: var(--ayyash-color-content-bg);
  /** Ayyash Footer Social Icon **/
  --ayyash-color-footer-social-icon: #ffffff;
  --ayyash-color-footer-social-icon-hover: #ffffff;
  --ayyash-color-footer-social-icon-bg: var(--ayyash-color-primary);
  --ayyash-color-footer-social-icon-bg-hover: var(--ayyash-color-secondary);
  /* Global typography */
  --ayyash-global-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --ayyash-global-font-size: 16px;
  --ayyash-global-font-weight: 400;
  --ayyash-global-font-style: normal;
  --ayyash-global-line-height: 1.6;
  --ayyash-global-text-transform: none;
  --ayyash-global-letter-spacing: 0;
  --ayyash-global-word-spacing: 0;
  /** Heading Typography **/
  --ayyash-heading-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --ayyash-heading-font-weight: 600;
  --ayyash-heading-font-style: normal;
  --ayyash-heading-line-height: 1.3;
  --ayyash-heading-text-transform: none;
  --ayyash-heading-letter-spacing: 0;
  --ayyash-heading-word-spacing: 0;
  /* Base size */
  --ayyash-font-size-scale: 1.125;
  --ayyash-font-size-base: 1rem;
  --ayyash-line-height-base: 1.6;
  --ayyash-line-height-header: 1.3;
  /* Small sizes */
  --ayyash-small-font-size: 0.889rem;
  --ayyash-x-small-font-size: 0.79rem;
  --ayyash-2x-small-font-size: 0.702rem;
  /* Large sizes */
  --ayyash-h6-font-size: 1rem;
  --ayyash-h5-font-size: 1.125rem;
  --ayyash-h4-font-size: 1.266rem;
  --ayyash-h3-font-size: 1.424rem;
  --ayyash-h2-font-size: 1.602rem;
  --ayyash-h1-font-size: 1.802rem;
  /* Font Weights */
  --ayyash-lighter-font-weight: lighter;
  --ayyash-100-font-weight: 100;
  --ayyash-200-font-weight: 200;
  --ayyash-light-font-weight: 300;
  --ayyash-300-font-weight: 300;
  --ayyash-normal-font-weight: 400;
  --ayyash-regular-font-weight: 400;
  --ayyash-400-font-weight: 400;
  --ayyash-500-font-weight: 500;
  --ayyash-600-font-weight: 600;
  --ayyash-bold-font-weight: 700;
  --ayyash-700-font-weight: 700;
  --ayyash-800-font-weight: 800;
  --ayyash-900-font-weight: 900;
  --ayyash-bolder-font-weight: bolder;
  /* Status Colors */
  --alpha: "0.1";
  --ayyash-color-success: #087E8C;
  --ayyash-color-success-bg: rgba(8, 126, 140, 0.1);
  --ayyash-color-info: #064AF3;
  --ayyash-color-info-bg: rgba(6, 74, 243, 0.1);
  --ayyash-color-warning: #F29438;
  --ayyash-color-warning-bg: rgba(242, 148, 56, 0.1);
  --ayyash-color-danger: #FB5A46;
  --ayyash-color-danger-bg: rgba(251, 90, 70, 0.1);
  /* Global Elementor typography */
  --e-global-typography-ayyash_global-font-family: var(--ayyash-global-font-family);
  --e-global-typography-ayyash_global-font-weight: var(--ayyash-global-font-weight);
  --e-global-typography-ayyash_h1-font-family: var(--ayyash-h1-font-family, var(--ayyash-heading-font-family));
  --e-global-typography-ayyash_h1-font-weight: var(--ayyash-h1-font-weight, var(--ayyash-heading-font-weight));
  --e-global-typography-ayyash_h2-font-family: var(--ayyash-h2-font-family, var(--ayyash-heading-font-family));
  --e-global-typography-ayyash_h2-font-weight: var(--ayyash-h2-font-weight, var(--ayyash-heading-font-weight));
  --e-global-typography-ayyash_h3-font-family: var(--ayyash-h3-font-family, var(--ayyash-heading-font-family));
  --e-global-typography-ayyash_h3-font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight));
  --e-global-typography-ayyash_h4-font-family: var(--ayyash-h4-font-family, var(--ayyash-heading-font-family));
  --e-global-typography-ayyash_h4-font-weight: var(--ayyash-h4-font-weight, var(--ayyash-heading-font-weight));
  --e-global-typography-ayyash_h5-font-family: var(--ayyash-h5-font-family, var(--ayyash-heading-font-family));
  --e-global-typography-ayyash_h5-font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
  --e-global-typography-ayyash_h6-font-family: var(--ayyash-h6-font-family, var(--ayyash-heading-font-family));
  --e-global-typography-ayyash_h6-font-weight: var(--ayyash-h6-font-weight, var(--ayyash-heading-font-weight));
  /** Ayyash Menu Typography **/
  --ayyash-menu-font-family: var(--ayyash-global-font-family);
  --ayyash-menu-font-size: var(--ayyash-global-font-size);
  --ayyash-menu-font-weight: var(--ayyash-500-font-weight);
  --ayyash-menu-font-style: var(--ayyash-global-font-style);
  --ayyash-menu-text-transform: var(--ayyash-global-text-transform);
  --ayyash-menu-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-menu-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Submenu Menu Typography **/
  --ayyash-sub-menu-font-family: var(--ayyash-global-font-family);
  --ayyash-sub-menu-font-size: var(--ayyash-global-font-size);
  --ayyash-sub-menu-font-weight: var(--ayyash-global-font-weight);
  --ayyash-sub-menu-font-style: var(--ayyash-global-font-style);
  --ayyash-sub-menu-line-height: var(--ayyash-global-line-height);
  --ayyash-sub-menu-text-transform: var(--ayyash-global-text-transform);
  --ayyash-sub-menu-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-sub-menu-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Mega Menu Typography **/
  --ayyash-mega-menu-column-title-font-size: var(--ayyash-global-font-size);
  --ayyash-mega-menu-column--title-font-weight: var(--ayyash-500-font-weight);
  --ayyash-mega-menu-font-family: var(--ayyash-global-font-family);
  --ayyash-mega-menu-font-size: var(--ayyash-global-font-size);
  --ayyash-mega-menu-font-weight: var(--ayyash-global-font-weight);
  --ayyash-mega-menu-font-style: var(--ayyash-global-font-style);
  --ayyash-mega-menu-line-height: var(--ayyash-global-line-height);
  --ayyash-mega-menu-text-transform: var(--ayyash-global-text-transform);
  --ayyash-mega-menu-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-mega-menu-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Mobile Menu Typography **/
  --ayyash-mobile-menu-font-family: var(--ayyash-global-font-family);
  --ayyash-mobile-menu-font-size: var(--ayyash-global-font-size);
  --ayyash-mobile-menu-font-weight: var(--ayyash-500-font-weight);
  --ayyash-mobile-menu-font-style: var(--ayyash-global-font-style);
  --ayyash-mobile-menu-line-height: 1.2;
  --ayyash-mobile-menu-text-transform: var(--ayyash-global-text-transform);
  --ayyash-mobile-menu-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-mobile-menu-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Site Title Typography **/
  --ayyash-site-title-font-family: var(--ayyash-heading-font-family);
  --ayyash-site-title-font-size: var(--ayyash-h1-font-size);
  --ayyash-site-title-font-weight: var(--ayyash-global-font-weight);
  --ayyash-site-title-font-style: var(--ayyash-global-font-style);
  --ayyash-site-title-line-height: var(--ayyash-global-line-height);
  --ayyash-site-title-text-transform: var(--ayyash-global-text-transform);
  --ayyash-site-title-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-site-title-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Site Tag typography **/
  --ayyash-site-tag-font-family: var(--ayyash-global-font-family);
  --ayyash-site-tag-font-size: 0.875rem;
  --ayyash-site-tag-font-weight: var(--ayyash-global-font-weight);
  --ayyash-site-tag-font-style: var(--ayyash-global-font-style);
  --ayyash-site-tag-line-height: var(--ayyash-global-line-height);
  --ayyash-site-tag-text-transform: var(--ayyash-global-text-transform);
  --ayyash-site-tag-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-site-tag-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Sidebar widget title typography **/
  --ayyash-sidebar-widget-title-font-family: var(--ayyash-heading-font-family);
  --ayyash-sidebar-widget-title-font-size: var(--ayyash-h3-font-size);
  --ayyash-sidebar-widget-title-font-weight: var(--ayyash-global-font-weight);
  --ayyash-sidebar-widget-title-font-style: var(--ayyash-global-font-style);
  --ayyash-sidebar-widget-title-line-height: var(--ayyash-global-line-height);
  --ayyash-sidebar-widget-title-text-transform: var(--ayyash-global-text-transform);
  --ayyash-sidebar-widget-title-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-sidebar-widget-title-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Sidebar widget body typography **/
  --ayyash-sidebar-widget-body-font-family: var(--ayyash-global-font-family);
  --ayyash-sidebar-widget-body-font-size: var(--ayyash-global-font-size);
  --ayyash-sidebar-widget-body-font-weight: var(--ayyash-global-font-weight);
  --ayyash-sidebar-widget-body-font-style: var(--ayyash-global-font-style);
  --ayyash-sidebar-widget-body-line-height: var(--ayyash-global-line-height);
  --ayyash-sidebar-widget-body-text-transform: var(--ayyash-global-text-transform);
  --ayyash-sidebar-widget-body-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-sidebar-widget-body-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Footer widget title typography **/
  --ayyash-footer-widget-title-font-family: var(--ayyash-heading-font-family);
  --ayyash-footer-widget-title-font-size: var(--ayyash-h3-font-size);
  --ayyash-footer-widget-title-font-weight: var(--ayyash-global-font-weight);
  --ayyash-footer-widget-title-font-style: var(--ayyash-global-font-style);
  --ayyash-footer-widget-title-line-height: var(--ayyash-global-line-height);
  --ayyash-footer-widget-title-text-transform: var(--ayyash-global-text-transform);
  --ayyash-footer-widget-title-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-footer-widget-title-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Footer widget body typography **/
  --ayyash-footer-widget-body-font-family: var(--ayyash-global-font-family);
  --ayyash-footer-widget-body-font-size: var(--ayyash-global-font-size);
  --ayyash-footer-widget-body-font-weight: var(--ayyash-global-font-weight);
  --ayyash-footer-widget-body-font-style: var(--ayyash-global-font-style);
  --ayyash-footer-widget-body-line-height: var(--ayyash-global-line-height);
  --ayyash-footer-widget-body-text-transform: var(--ayyash-global-text-transform);
  --ayyash-footer-widget-body-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-footer-widget-body-word-spacing: var(--ayyash-global-word-spacing);
  /** Ayyash Credits typography **/
  --ayyash-secondary-footer-font-family: var(--ayyash-global-font-family);
  --ayyash-secondary-footer-font-size: var(--ayyash-global-font-size);
  --ayyash-secondary-footer-font-weight: var(--ayyash-global-font-weight);
  --ayyash-secondary-footer-font-style: var(--ayyash-global-font-style);
  --ayyash-secondary-footer-line-height: var(--ayyash-global-line-height);
  --ayyash-secondary-footer-text-transform: var(--ayyash-global-text-transform);
  --ayyash-secondary-footer-letter-spacing: var(--ayyash-global-letter-spacing);
  --ayyash-secondary-footer-word-spacing: var(--ayyash-global-word-spacing);
  /* Contact form 7 */
  --ayyash-wpcf7-padding-top: var(--ayyash-gap-15);
  --ayyash-wpcf7-padding-bottom: var(--ayyash-gap-15);
  --ayyash-wpcf7-padding-left: var(--ayyash-gap-20);
  --ayyash-wpcf7-padding-right: var(--ayyash-gap-15);
  --ayyash-wpcf7-border-radius: 0;
  --ayyash-wpcf7-textarea-height: 12.5rem;
  /*gap for margin and padding */
  --ayyash-gap-8: 0.5rem;
  --ayyash-gap-10: 0.625rem;
  --ayyash-gap-16: 1rem;
  --ayyash-gap-15: 0.938rem;
  --ayyash-gap-20: 1.25rem;
  --ayyash-gap-25: 1.563rem;
  --ayyash-gap-30: 1.875rem;
  --ayyash-gap-35: 2.188rem;
  --ayyash-gap-40: 2.5rem;
  --ayyash-gap-45: 2.813rem;
  --ayyash-gap-50: 3.125rem;
  --ayyash-gap-55: 3.438rem;
  --ayyash-gap-60: 3.75rem;
  --ayyash-gap-65: 4.063rem;
  --ayyash-gap-70: 4.375rem;
  --ayyash-gap-75: 4.688rem;
  --ayyash-gap-80: 5rem;
  --ayyash-gap-85: 5.313rem;
  --ayyash-gap-90: 5.625rem;
  --ayyash-gap-95: 5.938rem;
  --ayyash-gap-100: 6.25rem;
  --ayyash-gap-120: 7.50rem;
  /* Heading button */
  --ayyash-color-header-button-bg: var(--ayyash-color-primary);
  --ayyash-color-header-button: #ffffff;
  --ayyash-color-header-button-hover-bg: var(--ayyash-color-secondary);
  --ayyash-color-header-button-hover: #ffffff;
  --ayyash-header-button-line-height: 1;
  --ayyash-color-header-button-border-hover: transparent;
  /* Sticky post */
  --ayyash-color-sticky-bg: #edf2ef;
  /* Blog & pages */
  --ayyash-post-content-alignment: left;
  --ayyash-page-content-alignment: left;
}

#ayyash-preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999999;
  background: #ffffff;
}

.ayyash-preloader__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.ayyash-preloader__content p {
  margin: 0;
}

::-moz-selection {
  background: var(--ayyash-color-secondary);
  color: #ffffff;
}

::selection {
  background: var(--ayyash-color-secondary);
  color: #ffffff;
}

p:empty {
  display: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.heading-size-1, .heading-size-2,
.heading-size-3, .heading-size-4,
.heading-size-5, .heading-size-6,
.faux-heading {
  color: var(--ayyash-color-heading);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
.heading-size-1 a, .heading-size-2 a,
.heading-size-3 a, .heading-size-4 a,
.heading-size-5 a, .heading-size-6 a,
.faux-heading a {
  color: var(--ayyash-color-heading);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover,
.heading-size-1 a:hover, .heading-size-2 a:hover,
.heading-size-3 a:hover, .heading-size-4 a:hover,
.heading-size-5 a:hover, .heading-size-6 a:hover,
.faux-heading a:hover {
  color: var(--ayyash-color-primary);
  text-decoration: underline;
}

a {
  text-decoration: none;
  color: var(--ayyash-color-primary);
}
a:hover {
  color: var(--ayyash-color-secondary);
}

img {
  max-width: 100%;
  height: auto;
}

tt,
kbd,
pre,
code,
samp,
var {
  color: #c7254e;
  background-color: #f9f2f4;
  font-family: inherit;
  padding: 4px 6px;
  border-radius: 0;
}

pre {
  line-height: 1.7;
  overflow: auto;
  max-width: 100%;
  margin: 20px 0;
  padding: 30px;
  white-space: pre-wrap;
}
pre code {
  padding: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

/* Global Styles */
.disabled a {
  color: #777;
  cursor: not-allowed;
  pointer-events: none;
  background-color: #fff;
  border-color: #ddd;
}
.disabled a i {
  cursor: not-allowed;
  pointer-events: none;
}
.disabled a:hover {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #fff;
}

.byuser,
.bypostauthor {
  position: relative;
  display: block;
}

.says {
  display: none;
}

.pingback .url,
.trackback .url {
  display: block;
}

.sticky {
  position: relative;
}

.gallery-caption {
  position: relative;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
  z-index: 99999;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.screen-reader-text:active:not(:focus):not(:focus-within), .screen-reader-text:focus:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.theme-ayyash a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.pagination.post-pagination a) {
  outline: dotted thin;
  text-decoration: none;
  outline-offset: 3px;
}

@keyframes change-background {
  0% {
    background: #999999;
  }
  50% {
    background: #a0a0a0;
  }
  100% {
    background: #cecece;
  }
}
.ayyash-section-heading {
  border-bottom: 1px solid var(--ayyash-color-border);
  margin-bottom: var(--ayyash-gap-40);
  position: relative;
}
.ayyash-section-heading h2 {
  margin: 0;
  padding-bottom: var(--ayyash-gap-15);
}
.ayyash-section-heading h2:after {
  content: "";
  width: 6.25rem;
  height: 0.188rem;
  border-radius: 6.25rem;
  background-color: var(--ayyash-color-primary);
  position: absolute;
  left: 0;
  bottom: -0.125rem;
}

figure {
  max-width: 100%;
}

.fa {
  font-family: "FontAwesome" !important;
  font-weight: Normal !important;
  font-style: Normal !important;
}

[class*=" ti-"],
[class^=ti-],
.ti,
.fa.ti {
  font-family: "themify" !important;
}

/**
 * Type Scale Typography.
 */
/**
 * Variables.
 */
html {
  font-size: 16px;
}

body {
  font-family: var(--ayyash-global-font-family);
  font-weight: var(--ayyash-global-font-weight);
  font-style: var(--ayyash-global-font-style);
  font-size: var(--ayyash-global-font-size);
  line-height: var(--ayyash-global-line-height);
  text-transform: var(--ayyash-global-text-transform);
  letter-spacing: var(--ayyash-global-letter-spacing);
  word-spacing: var(--ayyash-global-word-spacing);
  background-color: var(--ayyash-color-site-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  color: var(--ayyash-color-global);
}
body #page {
  position: relative;
}

h1, .h1, .heading-size-1 {
  font-family: var(--ayyash-h1-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h1-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h1-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h1-font-size);
  line-height: var(--ayyash-h1-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h1-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h1-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h1-word-spacing, var(--ayyash-global-word-spacing));
}

h2, .h2, .heading-size-2 {
  font-family: var(--ayyash-h2-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h2-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h2-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h2-font-size);
  line-height: var(--ayyash-h2-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h2-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h2-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h2-word-spacing, var(--ayyash-global-word-spacing));
}

h3, .h3, .heading-size-3 {
  font-family: var(--ayyash-h3-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h3-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h3-font-size);
  line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h3-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h3-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h3-word-spacing, var(--ayyash-global-word-spacing));
}

h4, .h4, .heading-size-4 {
  font-family: var(--ayyash-h4-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h4-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h4-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h4-font-size);
  line-height: var(--ayyash-h4-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h4-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h4-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h4-word-spacing, var(--ayyash-global-word-spacing));
}

h5, .h5, .heading-size-5 {
  font-family: var(--ayyash-h5-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h5-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h5-font-size);
  line-height: var(--ayyash-h5-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h5-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h5-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h5-word-spacing, var(--ayyash-global-word-spacing));
}

h6, .h6, .heading-size-6 {
  font-family: var(--ayyash-h6-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h6-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h6-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h6-font-size);
  line-height: var(--ayyash-h6-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h6-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h6-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h6-word-spacing, var(--ayyash-global-word-spacing));
}

/**
 * Utilities classes
 */
.nomargin {
  margin: 0;
}

.nopadding {
  padding: 0;
}

.nopadding-top {
  padding-top: 0;
}

.mt-0 {
  margin-top: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.pt-10 {
  padding-top: 0.625rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.mt-70 {
  margin-top: 4.375rem;
}

.pt-70 {
  padding-top: 4.375rem;
}

.mt-80 {
  margin-top: 5rem;
}

.pt-80 {
  padding-top: 5rem;
}

.mt-90 {
  margin-top: 5.625rem;
}

.pt-90 {
  padding-top: 5.625rem;
}

.mt-100 {
  margin-top: 6.25rem;
}

.pt-100 {
  padding-top: 6.25rem;
}

.mt-110 {
  margin-top: 6.875rem;
}

.pt-110 {
  padding-top: 6.875rem;
}

.mt-120 {
  margin-top: 7.5rem;
}

.pt-120 {
  padding-top: 7.5rem;
}

.mt-130 {
  margin-top: 8.125rem;
}

.pt-130 {
  padding-top: 8.125rem;
}

.mt-140 {
  margin-top: 8.75rem;
}

.pt-140 {
  padding-top: 8.75rem;
}

.mt-150 {
  margin-top: 9.375rem;
}

.pt-150 {
  padding-top: 9.375rem;
}

.mt-160 {
  margin-top: 10rem;
}

.pt-160 {
  padding-top: 10rem;
}

.mt-170 {
  margin-top: 10.625rem;
}

.pt-170 {
  padding-top: 10.625rem;
}

.mt-180 {
  margin-top: 11.25rem;
}

.pt-180 {
  padding-top: 11.25rem;
}

.mt-190 {
  margin-top: 11.875rem;
}

.pt-190 {
  padding-top: 11.875rem;
}

.mt-200 {
  margin-top: 12.5rem;
}

.pt-200 {
  padding-top: 12.5rem;
}

.mr-0 {
  margin-right: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.mr-10 {
  margin-right: 0.625rem;
}

.pr-10 {
  padding-right: 0.625rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

.pr-30 {
  padding-right: 1.875rem;
}

.mr-40 {
  margin-right: 2.5rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.mr-50 {
  margin-right: 3.125rem;
}

.pr-50 {
  padding-right: 3.125rem;
}

.mr-60 {
  margin-right: 3.75rem;
}

.pr-60 {
  padding-right: 3.75rem;
}

.mr-70 {
  margin-right: 4.375rem;
}

.pr-70 {
  padding-right: 4.375rem;
}

.mr-80 {
  margin-right: 5rem;
}

.pr-80 {
  padding-right: 5rem;
}

.mr-90 {
  margin-right: 5.625rem;
}

.pr-90 {
  padding-right: 5.625rem;
}

.mr-100 {
  margin-right: 6.25rem;
}

.pr-100 {
  padding-right: 6.25rem;
}

.mr-110 {
  margin-right: 6.875rem;
}

.pr-110 {
  padding-right: 6.875rem;
}

.mr-120 {
  margin-right: 7.5rem;
}

.pr-120 {
  padding-right: 7.5rem;
}

.mr-130 {
  margin-right: 8.125rem;
}

.pr-130 {
  padding-right: 8.125rem;
}

.mr-140 {
  margin-right: 8.75rem;
}

.pr-140 {
  padding-right: 8.75rem;
}

.mr-150 {
  margin-right: 9.375rem;
}

.pr-150 {
  padding-right: 9.375rem;
}

.mr-160 {
  margin-right: 10rem;
}

.pr-160 {
  padding-right: 10rem;
}

.mr-170 {
  margin-right: 10.625rem;
}

.pr-170 {
  padding-right: 10.625rem;
}

.mr-180 {
  margin-right: 11.25rem;
}

.pr-180 {
  padding-right: 11.25rem;
}

.mr-190 {
  margin-right: 11.875rem;
}

.pr-190 {
  padding-right: 11.875rem;
}

.mr-200 {
  margin-right: 12.5rem;
}

.pr-200 {
  padding-right: 12.5rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.mb-70 {
  margin-bottom: 4.375rem;
}

.pb-70 {
  padding-bottom: 4.375rem;
}

.mb-80 {
  margin-bottom: 5rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.mb-90 {
  margin-bottom: 5.625rem;
}

.pb-90 {
  padding-bottom: 5.625rem;
}

.mb-100 {
  margin-bottom: 6.25rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}

.mb-110 {
  margin-bottom: 6.875rem;
}

.pb-110 {
  padding-bottom: 6.875rem;
}

.mb-120 {
  margin-bottom: 7.5rem;
}

.pb-120 {
  padding-bottom: 7.5rem;
}

.mb-130 {
  margin-bottom: 8.125rem;
}

.pb-130 {
  padding-bottom: 8.125rem;
}

.mb-140 {
  margin-bottom: 8.75rem;
}

.pb-140 {
  padding-bottom: 8.75rem;
}

.mb-150 {
  margin-bottom: 9.375rem;
}

.pb-150 {
  padding-bottom: 9.375rem;
}

.mb-160 {
  margin-bottom: 10rem;
}

.pb-160 {
  padding-bottom: 10rem;
}

.mb-170 {
  margin-bottom: 10.625rem;
}

.pb-170 {
  padding-bottom: 10.625rem;
}

.mb-180 {
  margin-bottom: 11.25rem;
}

.pb-180 {
  padding-bottom: 11.25rem;
}

.mb-190 {
  margin-bottom: 11.875rem;
}

.pb-190 {
  padding-bottom: 11.875rem;
}

.mb-200 {
  margin-bottom: 12.5rem;
}

.pb-200 {
  padding-bottom: 12.5rem;
}

.ml-0 {
  margin-left: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.pl-10 {
  padding-left: 0.625rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.ml-30 {
  margin-left: 1.875rem;
}

.pl-30 {
  padding-left: 1.875rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.ml-50 {
  margin-left: 3.125rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.pl-60 {
  padding-left: 3.75rem;
}

.ml-70 {
  margin-left: 4.375rem;
}

.pl-70 {
  padding-left: 4.375rem;
}

.ml-80 {
  margin-left: 5rem;
}

.pl-80 {
  padding-left: 5rem;
}

.ml-90 {
  margin-left: 5.625rem;
}

.pl-90 {
  padding-left: 5.625rem;
}

.ml-100 {
  margin-left: 6.25rem;
}

.pl-100 {
  padding-left: 6.25rem;
}

.ml-110 {
  margin-left: 6.875rem;
}

.pl-110 {
  padding-left: 6.875rem;
}

.ml-120 {
  margin-left: 7.5rem;
}

.pl-120 {
  padding-left: 7.5rem;
}

.ml-130 {
  margin-left: 8.125rem;
}

.pl-130 {
  padding-left: 8.125rem;
}

.ml-140 {
  margin-left: 8.75rem;
}

.pl-140 {
  padding-left: 8.75rem;
}

.ml-150 {
  margin-left: 9.375rem;
}

.pl-150 {
  padding-left: 9.375rem;
}

.ml-160 {
  margin-left: 10rem;
}

.pl-160 {
  padding-left: 10rem;
}

.ml-170 {
  margin-left: 10.625rem;
}

.pl-170 {
  padding-left: 10.625rem;
}

.ml-180 {
  margin-left: 11.25rem;
}

.pl-180 {
  padding-left: 11.25rem;
}

.ml-190 {
  margin-left: 11.875rem;
}

.pl-190 {
  padding-left: 11.875rem;
}

.ml-200 {
  margin-left: 12.5rem;
}

.pl-200 {
  padding-left: 12.5rem;
}

.mx-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.my-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.px-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.py-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.mx-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.my-10 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.px-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.mx-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.px-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.mx-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.my-30 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

.px-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.py-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.mx-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.px-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.mx-50 {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}

.my-50 {
  margin-left: 3.125rem;
  margin-right: 3.125rem;
}

.px-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.py-50 {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.mx-60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.my-60 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.px-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.py-60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.mx-70 {
  margin-top: 4.375rem;
  margin-bottom: 4.375rem;
}

.my-70 {
  margin-left: 4.375rem;
  margin-right: 4.375rem;
}

.px-70 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}

.py-70 {
  padding-left: 4.375rem;
  padding-right: 4.375rem;
}

.mx-80 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-80 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.px-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-80 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.mx-90 {
  margin-top: 5.625rem;
  margin-bottom: 5.625rem;
}

.my-90 {
  margin-left: 5.625rem;
  margin-right: 5.625rem;
}

.px-90 {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}

.py-90 {
  padding-left: 5.625rem;
  padding-right: 5.625rem;
}

.mx-100 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.my-100 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}

.px-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.py-100 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

.mx-110 {
  margin-top: 6.875rem;
  margin-bottom: 6.875rem;
}

.my-110 {
  margin-left: 6.875rem;
  margin-right: 6.875rem;
}

.px-110 {
  padding-top: 6.875rem;
  padding-bottom: 6.875rem;
}

.py-110 {
  padding-left: 6.875rem;
  padding-right: 6.875rem;
}

.mx-120 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.my-120 {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}

.px-120 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.py-120 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.mx-130 {
  margin-top: 8.125rem;
  margin-bottom: 8.125rem;
}

.my-130 {
  margin-left: 8.125rem;
  margin-right: 8.125rem;
}

.px-130 {
  padding-top: 8.125rem;
  padding-bottom: 8.125rem;
}

.py-130 {
  padding-left: 8.125rem;
  padding-right: 8.125rem;
}

.mx-140 {
  margin-top: 8.75rem;
  margin-bottom: 8.75rem;
}

.my-140 {
  margin-left: 8.75rem;
  margin-right: 8.75rem;
}

.px-140 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}

.py-140 {
  padding-left: 8.75rem;
  padding-right: 8.75rem;
}

.mx-150 {
  margin-top: 9.375rem;
  margin-bottom: 9.375rem;
}

.my-150 {
  margin-left: 9.375rem;
  margin-right: 9.375rem;
}

.px-150 {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.py-150 {
  padding-left: 9.375rem;
  padding-right: 9.375rem;
}

.mx-160 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.my-160 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.px-160 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.py-160 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.mx-170 {
  margin-top: 10.625rem;
  margin-bottom: 10.625rem;
}

.my-170 {
  margin-left: 10.625rem;
  margin-right: 10.625rem;
}

.px-170 {
  padding-top: 10.625rem;
  padding-bottom: 10.625rem;
}

.py-170 {
  padding-left: 10.625rem;
  padding-right: 10.625rem;
}

.mx-180 {
  margin-top: 11.25rem;
  margin-bottom: 11.25rem;
}

.my-180 {
  margin-left: 11.25rem;
  margin-right: 11.25rem;
}

.px-180 {
  padding-top: 11.25rem;
  padding-bottom: 11.25rem;
}

.py-180 {
  padding-left: 11.25rem;
  padding-right: 11.25rem;
}

.mx-190 {
  margin-top: 11.875rem;
  margin-bottom: 11.875rem;
}

.my-190 {
  margin-left: 11.875rem;
  margin-right: 11.875rem;
}

.px-190 {
  padding-top: 11.875rem;
  padding-bottom: 11.875rem;
}

.py-190 {
  padding-left: 11.875rem;
  padding-right: 11.875rem;
}

.mx-200 {
  margin-top: 12.5rem;
  margin-bottom: 12.5rem;
}

.my-200 {
  margin-left: 12.5rem;
  margin-right: 12.5rem;
}

.px-200 {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.py-200 {
  padding-left: 12.5rem;
  padding-right: 12.5rem;
}

@media only screen and (max-width: 1199px) {
  .mt-lrg-0 {
    margin-top: 0;
  }

  .mt-lrg-10 {
    margin-top: 10px;
  }

  .mt-lrg-20 {
    margin-top: 20px;
  }

  .mt-lrg-30 {
    margin-top: 30px;
  }

  .mt-lrg-40 {
    margin-top: 40px;
  }

  .mt-lrg-50 {
    margin-top: 50px;
  }

  .mt-lrg-60 {
    margin-top: 60px;
  }

  .mt-lrg-70 {
    margin-top: 70px;
  }

  .mt-lrg-80 {
    margin-top: 80px;
  }

  .mt-lrg-90 {
    margin-top: 90px;
  }

  .mt-lrg-100 {
    margin-top: 100px;
  }

  .mt-lrg-110 {
    margin-top: 110px;
  }

  .mt-lrg-120 {
    margin-top: 120px;
  }

  .mt-lrg-130 {
    margin-top: 130px;
  }

  .mt-lrg-140 {
    margin-top: 140px;
  }

  .mb-lrg-0 {
    margin-bottom: 0;
  }

  .mb-lrg-10 {
    margin-bottom: 10px;
  }

  .mb-lrg-20 {
    margin-bottom: 20px;
  }

  .mb-lrg-30 {
    margin-bottom: 30px;
  }

  .mb-lrg-40 {
    margin-bottom: 40px;
  }

  .mb-lrg-50 {
    margin-bottom: 50px;
  }

  .mb-lrg-60 {
    margin-bottom: 60px;
  }

  .mb-lrg-70 {
    margin-bottom: 70px;
  }

  .mb-lrg-80 {
    margin-bottom: 80px;
  }

  .mb-lrg-90 {
    margin-bottom: 90px;
  }

  .mb-lrg-100 {
    margin-bottom: 100px;
  }

  .mb-lrg-110 {
    margin-bottom: 110px;
  }

  .mb-lrg-120 {
    margin-bottom: 120px;
  }

  .mb-lrg-130 {
    margin-bottom: 130px;
  }

  .mb-lrg-140 {
    margin-bottom: 140px;
  }

  .pt-lrg-0 {
    padding-top: 0;
  }

  .pt-lrg-10 {
    padding-top: 10px;
  }

  .pt-lrg-20 {
    padding-top: 20px;
  }

  .pt-lrg-30 {
    padding-top: 30px;
  }

  .pt-lrg-40 {
    padding-top: 40px;
  }

  .pt-lrg-50 {
    padding-top: 50px;
  }

  .pt-lrg-60 {
    padding-top: 60px;
  }

  .pt-lrg-70 {
    padding-top: 70px;
  }

  .pt-lrg-80 {
    padding-top: 80px;
  }

  .pt-lrg-90 {
    padding-top: 90px;
  }

  .pt-lrg-100 {
    padding-top: 100px;
  }

  .pt-lrg-110 {
    padding-top: 110px;
  }

  .pt-lrg-120 {
    padding-top: 120px;
  }

  .pt-lrg-130 {
    padding-top: 130px;
  }

  .pt-lrg-140 {
    padding-top: 140px;
  }

  .pb-lrg-0 {
    padding-bottom: 0;
  }

  .pb-lrg-10 {
    padding-bottom: 10px;
  }

  .pb-lrg-20 {
    padding-bottom: 20px;
  }

  .pb-lrg-30 {
    padding-bottom: 30px;
  }

  .pb-lrg-40 {
    padding-bottom: 40px;
  }

  .pb-lrg-50 {
    padding-bottom: 50px;
  }

  .pb-lrg-60 {
    padding-bottom: 60px;
  }

  .pb-lrg-70 {
    padding-bottom: 70px;
  }

  .pb-lrg-80 {
    padding-bottom: 80px;
  }

  .pb-lrg-90 {
    padding-bottom: 90px;
  }

  .pb-lrg-100 {
    padding-bottom: 100px;
  }

  .pb-lrg-110 {
    padding-bottom: 110px;
  }

  .pb-lrg-120 {
    padding-bottom: 120px;
  }

  .pb-lrg-130 {
    padding-bottom: 130px;
  }

  .pb-lrg-140 {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-mdm-0 {
    margin-top: 0;
  }

  .mt-mdm-10 {
    margin-top: 10px;
  }

  .mt-mdm-20 {
    margin-top: 20px;
  }

  .mt-mdm-30 {
    margin-top: 30px;
  }

  .mt-mdm-40 {
    margin-top: 40px;
  }

  .mt-mdm-50 {
    margin-top: 50px;
  }

  .mt-mdm-60 {
    margin-top: 60px;
  }

  .mt-mdm-70 {
    margin-top: 70px;
  }

  .mt-mdm-80 {
    margin-top: 80px;
  }

  .mt-mdm-90 {
    margin-top: 90px;
  }

  .mt-mdm-100 {
    margin-top: 100px;
  }

  .mt-mdm-110 {
    margin-top: 110px;
  }

  .mt-mdm-120 {
    margin-top: 120px;
  }

  .mt-mdm-130 {
    margin-top: 130px;
  }

  .mt-mdm-140 {
    margin-top: 140px;
  }

  .mb-mdm-0 {
    margin-bottom: 0;
  }

  .mb-mdm-10 {
    margin-bottom: 10px;
  }

  .mb-mdm-20 {
    margin-bottom: 20px;
  }

  .mb-mdm-30 {
    margin-bottom: 30px;
  }

  .mb-mdm-40 {
    margin-bottom: 40px;
  }

  .mb-mdm-50 {
    margin-bottom: 50px;
  }

  .mb-mdm-60 {
    margin-bottom: 60px;
  }

  .mb-mdm-70 {
    margin-bottom: 70px;
  }

  .mb-mdm-80 {
    margin-bottom: 80px;
  }

  .mb-mdm-90 {
    margin-bottom: 90px;
  }

  .mb-mdm-100 {
    margin-bottom: 100px;
  }

  .mb-mdm-110 {
    margin-bottom: 110px;
  }

  .mb-mdm-120 {
    margin-bottom: 120px;
  }

  .mb-mdm-130 {
    margin-bottom: 130px;
  }

  .mb-mdm-140 {
    margin-bottom: 140px;
  }

  .pt-mdm-0 {
    padding-top: 0;
  }

  .pt-mdm-10 {
    padding-top: 10px;
  }

  .pt-mdm-20 {
    padding-top: 20px;
  }

  .pt-mdm-30 {
    padding-top: 30px;
  }

  .pt-mdm-40 {
    padding-top: 40px;
  }

  .pt-mdm-50 {
    padding-top: 50px;
  }

  .pt-mdm-60 {
    padding-top: 60px;
  }

  .pt-mdm-70 {
    padding-top: 70px;
  }

  .pt-mdm-80 {
    padding-top: 80px;
  }

  .pt-mdm-90 {
    padding-top: 90px;
  }

  .pt-mdm-100 {
    padding-top: 100px;
  }

  .pt-mdm-110 {
    padding-top: 110px;
  }

  .pt-mdm-120 {
    padding-top: 120px;
  }

  .pt-mdm-130 {
    padding-top: 130px;
  }

  .pt-mdm-140 {
    padding-top: 140px;
  }

  .pt-mdm-150 {
    padding-top: 150px;
  }

  .pb-mdm-0 {
    padding-bottom: 0;
  }

  .pb-mdm-10 {
    padding-bottom: 10px;
  }

  .pb-mdm-20 {
    padding-bottom: 20px;
  }

  .pb-mdm-30 {
    padding-bottom: 30px;
  }

  .pb-mdm-40 {
    padding-bottom: 40px;
  }

  .pb-mdm-50 {
    padding-bottom: 50px;
  }

  .pb-mdm-60 {
    padding-bottom: 60px;
  }

  .pb-mdm-70 {
    padding-bottom: 70px;
  }

  .pb-mdm-80 {
    padding-bottom: 80px;
  }

  .pb-mdm-90 {
    padding-bottom: 90px;
  }

  .pb-mdm-100 {
    padding-bottom: 100px;
  }

  .pb-mdm-110 {
    padding-bottom: 110px;
  }

  .pb-mdm-120 {
    padding-bottom: 120px;
  }

  .pb-mdm-130 {
    padding-bottom: 130px;
  }

  .pb-mdm-140 {
    padding-bottom: 140px;
  }

  .pb-mdm-150 {
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-sml-0 {
    margin-top: 0;
  }

  .mt-sml-10 {
    margin-top: 10px;
  }

  .mt-sml-20 {
    margin-top: 20px;
  }

  .mt-sml-30 {
    margin-top: 30px;
  }

  .mt-sml-40 {
    margin-top: 40px;
  }

  .mt-sml-50 {
    margin-top: 50px;
  }

  .mt-sml-60 {
    margin-top: 60px;
  }

  .mt-sml-70 {
    margin-top: 70px;
  }

  .mt-sml-80 {
    margin-top: 80px;
  }

  .mt-sml-90 {
    margin-top: 90px;
  }

  .mt-sml-100 {
    margin-top: 100px;
  }

  .mt-sml-110 {
    margin-top: 110px;
  }

  .mt-sml-120 {
    margin-top: 120px;
  }

  .mt-sml-130 {
    margin-top: 130px;
  }

  .mt-sml-140 {
    margin-top: 140px;
  }

  .mb-sml-0 {
    margin-bottom: 0;
  }

  .mb-sml-10 {
    margin-bottom: 10px;
  }

  .mb-sml-20 {
    margin-bottom: 20px;
  }

  .mb-sml-30 {
    margin-bottom: 30px;
  }

  .mb-sml-40 {
    margin-bottom: 40px;
  }

  .mb-sml-50 {
    margin-bottom: 50px;
  }

  .mb-sml-60 {
    margin-bottom: 60px;
  }

  .mb-sml-70 {
    margin-bottom: 70px;
  }

  .mb-sml-80 {
    margin-bottom: 80px;
  }

  .mb-sml-90 {
    margin-bottom: 90px;
  }

  .mb-sml-100 {
    margin-bottom: 100px;
  }

  .mb-sml-110 {
    margin-bottom: 110px;
  }

  .mb-sml-120 {
    margin-bottom: 120px;
  }

  .mb-sml-130 {
    margin-bottom: 130px;
  }

  .mb-sml-140 {
    margin-bottom: 140px;
  }

  .pt-sml-0 {
    padding-top: 0;
  }

  .pt-sml-10 {
    padding-top: 10px;
  }

  .pt-sml-20 {
    padding-top: 20px;
  }

  .pt-sml-30 {
    padding-top: 30px;
  }

  .pt-sml-40 {
    padding-top: 40px;
  }

  .pt-sml-50 {
    padding-top: 50px;
  }

  .pt-sml-60 {
    padding-top: 60px;
  }

  .pt-sml-70 {
    padding-top: 70px;
  }

  .pt-sml-80 {
    padding-top: 80px;
  }

  .pt-sml-90 {
    padding-top: 90px;
  }

  .pt-sml-100 {
    padding-top: 100px;
  }

  .pt-sml-110 {
    padding-top: 110px;
  }

  .pt-sml-120 {
    padding-top: 120px;
  }

  .pt-sml-130 {
    padding-top: 130px;
  }

  .pt-sml-140 {
    padding-top: 140px;
  }

  .pb-sml-0 {
    padding-bottom: 0;
  }

  .pb-sml-10 {
    padding-bottom: 10px;
  }

  .pb-sml-20 {
    padding-bottom: 20px;
  }

  .pb-sml-30 {
    padding-bottom: 30px;
  }

  .pb-sml-40 {
    padding-bottom: 40px;
  }

  .pb-sml-50 {
    padding-bottom: 50px;
  }

  .pb-sml-60 {
    padding-bottom: 60px;
  }

  .pb-sml-70 {
    padding-bottom: 70px;
  }

  .pb-sml-80 {
    padding-bottom: 80px;
  }

  .pb-sml-90 {
    padding-bottom: 90px;
  }

  .pb-sml-100 {
    padding-bottom: 100px;
  }

  .pb-sml-110 {
    padding-bottom: 110px;
  }

  .pb-sml-120 {
    padding-bottom: 120px;
  }

  .pb-sml-130 {
    padding-bottom: 130px;
  }

  .pb-sml-140 {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 480px) {
  .mt-xsm-0 {
    margin-top: 0;
  }

  .mt-xsm-10 {
    margin-top: 10px;
  }

  .mt-xsm-20 {
    margin-top: 20px;
  }

  .mt-xsm-30 {
    margin-top: 30px;
  }

  .mt-xsm-40 {
    margin-top: 40px;
  }

  .mt-xsm-50 {
    margin-top: 50px;
  }

  .mt-xsm-60 {
    margin-top: 60px;
  }

  .mt-xsm-70 {
    margin-top: 70px;
  }

  .mt-xsm-80 {
    margin-top: 80px;
  }

  .mt-xsm-90 {
    margin-top: 90px;
  }

  .mt-xsm-100 {
    margin-top: 100px;
  }

  .mt-xsm-110 {
    margin-top: 110px;
  }

  .mt-xsm-120 {
    margin-top: 120px;
  }

  .mt-xsm-130 {
    margin-top: 130px;
  }

  .mt-xsm-140 {
    margin-top: 140px;
  }

  .mb-xsm-0 {
    margin-bottom: 0;
  }

  .mb-xsm-10 {
    margin-bottom: 10px;
  }

  .mb-xsm-20 {
    margin-bottom: 20px;
  }

  .mb-xsm-30 {
    margin-bottom: 30px;
  }

  .mb-xsm-40 {
    margin-bottom: 40px;
  }

  .mb-xsm-50 {
    margin-bottom: 50px;
  }

  .mb-xsm-60 {
    margin-bottom: 60px;
  }

  .mb-xsm-70 {
    margin-bottom: 70px;
  }

  .mb-xsm-80 {
    margin-bottom: 80px;
  }

  .mb-xsm-90 {
    margin-bottom: 90px;
  }

  .mb-xsm-100 {
    margin-bottom: 100px;
  }

  .mb-xsm-110 {
    margin-bottom: 110px;
  }

  .mb-xsm-120 {
    margin-bottom: 120px;
  }

  .mb-xsm-130 {
    margin-bottom: 130px;
  }

  .mb-xsm-140 {
    margin-bottom: 140px;
  }

  .pt-xsm-0 {
    padding-top: 0;
  }

  .pt-xsm-10 {
    padding-top: 10px;
  }

  .pt-xsm-20 {
    padding-top: 20px;
  }

  .pt-xsm-30 {
    padding-top: 30px;
  }

  .pt-xsm-40 {
    padding-top: 40px;
  }

  .pt-xsm-50 {
    padding-top: 50px;
  }

  .pt-xsm-60 {
    padding-top: 60px;
  }

  .pt-xsm-70 {
    padding-top: 70px;
  }

  .pt-xsm-80 {
    padding-top: 80px;
  }

  .pt-xsm-90 {
    padding-top: 90px;
  }

  .pt-xsm-100 {
    padding-top: 100px;
  }

  .pt-xsm-110 {
    padding-top: 110px;
  }

  .pt-xsm-120 {
    padding-top: 120px;
  }

  .pt-xsm-130 {
    padding-top: 130px;
  }

  .pt-xsm-140 {
    padding-top: 140px;
  }

  .pb-xsm-0 {
    padding-bottom: 0;
  }

  .pb-xsm-10 {
    padding-bottom: 10px;
  }

  .pb-xsm-20 {
    padding-bottom: 20px;
  }

  .pb-xsm-30 {
    padding-bottom: 30px;
  }

  .pb-xsm-40 {
    padding-bottom: 40px;
  }

  .pb-xsm-50 {
    padding-bottom: 50px;
  }

  .pb-xsm-60 {
    padding-bottom: 60px;
  }

  .pb-xsm-70 {
    padding-bottom: 70px;
  }

  .pb-xsm-80 {
    padding-bottom: 80px;
  }

  .pb-xsm-90 {
    padding-bottom: 90px;
  }

  .pb-xsm-100 {
    padding-bottom: 100px;
  }

  .pb-xsm-110 {
    padding-bottom: 110px;
  }

  .pb-xsm-120 {
    padding-bottom: 120px;
  }

  .pb-xsm-130 {
    padding-bottom: 130px;
  }

  .pb-xsm-140 {
    padding-bottom: 140px;
  }
}
.mb0 {
  margin-bottom: 0;
}

.pb0 {
  padding-bottom: 0;
}

.nm {
  margin: 0;
}

.np {
  padding: 0;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.cb {
  clear: both;
}

@keyframes toRightFromLeft {
  49% {
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toLeftFromRight {
  49% {
    transform: translate(-100%);
  }
  50% {
    opacity: 0;
    transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateScale {
  0% {
    transform: rotate(-175deg) scale(0.2);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
.elementor h1, .elementor h2, .elementor h3, .elementor h4, .elementor h5, .elementor h6 {
  margin: 0;
}
.elementor p {
  margin: 0;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding: 0;
}

h1.elementor-heading-title {
  font-family: var(--ayyash-h1-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h1-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h1-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h1-font-size);
  line-height: var(--ayyash-h1-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h1-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h1-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h1-word-spacing, var(--ayyash-global-word-spacing));
}

h2.elementor-heading-title {
  font-family: var(--ayyash-h2-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h2-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h2-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h2-font-size);
  line-height: var(--ayyash-h2-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h2-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h2-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h2-word-spacing, var(--ayyash-global-word-spacing));
}

h3.elementor-heading-title {
  font-family: var(--ayyash-h3-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h3-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h3-font-size);
  line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h3-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h3-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h3-word-spacing, var(--ayyash-global-word-spacing));
}

h4.elementor-heading-title {
  font-family: var(--ayyash-h4-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h4-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h4-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h4-font-size);
  line-height: var(--ayyash-h4-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h4-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h4-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h4-word-spacing, var(--ayyash-global-word-spacing));
}

h5.elementor-heading-title {
  font-family: var(--ayyash-h5-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h5-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h5-font-size);
  line-height: var(--ayyash-h5-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h5-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h5-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h5-word-spacing, var(--ayyash-global-word-spacing));
}

h6.elementor-heading-title {
  font-family: var(--ayyash-h6-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h6-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h6-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h6-font-size);
  line-height: var(--ayyash-h6-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h6-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h6-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h6-word-spacing, var(--ayyash-global-word-spacing));
}

.ayyash-embed-play .elementor-custom-embed-play {
  width: 120px;
  height: 120px;
  border: 2px solid var(--e-global-color-ayyash_ac);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

form.search .text {
  position: relative;
}
form.search button {
  position: absolute;
  width: 40px;
  height: 100%;
  background: none;
  color: #888;
  border: none;
  overflow: hidden;
  padding: 0;
  top: 0;
  right: 0;
  line-height: 50px;
  cursor: pointer;
}
form.search button:hover {
  color: #504e4e;
}
form.search button:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 50px;
}

/*----------------------------------------------------------------------
 * player screen
 *----------------------------------------------------------------------*/
.plyr--audio .plyr__controls {
  background: #000;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
  background: #1471c0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
input[type=date],
input[type=file],
select,
textarea {
  color: var(--ayyash-color-global);
  border: 1px solid var(--ayyash-color-border);
  padding: var(--ayyash-gap-10) var(--ayyash-gap-15);
  width: 100%;
}
input[type=text]:focus, input[type=text]:focus-visible,
input[type=email]:focus,
input[type=email]:focus-visible,
input[type=url]:focus,
input[type=url]:focus-visible,
input[type=tel]:focus,
input[type=tel]:focus-visible,
input[type=number]:focus,
input[type=number]:focus-visible,
input[type=password]:focus,
input[type=password]:focus-visible,
input[type=date]:focus,
input[type=date]:focus-visible,
input[type=file]:focus,
input[type=file]:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
  outline: 1px solid var(--ayyash-color-secondary);
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
input[type=date],
input[type=file],
select {
  height: 3.125rem;
}

textarea {
  height: 12.5rem;
}

form p {
  margin-bottom: 0;
}

input[type=submit],
button[type=submit] {
  height: 3.125rem;
  background-color: var(--ayyash-color-primary);
  padding: var(--ayyash-gap-10) var(--ayyash-gap-15);
  color: #ffffff;
  border: none;
}
input[type=submit]:hover,
button[type=submit]:hover {
  background-color: var(--ayyash-color-secondary);
}

select {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 95% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/* =============================================================================
   WordPress WYSIWYG Editor Styles
   ========================================================================== */
.alignleft {
  margin-right: 1rem;
  display: inline;
  float: left;
}

img.alignleft {
  margin-right: 1rem;
  display: inline;
  float: left;
}

.alignright {
  margin-left: 1rem;
  display: inline;
  float: right;
}

img.alignright {
  margin-left: 1rem;
  display: inline;
  float: right;
}

.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  text-align: center;
}

img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  text-align: center;
}

.wp-caption {
  margin-bottom: 2.2rem;
  text-align: center;
  padding-top: 5px;
}
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 1rem;
}

/* Ayyash Icon Fonts */
@font-face {
  font-family: "Ayyash";
  font-style: normal;
  font-weight: 400;
  src: url(./../fonts/ayyash-icon.eot);
  /* IE9 Compat Modes */
  src: local(""), url(./../fonts/ayyash-icon.eot?#iefix) format("embedded-opentype"), url(./../fonts/ayyash-icon.woff2) format("woff2"), url(./../fonts/ayyash-icon.woff) format("woff"), url(./../fonts/ayyash-icon.ttf) format("truetype");
}
[class*=" ai-"],
[class^=ai-],
.ai,
.fa.ai {
  font-family: "Ayyash" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ai-compare:before {
  content: "\e915";
}
.ai-quick-view:before {
  content: "\e916";
}
.ai-category:before {
  content: "\e914";
}
.ai-dribbble:before {
  content: "\e900";
}
.ai-facebook:before {
  content: "\e901";
}
.ai-instagram:before {
  content: "\e902";
}
.ai-linkedin:before {
  content: "\e903";
}
.ai-pinterest:before {
  content: "\e904";
}
.ai-twitter:before {
  content: "\e905";
}
.ai-arrow-down:before {
  content: "\e906";
}
.ai-arrow-up:before {
  content: "\e907";
}
.ai-cart:before {
  content: "\e908";
}
.ai-close:before {
  content: "\e909";
}
.ai-hamburger:before {
  content: "\e90a";
}
.ai-search:before {
  content: "\e90b";
}
.ai-chevron-left:before {
  content: "\e90c";
}
.ai-chevron-right:before {
  content: "\e90d";
}
.ai-heart:before {
  content: "\e90e";
}
.ai-more:before {
  content: "\e911";
}
.ai-reply:before {
  content: "\e912";
}
.ai-tags:before {
  content: "\e913";
}
.ai-arrow-long-left:before {
  content: "\e90f";
}
.ai-arrow-long-right:before {
  content: "\e910";
}
.ai-hat:before {
  content: "\e917";
}
.ai-wedding-dress:before {
  content: "\e918";
}
.ai-trousers:before {
  content: "\e919";
}
.ai-shoe:before {
  content: "\e91a";
}
.ai-makeup:before {
  content: "\e91b";
}
.ai-hoodie:before {
  content: "\e91c";
}
.ai-handbag:before {
  content: "\e91d";
}
.ai-box:before {
  content: "\e91e";
}
.ai-jumpsuit:before {
  content: "\e91f";
}
.ai-dress:before {
  content: "\e920";
}
.ai-bikini:before {
  content: "\e921";
}
.ai-activewear:before {
  content: "\e922";
}

/**
 * Gutenberg Styles
 */
.has-ayyash-primary-color {
  color: var(--ayyash-ac, var(--wp--preset--color--ayyash-primary));
}

.has-ayyash-primary-background-color {
  background-color: var(--wp--preset--color--ayyash-primary);
}

.has-ayyash-secondary-color {
  color: var(--ayyash-ahc, var(--wp--preset--color--ayyash-secondary));
}

.has-ayyash-secondary-background-color {
  background-color: var(--wp--preset--color--ayyash-secondary);
}

.has-ayyash-heading-color {
  color: var(--ayyash-hc, var(--wp--preset--color--ayyash-heading));
}

.has-ayyash-heading-background-color {
  background-color: var(--wp--preset--color--ayyash-heading);
}

.has-ayyash-global-color {
  color: var(--ayyash-tc, var(--wp--preset--color--ayyash-global));
}

.has-ayyash-global-background-color {
  background-color: var(--wp--preset--color--ayyash-global);
}

.has-ayyash-light-bg-color {
  color: var(--ayyash-cbc, var(--wp--preset--color--ayyash-light-bg));
}

.has-ayyash-light-bg-background-color {
  background-color: var(--wp--preset--color--ayyash-light-bg);
}

.has-ayyash-heading-1-font-size {
  font-size: var(--wp--preset--font-size--ayyash-heading-1);
}

.has-ayyash-heading-2-font-size {
  font-size: var(--wp--preset--font-size--ayyash-heading-2);
}

.has-ayyash-heading-3-font-size {
  font-size: var(--wp--preset--font-size--ayyash-heading-3);
}

.has-ayyash-heading-4-font-size {
  font-size: var(--wp--preset--font-size--ayyash-heading-4);
}

.has-ayyash-heading-5-font-size {
  font-size: var(--wp--preset--font-size--ayyash-heading-5);
}

.has-ayyash-heading-6-font-size {
  font-size: var(--wp--preset--font-size--ayyash-heading-6);
}

/* =============================================================================
   calendar Block Styles
   ========================================================================== */
.wp-block-calendar .wp-calendar-table {
  caption-side: top;
}
.wp-block-calendar .wp-calendar-table caption {
  font-size: var(--ayyash-h3-font-size);
  font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight));
  line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height));
  text-align: left;
  color: var(--ayyash-color-heading);
  padding: 0;
  margin-bottom: var(--ayyash-gap-30);
}
.wp-block-calendar .wp-calendar-table #today {
  background-color: var(--ayyash-color-primary);
  color: #fff;
}
.wp-block-calendar tbody td {
  border: 1px solid var(--ayyash-color-border);
}
.wp-block-calendar .wp-calendar-nav {
  text-align: left;
  margin-top: var(--ayyash-gap-10);
}
.wp-block-calendar a {
  font-weight: var(--ayyash-500-font-weight);
  text-decoration: none;
  color: var(--ayyash-color-heading);
}
.wp-block-calendar a:hover {
  color: var(--ayyash-color-secondary);
}

/* =============================================================================
   Search Block Style
   ========================================================================== */
.wp-block-categories__list,
.wp-block-categories-list {
  padding-left: 0;
  list-style: none;
}
.wp-block-categories__list li:not(:last-child),
.wp-block-categories-list li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.wp-block-categories__list li ul,
.wp-block-categories-list li ul {
  list-style: none;
  margin-top: var(--ayyash-gap-15);
  padding-left: var(--ayyash-gap-30);
}
.wp-block-categories__list a,
.wp-block-categories-list a {
  color: var(--ayyash-color-heading);
  text-decoration: none;
}
.wp-block-categories__list a:hover,
.wp-block-categories-list a:hover {
  color: var(--ayyash-color-secondary);
}

.wp-block-categories label,
.wp-block-categories-dropdown label {
  font-size: var(--ayyash-h3-font-size);
  font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight));
  line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height));
  color: var(--ayyash-color-heading);
  margin-bottom: var(--ayyash-gap-30);
}
.wp-block-categories select,
.wp-block-categories-dropdown select {
  font-size: var(--ayyash-global-font-size);
  line-height: 1;
  font-weight: var(--ayyash-global-font-weight);
  color: var(--ayyash-color-global);
  border: 1px solid var(--ayyash-color-border);
  padding: var(--ayyash-gap-10);
  width: 100%;
  max-width: 100%;
  height: var(--ayyash-gap-50);
}

/* =============================================================================
   Latest Post Block Styles
   ========================================================================== */
.wp-block-latest-posts {
  list-style: none;
}
.wp-block-latest-posts li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.wp-block-latest-posts a {
  text-decoration: none;
}
.wp-block-latest-posts a:hover {
  color: var(--ayyash-color-secondary);
}
.wp-block-latest-posts:has(.wp-block-latest-posts__featured-image) > li > a {
  font-size: var(--ayyash-h5-font-size);
  font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
}
.wp-block-latest-posts > li:has(time) > a, .wp-block-latest-posts > li:has(.wp-block-latest-posts__post-excerpt) > a, .wp-block-latest-posts > li:has(.wp-block-latest-posts__post-author) > a {
  font-size: var(--ayyash-h5-font-size);
  font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
}
.wp-block-latest-posts > li > a {
  font-size: var(--ayyash-font-size-base);
  font-weight: var(--ayyash-global-font-weight);
  color: var(--ayyash-color-heading);
  font-style: var(--ayyash-h5-font-style, var(--ayyash-heading-font-style));
  line-height: var(--ayyash-h5-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h5-text-transform, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h5-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h5-word-spacing, var(--ayyash-global-word-spacing));
}
.wp-block-latest-posts .wp-block-latest-posts__post-author {
  color: var(--ayyash-color-heading);
  font-size: var(--ayyash-small-font-size);
  font-weight: var(--ayyash-600-font-weight);
  margin-top: var(--ayyash-gap-10);
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
  color: var(--ayyash-color-heading);
  font-size: var(--ayyash-small-font-size);
  margin-top: var(--ayyash-gap-10);
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft .size-thumbnail, .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright .size-thumbnail {
  margin-bottom: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image .wp-post-image {
  margin-bottom: var(--ayyash-gap-20);
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  margin-top: var(--ayyash-gap-20);
  margin-bottom: var(--ayyash-gap-30);
}

/* =============================================================================
   RSS Feed Block Styles
   ========================================================================== */
.wp-block-rss {
  padding-left: 0;
}
.wp-block-rss > li {
  list-style: none;
}
.wp-block-rss:not(.is-grid) > li:not(:last-child) {
  padding-bottom: 5px;
}
.wp-block-rss a {
  display: inline-block;
  color: var(--ayyash-color-primary);
  margin-bottom: var(--ayyash-gap-10);
  text-decoration: none;
}
.wp-block-rss a:hover {
  color: var(--ayyash-color-secondary);
}
.wp-block-rss .wp-block-rss__item-author {
  font-size: var(--ayyash-small-font-size);
  font-weight: var(--ayyash-500-font-weight);
  color: var(--ayyash-color-heading);
  margin-bottom: var(--ayyash-gap-10);
}
.wp-block-rss .wp-block-rss__item-publish-date {
  font-size: var(--ayyash-small-font-size);
  margin-bottom: var(--ayyash-gap-10);
}
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
  padding: var(--ayyash-gap-10) 0;
  margin-bottom: var(--ayyash-gap-15);
}

/* =================================================
Latest Comments Block Styles
==================================================== */
.wp-block-latest-comments {
  padding: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:not(:last-child) {
  margin-bottom: var(--ayyash-gap-30);
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
  margin-bottom: 0;
}
.wp-block-latest-comments.has-avatars .avatar,
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-avatar {
  border-radius: 100%;
  width: 3.25rem;
  height: 3.25rem;
  margin-right: var(--ayyash-gap-15);
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta {
  margin-left: 4.188rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  line-height: var(--ayyash-global-line-height);
  color: var(--ayyash-color-primary);
  text-decoration: none;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover {
  color: var(--ayyash-color-secondary);
}
.wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
  margin-top: 0.313rem;
  font-size: var(--ayyash-small-font-size);
  color: var(--ayyash-color-global);
}
.wp-block-latest-comments.has-excerpts .wp-block-latest-comments__comment-excerpt p {
  margin-top: var(--ayyash-gap-10);
  font-size: var(--ayyash-global-font-size);
  color: var(--ayyash-color-heading);
  line-height: var(--ayyash-global-line-height);
  margin: var(--ayyash-gap-10) 0 0 0;
}

/* =============================================================================
   Search Block Style
   ========================================================================== */
.wp-block-search {
  margin-bottom: var(--ayyash-gap-20);
}
.wp-block-search .wp-block-search__label {
  font-size: var(--ayyash-h3-font-size);
  border-bottom: 1px solid var(--ayyash-color-border);
  margin-bottom: var(--ayyash-gap-30);
  color: var(--ayyash-color-heading);
  border-color: var(--ayyash-color-border);
  padding-bottom: var(--ayyash-gap-15);
  position: relative;
}
.wp-block-search .wp-block-search__label:after {
  content: " ";
  position: absolute;
  height: 0.1875rem;
  width: 6.25rem;
  background: var(--ayyash-color-primary);
  left: 0;
  top: auto;
  bottom: -0.125rem;
  border-radius: 6.25rem;
}
.wp-block-search.wp-block-search__no-button .wp-block-search__input, .wp-block-search.wp-block-search__button-outside .wp-block-search__input {
  border: 1px solid var(--ayyash-color-border);
  padding: var(--ayyash-gap-10) var(--ayyash-gap-15);
}
.wp-block-search.wp-block-search__no-button .wp-block-search__input:focus-visible, .wp-block-search.wp-block-search__button-outside .wp-block-search__input:focus-visible {
  outline: 0;
}
.wp-block-search.wp-block-search__text-button .wp-block-search__button, .wp-block-search.wp-block-search__icon-button .wp-block-search__button {
  background: var(--ayyash-color-primary);
  color: #fff;
  border: 0;
  padding: var(--ayyash-gap-10) var(--ayyash-gap-15);
}
.wp-block-search.wp-block-search__text-button .wp-block-search__button:hover, .wp-block-search.wp-block-search__icon-button .wp-block-search__button:hover {
  background: var(--ayyash-color-secondary);
}
.wp-block-search.wp-block-search__text-button .wp-block-search__button.has-icon, .wp-block-search.wp-block-search__icon-button .wp-block-search__button.has-icon {
  fill: #fff;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border: 1px solid var(--ayyash-color-border);
  padding: 0.3125rem;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  padding: var(--ayyash-gap-10) var(--ayyash-gap-20);
}

/* =============================================================================
   Tag Cloud Block Styles
========================================================================== */
.wp-block-tag-cloud {
  margin: 0;
}
.wp-block-tag-cloud a {
  color: var(--ayyash-color-heading);
  text-decoration: none;
}
.wp-block-tag-cloud a:hover {
  color: var(--ayyash-color-secondary);
}
.wp-block-tag-cloud a:hover span {
  color: var(--ayyash-color-secondary);
}
.wp-block-tag-cloud a span {
  color: var(--ayyash-color-heading);
}
.wp-block-tag-cloud:not(.is-style-outline) a {
  display: inline-block;
  border-bottom: 1px solid var(--ayyash-color-heading);
  margin: 0 var(--ayyash-gap-15) var(--ayyash-gap-15) 0;
}
.wp-block-tag-cloud:not(.is-style-outline) a:hover {
  border-color: var(--ayyash-color-secondary);
}
.wp-block-tag-cloud.is-style-outline {
  gap: var(--ayyash-gap-15);
}
.wp-block-tag-cloud.is-style-outline a {
  border-color: var(--ayyash-color-border);
  padding: 0.375rem var(--ayyash-gap-10);
}
.wp-block-tag-cloud.is-style-outline a:hover {
  border-color: var(--ayyash-color-secondary);
}

/* =============================================================================
   Archives Block Styles
   ========================================================================== */
.wp-block-archives.wp-block-archives-dropdown label {
  font-size: var(--ayyash-h3-font-size);
  font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight));
  line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height));
  color: var(--ayyash-color-heading);
  margin-bottom: var(--ayyash-gap-30);
}
.wp-block-archives.wp-block-archives-dropdown select {
  font-size: var(--ayyash-global-font-size);
  line-height: 1;
  font-weight: var(--ayyash-global-font-weight);
  color: var(--ayyash-color-global);
  border: 1px solid var(--ayyash-color-border);
  padding: var(--ayyash-gap-10);
  width: 100%;
  max-width: 100%;
  height: 3.125rem;
}
.wp-block-archives.wp-block-archives-list {
  padding-left: 0;
}
.wp-block-archives.wp-block-archives-list li {
  list-style: none;
}
.wp-block-archives.wp-block-archives-list li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.wp-block-archives a, .wp-block-archives li {
  text-decoration: none;
  color: var(--ayyash-color-heading);
}
.wp-block-archives a:hover {
  color: var(--ayyash-color-secondary);
}

/* =============================================================================
   Page List Block Styles
========================================================================== */
.wp-block-page-list {
  padding-left: 1rem;
}
.wp-block-page-list li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.wp-block-page-list li {
  list-style-type: disc;
}
.wp-block-page-list a {
  color: var(--ayyash-color-heading);
  text-decoration: none;
}
.wp-block-page-list a:hover {
  color: var(--ayyash-color-secondary);
}

/* -------------------------------------------------------
					AYYASH MAIN HEADER
-------------------------------------------------------- */
.site-title {
  margin: 0;
  font-family: var(--ayyash-site-title-font-family);
  font-weight: var(--ayyash-site-title-font-weight);
  font-style: var(--ayyash-site-title-font-style);
  font-size: var(--ayyash-site-title-font-size);
  line-height: var(--ayyash-site-title-line-height);
  text-transform: var(--ayyash-site-title-text-transform);
  letter-spacing: var(--ayyash-site-title-letter-spacing);
  word-spacing: var(--ayyash-site-title-word-spacing);
}
.site-title a {
  color: var(--ayyash-color-main-menu);
}
.site-title a:hover {
  color: var(--ayyash-color-main-menu-hover);
}

.site-description {
  display: block;
  margin: 0.625rem 0;
  font-family: var(--ayyash-site-tag-font-family);
  font-weight: var(--ayyash-site-tag-font-weight);
  font-style: var(--ayyash-site-tag-font-style);
  font-size: var(--ayyash-site-tag-font-size);
  line-height: var(--ayyash-site-tag-line-height);
  text-transform: var(--ayyash-site-tag-text-transform);
  letter-spacing: var(--ayyash-site-tag-letter-spacing);
  word-spacing: var(--ayyash-site-tag-word-spacing);
  max-width: 24.375rem;
}

.site-branding {
  flex: 0 0 auto;
  margin-right: 20px;
}

.logo .retina {
  display: none;
}
@media (min-width: 2500px) {
  .logo .normal {
    display: none;
  }
  .logo .retina {
    display: block;
  }
}

.menu-not-assigned {
  line-height: 100%;
  text-align: right;
  padding: 40px 0;
  font-size: 16px;
}

#masthead {
  position: relative;
  width: 100%;
  transition: background 0.2s;
  z-index: 99;
  background-color: var(--ayyash-color-header-bg);
}
#masthead .masthead-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  height: var(--ayyash-header-height);
  position: relative;
}
#masthead.header-border-bottom {
  border-bottom: 1px solid var(--ayyash-color-border);
}
#masthead.is-sticky {
  position: fixed;
  z-index: 999;
  top: 0;
}
#masthead.is-sticky .masthead-wrap {
  height: var(--ayyash-header-sticky-height);
}
#masthead.is-sticky #site-nav li.ayyash-depth-0 {
  height: var(--ayyash-header-sticky-height);
}
#masthead.transparent-header {
  background: transparent;
  position: absolute;
  margin-top: var(--ayyash-header-transparent-margin-top);
}
#masthead.transparent-header.is-sticky {
  position: fixed;
  margin-top: 0;
}
#masthead a:hover {
  text-decoration: none;
}
#masthead.is-compact {
  background-color: rgba(255, 255, 255, 0.95);
}

.admin-bar #masthead.is-sticky {
  top: 30px;
}

.ayyash-header-button {
  flex: 0 0 auto;
  margin-left: 30px;
  text-align: right;
}
.ayyash-header-button a {
  display: inline-block;
  color: var(--ayyash-color-header-button);
  background: var(--ayyash-color-header-button-bg, var(--ayyash-color-primary));
  padding: var(--ayyash-header-button-padding-top) var(--ayyash-header-button-padding-right) var(--ayyash-header-button-padding-bottom) var(--ayyash-header-button-padding-left);
  border-radius: var(--ayyash-header-button-border-radius);
  border: 1px solid var(--ayyash-color-header-button-border, transparent);
  line-height: var(--ayyash-header-button-line-height);
  font-size: 16px;
  transition: all 0.3s;
}
.ayyash-header-button a:hover {
  color: var(--ayyash-color-header-button-hover);
  background: var(--ayyash-color-header-button-hover-bg, var(--ayyash-color-secondary));
  border: 1px solid var(--ayyash-color-header-button-border-hover);
}

/* -------------------------------------------------------
				AYYASH SECONDARY HEADER
-------------------------------------------------------- */
.secondary-header {
  color: var(--ayyash-color-secondary-header);
  background-color: var(--ayyash-color-secondary-header-bg);
  padding: 0.625rem 0;
  border-top: 1px solid var(--ayyash-sh-tbc);
  border-bottom: 1px solid var(--ayyash-sh-bbc);
  position: relative;
  z-index: 99;
}
.secondary-header .secondary-head-wrap {
  position: relative;
}
.secondary-header .secondary-head-wrap div:nth-child(2) {
  display: none;
}
@media (min-width: 1200px) {
  .secondary-header .secondary-head-wrap.item-d-xl-show div:nth-child(2) {
    display: block;
  }
}
@media (min-width: 992px) {
  .secondary-header .secondary-head-wrap.item-d-lg-show div:nth-child(2) {
    display: block;
  }
}
@media (min-width: 768px) {
  .secondary-header .secondary-head-wrap.item-d-md-show div:nth-child(2) {
    display: block;
  }
}
.secondary-header a:hover {
  text-decoration: none;
}
.secondary-header .callout {
  max-width: calc(100% - 3.75rem);
}
.secondary-header .callout p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.secondary-header .social-icon-container ul {
  padding: 0;
  margin: 0;
  display: flex;
}
.secondary-header .social-icon-container ul li {
  list-style: none;
}
.secondary-header .social-icon-container ul li:not(:last-child) {
  margin-right: 0.625rem;
}
.secondary-header .social-icon-container .social-icon {
  color: var(--ayyash-color-secondary-header-social-icon);
  font-size: 0.938rem;
  line-height: 2;
  width: 1.875rem;
  height: 1.875rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}
.secondary-header .social-icon-container .social-icon:hover {
  color: var(--ayyash-color-secondary-header-social-icon-hover);
  background-color: var(--ayyash-color-secondary-header-social-icon-hover-bg);
}
@media (min-width: 767px) {
  .secondary-header .social-icon-container .social-icon {
    font-size: 1.125rem;
    width: 2.25rem;
    height: 2.25rem;
  }
}
.secondary-header .search-form input {
  height: 1.875rem;
  font-size: 1rem;
  line-height: 1.3;
  background-color: transparent;
  color: var(--ayyash-color-secondary-header);
  border: 1px solid var(--ayyash-color-secondary);
}
.secondary-header .search-form input:focus {
  background-color: transparent;
}
@media (min-width: 768px) {
  .secondary-header .search-form input {
    height: 2.25rem;
  }
}
@media (min-width: 992px) {
  .secondary-header .search-form input {
    height: 2.75rem;
    padding: 0.688rem 1.25rem;
  }
}
.secondary-header .search-form input::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.3;
  color: var(--ayyash-color-secondary-header);
}
.secondary-header .search-form input:-ms-input-placeholder {
  font-size: 1rem;
  line-height: 1.3;
  color: var(--ayyash-color-secondary-header);
}
.secondary-header .search-form input::placeholder {
  font-size: 1rem;
  line-height: 1.3;
  color: var(--ayyash-color-secondary-header);
}
.secondary-header .search-form button {
  padding-right: 0;
}
@media (min-width: 992px) {
  .secondary-header .search-form button {
    padding-right: 0.625rem;
  }
}
.secondary-header .search-form button,
.secondary-header .search-form button:before {
  line-height: 1.875rem;
  color: var(--ayyash-color-secondary-header);
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .secondary-header .search-form button,
.secondary-header .search-form button:before {
    line-height: 2.25rem;
  }
}
@media (min-width: 992px) {
  .secondary-header .search-form button,
.secondary-header .search-form button:before {
    line-height: 2.75rem;
  }
}
.secondary-header .search-form .text {
  text-align: center;
  width: 100%;
  max-width: 25.75rem;
}
@media (min-width: 992px) {
  .secondary-header .search-form .text {
    width: 25.75rem;
  }
}

/* -------------------------------------------------------
					AYYASH MAIN MENU
-------------------------------------------------------- */
#site-nav {
  flex: auto;
  justify-content: var(--ayyash-header-menu-alignment);
  flex-wrap: wrap;
}
#site-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#site-nav ul li {
  position: relative;
}
#site-nav li.ayyash-depth-0 {
  display: inline-flex;
  align-items: center;
  height: var(--ayyash-header-height);
}
#site-nav li.ayyash-depth-0 > .ayyash-link {
  display: block;
  position: relative;
  outline-offset: -0.25rem;
  padding: var(--ayyash-gap-20) var(--ayyash-header-menu-padding-right) var(--ayyash-gap-20) var(--ayyash-header-menu-padding-left);
  font-family: var(--ayyash-menu-font-family);
  font-weight: var(--ayyash-menu-font-weight);
  font-style: var(--ayyash-menu-font-style);
  font-size: var(--ayyash-menu-font-size);
  text-transform: var(--ayyash-menu-text-transform);
  letter-spacing: var(--ayyash-menu-letter-spacing);
  word-spacing: var(--ayyash-menu-word-spacing);
}
#site-nav .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 0;
  background: var(--ayyash-color-sub-menu-bg);
  box-shadow: 0 0 0.8125rem rgba(8, 28, 78, 0.25);
}
#site-nav .sub-menu .ayyash-link {
  display: block;
  position: relative;
  z-index: 1;
}
#site-nav .sub-menu .sf-with-ul::after {
  content: "\e906";
  position: absolute;
  right: calc(var(--ayyash-header-button-padding-right) - 5px);
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
#site-nav .sub-menu .ayyash-label {
  margin-left: 0.5rem;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}
#site-nav .sub-menu .ayyash-label::before {
  border-top: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid transparent;
  top: 25%;
  left: 0;
  margin-left: -0.625rem;
  z-index: 0;
}
#site-nav .sub-menu .ayyash-label-default::before {
  border-right: 0.3125rem solid #999;
}
#site-nav .sub-menu .ayyash-label-primary::before {
  border-right: 0.3125rem solid #428bca;
}
#site-nav .sub-menu .ayyash-label-success::before {
  border-right: 0.3125rem solid #5cb85c;
}
#site-nav .sub-menu .ayyash-label-info::before {
  border-right: 0.3125rem solid #5bc0de;
}
#site-nav .sub-menu .ayyash-label-warning::before {
  border-right: 0.3125rem solid #f0ad4e;
}
#site-nav .sub-menu .ayyash-label-danger::before {
  border-right: 0.3125rem solid #d9534f;
}
#site-nav .ayyash-menu .sub-menu {
  width: var(--ayyash-header-submenu-width);
}
#site-nav .ayyash-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
}
#site-nav .ayyash-menu .sub-menu li {
  text-align: var(--ayyash-header-submenu-alignment);
}
#site-nav .ayyash-menu .sub-menu .ayyash-link {
  padding: var(--ayyash-header-submenu-padding-top) var(--ayyash-header-submenu-padding-right) var(--ayyash-header-submenu-padding-bottom) var(--ayyash-header-submenu-padding-left);
  color: var(--ayyash-color-sub-menu);
  border-bottom: 0.0625rem solid var(--ayyash-color-sub-menu-border);
  font-family: var(--ayyash-sub-menu-font-family);
  font-weight: var(--ayyash-sub-menu-font-weight);
  font-style: var(--ayyash-sub-menu-font-style);
  font-size: var(--ayyash-sub-menu-font-size);
  line-height: var(--ayyash-sub-menu-line-height);
  text-transform: var(--ayyash-sub-menu-text-transform);
  letter-spacing: var(--ayyash-sub-menu-letter-spacing);
  word-spacing: var(--ayyash-sub-menu-word-spacing);
}
#site-nav .ayyash-menu .sub-menu .current-menu-ancestor > .ayyash-link,
#site-nav .ayyash-menu .sub-menu .current-menu-item > .ayyash-link,
#site-nav .ayyash-menu .sub-menu .ayyash-link:hover {
  color: var(--ayyash-color-sub-menu-hover);
  background: var(--ayyash-color-sub-menu-bg-hover);
}
#site-nav .ayyash-icon {
  padding-right: 0.5rem;
}
#site-nav .sf-with-ul::after {
  font-family: "Ayyash";
  content: "\e906";
  vertical-align: middle;
  font-size: 1.25em;
  line-height: 1;
}
#site-nav .ayyash-label {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0.3125rem 0.4375rem;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: var(--ayyash-500-font-weight);
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 0.25em;
}
#site-nav .ayyash-label::before {
  position: absolute;
  content: "";
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  top: calc(100% - 1px);
  left: 50%;
  margin-left: -0.3125rem;
  width: 0.25rem;
  height: 0.25rem;
  z-index: -9;
}
#site-nav .ayyash-label-default {
  background-color: #999;
}
#site-nav .ayyash-label-default::before {
  border-top: 0.375rem solid #999;
}
#site-nav .ayyash-label-primary {
  background-color: #428bca;
}
#site-nav .ayyash-label-primary::before {
  border-top: 0.3125rem solid #428bca;
}
#site-nav .ayyash-label-success {
  background-color: #5cb85c;
}
#site-nav .ayyash-label-success::before {
  border-top: 0.375rem solid #5cb85c;
}
#site-nav .ayyash-label-info {
  background-color: #5bc0de;
}
#site-nav .ayyash-label-info::before {
  border-top: 0.375rem solid #5bc0de;
}
#site-nav .ayyash-label-warning {
  background-color: #f0ad4e;
}
#site-nav .ayyash-label-warning::before {
  border-top: 0.375rem solid #f0ad4e;
}
#site-nav .ayyash-label-danger {
  background-color: #d9534f;
}
#site-nav .ayyash-label-danger::before {
  border-top: 0.375rem solid #d9534f;
}

.ayyash-header-search {
  padding: 0 0 0 var(--ayyash-gap-15);
}
.ayyash-header-search i {
  font-size: 1.25rem;
  color: var(--ayyash-color-main-menu);
}
.ayyash-header-search .dropdown-toggle::after {
  display: none;
}
.ayyash-header-search .ayyash-header-search-box {
  border: none;
  box-shadow: 0 1.125rem 0.8125rem rgba(8, 28, 78, 0.25);
}
.ayyash-header-search .ayyash-header-search-box input {
  width: 13.125rem;
  height: 2.5rem;
  border: none;
}
.ayyash-header-search .ayyash-header-search-box input:focus, .ayyash-header-search .ayyash-header-search-box input:focus-visible {
  outline: none;
}

.ayyash-header-cart-count {
  position: relative;
  padding: 0 0 0 var(--ayyash-gap-30);
}
.ayyash-header-cart-count i {
  font-size: 1.25rem;
  margin-right: var(--ayyash-gap-10);
  color: var(--ayyash-color-main-menu);
}
.ayyash-header-cart-count .badge {
  display: block;
  position: absolute;
  top: -0.5rem;
  right: 0;
  background-color: var(--ayyash-color-primary);
  color: #ffffff;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  line-height: 1.5;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 0.75rem;
  padding: 0;
}

@media (max-width: 991.98px) {
  .site-branding {
    flex: 1;
  }

  #ayyash-mobile-toggle {
    margin-left: var(--ayyash-gap-25);
  }
}
/* -------------------------------------------------------
					AYYASH MAIN MOBILE MENU
-------------------------------------------------------- */
#ayyash-mobile-toggle {
  width: 2.25rem;
  height: 1.875rem;
  margin-top: 0;
  padding: 6px 8px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 0;
  text-align: center;
  background-color: var(--ayyash-color-heading);
  font-size: 1.25rem;
  color: #fff;
}
@media (min-width: 768px) {
  #ayyash-mobile-toggle {
    padding: var(--ayyash-gap-10);
    width: 2.625rem;
    height: 2.25rem;
  }
}

#ayyash-mobile-close {
  width: 2.25rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 0.438rem;
  cursor: pointer;
  vertical-align: middle;
  line-height: 0;
  text-align: center;
  background-color: var(--ayyash-color-heading);
}
#ayyash-mobile-close i {
  color: #fff;
}
#ayyash-mobile-close:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  #ayyash-mobile-close {
    width: 2.625rem;
    height: 2.25rem;
  }
}

.ayyash-menu-overlay.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 100;
}

#navigation-mobile {
  display: none;
  z-index: 102;
  position: absolute;
  background-color: var(--ayyash-color-mobile-menu-bg);
}
#navigation-mobile ul {
  padding: 0;
}
#navigation-mobile ul li {
  position: relative;
  list-style: none;
}
#navigation-mobile .ayyash-dropdown-plus {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--ayyash-color-mobile-menu);
  width: 3.125rem;
  height: 3.125rem;
  text-align: center;
  padding: 0.625rem;
  border: 1px solid transparent;
  background: transparent;
  font-size: 1.25rem;
}
#navigation-mobile .menu li:not(:first-child) {
  border-top: 1px solid var(--ayyash-color-mobile-menu-border);
}
#navigation-mobile .menu li a {
  display: block;
  font-family: var(--ayyash-mobile-menu-font-family);
  font-size: var(--ayyash-mobile-menu-font-size);
  line-height: var(--ayyash-mobile-menu-line-height);
  font-weight: var(--ayyash-mobile-menu-font-weight);
  color: var(--ayyash-color-mobile-menu);
  text-transform: var(--ayyash-mobile-menu-text-transform);
  letter-spacing: var(--ayyash-mobile-menu-letter-spacing);
  word-spacing: var(--ayyash-mobile-menu-word-spacing);
  padding: 0.938rem 1.25rem;
  text-decoration: none;
}
#navigation-mobile .menu li.menu-item-has-children > .ayyash-dropdown-plus {
  display: block;
}
#navigation-mobile .sub-menu {
  display: none;
  margin: 0 1.25rem;
}
#navigation-mobile .sub-menu li a {
  padding: 0.938rem 0.625rem;
  font-weight: var(--ayyash-400-font-weight);
}
#navigation-mobile ul li a:hover,
#navigation-mobile li.current-menu-ancestor > a,
#navigation-mobile li.current-menu-item > a {
  color: var(--ayyash-color-mobile-menu-hover);
  background-color: var(--ayyash-color-mobile-menu-bg-hover);
}

.off-canvas-full-mobile-menu #navigation-mobile {
  left: 0;
  width: 100%;
}

.off-canvas-left-mobile-menu #navigation-mobile {
  left: -70%;
  width: 70%;
}

.off-canvas-right-mobile-menu #navigation-mobile {
  right: -70%;
  width: 70%;
}

.dropdown-mobile-menu #navigation-mobile {
  left: 20px;
  right: 20px;
  width: calc(100% - 40px);
  height: 100%;
}

/**
 * Variables.
 */
/* -------------------------------------------------------
					AYYASH MEGA MENU
-------------------------------------------------------- */
#site-nav .ayyash-mega-menu {
  position: inherit;
}
#site-nav .ayyash-mega-menu > ul.sub-menu {
  width: 100%;
  left: 0;
  display: flex !important;
  opacity: 0 !important;
  visibilitY: hidden;
  flex-wrap: wrap;
  padding: var(--ayyash-gap-15) var(--ayyash-gap-20);
  background: var(--ayyash-color-mega-menu-bg);
  transition: 0.05ms;
}
#site-nav .ayyash-mega-menu > ul.sub-menu > li {
  flex: auto;
}
#site-nav .ayyash-mega-menu > ul.sub-menu ul.sub-menu {
  display: block !important;
  opacity: 1 !important;
  position: initial;
  left: 0;
  box-shadow: none;
  width: 100%;
}
#site-nav .ayyash-mega-menu > ul.sub-menu ul.sub-menu ul.sub-menu {
  padding-left: 1em;
}
#site-nav .ayyash-mega-menu > ul.sub-menu .ayyash-link {
  color: var(--ayyash-color-mega-menu-item);
  font-family: var(--ayyash-mega-menu-font-family);
  font-size: var(--ayyash-mega-menu-font-size);
  font-weight: var(--ayyash-mega-menu-font-weight);
  font-style: var(--ayyash-mega-menu-font-style);
  line-height: var(--ayyash-mega-menu-line-height);
  text-transform: var(--ayyash-mega-menu-text-transform);
  letter-spacing: var(--ayyash-mega-menu-letter-spacing);
  word-spacing: var(--ayyash-mega-menu-word-spacing);
  margin-bottom: var(--ayyash-header-mega-menu-spacing-bottom);
}
#site-nav .ayyash-mega-menu > ul.sub-menu .ayyash-link:after {
  display: none;
}
#site-nav .ayyash-mega-menu > ul.sub-menu .ayyash-link:hover {
  color: var(--ayyash-color-mega-menu-item-hover);
}
#site-nav .ayyash-mega-menu > ul.sub-menu .ayyash-title.ayyash-link {
  font-size: var(--ayyash-mega-menu-column-title-font-size);
  font-weight: var(--ayyash-mega-menu-column--title-font-weight);
  color: var(--ayyash-color-mega-menu-column-title);
  margin-bottom: calc(var(--ayyash-header-mega-menu-spacing-bottom) + 4px);
}
#site-nav .ayyash-mega-menu > ul.sub-menu .ayyash-title.ayyash-link.ayyash-column-title {
  cursor: inherit;
}
#site-nav .ayyash-mega-menu > ul.sub-menu .ayyash-title.ayyash-link:hover {
  color: var(--ayyash-color-mega-menu-column-title-hover);
}
#site-nav .ayyash-mega-menu.sfHover > ul.sub-menu {
  opacity: 1 !important;
}
#site-nav .ayyash-mega-menu.ayyash-custom {
  position: relative;
}
#site-nav .ayyash-mega-menu.ayyash-natural {
  position: relative;
}
#site-nav .ayyash-mega-menu.ayyash-natural > ul.sub-menu {
  width: -moz-max-content;
  width: max-content;
}
#site-nav .ayyash-mega-menu.ayyash-right > ul.sub-menu {
  left: auto;
  right: 0;
}
#site-nav .ayyash-mega-menu .ayyash-content,
#site-nav .ayyash-mega-menu .ayyash-full-content {
  display: block;
  color: var(--ayyash-color-mega-menu);
  font-family: var(--ayyash-mega-menu-font-family);
  font-size: var(--ayyash-mega-menu-font-size);
  font-weight: var(--ayyash-mega-menu-font-weight);
  font-style: var(--ayyash-mega-menu-font-style);
  line-height: var(--ayyash-mega-menu-line-height);
  text-transform: var(--ayyash-mega-menu-text-transform);
  letter-spacing: var(--ayyash-mega-menu-letter-spacing);
  word-spacing: var(--ayyash-mega-menu-word-spacing);
}

/*---------------------------------------------------------
	 Breadcrumb
-------------------------------------------------------- */
.ayyash-breadcrumb-area {
  background-color: var(--ayyash-color-breadcrumb-bg);
  padding: var(--ayyash-gap-15) 0;
}
.ayyash-breadcrumb-area .breadcrumb-wrap {
  align-items: center;
}
.ayyash-breadcrumb-area .breadcrumb-wrap .title {
  font-size: 1.1875rem;
  color: var(--ayyash-color-breadcrumb);
  max-width: 37.5rem;
  margin-bottom: 0;
}
.ayyash-breadcrumb-area .breadcrumbs {
  margin: 0;
  padding: 0;
}
.ayyash-breadcrumb-area .breadcrumbs li {
  display: inline-block;
  font-size: 0.8125rem;
}
.ayyash-breadcrumb-area .breadcrumbs li:last-child {
  color: var(--ayyash-color-breadcrumb);
}
.ayyash-breadcrumb-area .breadcrumbs li:not(:last-child) {
  margin-right: 0.3125rem;
}
.ayyash-breadcrumb-area .breadcrumbs li:not(:last-child)::after {
  content: "/";
}
.ayyash-breadcrumb-area .breadcrumbs li a {
  color: var(--ayyash-color-global);
  padding-right: 0.3125rem;
  text-decoration: none;
}

.main-sidebar .wp-block-woocommerce-filter-wrapper h3,
.main-sidebar .widget-title {
  font-family: var(--ayyash-sidebar-widget-title-font-family);
  font-weight: var(--ayyash-sidebar-widget-title-font-weight);
  font-style: var(--ayyash-sidebar-widget-title-font-style);
  font-size: var(--ayyash-sidebar-widget-title-font-size);
  line-height: var(--ayyash-sidebar-widget-title-line-height);
  text-transform: var(--ayyash-sidebar-widget-title-text-transform);
  letter-spacing: var(--ayyash-footer-widget-title-letter-spacing);
  word-spacing: var(--ayyash-sidebar-widget-title-word-spacing);
  border-color: var(--ayyash-color-border);
  color: var(--ayyash-color-heading);
  text-align: left;
  margin-top: 0;
  padding-bottom: var(--ayyash-gap-15);
  margin-bottom: var(--ayyash-gap-30);
  border-width: 0 0 1px 0;
  border-style: solid;
  position: relative;
}
.main-sidebar .wp-block-woocommerce-filter-wrapper h3:after,
.main-sidebar .widget-title:after {
  content: " ";
  position: absolute;
  height: 3px;
  width: 6.25rem;
  background: var(--ayyash-color-primary);
  left: 0;
  top: auto;
  bottom: -2px;
  border-radius: 100px;
}
.main-sidebar .wp-block-search .wp-block-search__label {
  font-family: var(--ayyash-sidebar-widget-title-font-family);
  font-weight: var(--ayyash-sidebar-widget-title-font-weight);
  font-style: var(--ayyash-sidebar-widget-title-font-style);
  font-size: var(--ayyash-sidebar-widget-title-font-size);
  line-height: var(--ayyash-sidebar-widget-title-line-height);
  text-transform: var(--ayyash-sidebar-widget-title-text-transform);
  letter-spacing: var(--ayyash-footer-widget-title-letter-spacing);
  word-spacing: var(--ayyash-sidebar-widget-title-word-spacing);
  color: var(--ayyash-color-heading);
}

.ayyash-footer-widget .widget-title {
  font-family: var(--ayyash-footer-widget-title-font-family);
  font-weight: var(--ayyash-footer-widget-title-font-weight);
  font-style: var(--ayyash-footer-widget-title-font-style);
  font-size: var(--ayyash-footer-widget-title-font-size);
  line-height: var(--ayyash-footer-widget-title-line-height);
  text-transform: var(--ayyash-footer-widget-title-text-transform);
  letter-spacing: var(--ayyash-footer-widget-title-letter-spacing);
  word-spacing: var(--ayyash-footer-widget-title-word-spacing);
  border-color: var(--ayyash-color-border);
  color: var(--ayyash-color-heading);
  text-align: left;
  margin-top: 0;
  padding-bottom: var(--ayyash-gap-15);
  margin-bottom: var(--ayyash-gap-30);
  border-width: 0 0 1px 0;
  border-style: solid;
  position: relative;
}
.ayyash-footer-widget .widget-title:after {
  content: " ";
  position: absolute;
  height: 3px;
  width: 6.25rem;
  background: var(--ayyash-color-primary);
  left: 0;
  top: auto;
  bottom: -2px;
  border-radius: 100px;
}
.ayyash-footer-widget .wp-block-search .wp-block-search__label {
  font-family: var(--ayyash-footer-widget-title-font-family);
  font-weight: var(--ayyash-footer-widget-title-font-weight);
  font-style: var(--ayyash-footer-widget-title-font-style);
  font-size: var(--ayyash-footer-widget-title-font-size);
  line-height: var(--ayyash-footer-widget-title-line-height);
  text-transform: var(--ayyash-footer-widget-title-text-transform);
  letter-spacing: var(--ayyash-footer-widget-title-letter-spacing);
  word-spacing: var(--ayyash-footer-widget-title-word-spacing);
  color: var(--ayyash-color-heading);
}

/* =============================================================================
   Ayyash main sidebar
   ========================================================================== */
.main-sidebar .widget:not(:last-child) {
  margin-bottom: var(--ayyash-gap-60);
}
.main-sidebar ul,
.main-sidebar ol {
  margin-bottom: 0;
}
.main-sidebar .sidebar-widget {
  font-family: var(--ayyash-sidebar-widget-body-font-family);
  font-weight: var(--ayyash-sidebar-widget-body-font-weight);
  font-style: var(--ayyash-sidebar-widget-body-font-style);
  font-size: var(--ayyash-sidebar-widget-body-font-size);
  line-height: var(--ayyash-sidebar-widget-body-line-height);
  text-transform: var(--ayyash-sidebar-widget-body-text-transform);
  letter-spacing: var(--ayyash-sidebar-widget-body-letter-spacing);
  word-spacing: var(--ayyash-sidebar-widget-body-word-spacing);
}
.main-sidebar .sidebar-widget .wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  line-height: var(--ayyash-sidebar-widget-body-line-height);
}
.main-sidebar .sidebar-widget .wp-block-latest-comments.has-excerpts .wp-block-latest-comments__comment-excerpt p {
  font-size: var(--ayyash-sidebar-widget-body-font-size);
  line-height: var(--ayyash-sidebar-widget-body-line-height);
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
  width: 1.125rem;
  height: 1.124rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  border: 1px solid #e4e4e4;
  margin: 0 var(--ayyash-gap-10) 0 0;
  border-radius: 0;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label {
  line-height: 1.125rem;
  font-size: var(--ayyash-small-font-size);
  color: var(--ayyash-color-heading);
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
  width: 1.125rem;
  margin-left: 0;
  margin-top: -0.125rem;
}

/* =============================================================================
   Recent Comments Classic Style
   ========================================================================== */
.widget_archive ul {
  list-style: none;
  padding: 0;
}
.widget_archive li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.widget_archive li,
.widget_archive a {
  color: var(--ayyash-color-heading);
}
.widget_archive a:hover {
  color: var(--ayyash-color-secondary);
}

/* =============================================================================
   Calendar Classic  widget style
   ========================================================================== */
.widget_calendar .calendar_wrap caption {
  caption-side: top;
  font-size: var(--ayyash-h5-font-size);
  font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
  color: var(--ayyash-color-heading);
}
.widget_calendar .calendar_wrap table {
  width: 100%;
}
.widget_calendar .calendar_wrap th {
  color: var(--ayyash-color-heading);
}
.widget_calendar .calendar_wrap th, .widget_calendar .calendar_wrap td {
  padding: 0.25rem;
}
.widget_calendar .calendar_wrap tr {
  text-align: center;
}
.widget_calendar .calendar_wrap tbody tr, .widget_calendar .calendar_wrap tbody td {
  border: 1px solid var(--ayyash-color-border);
}
.widget_calendar .calendar_wrap tbody #today {
  background: var(--ayyash-color-primary);
  color: #fff;
}
.widget_calendar .calendar_wrap .wp-calendar-nav {
  text-align: left;
  margin-top: var(--ayyash-gap-10);
}
.widget_calendar .calendar_wrap .wp-calendar-nav a {
  font-weight: var(--ayyash-500-font-weight);
  color: var(--ayysh-color-heading);
}

/* =============================================================================
  Categories Classic widget style
   ========================================================================== */
.widget_categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget_categories li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.widget_categories li ul {
  margin-top: var(--ayyash-gap-15);
  padding-left: var(--ayyash-gap-30);
}
.widget_categories a {
  color: var(--ayyash-color-heading);
}
.widget_categories a:hover {
  color: var(--ayyash-color-secondary);
}

/* =============================================================================
   Recent Comments Classic Style
   ========================================================================== */
.widget_recent_comments ul {
  list-style: none;
  padding: 0;
}
.widget_recent_comments li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}

/* =============================================================================
   Classic meta widgets css
   ========================================================================== */
.widget_meta ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget_meta li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.widget_meta a {
  color: var(--ayyash-color-heading);
}
.widget_meta a:hover {
  color: var(--ayyash-color-secondary);
}

/* =============================================================================
   RSS Feed Clasic widgets style
   ========================================================================== */
.widget_rss ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget_rss li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-20);
}
.widget_rss a {
  display: inline-block;
  color: var(--ayyash-color-primary);
  margin-bottom: var(--ayyash-gap-10);
}
.widget_rss a:hover {
  color: var(--ayyash-color-secondary);
}
.widget_rss cite {
  font-size: var(--ayyash-small-font-size);
  font-weight: var(--ayyash-500-font-weight);
  color: var(--ayyash-color-heading);
}
.widget_rss .rss-date {
  font-size: var(--ayyash-small-font-size);
  margin-bottom: var(--ayyash-gap-10);
  display: inline-block;
}
.widget_rss .rssSummary {
  padding: var(--ayyash-gap-10) 0;
}

/* =============================================================================
   Search Classic Style
   ========================================================================== */
.widget_search .text input {
  background-color: var(--ayyash-color-content-bg);
}
.widget_search .text button {
  display: none;
}

/* =============================================================================
   Tag Cloud Classic Style
   ========================================================================== */
.widget_tag_cloud .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ayyash-gap-15);
}
.widget_tag_cloud a {
  color: var(--ayyash-color-heading);
  border: 1px solid var(--ayyash-color-border);
  padding: 0.375rem var(--ayyash-gap-10);
}
.widget_tag_cloud a:hover {
  color: var(--ayyash-color-secondary);
}

/* =============================================================================
   Gallery Classic Widget
   ========================================================================== */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.gallery.gallery-columns-1 {
  width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
  width: calc(50% - 0.25rem);
}
.gallery.gallery-columns-3 .gallery-item {
  width: calc(33.33% - 0.34rem);
}
.gallery.gallery-columns-4 .gallery-item {
  width: calc(25% - 0.5rem);
}
.gallery.gallery-columns-5 .gallery-item {
  width: calc(20% - 0.4rem);
}
.gallery.gallery-columns-6 .gallery-item {
  width: calc(16.66% - 0.416rem);
}
.gallery.gallery-columns-7 .gallery-item {
  width: calc(14.28% - 0.428rem);
}
.gallery.gallery-columns-8 .gallery-item {
  width: calc(12.5% - 0.437rem);
}
.gallery.gallery-columns-9 .gallery-item {
  width: calc(11.11% - 0.44rem);
}
.gallery .gallery-item {
  flex-grow: 1;
  margin: 0;
  position: relative;
}
.gallery .gallery-item .gallery-icon {
  height: 100%;
}
.gallery .gallery-item figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: var(--ayyash-x-small-font-size);
  padding: 0 0.5rem 0.5rem;
  width: 100%;
}
.gallery .gallery-item img {
  width: 100%;
  flex: 1 0 0%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

/* =============================================================================
   Recent Post Classic Style
   ========================================================================== */
.widget_recent_entries ul {
  list-style: none;
  padding: 0;
}
.widget_recent_entries li:not(:last-child) {
  margin-bottom: var(--ayyash-gap-15);
}
.widget_recent_entries li:has(.post-date) a {
  font-size: var(--ayyash-h5-font-size);
  font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
}
.widget_recent_entries a {
  display: block;
  color: var(--ayyash-color-heading);
  font-size: var(--ayyash-font-size-base);
  font-weight: var(--ayyash-global-font-weight);
  font-style: var(--ayyash-h5-font-style, var(--ayyash-heading-font-style));
  line-height: var(--ayyash-h5-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h5-text-transform, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h5-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h5-word-spacing, var(--ayyash-global-word-spacing));
  margin-bottom: 0.313rem;
}
.widget_recent_entries a:hover {
  color: var(--ayyash-color-secondary);
}
.widget_recent_entries .post-date {
  font-size: 0.875rem;
}

/* -----------------------------------------------------
				AYYASH NORMAL POSTS
------------------------------------------------------ */
.ayyash-post:not(:first-child) {
  margin-top: var(--ayyash-gap-40);
  padding-top: var(--ayyash-gap-40);
  border-top: 1px solid var(--ayyash-color-border);
}

.post {
  position: relative;
}
.post-content-wrap .entry-content p,
.post-content-wrap .entry-content .page-links {
  margin-bottom: var(--ayyash-gap-20);
}
.post.sticky {
  background: var(--ayyash-color-sticky-bg);
  padding-top: 0;
  border-top: 0;
}
.post.sticky + .post {
  border-top: 0;
  padding-top: 0;
}
.post.sticky .post-content-wrap {
  padding: var(--ayyash-gap-20);
}
.post.sticky:has(.post-video, .post-image, .post-gallery) .post-content-wrap {
  padding: 0 var(--ayyash-gap-20) var(--ayyash-gap-20) var(--ayyash-gap-20);
}
.post.sticky:has(.post-video, .post-image, .post-gallery) .ayyash-entry-content {
  padding-top: 0;
}
.post div[class^=format-], .post div[class*=" format-"] {
  position: relative;
}
.post div[class^=format-] .post-featured .sticky-label,
.post div[class^=format-] .post-audio .sticky-label,
.post div[class^=format-] .post-chat .sticky-label,
.post div[class^=format-] .post-image .sticky-label,
.post div[class^=format-] .post-gallery .sticky-label,
.post div[class^=format-] .post-link .sticky-label,
.post div[class^=format-] .post-quote .sticky-label,
.post div[class^=format-] .post-video .sticky-label, .post div[class*=" format-"] .post-featured .sticky-label,
.post div[class*=" format-"] .post-audio .sticky-label,
.post div[class*=" format-"] .post-chat .sticky-label,
.post div[class*=" format-"] .post-image .sticky-label,
.post div[class*=" format-"] .post-gallery .sticky-label,
.post div[class*=" format-"] .post-link .sticky-label,
.post div[class*=" format-"] .post-quote .sticky-label,
.post div[class*=" format-"] .post-video .sticky-label {
  position: absolute;
  top: var(--ayyash-gap-20);
  left: var(--ayyash-gap-20);
}
.post .sticky-label {
  background-color: var(--ayyash-color-primary);
  box-shadow: 0 0.375rem 0.875rem rgba(8, 28, 78, 0.24);
  color: #fff;
  padding: var(--ayyash-gap-10);
  z-index: 1;
  line-height: 1;
  display: inline-block;
  margin-bottom: var(--ayyash-gap-20);
}
.post.format-video iframe {
  width: 100%;
}
.post .image-wrap:not(.medium-left) {
  margin-bottom: var(--ayyash-gap-20);
}
.post-tags {
  display: inline-block;
  color: var(--ayyash-color-primary);
  margin-bottom: 0;
  padding-left: 0;
}
.post-tags-wrap {
  display: inline-flex;
  padding-right: var(--ayyash-gap-15);
  margin-bottom: var(--ayyash-gap-20);
  position: relative;
}
.post-tags-wrap i {
  margin-right: 0.188rem;
  font-size: 1.375rem;
  color: var(--ayyash-color-primary);
}
.post-tags a {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: var(--ayyash-500-font-weight);
  text-transform: capitalize;
}
.post-tags a:not(:first-child) {
  margin-left: 0.3125rem;
}
.post .post-categories-wrap {
  display: inline-flex;
  margin-bottom: var(--ayyash-gap-20);
  position: relative;
}
.post .post-categories-wrap i {
  margin-right: 0.188rem;
  font-size: 1.375rem;
  color: var(--ayyash-color-primary);
}
.post .post-categories-wrap .post-categories {
  display: inline-flex;
  gap: var(--ayyash-gap-10);
  padding-left: 0;
  margin-bottom: 0;
}
.post .post-categories-wrap .post-categories li {
  list-style: none;
  display: inline-block;
}
.post .post-categories-wrap .post-categories li a {
  font-size: 0.875rem;
  font-weight: var(--ayyash-500-font-weight);
}
.post-title {
  margin-bottom: var(--ayyash-gap-20);
  word-break: break-word;
}
.post:has(.post-video, .post-audio, .post-chat, .post-quote, .post-image, .post-gallery) .post-video,
.post:has(.post-video, .post-audio, .post-chat, .post-quote, .post-image, .post-gallery) .post-audio,
.post:has(.post-video, .post-audio, .post-chat, .post-quote, .post-image, .post-gallery) .post-quote,
.post:has(.post-video, .post-audio, .post-chat, .post-quote, .post-image, .post-gallery) .post-image,
.post:has(.post-video, .post-audio, .post-chat, .post-quote, .post-image, .post-gallery) .post-gallery,
.post:has(.post-video, .post-audio, .post-chat, .post-quote, .post-image, .post-gallery) .post-chat {
  margin-bottom: var(--ayyash-gap-30);
}
.post-video, .post-audio, .post-chat, .post-quote, .post-image, .post-gallery {
  box-shadow: 0 0.9375rem 0.9375rem rgba(16, 19, 24, 0.04);
}
.post-video img, .post-audio img, .post-chat img, .post-quote img, .post-image img, .post-gallery img {
  width: 100%;
}
.post.sticky:has(.post-video, .post-audio, .post-image, .post-gallery, .post-chat, .post-quote) .post-video,
.post.sticky:has(.post-video, .post-audio, .post-image, .post-gallery, .post-chat, .post-quote) .post-audio,
.post.sticky:has(.post-video, .post-audio, .post-image, .post-gallery, .post-chat, .post-quote) .post-chat,
.post.sticky:has(.post-video, .post-audio, .post-image, .post-gallery, .post-chat, .post-quote) .post-quote,
.post.sticky:has(.post-video, .post-audio, .post-image, .post-gallery, .post-chat, .post-quote) .post-image,
.post.sticky:has(.post-video, .post-audio, .post-image, .post-gallery, .post-chat, .post-quote) .post-gallery {
  box-shadow: none;
}
.post-audio {
  padding: var(--ayyash-gap-100) var(--ayyash-gap-30);
}
.post-chat {
  display: flex;
  flex-direction: column;
  padding: var(--ayyash-gap-25) var(--ayyash-gap-20);
}
.post-chat p {
  display: inline-flex;
  padding: var(--ayyash-gap-10) var(--ayyash-gap-15);
  background: var(--ayyash-color-content-bg);
  border-radius: var(--ayyash-gap-100);
  color: var(--ayyash-color-heading);
}
.post-chat p:nth-child(odd) {
  margin-right: auto;
}
.post-chat p:nth-child(even) {
  background: var(--ayyash-color-primary);
  color: #fff;
  margin-left: auto;
}
.post-quote {
  padding: var(--ayyash-gap-75) var(--ayyash-gap-20);
  text-align: center;
}
.post-link {
  margin: var(--ayyash-gap-20);
}
.post-link p {
  margin: 0;
}
.post .entry-meta {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  -moz-column-gap: var(--ayyash-gap-20);
       column-gap: var(--ayyash-gap-20);
}
.post .entry-meta .post-date,
.post .entry-meta .post-comment-stat {
  position: relative;
  color: var(--ayyash-color-heading);
}
.post .entry-meta .post-date:after,
.post .entry-meta .post-comment-stat:after {
  content: "";
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 0.125rem;
  background: var(--ayyash-color-heading);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.75rem;
}
.post .entry-meta .post-date:last-child:after,
.post .entry-meta .post-comment-stat:last-child:after {
  display: none;
}
.post .entry-meta .ayyash-post-reading-duration {
  color: var(--ayyash-color-heading);
  margin: 0;
}
.post .read-more {
  margin-top: var(--ayyash-gap-20);
}
.post .read-more a {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  font-weight: var(--ayyash-500-font-weight);
}
.post .entry-title a:hover,
.post .entry-meta a:hover,
.post .post-tags a:hover,
.post .read-more a:hover {
  color: var(--ayyash-color-secondary);
  text-decoration: none;
}

.ayyash-row {
  padding: var(--ayyash-gap-60) 0;
}

.post-gallery .carousel-control-prev,
.post-gallery .carousel-control-next {
  top: 50%;
  width: 2rem;
  color: var(--ayyash-color-heading);
  background: #fff;
  border-radius: 100%;
  transition: opacity 0.15s ease;
  height: 2rem;
  transform: translateY(-50%);
  border: 1px solid var(--ayyash-color-border);
  opacity: 0.4;
}
.post-gallery .carousel-control-prev {
  left: var(--ayyash-gap-10);
}
.post-gallery .carousel-control-next {
  right: var(--ayyash-gap-10);
}

/* -----------------------------------------------------
				AYYASH GRID POSTS
------------------------------------------------------ */
.post-grid-wrap {
  width: 100%;
  margin-bottom: var(--ayyash-gap-60);
}

/*---------------------------------------------------------
Grid Responsive
-------------------------------------------------------- */
@media (min-width: 992px) {
  .post-grid-wrap {
    width: calc(50% - 15px);
  }
}
/* -----------------------------------------------------
				AYYASH MEDIUM POSTS
------------------------------------------------------ */
@media (min-width: 992px) {
  .post-medium .ayyash-entry-content {
    display: flex;
    -moz-column-gap: var(--ayyash-gap-30);
         column-gap: var(--ayyash-gap-30);
    align-items: center;
  }
  .post-medium:has(.post-video, .post-image, .post-gallery, .post-audio, .post-chat, .post-quote) .post-video,
.post-medium:has(.post-video, .post-image, .post-gallery, .post-audio, .post-chat, .post-quote) .post-image,
.post-medium:has(.post-video, .post-image, .post-gallery, .post-audio, .post-chat, .post-quote) .post-gallery,
.post-medium:has(.post-video, .post-image, .post-gallery, .post-audio, .post-chat, .post-quote) .post-audio,
.post-medium:has(.post-video, .post-image, .post-gallery, .post-audio, .post-chat, .post-quote) .post-quote,
.post-medium:has(.post-video, .post-image, .post-gallery, .post-audio, .post-chat, .post-quote) .post-chat {
    width: 48%;
    margin-bottom: 0;
  }
  .post-medium .post-content-wrap {
    flex: 1;
  }
  .post-medium.sticky:has(.post-video, .post-image, .post-gallery) .post-content-wrap {
    padding: var(--ayyash-gap-20) var(--ayyash-gap-20) var(--ayyash-gap-20) 0;
  }
  .post-medium.sticky:has(.post-audio, .post-chat, .post-quote) .post-content-wrap {
    padding: var(--ayyash-gap-20) 0;
  }
  .post-medium.sticky:has(.post-audio, .post-chat, .post-quote) .ayyash-entry-content {
    padding-top: 0;
  }
}
/*---------------------------------------------------------
Single Blog Page
-------------------------------------------------------- */
.post-single {
  margin-bottom: 0;
}
.post-single:has(.sticky-label) .sticky-label {
  left: 0;
  top: 0;
}
.post-single:has(.sticky-label) .post-body-wrap {
  padding-top: var(--ayyash-gap-60);
}
.post-single:has(.sticky-label):has(.post-image) .post-body-wrap {
  padding-top: 0;
}
.post-single:has(.sticky-label):has(.post-image) .sticky-label {
  position: absolute;
  top: var(--ayyash-gap-20);
  left: var(--ayyash-gap-20);
}
.post-single .entry-content {
  padding-top: var(--ayyash-gap-20);
  padding-bottom: var(--ayyash-gap-40);
  margin-bottom: var(--ayyash-gap-40);
  border-top: 1px solid var(--ayyash-color-border);
  border-bottom: 1px solid var(--ayyash-color-border);
}
.post-single .entry-content img {
  margin-bottom: 0.4375rem;
}

.ayyash-post-social-share {
  padding-bottom: var(--ayyash-gap-40);
}
.ayyash-post-social-share .social-count {
  padding: var(--ayyash-gap-10) var(--ayyash-gap-20);
  border: 0.0625rem solid var(--ayyash-color-primary);
  border-radius: 6.25rem;
  color: var(--ayyash-color-primary);
  font-size: 0.875rem;
  font-weight: var(--ayyash-500-font-weight);
  line-height: 1;
}
.ayyash-post-social-share .social-share-media .social-icon {
  color: var(--ayyash-color-heading);
  font-size: 1.25rem;
  margin-left: var(--ayyash-gap-15);
}

.ayyash-single-post-pagination {
  gap: var(--ayyash-gap-20);
  padding-bottom: var(--ayyash-gap-60);
}
.ayyash-single-post-pagination a:hover {
  text-decoration: none;
}
.ayyash-single-post-pagination .text {
  color: var(--ayyash-color-global);
  margin-bottom: var(--ayyash-gap-10);
}
.ayyash-single-post-pagination .text:hover {
  color: var(--ayyash-color-primary);
}
.ayyash-single-post-pagination .text i {
  font-size: 0.813rem;
  font-weight: var(--ayyash-600-font-weight);
  margin-right: 0.375rem;
}
.ayyash-single-post-pagination .pagination-post-title {
  font-weight: var(--ayyash-500-font-weight);
  color: var(--ayyash-color-heading);
}
.ayyash-single-post-pagination .pagination-post-title:hover {
  color: var(--ayyash-color-primary);
}
.ayyash-single-post-pagination .next .text i {
  margin: 0 0 0 0.375rem;
}

.ayyash-author-bio {
  background: var(--ayyash-color-content-bg);
  padding: var(--ayyash-gap-20);
  margin-bottom: var(--ayyash-gap-60);
}
.ayyash-author-bio .avatar-wrap {
  margin-bottom: var(--ayyash-gap-20);
}
.ayyash-author-bio .avatar-wrap img {
  border-radius: 100%;
}
.ayyash-author-bio .author-title {
  margin-bottom: var(--ayyash-gap-20);
}
.ayyash-author-bio .author-description {
  margin-bottom: var(--ayyash-gap-20);
}
.ayyash-author-bio .author-social-profile a {
  display: inline-block;
  margin-right: 0.4375rem;
  color: var(--ayyash-color-global);
  text-decoration: none;
}

.ayyash-related-post {
  padding-bottom: var(--ayyash-gap-60);
}
.ayyash-related-post .related-post-featured-image {
  height: 240px;
  overflow: hidden;
  margin-bottom: var(--ayyash-gap-20);
  box-shadow: 0 0.375rem 0.875rem rgba(8, 28, 78, 0.24);
}
.ayyash-related-post .related-post-featured-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ayyash-related-post .related-post-no-image {
  height: 240px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--ayyash-color-content-bg);
  margin-bottom: var(--ayyash-gap-20);
  box-shadow: 0 0.375rem 0.875rem rgba(8, 28, 78, 0.24);
}
.ayyash-related-post .related-post-title {
  margin-bottom: var(--ayyash-gap-20);
}
.ayyash-related-post .related-post-meta .post-date,
.ayyash-related-post .related-post-meta .post-comment-stat {
  font-size: 0.875rem;
  color: var(--ayyash-color-heading);
}
.ayyash-related-post .related-post-meta .post-date {
  padding-right: var(--ayyash-gap-20);
  position: relative;
}
.ayyash-related-post .related-post-meta .post-date:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  transform: translateY(-50%);
  height: 0.1875rem;
  width: 0.1875rem;
  background: var(--ayyash-color-heading);
  border-radius: 100%;
}

.ayyash-related-post-wrap {
  margin-top: var(--ayyash-gap-30);
  display: grid;
  gap: var(--ayyash-gap-30);
}
.ayyash-related-post-wrap.column-1 {
  grid-template-columns: repeat(1, 1fr);
}

/*---------------------------------------------------------
Single Blog Page Responsive
-------------------------------------------------------- */
@media (min-width: 768px) {
  .ayyash-single-post-pagination {
    padding-bottom: var(--ayyash-gap-60);
  }
  .ayyash-single-post-pagination .next,
.ayyash-single-post-pagination .previous {
    max-width: calc(50% - 10px);
  }
  .ayyash-single-post-pagination .next {
    text-align: right;
  }

  .ayyash-related-post-wrap.column-2, .ayyash-related-post-wrap.column-3, .ayyash-related-post-wrap.column-4, .ayyash-related-post-wrap.column-5, .ayyash-related-post-wrap.column-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .ayyash-author-bio {
    display: flex;
    align-items: center;
  }
  .ayyash-author-bio .avatar-wrap {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .ayyash-author-bio .author-content {
    margin-left: var(--ayyash-gap-20);
  }

  .ayyash-related-post-wrap.column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ayyash-related-post-wrap.column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ayyash-related-post-wrap.column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ayyash-related-post-wrap.column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1200px) {
  .ayyash-author-bio {
    padding-right: var(--ayyash-gap-75);
  }
}
/* -----------------------------------------------------
				AYYASH PAGINATION POSTS
------------------------------------------------------ */
.ayyash-pagination {
  margin-top: var(--ayyash-gap-60);
}
.ayyash-pagination .pagination {
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.ayyash-pagination .page-numbers {
  font-size: 1.25rem;
  color: var(--ayyash-color-global);
}
.ayyash-pagination .page-numbers.prev, .ayyash-pagination .page-numbers.next {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  border: 1px solid var(--ayyash-color-border);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ayyash-pagination .page-numbers.current {
  color: var(--ayyash-color-primary);
}

/*------ Comments Css -----*/
.comments-container {
  margin-top: var(--ayyash-gap-10);
}

.comment-list {
  padding-left: 0;
}
.comment-list li {
  list-style: none;
}
.comment-list > li:first-child > .comment {
  border-top: none;
  padding-top: 0;
}
.comment-list .children {
  padding-left: var(--ayyash-gap-10);
}

.comment {
  border-top: 1px solid var(--ayyash-color-border);
  padding-top: var(--ayyash-gap-30);
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.comment .avatar {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 100%;
  margin-right: var(--ayyash-gap-10);
  display: inline-block;
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment .comment-author {
  margin-bottom: var(--ayyash-gap-10);
}
.comment .comment-meta {
  position: relative;
  flex: 1;
}
.comment .comment-date {
  font-size: var(--ayyash-small-font-size);
}
.comment .comment-reply {
  font-size: var(--ayyash-small-font-size);
  font-weight: var(--ayyash-600-font-weight);
  display: block;
  margin-top: var(--ayyash-gap-10);
}
.comment .comment-reply i {
  margin-right: 0.1875rem;
  font-size: 1.14em;
  vertical-align: middle;
}
.comment .comment-content {
  margin: var(--ayyash-gap-10) 0 var(--ayyash-gap-30) 0;
  width: 100%;
}
.comment .comment-content p {
  margin: 0;
}

.comment-respond {
  margin-bottom: var(--ayyash-gap-40);
}
.comment-respond .comment-form {
  margin-top: var(--ayyash-gap-40);
}
.comment-respond .comment-form .logged-in-as,
.comment-respond .comment-form .comment-notes {
  margin-bottom: var(--ayyash-gap-20);
}
.comment-respond .comment-form input[type=text],
.comment-respond .comment-form input[type=email],
.comment-respond .comment-form input[type=url] {
  margin-bottom: var(--ayyash-gap-20);
}
.comment-respond .comment-form textarea#comment {
  margin-bottom: var(--ayyash-gap-15);
}
.comment-respond .comment-form .comment-form-cookies-consent {
  margin-bottom: var(--ayyash-gap-20);
  display: flex;
  align-items: start;
  gap: var(--ayyash-gap-10);
}
.comment-respond .comment-form .comment-form-cookies-consent input#wp-comment-cookies-consent {
  width: 1.125em;
  height: 1.125em;
}
.comment-respond .comment-form .comment-form-cookies-consent label {
  margin-top: -0.3125em;
}
.comment-respond .comment-form .form-submit {
  text-align: right;
}
.comment-respond .comment-form .form-submit input#submit {
  width: 100%;
}
.comment-respond .cancel-reply a i {
  font-size: 1rem;
  margin-left: var(--ayyash-gap-20);
}

/*------ Comments Responsive -----*/
@media (min-width: 576px) {
  .comment .comment-reply {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  .comments-container {
    margin-top: var(--ayyash-gap-30);
  }

  .comment-list .children {
    padding-left: var(--ayyash-gap-85);
  }

  .comment .avatar {
    width: 4.063rem;
    height: 4.063rem;
    margin-right: var(--ayyash-gap-15);
  }

  .comment-respond {
    margin-bottom: 0;
  }
  .comment-respond .comment-form input[type=text],
.comment-respond .comment-form input[type=email],
.comment-respond .comment-form input[type=url] {
    margin-bottom: var(--ayyash-gap-30);
  }
  .comment-respond .comment-form textarea#comment {
    margin-bottom: var(--ayyash-gap-25);
  }
  .comment-respond .comment-form .comment-form-cookies-consent {
    margin-bottom: 0;
  }
  .comment-respond .comment-form .form-submit input#submit {
    width: auto;
  }
}
@media (min-width: 992px) {
  .comment .comment-content {
    margin-left: var(--ayyash-gap-85);
  }

  .comment-respond .comment-form .comment-form-cookies-consent {
    margin-bottom: var(--ayyash-gap-25);
  }
}
@media (min-width: 1200px) {
  .comment-respond .comment-form .comment-form-cookies-consent {
    align-items: center;
    margin-bottom: -55px;
  }
  .comment-respond .comment-form .comment-form-cookies-consent label {
    margin-top: 0;
  }
}
/*---------------------------------------------------------
404 Page CSS
-------------------------------------------------------- */
.error-404 {
  text-align: center;
  padding: var(--ayyash-gap-60) 0;
}
.error-404 .error-page-img {
  max-width: 21.063rem;
  max-height: 17.063rem;
  margin: 0 auto var(--ayyash-gap-40);
}
.error-404 .error-page-img svg {
  width: 100%;
  height: 100%;
}
.error-404 .page-title {
  margin: 0;
  padding-bottom: var(--ayyash-gap-20);
}
.error-404 .page-content {
  margin: 0 auto;
  max-width: 30.25rem;
}

/*---------------------------------------------------------
404 Page Responsive
-------------------------------------------------------- */
@media (min-width: 768px) {
  .error-404 {
    padding: 6.875rem 0;
  }
  .error-404 .page-icon {
    margin-bottom: var(--ayyash-gap-60);
  }
}
/*MailChimp Style*/
.mc4wp-form-fields:has(label) input[type=email] {
  margin-top: var(--ayyash-gap-10);
}
.mc4wp-form-fields label {
  display: block;
}
.mc4wp-form-fields label input {
  height: 3.125rem;
}

/*---------------------------------------------------------
    Dokan
-------------------------------------------------------- */
/* Woocommerce Shop */
dl.variation {
  display: none;
}

.store-page-wrap .dokan-store-products-filter-area .search-store-products {
  margin-top: 0;
  margin-left: 10px;
}

.dokan-dashboard .dokan-dashboard-wrap {
  background: #fff;
  max-width: 100%;
}
.dokan-dashboard .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach {
  padding: 0;
}
.dokan-dashboard .dokan-orders-content .dokan-orders-area ul.order-statuses-filter {
  margin-top: 10px;
}
.dokan-dashboard .dokan-form-group input[type=submit].dokan-btn-theme {
  margin: 0;
}
.dokan-dashboard .dokan-form-group input[type=text].datepicker {
  height: 39px;
  font-size: 14px;
}
.dokan-dashboard .dokan-form-group .dokan-w5 input[type=number],
.dokan-dashboard .dokan-form-group .dokan-w5 select.country_to_state {
  padding: 10px;
  height: 48px;
}

/*Dashboard*/
.wc-setup-content {
  border-radius: 0;
}

#dokan-store-listing-filter-wrap {
  max-width: 100%;
  width: 100%;
}

.dokan-product-date-filter button {
  margin-top: 0;
}

/*products*/
.dokan-product-search-form input.dokan-form-control {
  height: 35px;
  border-radius: 5px;
}

input#bulk-product-action {
  margin-top: 0;
}

form#product-filter table {
  border: 1px solid #e0e0e0;
  border-left: none;
}
form#product-filter table td {
  border-top: 0;
}
form#product-filter tbody tr td {
  background: #fff;
}

/*Orders*/
.dokan-form-group span.select2-selection.select2-selection--single {
  height: 39px;
  margin-bottom: 5px;
}
.dokan-form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  font-size: 14px;
}
.dokan-form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}
.dokan-form-group input.dokan-btn.dokan-btn-sm.dokan-btn-danger.dokan-btn-theme {
  height: 38px;
  margin: -5px 0 0;
}

form.dokan-right .dokan-form-group {
  margin-top: 5px;
}

/*Reports*/
.dokan-reports-content .dokan-reports-area .dokan-reports-wrap .report-right {
  width: 68%;
  background: #fff;
  padding: 20px;
  border-radius: 0;
}
.dokan-reports-content .dokan-reports-area ul.chart-legend {
  border-radius: 0;
  border: none;
}

ul.dokan_tabs li.active {
  background: #fff;
}

.dokan-form-inline.report-filter input[type=submit].dokan-btn-sm {
  height: 43px;
  margin-top: 0;
}

.table > tbody > tr > td {
  border-top: 0;
}

/*Reviews*/
form#dokan_comments-form {
  background: #fff;
  padding: 20px;
  border-radius: 0;
}
form#dokan_comments-form select {
  height: 33px;
}
form#dokan_comments-form input[type=submit] {
  margin-top: -2px;
  padding: 6px;
}

.dokan-table > tbody > tr > td {
  background: #fff;
}

/*Withdraw*/
form.dokan-form-horizontal.withdraw {
  background: #fff;
  padding: 53px;
  border-radius: 0;
}

/*Tools*/
.dokan-withdraw-content input.btn.btn-danger {
  border-radius: 0;
  padding: 6px 15px;
}

.dokan-withdraw-content div#import {
  background: #fff;
  padding: 0 30px 30px 30px;
  margin-top: -30px;
  border-radius: 0;
}

/*Shipping*/
.dokan-page-help {
  background: #fff;
  padding: 20px;
  border-radius: 0;
}

div#dokan-shipping-zone {
  background: #fff;
  padding: 20px;
  border-radius: 0;
}

/*Social Profiles*/
form#profile-form, form#dokan-store-seo-form {
  background: #fff;
  padding: 30px;
  border-radius: 0;
}

/*store admin Page/*/
aside.widget.dokan-store-menu {
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0;
  padding-bottom: 15px;
}
aside.widget.dokan-store-menu h3.widget-title {
  padding-top: 15px;
}
aside.widget.dokan-store-menu ul li a {
  color: #333;
}
aside.widget.dokan-store-contact {
  padding-left: 15px;
  padding-right: 15px;
  background: #fff;
  border-radius: 0;
  margin: 20px 0;
  padding-bottom: 15px;
}
aside.widget.dokan-store-contact h3.widget-title {
  padding-top: 15px;
}

.dokan-pagination-container .dokan-pagination li a {
  border: 1px solid #0075c4;
  padding: 7px 15px;
}

.dokan-single-store #reviews #comments {
  padding: 20px;
}
.dokan-single-store .profile-frame {
  border-radius: 0;
  overflow: hidden;
}
.dokan-single-store .dokan-store-tabs ul li {
  border-right: none;
}

.gravatar-button-area a {
  color: #fff;
}

li.dokan-share-btn-wrap .dokan-share-btn {
  margin-top: 5px;
}

[id*=monster-widget] .sidebar-widget {
  padding: 20px 15px;
  border-style: solid;
  border-width: 1px;
}

/*Account Details*/
form.edit-account {
  padding: 15px;
  border-radius: 0;
  margin: 20px 0;
}

/*Side Menu*/
.dokan-dashboard .dokan-dash-sidebar {
  background-color: #ffffff;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
  background: #fff;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
  color: #333;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover {
  background: #fff;
  border-left: 3px solid #0075c4;
  color: #0075c4;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a {
  border: none;
}
.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget.big-counter li {
  width: 24%;
  display: inline-block;
}

/*Dokan Side Bar*/
.seller-form ul li textarea {
  height: 75px;
}
.seller-form ul li input,
.seller-form ul li textarea {
  height: 30px;
  font-size: 12px;
}

.slick-list {
  margin: 0 -1.875rem;
}

.slick-slide {
  margin: 0 1.875rem;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: var(--ayyash-gap-40);
  height: var(--ayyash-gap-40);
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #fff;
  border-radius: 100%;
  z-index: 1;
}

.slick-prev {
  left: var(--ayyash-gap-15);
}

.slick-next {
  right: var(--ayyash-gap-15);
}

.slick-prev::before,
.slick-next::before {
  font-family: "Ayyash";
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--ayyash-color-primary);
}

.slick-prev::before {
  content: "\e90c";
}

.slick-next::before {
  content: "\e90d";
}

.slick-dots {
  margin-top: var(--ayyash-gap-15);
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  width: var(--ayyash-gap-10);
  height: var(--ayyash-gap-10);
  padding: 0.3125rem;
  border: 1px solid #494C51;
  border-radius: 100%;
}
.slick-dots button {
  font-size: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots .slick-active {
  background: var(--ayyash-color-primary);
  border: 1px solid transparent;
}

#colophon {
  background: var(--ayyash-color-footer-bg);
}

/* =============================================================================
   Footer Widget
   ========================================================================== */
.ayyash-footer-widget a {
  color: var(--ayyash-color-footer-link);
}
.ayyash-footer-widget a:hover {
  text-decoration: none;
  color: var(--ayyash-color-footer-link-hover);
}
.ayyash-footer-widget .widget-title {
  color: var(--ayyash-color-footer-heading);
}
.ayyash-footer-widget .wp-block-latest-posts > li > a {
  color: var(--ayyash-color-footer-link);
}
.ayyash-footer-widget .wp-block-latest-posts > li > a:hover {
  color: var(--ayyash-color-footer-link-hover);
}
.ayyash-footer-widget .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.ayyash-footer-widget .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  color: var(--ayyash-color-footer);
}
.ayyash-footer-widget .wp-block-tag-cloud:not(.is-style-outline) a {
  border-color: var(--ayyash-color-footer-link);
}
.ayyash-footer-widget .wp-block-tag-cloud:not(.is-style-outline) a:hover {
  border-color: var(--ayyash-color-footer-link-hover);
}
.ayyash-footer-widget .wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  color: var(--ayyash-color-footer-link);
}
.ayyash-footer-widget .wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover {
  color: var(--ayyash-color-footer-link-hover);
}
.ayyash-footer-widget .wp-block-latest-comments.has-excerpts .wp-block-latest-comments__comment-excerpt p {
  color: var(--ayyash-color-footer);
}
.ayyash-footer-widget .widget_rss .rssSummary {
  color: var(--ayyash-color-footer);
}
.ayyash-footer-widget .wp-block-rss .wp-block-rss__item-excerpt,
.ayyash-footer-widget .wp-block-rss .wp-block-rss__item-full-content {
  color: var(--ayyash-color-footer);
}
.ayyash-footer-widget .footer-widget {
  margin: var(--ayyash-gap-40) 0 var(--ayyash-gap-30) 0;
  font-family: var(--ayyash-footer-widget-body-font-family, var(--ayyash-global-font-family));
  font-weight: var(--ayyash-footer-widget-body-font-weight);
}
.ayyash-footer-widget .footer-widget,
.ayyash-footer-widget .footer-widget .wp-block-latest-comments.has-excerpts .wp-block-latest-comments__comment-excerpt p {
  font-style: var(--ayyash-footer-widget-body-font-style);
  font-size: var(--ayyash-footer-widget-body-font-size);
  line-height: var(--ayyash-footer-widget-body-line-height);
  text-transform: var(--ayyash-footer-widget-body-text-transform);
  letter-spacing: var(--ayyash-footer-widget-body-letter-spacing);
  word-spacing: var(--ayyash-footer-widget-body-word-spacing);
}

.ayyash-footer-secondary {
  background: var(--ayyash-color-secondary-footer-set-bg);
}

/* =============================================================================
   Footer Menu
   ========================================================================== */
.ayyash-footer-menu {
  padding: 0 0 var(--ayyash-gap-30) 0;
}
.ayyash-footer-menu .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--ayyash-gap-20);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .ayyash-footer-menu .footer-nav {
    gap: var(--ayyash-gap-30);
  }
}
.ayyash-footer-menu .footer-nav a {
  font-weight: var(--ayyash-500-font-weight);
}
.ayyash-footer-menu .footer-nav a:not(:hover) {
  color: var(--ayyash-color-heading);
}

/* -------------------------------------------------------
				AYYASH COPYRIGHT & CREDITS
-------------------------------------------------------- */
.ayyash-footer-copyright {
  text-align: center;
  background: var(--ayyash-color-credit-bg);
}
.ayyash-footer-copyright .footer-credit {
  padding: var(--ayyash-footer-credits-margin-top) 0 var(--ayyash-footer-credits-margin-bottom) 0;
  font-family: var(--ayyash-secondary-footer-font-family);
  font-weight: var(--ayyash-secondary-footer-font-weight);
  font-style: var(--ayyash-secondary-footer-font-style);
  font-size: var(--ayyash-secondary-footer-font-size);
  line-height: var(--ayyash-secondary-footer-line-height);
  text-transform: var(--ayyash-secondary-footer-text-transform);
  letter-spacing: var(--ayyash-secondary-footer-letter-spacing);
  word-spacing: var(--ayyash-secondary-footer-word-spacing);
  color: var(--ayyash-color-credit);
}
.ayyash-footer-copyright .footer-credit .copyright,
.ayyash-footer-copyright .footer-credit .powered-by {
  display: inline-block;
}
.ayyash-footer-copyright .footer-credit .made-with {
  display: block;
}
.ayyash-footer-copyright .footer-credit .made-with i {
  color: var(--ayyash-color-secondary-footer-link);
}
.ayyash-footer-copyright .footer-credit .made-with a {
  border-bottom: 1px solid;
  padding-bottom: 0.25em;
  text-decoration: none;
}
.ayyash-footer-copyright .footer-credit .made-with a:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23453886' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 20%;
  border-bottom: 0;
  padding-bottom: 0.3em;
  text-decoration: none;
  transition: none;
}
.ayyash-footer-copyright a {
  color: var(--ayyash-color-secondary-footer-link);
}
.ayyash-footer-copyright a:hover {
  color: var(--ayyash-color-secondary-footer-link-hover);
}

/* -------------------------------------------------------
				AYYASH FOOTER SOCIAL ICON
-------------------------------------------------------- */
.ayyash-footer-social-icon {
  margin: 0;
  padding: var(--ayyash-gap-30) 0 var(--ayyash-gap-30) 0;
}

.widget_ayyash_widget_social_share ul,
.ayyash-footer-social-share ul {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: var(--ayyash-gap-20);
}
.widget_ayyash_widget_social_share ul li,
.ayyash-footer-social-share ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.widget_ayyash_widget_social_share ul li:hover a,
.ayyash-footer-social-share ul li:hover a {
  color: var(--ayyash-color-footer-social-icon-hover);
  background: var(--ayyash-color-footer-social-icon-bg-hover);
  border: 1px solid var(--ayyash-color-footer-social-icon-bg-hover);
}
.widget_ayyash_widget_social_share ul li a,
.ayyash-footer-social-share ul li a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding: 15px;
  color: var(--ayyash-color-footer-social-icon);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background: var(--ayyash-color-footer-social-icon-bg);
  border: 1px solid var(--ayyash-color-footer-social-icon-bg);
  text-decoration: none;
  display: inline-flex;
  font-size: 1.275rem;
  text-align: center;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background-color: var(--ayyash-color-primary);
  /* image replacement properties */
  overflow: hidden;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0.8;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 100;
}
.cd-top:hover {
  transition: opacity 0.3s 0s, visibility 0s 0s;
  opacity: 1;
}
.cd-top .ti-angle-up {
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -7.5px;
  color: #fff;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  border-radius: 2px;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-top.cd-fade-out:hover, .cd-top.cd-fade-out:focus, .cd-top.cd-fade-out:active {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}