/* Add custom CSS styles below */ 

.index .main-nav-container .mobile-menu ul li a {
    color: #ffffff;
    opacity: 1;
    font-size: 18px
}
.index .main-nav-container .mobile-menu ul li a:hover {
    color: #dccabc
}

.index #mainnav svg path {
    stroke: #ddcbbd!important
}

.main-nav-container.fixed-pinned .mobile-menu ul li a {
    color: #dbc9bb;
    opacity: 1
}

.main-nav-container.fixed-pinned .mobile-menu ul li a:hover {
    color: #fff
}

#mainnav.fixed-pinned svg path {
    stroke: #dbc9bb!important
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 5rem;
}

.main-nav-container .navbar-brand img {
    max-height: 5rem;
    width: 100%;
}
.main-nav-container .mobile-menu ul li .sub-menu ul li a {
    color: #dbc9bb;
}

section:nth-child(1 of .landing-page-first-bannar) > div {
    background-position: 70%;
    justify-content: flex-end;
}
.landing-page-fixed-bannar-0 .container{
    width: 50%;
    margin: 0;
    margin-top:15%;
}
.landing-page-fixed-bannar-0 h1 {
    width: 100%;
    font-size: 40px;
    font-weight: 700
}

.landing-page-fixed-bannar-0 p {
    line-height: 50px;
    font-size: 29px;
    font-weight: 400
}

.landing-page-fixed-bannar-0 button{
    background-color:#fff;
}
.landing-page-fixed-bannar-0 h1:before {
    content: "";
    background-image: url(https://res.cloudinary.com/djqdqwueo/image/upload/v1735397093/ymtxhestq0xw8ajtdcqk.png);
    width: 220px;
    height: 140px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
#sliderProducts .s-slider-container .product_deadline {
    background-color: #fff!important
}

.banner_ad .item-text{
    max-width:100% !important;
    width:100%;
    font-size: 30px;
    line-height: 60px;
    text-wrap: nowrap;
    margin: auto;
}
@media(max-width: 768px) {
.main-nav-container .navbar-brand img , .main-nav-container.fixed-pinned .navbar-brand img{
    max-height: 3rem;
}
/*
.main-nav-container .navbar-brand img{
visibility: hidden;
}
.main-nav-container.fixed-pinned .navbar-brand img{
visibility:visible !important;
}*/
    section:nth-child(1 of .landing-page-first-bannar) > div {
    background-position: 55%;
}
    .landing-page-fixed-bannar-0 h1:before {
    width: 140px;
    height: 50px;
}
.landing-page-fixed-bannar-0 .container {
       width:80% ;
        margin:auto;
        margin-top: 40%;
        margin-right: 35%;
        text-align:center !important;
    }
.landing-page-fixed-bannar-0 h1 {
        margin: auto;
        font-size: 22px
    }

    .landing-page-fixed-bannar-0 {
        height: 55vh
    }

    .ads .img .over .text {
        margin-left: auto;
        margin-right: auto
    }

    .ads.container a {
        margin-left: auto;
        margin-right: auto
    }

    .ads p {
        margin-left: auto;
        margin-right: auto;
        color:#000!important;
    }

    .g_cat h3 {
        font-size: 15px;
        font-weight: 500
    }
    .top-navbar{
        display:none;
    }
    .banner_ad .item-text {
    font-size: 16px;
    line-height: 30px;
        text-wrap: wrap;
}
}

@media(min-width:768px) and (max-width:1200px){
.banner_ad .item-text {
    font-size: 20px;
    line-height: 30px;
    text-wrap: wrap;
}
}

footer .relative>div:first-child * {
    color: #fff
}

footer .relative>div:first-child i {
    color: #e5d3c4
}
.copyright-text p {
    --tw-text-opacity: 1;
    color: #374151;
    color: rgb(255 255 255)
}


/* ---------------------------*/
body{
  margin:0;
  padding:0;
  background:linear-gradient(135deg, #d9c8bb, #ffffff);
  font-family: Tahoma, sans-serif;
  direction: rtl;
}

/* الحاوية الرئيسية في المنتصف */
#hairQuiz{
  max-width:720px;
  margin:0 auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);

  background:#fff;
  border-radius:25px;
  padding:35px;

  box-shadow:0 20px 50px rgba(0,0,0,0.15);
  text-align:center;
}

/* العنوان */
#hairQuiz h1{
  color:#a3768f;
  font-size:30px;
  margin-bottom:10px;
}

#hairQuiz p{
  color:#666;
  line-height:1.8;
}

/* الأزرار */
button{
  padding:9px 24px;
  border:none;
  border-radius:14px;
  cursor:pointer;
  font-size:16px;
  transition:0.3s;
}

/* زر البداية */
#startBtn{
  background:#a3768f;
  color:#fff;
  margin-top:20px;
}

#startBtn:hover{
  background:#8c5f7a;
  transform:scale(1.05);
}

/* الأسئلة */
#quiz h2{
  color:#a3768f;
  font-size:22px;
  margin-bottom:20px;
}

/* خيارات الإجابة */
.ans{
  display:block;
  width:100%;
  margin:10px 0;
  padding:14px;
  border-radius:14px;

  border:1px solid #d9c8bb;
  background:#fff;

  transition:0.25s;
}

.ans:hover{
  background:#d9c8bb33;
  border-color:#a3768f;
  transform:scale(1.02);
}

/* اختيار الإجابة */
.ans.selected{
  background:#a3768f;
  color:#fff;
  border-color:#a3768f;
}

/* زر التالي */
#next{
  background:#a3768f;
  color:#fff;
  margin-top:20px;
}

#next:hover{
  background:#8c5f7a;
}

/* النتائج */
#result h2{
  color:#a3768f;
  margin-bottom:10px;
}

#result a{
  display:block;
  margin:10px 0;
  padding:12px;
  border-radius:12px;
  background:#d9c8bb33;
  color:#111;
  text-decoration:none;
  transition:0.2s;
}

#result a:hover{
  background:#d9c8bb;
}