/*font*/
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');* {
   font-family: "Almarai", sans-serif!important;
}
/*end*/

body {
    background-color:#fff !important
}

.main-banner{
    height: 100vh;
    margin-top:0;
}

.main-banner h1 {
    font-size:44px;
    font-weight:800;
}
.main-banner p {
    font-size:22px;
    font-weight:800;
    margin-bottom: 2%;
}
.main-banner a {
    font-size:22px;
    font-weight:800;
}

@media(max-width:768px){
    .main-banner{
    height: 70vh;
}

.main-banner h1 {
    font-size:22px;
    font-weight:800;
}
.main-banner p {
    font-size:14px;
    font-weight:800;
    margin-bottom: 2%;
}
.main-banner a {
    font-size:16px;
    font-weight:800;
}
.main-banner >div{
    max-width:100%;
    padding: 0;
}
#mainnav .header-content-wrapper{
min-height: 68px;
}
.navbar-brand img {
    max-width: 130px !important;
}
#mainnav .header-content-wrapper >div{
gap: 100px;
}
}


    /*banner*/
.banner--fixed img {
    background-color: transparent;
    padding: 0rem;
}



.s-block.s-block--fixed-banner.wide-placeholder,
section.s-block.s-block--testimonials ,
section.s-block.s-block--features.container , 
.s-block.s-block--best-offers.container ,
section.s-block.s-block--banners.container ,
.home-slider{

animation: appear linear;
  animation-timeline:view();
  animation-range: entry 0% cover 40%;
background-color:transparent;
}

@keyframes appear {
            from {
                
                opacity: 0;
                scale:0.5;
            }
            to {
                 opacity: 1;
                scale:1;
            }
        }
    .navbar-brand
{animation: pulse-animation 1.5s infinite;}

 @keyframes pulse-animation {
            0%, 100% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.1);
                opacity: 0.8;
            }
        }

section:nth-child( 2 of .s-block.s-block--fixed-banner.wide-placeholder) {
    margin-top:0;
}

section:nth-child( 3 of .s-block.s-block--fixed-banner.wide-placeholder) , 
section:nth-child( 4 of .s-block.s-block--fixed-banner.wide-placeholder){
    max-width:80%;
    margin:auto;
    margin-top:5%;
}

@media(max-width:479px){
.mm-ocd--right .mm-ocd__backdrop{
    height: 60px;
    width:60px;
    background: rgb(237 0 0 / 52%);
}
.mm-ocd--right .mm-ocd__backdrop::before{
    content:"x";
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    margin-top:20%;
}
}

.navbar-brand img {
    max-height: 10rem !important;
}