.section-bg {
    /* background: linear-gradient(180deg, #5a1a0a 0%, #3a0e04 100%); */
    background-image: url("../images/Group 135.png");
    color: white;
    background-size: cover;
     margin-top: 11%;
}

.btn-sultan {
    background-color: #6a1b0a;
    color: white;
    font-weight: 400;
    border: solid 1px #cdb03c;
    border-radius: 30px;
}

.btn-sultan:hover {
    background-color: #7f220c;
    color: white;
}

.section-yellow {
    color: #6a4a0a;
    background-size: 100%;
    background-repeat: no-repeat;
}

.section-border {
    border-radius: 0.5rem;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #7a2a0a;
}

  .font-playfair{
    font-size: 50px !important; 
    font-family: "Sansita", sans-serif;
    font-weight: 700;
    font-style: normal;
  }



h1,
h2 {
    font-family: "Sansita", sans-serif;
    font-weight: 700;
    font-style: normal;
}
p, .btn{
    font-family: 'Rubik', sans-serif;
}

.text-small {
    font-size: 0.875rem;
}

.bg-light-custom {
    background-color: #f9f8fb;
}

.img-rounded {
    border-radius: 0.375rem;
    /*object-fit: cover;*/
    width: 100%;
    height: auto;
}

.img-containerr {
    border-radius: 0.5rem;
    background-color: #f9f8fb;
    display: flex;
    justify-content: center;
    align-items: center;

}

.product-card {
    background-color: white;
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.product-card img {
    border-radius: 0.25rem;
    margin-bottom: 0.75rem;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.product-title {
    color: #000;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0.25rem;
}

.product-desc {
    color: #000;
    font-size: 11px;
    /* 9px */
    margin-bottom: 0.75rem;
    font-family: 'Rubik', sans-serif;
    line-height: 1.2;
    flex-grow: 1;
}

.btn-yellow {
    font-family: 'Rubik', sans-serif;
    background-color: #CDB03C;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    padding: 9px 28px;
    border: none;
    transition: background-color 0.3s ease;
    border-radius: 30px;
}

.btn-yellow:hover {
    background-color: #d4c06a;
    color: #5a0f0f;
}

.btn-bordeaux {
    font-size: 0.625rem;
    background-color: #6a1b0a;
    color: white;
    font-weight: 400;
    border: solid px #cdb03c;
    border-radius: 30px;
    padding: 12px 60px;
    border: none;
    transition: background-color 0.3s ease;
    font-family: 'Rubik', sans-serif;
}

.btn-bordeaux:hover {
    background-color: #3e0a0a;
    color: white;
}

@media (max-width: 576px) {
    .section-bg .container {
        height: 77vh !important;
    }
    .section-bg {
        margin-top: 33%;
        background-image: url(../images/Group-135-mobile.png);
        color: white;
        background-size: cover;
    }
    
    .font-playfair{
      font-size: 40px !important;  
      font-family: "Sansita", sans-serif;
      font-weight: 700;
      font-style: normal;
    }
    
    
    img.logo-sultan {
        width: 225px;
        height: 115px;
    }


}
 .section-yellow{
       background-image: url("../images/sultan11.png");
   } 
    .section-border{
      background-image: url("../images/sultan12.png");
   } 
  
    
    
  
@media (min-width: 576px) and (max-width: 1024px){
  .section-bg { margin-top: 14%; }
  .section-bg .container { height: 55vh; }  
      .font-playfair{
      font-size: 40px !important;  
      font-family: "Sansita", sans-serif;
      font-weight: 700;
      font-style: normal;
    }
}


/* Hide mobile version on desktop */
/*    #section-yellow-mobile , #section-border-mobile {*/
/*      display: none;*/
/*    }*/


/*   #section-yellow-desktop{*/
/*       background-image: url("../images/sultan11.png");*/
/*   } */
/*    #section-border-desktop{*/
/*      background-image: url("../images/sultan12.png");*/
/*   } */
    
/*    #section-yellow-mobile{*/
/*       background-image: url("../images/sultan11_mobile.png");*/
/*   } */
/*    #section-border-mobile{*/
/*      background-image: url("../images/sultan12_mobile.png");*/
/*   } */