.rooms div.swiper{
  padding: unset;
}

#details-7 div.relative:nth-child(2)::after{
    content: "جمالك يكتمل بلَمسَة من الألوان";
    display: block;
    font-size: clamp(1.5rem, 1.3235rem + 0.9412vw, 2.5rem);
    position: absolute;
    bottom: 30%;
    right: 5%;
    color: #fff;
}

footer button{
  background-color: #fff !important;
}

section:nth-child(19) button a{
  color: #fff !important;
}

section:nth-child(19) button{
  background-color: #A57C82;
  border: unset;
}

section:nth-child(19) h1::after{
  content: " امنحي بشرتك العناية اللي تستحقها مع منتجات مختارة بعناية";
  display: block;
font-size: clamp(1rem, 2.5rem + -8vw, 1.5rem);
}

@media screen and (max-width: 425px){
  #details-7 > div > div{
    grid-template-rows: repeat(5, 1fr);
  }
}

@media screen and (min-width: 426px) and (max-width: 1023px){
  #details-7 > div > div{
    grid-template-columns: repeat(2, 1fr);
  }
}

.update_offer_section .s-button-wide span{
  color: #fff;
}

@media screen and (min-width: 430px){
  .update_offer_section .s-button-wide{
  width: 50% !important;
  border-color: #fff;
}
}
.update_offer_section .s-button-wide{
  border-color: #fff;
}


@media screen and (min-width: 1024px){
  ul.grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.head_img > div > div > div:last-child{
  background-color: #fff;
}

.head_img > div > div > div:last-child a{
  color: #000;
}

.head_img > div h1,
.head_img > div p{
  color: #fff;
}

#app > div:first-child,
.VisitorsCounter23860{
  display: none;
}

.marquee{
  background-color: #A57C82;
  color: #fff;
}

#mainnav{
  background-color: #fff;
}

#mainnav a,
#mainnav i{
  color: #000 !important;
{