/*
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 *
 * Template Name: Appmyil - App Landing Template   
 * Template URI: https://thememarch.com/demo/html/appmyil/
 * Description: Appmyil is an app landing HTML template which comes with unique and clean design. It helps you to create a beautiful app landing HTML website. It is designed with Bootstrap v4.2.1 the latest bootstrap version. Appmyil is well organized and very easy to customize.
 * Author: Thememarch
 * Author URI: https://thememarch.com
 * Version: 1.0
 *
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

@font-face {
  font-family: 'Shabnam';
  src: url('/assets/fonts/shabnam/Shabnam.eot');
  src: url('/assets/fonts/shabnam/Shabnam.eot?#iefix')
      format('embedded-opentype'),
    url('/assets/fonts/shabnam/Shabnam.woff2') format('woff2'),
    url('/assets/fonts/shabnam/Shabnam.woff') format('woff'),
    url('/assets/fonts/shabnam/Shabnam.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'Shabnam';
  src: url('/assets/fonts/shabnam/Shabnam-Bold.eot');
  src: url('/assets/fonts/shabnam/Shabnam-Bold.eot?#iefix')
      format('embedded-opentype'),
    url('/assets/fonts/shabnam/Shabnam-Bold.woff2') format('woff2'),
    url('/assets/fonts/shabnam/Shabnam-Bold.woff') format('woff'),
    url('/assets/fonts/shabnam/Shabnam-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'Shabnam';
  src: url('/assets/fonts/shabnam/Shabnam-Light.eot');
  src: url('/assets/fonts/shabnam/Shabnam-Light.eot?#iefix')
      format('embedded-opentype'),
    url('/assets/fonts/shabnam/Shabnam-Light.woff2') format('woff2'),
    url('/assets/fonts/shabnam/Shabnam-Light.woff') format('woff'),
    url('/assets/fonts/shabnam/Shabnam-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'Shabnam';
  src: url('/assets/fonts/shabnam/Shabnam-Medium.eot');
  src: url('/assets/fonts/shabnam/Shabnam-Medium.eot?#iefix')
      format('embedded-opentype'),
    url('/assets/fonts/shabnam/Shabnam-Medium.woff2') format('woff2'),
    url('/assets/fonts/shabnam/Shabnam-Medium.woff') format('woff'),
    url('/assets/fonts/shabnam/Shabnam-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'Shabnam';
  src: url('/assets/fonts/shabnam/Shabnam-Thin.eot');
  src: url('/assets/fonts/shabnam/Shabnam-Thin.eot?#iefix')
      format('embedded-opentype'),
    url('/assets/fonts/shabnam/Shabnam-Thin.woff2') format('woff2'),
    url('/assets/fonts/shabnam/Shabnam-Thin.woff') format('woff'),
    url('/assets/fonts/shabnam/Shabnam-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
}

*:not(i) {
  font-family: 'Shabnam' !important;
}

.features-section-img {
  width: 125px;
}

.c-features-img {
  margin: 0;
}

.tm-feature-content p {
  direction: rtl;
}

.tm-about-image {
  text-align: center;
}

.tm-about-image img {
  width: 50%;
}

.mean-nav {
  direction: rtl !important;
}

.mean-nav ul li a {
  text-align: right !important;
}

.tm-feature-icon svg {
  left: 30px;
  top: 25px;
}

.tm-navigation.tm-header-navigation {
  direction: rtl;
}

.c-pwa-installation h3 {
  text-align: center;
}

#pwa-installation h4 {
  padding-top: 32px !important;
}

.tm-heroslider-inner {
  background: linear-gradient(90deg, #f5ecd8 0%, #98ddf8 100%);
}

.tm-button {
  border-radius: 25px !important;
}

.form-messages {
  direction: rtl;
}

.tm-contact-area .justify-content-right {
  justify-content: right;
  padding: 0 15px;
}

@media (max-width: 991px) {
  .form-section {
    flex-direction: column-reverse;
  }
}

#pwa-installation {
  background-color: #f5f9fb !important;
}

.tm-button.submit-button::after {
  background: var(--primary);
}

/* .tm-header.tm-sticky-header.is-sticky a::before {
  background: #000000 !important;
}

.tm-header.tm-sticky-header.is-sticky a:hover::before {
  background: #ffffff !important;
} */

.tm-sticky-header.is-sticky .tm-navigation > ul > li > a::before {
  background: #000000;
}

.tm-sticky-header.is-sticky .tm-navigation > ul > li > a:hover::before {
  background: #ffffff;
}