/* Add custom CSS styles below */ 
/*body*/
body {
   background-image:url(https://cdn.salla.sa/form-builder/TMswmU6QZBW4KmfRYm75pskFpAgejMdRwEKyzmxT.png) !important;
   background-size:cover
}
/*end*/
.index .navbar-brand img {
    max-height: 5rem;
    visibility: hidden;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 5rem;
    visibility: visible;
}
/*start customize main-banner*/
.landing-page-fixed-bannar-0 h1{
   font-size:46px;
   line-height:5rem;
   font-weight:800;
   width:80%;
}

.landing-page-fixed-bannar-0 p{
   font-size:32px;
   line-height:5rem;
   font-weight:400;
   margin-bottom:0;
}

/*end*/


/* start customize setion*/
.md\:grid-cols-3 {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
a.banner-entry{
    width: 30% !important;
    height: 330px !important;
    background-color:unset;
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
a.banner-entry{
    width: 30% !important;
    height: 255px !important;
    background-color:unset;
}
}
@media(max-width:767px){
a.banner-entry{
    width: 30% !important;
    height: 95px !important;
    background-color:unset;
}
}

/* end customize setion*/

.lazy__bg.lazy.entered.loaded {
    transition: transform .5s;
}
.lazy__bg.lazy.entered.loaded:hover {
    transform: scale(.9);
}

.bg-white.\!bg-\[var\(--bg-body\)\] {
   background-color: transparent !important;
}

.shadow-gif-product{
   background-color:#fff;
}

/*start customize offers*/
.offers h2 , .offers p{
   color:#fff;
   text-shadow: none;
}

.offers .s-count-down-list .s-count-down-item-value{
   background-color:#ffffff;
}

.offers .btn-changing{
   background-color:#ffffff;
}
/*end*/

/*start customize sq-images*/
.sq-images h2 , .sq-images p{
   color:#ffffff;
   font-size:32px;
   line-height:65px;
   font-weight:500;
}
.sq-images .btn-changing{
   background-color:#ffffff;
   color:#003438;
   --tw-shadow: 3px 3px #000000;

}
.sq-images .btn-changing:hover{
   background-color:#003438 !important;
   color:#ffffff !important;
}
/*end*/

/*start customize image-text*/
.image-text{
   background-color:#ffffff;
}
.image-text h2{
   font-size:32px;
   font-weight:800;
}

/*end*/
.gif-banner h2 , .gif-banner p{
color:#fff;
}

/*media*/
@media(max-width:768px){
.landing-page-fixed-bannar-0 h1{
   font-size:16px;
   line-height:20px;
   width:100%;
}
.landing-page-fixed-bannar-0 .btn-changing{
   font-size:12px;
}
.sq-images h2 , .sq-images p{
   font-size:20px;
   line-height:30px;
}
.image-text h2{
   font-size:20px;
}

footer *{
   text-align:center;
   margin-right:auto;
   margin-left:auto;
}
}
/*end*/
.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 80% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}