.top-header {

border-bottom: 3px solid #2069a4;

padding: 8px 0;

background: rgb(239,58,34);

background: linear-gradient(90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

}

.top-header .top-header__info li i, .top-header .top-header__info li span {

font-size: var(--font-sm);

color: #eee;

font-weight: 500;

text-decoration: none;

transition: all .5s cubic-bezier(.2,1,.3,1);

}

.btn--dropdown-toggle.grey {

border: 0px solid #1b5692;

background: rgb(0,67,117);

background: linear-gradient(260deg, rgba(0,67,117,1) 0%, rgba(0,114,188,1) 100%);

color: #eee;

border-radius: 9px;

}

.btn--padded.less {

padding: 8px 15px;

border-radius: 9px;

background: rgb(0,67,117);

background: linear-gradient(260deg, rgba(0,67,117,1) 0%, rgba(0,114,188,1) 100%);

color: #eee;

}

.home-block--fixed-products.show-all .title.title--x-large .btn, .home-block--slide-products.show-all .title.title--x-large .btn {

height: 36px;

position: absolute;

top: 50%;

transform: translateY(-50%);

left: 0;

line-height: 1.7;

border-radius: 12px;

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

color: #eee;

}

.product-block:hover .btn--add-to-cart {

transform: translateX(0);

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

color: #f5f7f9;

}

.store-feature__icon {

color: #fff;

border-radius: 16px;

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

}

.splide--testimonials .splide__arrows button:first-of-type {

right: 0;

left: auto;

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

border-radius: 9px;

}

.splide--testimonials .splide__arrows button:last-of-type {

left: 0;

right: auto;

border-radius: 9px;

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

}

.testimonial-entry {

background-color: #fff;

background: rgb(0,67,117);

background: linear-gradient(

60deg, rgba(0,67,117,1) 0%, rgba(0,114,188,1) 100%);

color: #eee;

border-radius: 22px 5px;

}

.testimonial-entry__info div.title small {

display: block;

color: #f25e21;

opacity: 1;

font-size: 14px;

}

.title--primary {

color: #f58220!important;

}

.footer {

border-top: 1px solid var(--color-black);

background: rgb(0,67,117);

background: linear-gradient(

60deg, rgba(0,67,117,1) 0%, rgba(0,114,188,1) 100%);

}

.footer__block p {

margin: 0;

color: #ddd;

}

.footer .footer-list li a {

color: #ddd;

}

body.font-dinnextltarabic-regular .btn--add-to-cart {

padding-top: 7px;

padding-bottom: 6px;

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

color: #f5f7f9;

}

.nav-mobile .main-nav {

display: flex;

align-items: center;

justify-content: space-between;

flex-direction: row;

border-radius: 12px 12px 0 0;

background-color: var(--color-white);

box-shadow: 0 -5px 10px rgb(0 0 0 / 10%);

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

}

.nav-mobile .main-nav li a {

color: #ffffff;

}

.side-panel .dropdonw-menu-wrap .btn.dropdown-trigger {

width: 100%;

border-radius: 0;

background: var(--color-white);

border-width: 1px 0 0;

padding: 0 20px!important;

position: relative;

min-height: 50px;

font-size: var(--font-base);

background: rgb(0,67,117);

background: linear-gradient(

60deg, rgba(0,67,117,1) 0%, rgba(0,114,188,1) 100%);

}

@media only screen and (max-width: 992px){

.title--xx-large {

font-size: var(--font-xlg);

color: rgb(245 130 32);

}}

.btn--wide {

width: 100%;

border-radius: 12px;

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

color: #eee;

}

.qty--circular {

border-radius: 12px;

}

.view-comment__comment .comment-wrapper .name {

color: #2c71a9;

margin-left: 13px;

font-weight: 700;

}

.pagination__next {

margin: 0 auto;

background: rgb(0,67,117);

background: linear-gradient(

60deg, rgba(0,67,117,1) 0%, rgba(0,114,188,1) 100%);

color: #f5f7f9;

border-radius: 12px;

}

.title {

font-size: var(--font-lg);

font-family: var(--font-medium);

font-weight: 100;

color: #f58220;

}

.breadcrumb a, .breadcrumb span {

color: rgb(0 0 0);

}

.breadcrumb a, .breadcrumb a:hover {

color: #999;

}

.btn--like, .btn--share {

color: #2a2a2a;

border: 1px solid #2a2a2a;

font-size: var(--font-base);

border-radius: 12px;

}

.splide--products-slider .splide__arrows button:first-of-type {

background: rgb(239,58,34);

background: linear-gradient(

90deg, rgba(239,58,34,1) 0%, rgba(245,130,32,1) 100%);

border-radius: 30pp0% / 50PPP%!important;/* Add custom CSS styles below */