/* Add custom CSS styles below */ 
.navbar-brand img {
    height: auto !important;
    width: 10rem !important;
    max-width: 10rem !important;
}
.s-block--banners .banner-square h3 {
    color: #fff;
    text-align: center;
}
.s-block--banners .banner-square .rtl\:text-right.rounded-none {
    justify-self: anchor-center;
}
a.items-center.btn-outline-primary {
    background: #fff;
    font-weight: bold !important;
}
a.btn-primary.text-sm.font-bold {
    color: #fff;
}
.s-block--faqs .bg-gray-100 {
    background: #141346;
}
.s-block--faqs div label, .s-block--faqs p.da-tm.mb-6 ,  .faq-answer{
    color: #ffffff !important;
}
.s-block--faqs i.faq-item.open-badge:not(input:checked+div i.open-badge):not(.faq-container:hover i) {
    color: #000;
}
.s-block--features.angel-features{
    mask-image: none !important;
}
@media (min-width: 1480px) {
.navbar-brand img {
    height: auto !important;
    width: 20rem !important;
    max-width: 20rem !important;
}
  section:nth-child( 3 of .s-block--banners.p-left) .container {
    max-width: 1080px;
}
.s-block--banners .banner-square h3 {
    font-size: 20px;
}
section:nth-child( 1 of .s-block.home-slider) .home-slider__content{
    justify-content: flex-end;
}
section:nth-child( 1 of .s-block.home-slider) .home-slider__content .md\:items-start {
    width: 18rem;
}
section:nth-child( 2 of .s-block.home-slider) .md\:items-start , section:nth-child( 3 of .s-block.home-slider) .md\:items-start {
    align-items: center !important;
}
section:nth-child( 2 of .s-block.home-slider) h3,
section:nth-child( 3 of .s-block.home-slider) h3, section:nth-child( 3 of .s-block.home-slider) .hero-slider-subtitle {
    text-align: center;
}}


@media (max-width: 768px) {
.navbar-brand img {
    height: auto !important;
    width: 10rem !important;
    max-width: 10rem !important;
}
.s-block.home-slider h3.font-primary.leading-tight {
    font-size: 22px;
}
 section:nth-child( 3 of .s-block.home-slider) .flex-center.container.home-slider__content{
    margin-top: 1rem !important;
}
.home-slider .p-8 {
    padding: 1rem;
}
.home-slider video {
    height: 35vh;
    object-fit: cover;
}}


@font-face {
  font-family: "Careem";
  src: url("https://amr099.github.io/Fonts/Hacen Saudi Arabia.ttf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}
.home-slider h3, .home-slider p, .home-slider a.btn-primary.text-sm.font-bold  {
    font-family: "Careem", sans-serif !important;
    font-weight: 500 !important;
}

/*footer*/
.dark .s-contacts-item ,.dark .s-social-link a{
    background: none;
}
.store-footer h3 {
    color: #ffffff;
}
.store-footer .footer-container .logo-footer .foo {
    filter: brightness(0) invert(1);
}


@media (max-width: 800px) and (min-width: 420px) {
section:nth-child( 2 of .s-block.home-slider ) .home-slider__content{
    margin-top: -3rem !important;
    max-width: 25rem !important;
}
/*  .navbar-brand img {
        height: 2.5rem !important;
    }*/
}
.s-block-banners .banner-square h3 {
    margin-top: -20px;
}
.s-trust-badges-label,
.s-trust-badges-number {
    color: #ffffff !important;
}