/* Add custom CSS styles below */

/*GENERAL*/

/*STORE FONT - MUST BE FIRST IN CODES*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;800&display=swap');

/*ANIMATED LOGO FULLSCREEN STARTING PAGE*/
.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(https://i.ibb.co/Dg0vcFZ/CARDS-GATE.gif);
    position: fixed;
    z-index: 99999999999999999 !important;
    transform: scale(0);
    background-size: 23rem !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 3s;
    backdrop-filter: blur(25px);
}

@keyframes logobg {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

/*-------------------------------------------------*/
/*HEADER*/

/*HEADER*/
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/*BODY*/

body {
    font-family: Cairo, sans-serif !important;
    font-size: 14px !important;
}

.app-inner {
    background-image: url(https://i.ibb.co/jDcQNvb/9-d6d22d5d633d65d636.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/*STORE BACKGROUND*/
/*
.app-inner {
    background-color: white !important;
}
*/

/*ADVANCED STORE FEATURES*/
.s-block--enhanced-features__item {
    background-color: transparent !important;
    border: none;
}

/*ADVANCED STORE FEATURES TITLES*/
.s-block--enhanced-features__item h2 {
    font-size: 14px !important;
}

/*ADVANCED STORE FEATURES PARAGRAPH*/
.s-block--enhanced-features__item p {
    font-size: 12.5px !important;
}

/*CLIENTS RATES TITLE*/
.s-block--testimonials .text-center {
    font-size: 20px;
    font-weight: 400;
}

/*CLIENTS RATES TITLE LINE*/
.s-block--testimonials .border-primary {
    border-width: 1px !important;
    margin-top: 1px !important;
    width: 50px !important;
}

/*CLIENTS RATES BG*/
.s-block--testimonials .testimonials-item {
    background-color: transparent !important;
}

/*CLIENTS' NAMES IN RATES CONTAINER*/
.testimonials-item .items-center .font-bold {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #2dd0d3 !important;
}

/*CLIENTS RATE TEXT*/
.testimonials-item .text-store-text-primary {
    max-height: 31px !important;
    overflow: auto !important;
}

/*CLIENTS RATES CONTAINER*/
#testimonials-7-slider {
    margin-top: 2rem !important;
}

/*ANIMATED BRANDS LOGOS*/
.s-block--animated-brands--brand {
    background-color: transparent !important;
}

/*STORE STATUE NUMBERS*/
.s-block--stats .text-center h6 {
    font-size: 20px !important;
}

/*STORE STATUE TITLES*/
.s-block--stats .text-center p {
    font-size: 19px !important;
}

/*STORE STATUE PARAGRAPH*/
.s-block--stats .text-center .text-store-text-secondary {
    font-size: 15px !important;
}

/*FAQ QUESTIONS TITLE*/
.s-block--faq .mx-auto .tracking-tight {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: -13px !important;
}

/*FAQ QUESTIONS PARAGRAPH*/
.s-block--faq .mx-auto .text-store-text-secondary {
    font-size: 11px;
    font-weight: 400;
}

/*FAQ QUESTIONS LINE*/
.s-block--faq .mx-auto .border-primary {
    border-width: 1px !important;
    margin-top: 1px !important;
    width: 50px !important;
}

/*FAQ QUESTIONS CONTAINERS*/
.s-block--faq .mx-auto .grid-cols-1 {
    margin-top: 39px !important;
}

/*FAQ QUESTIONS HEAD*/
.single-faq p {
    font-size: 15px !important;
}

/*FAQ QUESTIONS ANSWER*/
.single-faq .faq-content p {
    font-size: 13px !important;
}

/*FAQ QUESTION SMALL CONTAINERS*/
.single-faq {
    border: none !important;
}

/*FAQ QUESTION SMALL CONTAINERS ARROWS*/
.sicon-keyboard_arrow_down:before {
    color: white !important;
}

/*FAQ QUESTION ANSWER BUTTON*/
.faq-content a {
    color: white !important;
}

/*CIRCLE CATEGORIES CONTAINER*/
.w-fit {
    box-shadow: -1px 2px 5px 0px rgb(0 0 0 / 18%) !important;
}

/*CIRCLE CATEGORIES TITLE*/
.s-block--circle-links h2 {
    font-size: 20px !important;
    font-weight: 400;
    margin-bottom: -15px;
}

/*CIRCLE CATEGORIES PARAGRAPH*/
.s-block--circle-links p {
    font-size: 12px !important;
}

/*CIRCLE CATEGORIES LINE*/
.s-block--circle-links .border-primary {
    border-width: 1px !important;
    margin-top: 1px !important;
    width: 50px !important;
}

/*CIRCLE CATEGORIES HEADER*/
.mt-12 {
    margin-top: 2rem !important;
}

/*ADVANCES PRODUCTS CATEGORIES*/
.s-block--tabs-produtcs .hide-scroll {
    justify-content: center !important;
}

/*ADVANCES PRODUCTS TITLES*/
#featured-products-style2-2 span,
.s-block--tabs-produtcs span {
    font-weight: 500 !important;
}

/*ADVANCES PRODUCTS TITLES*/
.s-block--tabs-produtcs .tab-trigger.is-active button {
    border: none;
}

/*ADVANCES PRODUCTS CARD*/
.s-products-slider-card {
    width: 255px !important;
}

/*ADVANCES PRODUCTS CONTAINER*/
.s-block--tabs-produtcs .hide-scroll {
    margin-bottom: 1.5rem !important;
}

/*ADVNACED PRODUCTS: PRODUCT CARD SUBTITLE*/
.product-card__subtitle {
    font-size: 12px !important;
}

/*ADVANCED PRODUCTS CONTAINER*/
.s-block--tabs-produtcs {
    padding: 0 !important;
}

/*ADVANCES PRODUCTS CONTAINER*/
.s-block--tabs-produtcs {
    margin-top: 50px !important;
}

/*FIXED BANNER*/
.s-block--fixed-banner .container {
    max-width: 100% !important;
}

/*MOVING PRODUCTS*/
#best-offers-4-slider {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/*MOVING PRODUCTS: TITLE CONTAINER*/
#best-offers-4-slider .s-slider-block__title {
    display: none !important;
}

/*MOVING SLIDERS CONTAINER*/
.banners-slider--5 {
    margin-top: 20px !important;
}

/*MOVING TEXT CONTAINER*/
.animated-text--8 {
    margin-top: 25px !important;
    margin-bottom: -25px !important;
    background-color: transparent !important;
    max-width: 80rem;
    margin-right: 11%;
    margin-left: 11%;
}

/*CLIENTS RATE PAGE*/
.content--single-page h1 {
    font-size: 20px;
    font-weight: 400;
}

/*PAGE BUTTON IN CLIENTS RATE PAGE*/
.s-button-primary {
    color: white;
    border-radius: 27px 0;
}

/*BODY*/
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/*FOOTER*/

/*FOOTER CONTAINERS*/
.store-footer__inner,
.store-footer__contacts-row,
.footer-bottom {
    background-color: #2dd0d3 !important;
}

/*FOOTER CURVE*/
.footer-is-custom .store-footer .store-footer__curve {
    color: #2dd0d3 !important;
}

.store-footer .sicon-keyboard_arrow_down:before {
    color: black !important;
}

/*CONTACT & SOCIAL ICONS*/
/*
.contact-icon,
.social-link {
		background-color: white !important;
		border: none;
		opacity: unset !important;
}
*/

/*RIGHTS REVERSED CONTAINER*/
.footer-rights {
    opacity: 1 !important;
}

/*RIGHTS REVERSED TEXT: STORE NAME*/
.text-gray-400 a {
    color: white !important;
    padding-right: 8px;
}

/*BUSINESS PLATFORM LOGO*/
.w-18 {
    width: 3.5rem !important;
}

/*FOOTER PAGES TITLES*/
.store-links-items a {
    font-size: 14px !important;
}

/*FOOTER*/
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/*PAGES*/

/*PAGES CONTAINER - الصفحات التعريفية*/
.container .flex .content {
    background: transparent;
    border-radius: 30px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 6%);
    margin-bottom: 17px;
}

/*PAGES TITLE - الصفحات التعريفية*/
.container .flex .content h1 {
    color: #3B3838;
    font-size: 18px;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 1rem !important;
}

.container .flex .content h1:hover {
    text-decoration: none;
    color: black;
}

/*PAGES CONTENT - الصفحات التعريفية*/
.container .flex .content .content-entry {
    text-align: justify;
    margin-right: 17px;
    margin-left: 17px;
}

/*PAGES*/
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/*PRODUCT PAGE*/

/*PRODUCT DESCRIPTION*/
#details_table {
    text-align: justify !important;
}

/*PRODUCT DESCRIPTION*/
.product-single-top-description {
    text-align: justify;
}

/*TITLE: PRODUCTS MAYBE LOVE IT*/
/*
.s-slider-block__title {
	justify-content: center;
}
*/

.s-slider-block__title-right,
.s-slider-block__title-right h2 {
    font-size: 20px;
    font-weight: 400;
    padding-right: 5px;
    padding-left: 5px !important;
}

/*TITLE: CLIENTS RATES*/
.more-info-tabs__nav-item span {
    font-size: 18px !important;
}

/*TITLE: RATES NUMBER*/
.comments-list-wrap h2 {
    font-weight: 400 !important;
    font-size: 17px !important;
}

/*PRODUCT TITLE IN PRODUCT CARD IN PRODUCT PAGE*/
.s-products-slider-slider .product-card__title {
    padding-right: 16px !important;
    padding-left: 10px !important;
}

/*PRODUCT PAGE*/
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/*MEDIA QUERY*/

/*ANIMATED LOGO FULLSCREEN STARTING PAGE*/
@media (max-width: 500px) {
    .index:before {
        content: "";
        width: 100%;
        height: 100%;
        background: url(https://i.ibb.co/Dg0vcFZ/CARDS-GATE.gif);
        position: fixed;
        z-index: 99999999999999999 !important;
        transform: scale(0);
        background-size: 16rem !important;
        background-repeat: no-repeat;
        background-position: center !important;
        animation-name: logobg;
        animation-duration: 3s;
        backdrop-filter: blur(25px);
    }

    @keyframes logobg {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1);
        }

        80% {
            transform: scale(1);
        }

        100% {
            transform: scale(0);
        }
    }
}

/*PRODUCT CARD*/
@media (min-width: 500px) {

    /*ADVNACED PRODUCTS: PRODUCT CARD TITLE*/
    .product-card__title {
        white-space: nowrap;
    }

    .product-card__title a {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/*LOGO SIZE*/
@media (max-width: 500px) {
    .navbar-brand img {
        height: 40px !important;
    }
}

/*FIXED BANNER*/
@media (max-width: 500px) {
    .s-block--fixed-banner {
        margin-bottom: 25px !important;
    }
}

/*CLIENTS RATES BOX*/
@media (max-width: 500px) {

    #testimonials-13-slider,
    #testimonials--slider {
        margin-top: 20px !important;
    }
}

/*STORE ADVANTAGES*/
@media (max-width: 500px) {
    .s-block--enhanced-features {
        margin-top: 0 !important;
    }
}

/*PRODUCTS CARDS*/
@media (max-width: 500px) {
    .s-products-slider-slider .product-card__title {
        padding-right: 36px !important;
        padding-left: 26px !important;
    }
}

/*ADVANTAGES PRODUCTS TITLES*/
@media (max-width: 500px) {
    .s-block--tabs-produtcs .hide-scroll {
        padding-right: 30px !important;
        padding-left: 30px !important;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}

/*ADVANTAGES PRODUCTS TITLES*/
@media (max-width: 500px) {
    .s-block--tabs-produtcs button {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
}

/*MOVING PRODUCTS CONTAINER*/
@media (max-width: 500px) {
    #best-offers-4-slider {
        margin-top: 20px !important;
    }
}

/*PRODUCTS TITLE IN PRODUCT PAGE*/
@media (max-width: 500px) {
    .product-single__info h1 {
        font-size: 15px !important;
        line-height: 20px !important;
    }
}

/*PRODUCTS DESCRIPTION IN PRODUCT PAGE*/
@media (max-width: 500px) {
    .article--main {
        padding: 15px !important;
    }
}

/*CLIENTS WHO RATE STORE: NAMES*/
@media (max-width: 500px) {
    .product-more-info .s-infinite-scroll-container h3 {
        font-size: 10px !important;
        margin-left: 20px !important;
    }
}

/*CLIENTS WHO RATE STORE: INFO*/
@media (max-width: 500px) {
    .product-more-info .text-store-text-secondary {
        font-size: 7px !important;
    }
}

/*PRODUCT REVIEWS TITLES*/
@media (max-width: 500px) {
    .product-more-info__inner .more-tab-container .more-info-tabs__nav-link span {
        font-size: 14px !important;
        color: white !important;
    }
}

/*PRODUCT REVIEWS TITLES*/
@media (max-width: 500px) {
    .comments-list-wrap h2 {
        font-size: 14px !important;
    }
}

/*PRODUCTS MAYBE YOU LOVE IT*/
@media (max-width: 500px) {
    .s-slider-block__title-right h2 {
        font-size: 15px !important;
        margin-bottom: -10px !important;
    }
}

/*CATEGORY TITLE*/
@media (max-width: 500px) {
    .main-content h1 {
        font-size: 15px !important;
    }
}

/*FOOTER CURVE*/
@media (min-width: 700px) {
    .sm\:h-16 {
        height: 6rem !important;
    }
}

/*FIXED BANNER*/
@media (min-width: 900px) {
    .s-block--fixed-banner {
        margin-top: 30px !important;
        margin-bottom: 40px !important;
    }
}

/*MOVING TEXT CONTAINER*/
@media (max-width: 1024px) {
    .animated-text--8 {
        margin-top: 25px !important;
        margin-bottom: -25px !important;
        background-color: transparent !important;
        max-width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/*HEADER*/
@media (min-width: 1120px) {

    /*HEADER ITEMS*/
    #mainnav .items-stretch {
        justify-content: center !important;
    }

    /*HEADER CATEGORIES TITLES*/
    #mobile-menu .main-menu {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important;
    }
}

/*MOVING TEXT CONTAINER*/
@media (min-width: 900px) {
    .animated-text--3 {
        max-width: 80rem;
        margin-right: 11%;
        margin-left: 11%;
    }
}

/*PRODUCT CARD IN ALL STORE*/
@media (min-width: 900px) {
    .product-card__title {
        padding-right: 50px !important;
        padding-left: 55px !important;
    }
}

/*MEDIA QUERY*/
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/*EXTRA*/

/*
#mainnav .items-center {
		color: white !important;
}

#mainnav .items-center:hover {
		color: #104c4c !important;
}

.fixed-pinned #mobile-menu,
.justify-end {
		color: #208787 !important;
}
*/

/*EXTRA*/
/*-------------------------------------------------*/