/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

/*https://saudim.com/endor_logo_animated.gif*/
@import url('https://fonts.googleapis.com/css2?family=Cairo+Play:wght@200..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Blaka+Hollow&family=Changa:wght@200..800&display=swap');

:root {
  --blue-color: #1a3d70;
  --gold-color: #e4aa4c;
  --hover-color: #e4aa4c;
  --gray-color: #f3f3f3;

  }
@media (min-width: 1024px) {
    .navbar-brand img{

        width: 70px;
        height: 70px;
    }
}

.s-search-input-wrapper input {
color: #fff;
}

.s-search-input-wrapper input::placeholder{
  color: #fff;
  opacity: 0.60;
}

.main-menu li a span{
font-size: 13pt;
color: var(--blue-color);
}

.main-menu li a:hover{
opacity: 0.75;
}

.hover\:text-primary:hover {
    color: inherit;
}
.s-block--features__item {
background-color: var(--gray-color) !important
}

.store-footer {
  background-color: var(--blue-color) !important;
  color: #ffffff;
  border-top: 3px solid var(--gold-color);
}

.store-footer__inner {
    border-bottom: 3px solid var(--gold-color) !important;
    background-color: var(--gray-color);
    color: var(--blue-color);
}

.topnav-is-dark .top-navbar {
  background-color: var(--blue-color) !important;
  color: #ffffff;
  border-bottom: 3px solid var(--gold-color);
}


.s-block--features__item .feature-icon i {
    color: #ffffff;
}

.s-product-card-content-title a {
    color: var(--blue-color);
}
.text-gray-800 {
    color: var(--blue-color);
}

.s-block--slider-with-bg {
    background-color: #ffffff !important;
}
.s-block--slider-with-bg .slider-bg:before {
    background-color: var(--blue-color);
    opacity: 0.3;
}
body {
  color: #000000;
}


.cairo-play-<uniquifier> {
  font-family: "Cairo Play", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 800

.changa-<uniquifier> {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



html, :host {
    font-family: "Changa", sans-serif;
}

body {
  background-color: #ffffff;
}

section:nth-of-type(2) > div > a.banner-entry {
    height: 600px;
    overflow: visible;
    text-align: left;
    background-color: unset;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
    
}

section:nth-of-type(2) > div > a.banner-entry > h3{
    bottom: -526px;
    color: black;
    opacity: 1;
    --tw-translate-y: 0px;
    align-items: flex-end;
    border: unset;
}

section:nth-of-type(2) > div > a.banner-entry:hover > h3{
    --tw-translate-y: 0px;
    transform: none;
    opacity: 1;
    color: #666;
    height: unset;
}

section:nth-of-type(2) h2[class='lg:text-title-size font-bold leading-tight mb-4'] {
 font-size:60px;
}

section:nth-of-type(2) > div > a.square-photos h3 {
    height: unset;
}
section:nth-of-type(2) > div > a.square-photos h3 span:after {
    font-family: sallaicons !important;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #000000;

    
}

body[class*="rtl"] section:nth-of-type(2) > div > a.square-photos h3 span:after {
    padding-right: 10px;
content: "\e944";  
}

body[class*="ltr"] section:nth-of-type(2) > div > a.square-photos h3 span:after {
    padding-left: 10px;
content: "\e946";  
}

section:nth-of-type(2) > div > a.banner-entry > div.lazy__bg {
    height: 535px;
    }


@media only screen and (max-width: 600px){
section:nth-of-type(2) > div > a.banner-entry  {
      height: 400px;
      overflow: visible;
      text-align: left;
      background-color: unset;
    }
section:nth-of-type(2) > div > a.banner-entry > h3 {
        bottom: -326px;
        color: black;
        opacity: 1;
        --tw-translate-y: 0px;
    }
    section:nth-of-type(2) > div > a.banner-entry > div.lazy__bg {
        height: 335px;
    }
}

section:nth-of-type(2) > div > a.has-overlay:hover:after {
    background-color: rgba(255,255,255,.2);
}
section:nth-of-type(2) > div > a.has-overlay.with-hover:after {
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);

    transition: none;
}


body[class*="rtl"] section:nth-of-type(2) > div > a.banner-entry > h3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
body[class*="ltr"] section:nth-of-type(2) > div > a.banner-entry > h3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}



.navbar-brand img {
    max-height: unset; 
    width: unset; 
    max-width: 260px; 
}

@media (max-width: 600px) {
    .navbar-brand img {
         max-width: 160px; 
    }
}

.copyright-text p {
    color: #ffffff;
}

.s-slider-block__title-nav {
display: none;
}

.s-block--hero-slider .swiper-slide .overlay-bg:after {
    background-color: rgba(0,0,0,.0);
}
@media only screen and (max-width: 600px){
.s-block--hero-slider .swiper-slide .overlay-bg:after {
    background-color: rgba(0,0,0,.6);
}
}


.s-button-primary-outline{
    background-color: #193d6f;
    fill: #193d6f;
    color: #ffffff;
    border: 1px solid #193d6f;

}


.s-button-primary-outline:hover {
    background-color: #20467b;
    fill: #ffffff;
    border: 1px solid #20467b;
    color: #ffffff;
}

section:nth-of-type(2) >.s-block__title {
   /* margin-bottom: 2rem;
    border-bottom: 3px solid #000000; */
}