/****************** Header ********************/
header > .navbar {
  padding-top: 5px !important;
  padding-bottom: 5px!important;
  box-shadow: 0px 1px 5px #00000054;
}
header > .announcement-bar h2.announcement-text {
  font-size: 0.85rem;
}
header nav > div > a:first-child {
  height: 75px!important;
  padding-top: 0px;
  padding-bottom: 0px;
}
header nav > div > a:first-child > img {
  aspect-ratio: 7/ 3;
}
header section#navigation-menu {
  @media (min-width: 992px) {
    display: none!important;
  }
}
/*************** HERO SECTION *****************/
section[section-id="bd271787-9df4-4b77-be3e-0b76db0d6356"] {
   box-shadow: 0px 1px 10px #adb5bd;
}
/*************** ABOUT SECTION *****************/
section[section-id="fd46b61d-523c-4572-8422-7efbe6dddd30"] {
   background-image: url(https://www.emch.ae/WebsiteNewContent/images/pattern_2.png)!important;
   background-size: cover;
   background-repeat: no-repeat;
   @media (min-width: 576px) {
    .col-sm-6 {
      width: 75%;
    }
   }
}

section[section-id="fd46b61d-523c-4572-8422-7efbe6dddd30"] p {
  font-size: 20px;
}
section[section-id="fd46b61d-523c-4572-8422-7efbe6dddd30"] .added-text-tag {
  color: #1879ac !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  display: block !important;
  margin: 0 0 20px !important;
}

/************* ITEMS 1 & 2 SECTION **************/
section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"],section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] {
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
}

section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"] div > div > div:first-child > h2,section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] div > div > div:first-child > h2 {
  text-align: center;
  font-size: 26px;
  margin-bottom: 25px;
}

.js-wrapper section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"] .swiper-container .swiper-slide, .js-wrapper section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] .swiper-container .swiper-slide {
   @media (min-width: 768px) {
     flex: 0 1 calc(50% - 10px);
  }
}

.js-wrapper section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"] .container > div > div > h2, .js-wrapper section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] .container > div > div > h2 {
   @media (min-width: 768px) {
     font-size: calc(1.3rem + .6vw);
     text-align: center;
   }
}

section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"] a img, section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] a img {
  height: 250px;
   @media (min-width: 850px) {
    height: 300px;
   }
}
.swiper-wrapper .swiper-slide .card h2 {
  font-size: 20px;
}
.swiper-wrapper .swiper-slide .card strong {
  font-size: 18px;
  color: #d6b654!important;
}
.swiper-wrapper .swiper-slide .card span.badge i, .swiper-wrapper .swiper-slide .card span.badge span {
  color: #289ad7!important;
}
.swiper-wrapper .swiper-slide .card div:nth-child(3) div {
  margin: 0 auto 0 0;
}
.swiper-wrapper .swiper-slide .card .card-footer {
  padding: 0!important;
}
.swiper-wrapper .swiper-slide .card .card-footer a {
  border-radius: 0px 0 5px 5px;
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #2f785f;
  transition: background-color 0.3s ease;
}
.swiper-wrapper .swiper-slide .card .card-footer a:hover {
  background-color: #35b98c;
}
section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"] .swiper-wrapper, section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] .swiper-wrapper {
  justify-content: space-evenly;
}
section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"] .swiper-wrapper > .swiper-slide, section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] .swiper-wrapper > .swiper-slide {
  max-width: 350px !important;
}
section[section-id="bcb88f6d-d48f-46ec-b5c0-f5d5e64bf459"] .swiper-wrapper > .swiper-slide img, section[section-id="e60cb5e6-f271-4c12-b3cf-a21fad049ff8"] .swiper-wrapper > .swiper-slide img {
  object-position: top!important;
}

/********* Opinion **********/
section[section-id="f2033345-76aa-4743-8430-f3206c75e5be"] {
  background-image: url(https://www.emch.ae/WebsiteNewContent/images/pattern_2.png);
} 
section[section-id="f2033345-76aa-4743-8430-f3206c75e5be"] {
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
}

section[section-id="f2033345-76aa-4743-8430-f3206c75e5be"] {
  border-top: 0px!important;
  margin-bottom: 50px !important;
}

section[section-id="f2033345-76aa-4743-8430-f3206c75e5be"] div > div > div:first-child > h2 {
  text-align: center;
  font-size: 26px;
  margin-bottom: 25px;
}

/********* Footer **********/
footer > section:first-of-type {
  background-color:#ccae52!important;
  background-image: linear-gradient(rgba(204, 174, 82, 0.1), rgba(204, 174, 82, 1)),url(https://media.zid.store/d85d7ff8-3cc1-4e96-bb24-d0a6a49fa711/dfb9f7c6-d780-49ce-81a0-f7661dd1d1e5.png);
  background-size: cover;
  background-repeat: no-repeat;
}
footer > section:first-of-type > div {
  padding-top: 2rem!important;
  padding-bottom: 1rem!important;
}
footer .row div:first-child p {
  font-size: 18px;
}
footer .row > div:last-child ul {
  display: flex;
  justify-content: start;
  flex-direction: row !important;
  column-gap: 5px;
}
footer .row > div:last-child ul li a {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f2f3f570;
  width: fit-content;
  padding: 5px !important;
  border-radius: 6px;
  height: 100%;
  min-width: 60px;
}
footer .row > div:last-child ul li a span {
  font-size: 14px;  
  transition: color 0.3s ease;
}
footer .row > div:last-child ul li a svg, footer .row > div:last-child ul li a i {
  transition: color 0.3s ease;
}
footer .row > div:last-child ul li a:hover {
  background-color: #2f785e;
}
footer .row > div:last-child ul li a:hover span {
  color: white;
}
footer .row > div:last-child ul li a:hover svg, footer .row > div:last-child ul li a:hover i {
  color: white;
}
footer > section:nth-of-type(2) > div > h2.h6.text-body.fw-bold.d-sm-none {
  color: #1879ac !important;
}
footer > section:nth-of-type(2) > div > h2.h6.text-body.fw-bold.d-sm-none i {
  color: #fff !important;
  display: inline-block;
}
footer > section:nth-of-type(2) > div > div {
  width: 100%;
}
footer > section:nth-of-type(2) > div > div > div:first-child img {
  height: 25px !important;
}
footer > section:first-of-type h2 {
  color: #0b456a!important;
}
footer > section:last-of-type, footer > section:nth-of-type(2) {
  background-color:#2f785f!important;
}
footer > section:last-of-type, footer > section:nth-of-type(2) {
  @media (min-width: 576px) {
    padding-top: 2px !important;
    padding-bottom: 1rem !important;
  }
}
@media screen and (max-width:575px) {
  footer > section:nth-of-type(2) {
    padding-bottom: 0px!important;
  }
}
footer > section:nth-of-type(2) .container > h2 {
  color:white!important;
  font-size:16px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5rem;
}
footer > section:nth-of-type(2) .container > h2 > i {
  margin-left: 5px;
}
footer > section:nth-of-type(2) .container div div:first-of-type {
  display: flex;
  justify-content: center;
}
footer > section:nth-of-type(2) .container div .hstack {
  margin-top: 0px!important;
}
span.footer-marketing-link {
  color:white!important;
  font-size:15px;
}
footer > section:nth-of-type(2) .container {
  display: flex;
  justify-content: center;
  column-gap: 8px; padding-top: 5px;
}
footer > section:last-of-type .container div {
  justify-content: center!important;
}
.loyalty_button_footer {
  display: none!important;
}
a.cLcbjv, a.iaPUuL {
  display: none!important;
}
footer > section:nth-of-type(2) .container div .hstack > a {
  color: white!important;
}
footer .hstack > span, footer section:nth-of-type(3) div div div span {
  display: block;
  text-align: center;
}
.qq {color:#ffefbc;!important}


/********* Cart Page **********/

.js-cart-sidebar > .card-body > div:nth-of-type(2) > .card, .js-cart-sidebar > .card-body > div:nth-of-type(2) > hr {display: none !important;}

/********* Product Page Related Items **********/

.swiper-wrapper .swiper-slide .card-product a img {
  visibility: visible;
  height: auto;
}

.js-wrapper section:nth-of-type(2) .swiper-container .swiper-wrapper .swiper-slide.position-relative {
  @media (max-width: 767px) {
    width: 50%;
  }
  padding: 5px;
}
.js-wrapper section:nth-of-type(2) .swiper-container .swiper-wrapper .swiper-slide:has(a[title="عمرة الأيام العادية"]),
.js-wrapper section:nth-of-type(2) .swiper-container .swiper-wrapper .swiper-slide:has(a[title="عمرة رجب"]){
    display: none !important;
}
.fixed-bottom div:nth-of-type(2) {
  display: flex !important;
  justify-content: center !important;
}
.fixed-bottom div:nth-of-type(2) > span {
  display: none;
}