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

body * {
font-family: "Cairo", sans-serif;

}


/* Main Slider Start */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
width:100%;
}
section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper>div{
padding:0 !important;
}
section:first-of-type.s-block.s-block--photos-slider{
margin-top:0;
}
[dir=rtl] salla-slider.photos-slider .swiper {
    padding: 0;
}
/* Hide right-left arrows */
section.s-block.s-block--photos-slider .s-slider-block__title-nav {
  display: none !important;
}
/* Main Slider End */


.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #279db9;
}
.store-footer {
    color: rgb(0 0 0) !important;
}
.grid.one-row.md\:grid-cols-2 {
    background-color: #ffffff !important;
}

.index .md\:grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.s-block {
    margin-top: 1rem;
    background-color: transparent;
}

.s-block--banners .banner-entry {
    height: 330px !important;
    /* width: 360px; */
}

@media (max-width: 992px) {
    .s-block--banners .banner-entry {
        height: 400px !important;
    }
    .index .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .s-block--banners .banner-entry {
        height: 210px !important;
    }
}

.s-block--banners .lazy__bg {
    background-size: cover;
    er; */
    background-repeat: no-repeat;
}

@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-row: span 1 / span 1;
    }
}

.banner-entry,
.banner--fixed img {
    background-color: transparent !important;
}

.banner-entry>div {
    background-repeat: no-repeat;
    display: inline-block;
    transition: 0.3s;
}

.banner-entry>div:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.13) 0%,
            rgba(255, 255, 255, 0.13) 77%,
            rgba(255, 255, 255, 0.5) 92%,
            rgba(255, 255, 255, 0) 100%);
}

.banner-entry>div:hover:after {
    opacity: 1;
    left: 130%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

.banner-entry>div:active:after {
    opacity: 0;
}

.banner-entry>div:not(:hover) {
    transform: scale(0.95);
}
#c762de57-3916-42bd-9346-43b21bbfbe27 .got-swiper_info {
    right: 53%;
    align-items: center;
    width: 36%;
    padding: 51px;
}
section#c762de57-3916-42bd-9346-43b21bbfbe27 [aria-label="4 / 4"] .got-swiper_info {right: 10px;}
section#c762de57-3916-42bd-9346-43b21bbfbe27 [aria-label="3 / 4"] .got-swiper_info {right: -11px;}
.got_fixedBanner {
    margin-bottom: 2.5rem;
}
.got_fixedBanner.got_fixedBanner-4.mt-10 {
    height: 76vh;
}
@media (max-width: 768px) {
#c762de57-3916-42bd-9346-43b21bbfbe27 .got-swiper_info {
    right: 22% !important;
    width: 60%;
    padding: 0 !important;
    top: 27% !important;6%; */
    backdrop-filter: blur(6px);
}}
picture.got-slider_img.w-full.h-full {
    height: 90vh !important;
    max-height: 90vh !important;
}
.got_fixedBanner {
    height: 67Vh;
}
.got_fixedBanner.got_fixedBanner-2.mt-10 .got_fixedBanner-allContent {
    right: 155px;
    min-height: 545px;
}
.got_fixedBanner-content h3 {
    font-size: 47px;
}
.got_fixedBanner-content p {
    font-size: 28px;
    line-height: 2.75rem;
}
section.got_fixedBanner.got_fixedBanner-4.mt-10 .got_fixedBanner-allContent {
    right: 10%;
    top: 15%;
}
section.got_fixedBanner.got_fixedBanner-6.mt-10 .got_fixedBanner-allContent {
    right: 10%;
    top: 10%;
}
@media (max-width: 768px) {
picture.got-slider_img.w-full.h-full {
    height: 53vh !important;
}
.got_fixedBanner {
    height: 18Vh !important;
}
.got_fixedBanner-content p {
    font-size: 11px;
    line-height: 1;
}
.got_fixedBanner-content h3 {
    font-size: 18px;
    margin-bottom: 2px;
}
.got_fixedBanner.got_fixedBanner-2.mt-10 .got_fixedBanner-allContent {
    right: 2%;
    min-height: 136px;
    width: 69%;
    top: -14px;
    backdrop-filter: blur(2px);
}
section.got_fixedBanner.got_fixedBanner-4.mt-10 .got_fixedBanner-allContent {
    right: 2%;
    min-height: 136px;
    width: 87%;
    top: -10px;
    backdrop-filter: blur(1px);
}
    section.got_fixedBanner.got_fixedBanner-6.mt-10 .got_fixedBanner-allContent {
    right: 2%;
    min-height: 136px;
    width: 87%;
    top: -15px;
    backdrop-filter: blur(1px);
}
}
.main-nav-container.fixed-pinned .navbar-brand img {
    height: 5rem !important;
}
.s-product-card-content-title a {
    white-space: nowrap;
    overflow: hidden;
}
.got-main_slider .swiper-pagination {
    @media (max-width: 768px) {
        bottom: 10% !important;
    }
}