/* === [ START GLOBALS ] === */
/* --- Flip all right arrows to left arrows --- */
.fa-arrow-right {
  transform: rotateY(180deg) !important;
}

/* --- /Flip all right arrows to left arrows --- */
/* --- Fix Primary Gradient Direction & { element: .heading-bg-gradient-primary } --- */
.heading-bg-gradient-primary {
  background-image: linear-gradient(90deg, #e10a36 0, #E5A0B8 100%);
}

.heading-bg-gradient-secondary {
  background-image: linear-gradient(90deg, #E5A0B8 0, #fff 100%);
}

/* --- /Fix Primary Gradient Direction & { element: .heading-bg-gradient-primary } --- */
i.fas.fa-angle-right {
  transform: rotateY(180deg);
}

/* --- Fix right angle arrow direction & { element: i.fas.fa-angle-right } --- */
/* --- Fix the direction of heading animation mark & { element: .heading-highlight mark:before } --- */
.heading-highlight.heading-highlight mark::before {
  left: unset !important;
  right: 1%;
}

/* --- /Fix the direction of heading animation mark & { element: .heading-highlight mark:before } --- */
/* --- Fix Icon Direction such as phone icon & { element name: porto info box, element: .img-icon, custom class: rtl-icon-rotation } --- */
.rtl-icon-rotation .porto-sicon-default .porto-just-icon-wrapper,
.rtl-icon-rotation .porto-sicon-left .porto-just-icon-wrapper,
.rtl-icon-rotation .porto-sicon-heading-right .porto-just-icon-wrapper {
  transform: rotateY(180deg);
}

/* --- /Fix Icon Direction such as phone icon & { element name: porto info box, element: .img-icon, custom class: rtl-icon-rotation } --- */
/* --- Light Buttons --- */
.btn-light {
  border-bottom: none;
}
.btn-light i {
  background: linear-gradient(90deg, #8F051D, #e10a36);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* --- /Light Buttons --- */
/* --- Custom Gradient Background { custom class: primary-gradient-bg } --- */
.primary-gradient-bg {
  background: linear-gradient(90deg, #e10a36 0%, #A21E67 100%);
}
.primary-gradient-bg.gradient-deg-135 {
  background: linear-gradient(135deg, #e10a36 0%, #A21E67 100%);
}

.reversed-primary-gradient-bg {
  background: linear-gradient(90deg, #A21E67 0%, #e10a36 100%);
}

.fix-background-position-size-attachment.fix-background-position-size-attachment {
  background-position: initial !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

/* --- /Custom Gradient Background { custom class: primary-gradient-bg } --- */
/* --- Custom Dark Gradient Background { Class: bg-gradient-dark-1-rtl } --- */
.bg-gradient-dark-1-rtl {
  background: linear-gradient(270deg, transparent 30%, var(--porto-dark-color) 200%);
}

/* --- /Custom Dark Gradient Background { Class: bg-gradient-dark-1-rtl } --- */
/* --- Fix Phone Number Direction & { element: Porto Info box } & { custom-class: fix-phone-number } --- */
.fix-phone-number .porto-sicon-header .porto-sicon-title,
.fix-phone-number .porto-sicon-header p {
  unicode-bidi: plaintext;
}

/* --- /Fix Phone Number Direction & { element: Porto Info box } & { custom-class: fix-phone-number } --- */
/* --- Make WhatsApp Visible Even on Non Mobile --- */
.share-whatsapp {
  display: inline-block !important;
}

/* --- /Make WhatsApp Visible Even on Non Mobile --- */
/* --- Force Light Color For Marked Text as Block Don't Allow to give specific text color for marked text & { element: porto heading } & { custom-class: force-light-marked-text-color } --- */
.force-light-marked-text-color mark {
  color: #fff !important;
}

/* --- /Force Light Color For Marked Text as Block Don't Allow to give specific text color for marked text & { element: porto heading } & { custom-class: force-light-marked-text-color } --- */
/* --- Force Padding to Marked Text & { element: porto heading } & { custom-class: force-padding-marked-text } --- */
.force-padding-marked-text mark {
  padding: 5px;
}

/* --- /Force Padding to Marked Text & { element: porto heading } & { custom-class: force-padding-marked-text } --- */
/* --- Max Width Custom Values --- */
.max-width-600 {
  max-width: 600px !important;
}

.max-width-800 {
  max-width: 800px !important;
}

.max-width-1000 {
  max-width: 1000px !important;
}

.max-width-1200 {
  max-width: 1200px !important;
}

/* --- /Max Width Custom Values --- */
/* --- Control Custom Heading Style as Very Limited Options Available & { Element: Custom Heading } & { Custom Class: heading-as-paragraph }  --- */
@media (max-width: 575px) {
  .heading-as-paragraph:not(.mobile-larger-font) {
    font-size: 16px !important;
  }
  .heading-as-paragraph.mobile-larger-font {
    font-size: 18px !important;
  }
}

/* --- /Control Custom Heading Style as Very Limited Options Available & { Element: Custom Heading } & { Custom Class: heading-as-paragraph }  --- */
/* --- Override primary font class with desired Font --- */
.font-primary {
  font-family: Tajawal, sans-serif, "Open Sans" !important;
}

/* --- /Override primary font class with desired Font --- */
/* --- Pointer Events None --- */
.pointer-events-none {
  pointer-events: none !important;
}

/* --- /Pointer Events None --- */
/* === [ END GLOBALS ] === */
/* === [ START HERO CAROUSEL ] === */
/* --- Fix Hero Carousel Nav Arrows --- */
.kaizen-hero-slider.owl-carousel:not(.show-nav-title) .owl-nav button.owl-next {
  left: 30px !important;
  right: unset !important;
}
.kaizen-hero-slider.owl-carousel .owl-nav button.owl-prev {
  right: 30px !important;
  left: unset !important;
}

/* --- /Fix Hero Carousel Nav Arrows --- */
/* --- Add Cursor Grab --- */
.kaizen-hero-slider.owl-carousel {
  cursor: grab;
}

/* --- /Add Cursor Grab --- */
/* --- Custom Style for Heading & { element: porto-heading, custom-class: hero-section-guaranteed } --- */
.hero-section-guaranteed {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
  bottom: 9%;
  right: 7%;
}
@media (min-width: 991px) and (max-width: 1407px) {
  .hero-section-guaranteed {
    bottom: 0;
    right: -2rem;
  }
}
@media (max-width: 575px) {
  .hero-section-guaranteed {
    bottom: 0;
    right: 0;
  }
}
.hero-section-guaranteed .porto-u-main-heading {
  background: #A21E67;
  padding: 7px;
}
.hero-section-guaranteed .porto-u-sub-heading {
  margin: unset;
  padding-inline-start: 5px;
}

/* --- /Custom Style for Heading & { element: porto-heading, custom-class: hero-section-guaranteed } --- */
/* === [ END HERO CAROUSEL ] === */
/* --- Accordion { Element: Porto Accordion } --- */
.accordion.custom-accordion .card .card-header .card-title .accordion-toggle {
  padding-inline-end: calc(1.55rem + 40px);
}
.accordion.custom-accordion .card .card-header .card-title .accordion-toggle[aria-expanded=true] {
  color: #e10a36;
}
.accordion.custom-accordion .card .card-header .card-title .accordion-toggle[aria-expanded=true]::after {
  background: #e10a36;
}

/* --- /Accordion { Element: Porto Accordion } --- */
/* --- Kiazen Partners & { Element: Porto Image Gallery, custom-class: kaizen-partners } --- */
.kaizen-partners.porto-gallery.porto-gallery-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4rem 2rem;
}
@media (max-width: 991px) {
  .kaizen-partners.porto-gallery.porto-gallery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .kaizen-partners.porto-gallery.porto-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}
.kaizen-partners.porto-gallery.porto-gallery-grid figure {
  width: 100% !important;
}
.kaizen-partners.porto-gallery.porto-gallery-grid figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  aspect-ratio: 16/9;
}

/* --- /Kiazen Partners & { Element: Porto Image Gallery, custom-class: kaizen-partners } --- */
/* --- Kaizen Testimonial & { custom-class: kaizen-testimonial } --- */
.kaizen-testimonial {
  box-shadow: none !important;
}

/* --- /Kaizen Testimonial & { custom-class: kaizen-testimonial } --- */
/* --- Customizing Footer & { custom-class: kaizen-footer, custom-footer-last-col } --- */
.kaizen-footer {
  background: linear-gradient(135deg, #A21E67 35%, #e10a36 100%);
}
.kaizen-footer .custom-footer-last-col {
  display: flex;
}
.kaizen-footer .custom-footer-last-col .vc_column-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-items: center;
  gap: 0.5rem;
  align-items: center;
  margin-top: auto;
}
@media (max-width: 1199px) {
  .kaizen-footer .custom-footer-last-col .vc_column-inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .kaizen-footer .custom-footer-last-col .vc_column-inner .footer-phone-number {
    display: none;
  }
}
@media (max-width: 991px) {
  .kaizen-footer .custom-footer-last-col .vc_column-inner {
    justify-items: start;
  }
}
.kaizen-footer .custom-footer-last-col .vc_column-inner::after, .kaizen-footer .custom-footer-last-col .vc_column-inner::before {
  display: none;
}
.kaizen-footer .custom-footer-last-col .vc_column-inner .share-links {
  display: flex;
}
@media (min-width: 1200px) {
  .kaizen-footer .custom-footer-last-col .vc_column-inner .share-links {
    grid-column: 2/3;
  }
}
.kaizen-footer .custom-footer-last-col .vc_column-inner .share-links .share-whatsapp {
  order: 1;
}
.kaizen-footer .custom-footer-last-col .vc_column-inner .share-links .share-linkedin {
  order: 2;
}
.kaizen-footer .custom-footer-last-col .vc_column-inner .share-links .share-instagram {
  order: 3;
}
.kaizen-footer .custom-footer-last-col .vc_column-inner .share-links .share-facebook {
  order: 4;
}
.kaizen-footer .footer-copyright .wpb_wrapper,
.kaizen-footer .footer-copyright .wpb_wrapper a {
  color: #fff;
}

/* --- /Customizing Footer & { custom-class: kaizen-footer } --- */
/* --- Custom Breadcrumb --- */
.custom-breadcrumb .breadcrumbs-wrap {
  color: #fff;
}
.custom-breadcrumb .breadcrumbs-wrap .breadcrumb > li {
  font-weight: 400 !important;
}
.custom-breadcrumb .breadcrumbs-wrap .breadcrumb > li a {
  color: #fff !important;
  font-weight: 700;
}

/* --- /Custom Breadcrumb --- */
/* --- Kaizen Stats & { Element: Porto Info Box } & { Custom Class: kaizen-stat } --- */
.kaizen-stat {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
.kaizen-stat .porto-sicon-heading-right {
  display: flex;
}
.kaizen-stat .porto-sicon-description {
  grid-column: 2 span;
}
.kaizen-stat .porto-sicon-description > * {
  text-align: start;
}
@media (max-width: 767px) {
  .kaizen-stat .porto-sicon-description > * {
    text-align: center;
  }
}

/* --- /Kaizen Stats & { Element: Porto Info Box } & { Custom Class: kaizen-stat } --- */
/* --- Single Service Customization --- */
.single-service .main-content-wrap {
  align-items: flex-start;
}
.single-service .main-content-wrap .main-content {
  padding-inline: 0 !important;
}
@media (min-width: 992px) {
  .single-service .main-content-wrap .porto-porto-custom-sidebar-servicesidebar {
    position: sticky;
    top: 1rem;
  }
}

/* --- /Single Service Customization --- */
/* --- Porto FAQs --- */
.porto-faqs .faq-row .faq .toggle > label {
  padding-right: 0;
  padding-left: 3rem;
}

/* --- /Porto FAQs --- */
/* --- Service Menu --- */
.rtl .service-menu .menu-item.active::before {
  color: #fff !important;
}
.rtl .service-menu .menu-item::before {
  transform: rotateY(180deg) translateY(-50%) !important;
}
.rtl .service-menu .menu-item a {
  padding-inline-end: 28px !important;
}

/* --- /Service Menu --- */
/* --- Remove <p></p> after container-fluid in single service --- */
.service-template-default.single.single-service .porto-block[data-id="5479"] > .container-fluid > p {
  display: none;
}

.post-type-archive-portfolio .porto-block > p:empty {
  display: none;
}

/* --- /Remove <p></p> after container-fluid in single service --- */
/* --- Service Sidebar Contact Block & { Custom Class: service-sidebar-contact-block } --- */
.ServiceSidebar .service-sidebar-contact-block {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100% !important;
  padding-top: 158% !important;
  position: relative;
  overflow: hidden;
}
.ServiceSidebar .service-sidebar-contact-block > div,
.ServiceSidebar .service-sidebar-contact-block > a {
  z-index: 2;
  position: relative;
}
.ServiceSidebar .service-sidebar-contact-block::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(161, 9, 59, 0) 100%);
}

/* --- /Service Sidebar Contact Block & { Custom Class: service-sidebar-contact-block } --- */
/* --- Fix Chat Widget --- */
chat-widget {
  direction: ltr !important;
}

/* --- /Fix Chat Widget --- */
/* --- Fix Portfolio Filters on Mobile --- */
@media (max-width: 991px) {
  .portfolio-filter {
    gap: 0.5rem;
    justify-content: flex-start;
  }
  .portfolio-filter li a {
    border: 1px solid silver;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }
}
/* --- /Fix Portfolio Filters on Mobile --- */