.page-bg{
  background: rgb(235, 235, 235);
}
   
.product-details-section .card-wrapper{
  background: white;
}
   /* Product page */
   
.yellow{
  color: #ffad2f;
}



   .image {
  cursor: pointer;
  width:100%;
  position: relative;
  border-bottom: 1px solid rgb(235, 235, 235);

 
}






.back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 1s ease;

}

.image:hover > .front {
  opacity: 0;
  transition: 1s ease;
}

.image:hover > .back {
  visibility: visible;
  opacity: 1;
}


.offer-price{
  text-decoration: line-through;
}


/* Contact page */


.sticky{
  position: sticky;
  height: 100vh;
  overflow: hidden;
  top: 0;
  
}



.contact-form-wrapper .form-input-group{
  position: relative;
  margin: 20px 0;
}
.contact-form-wrapper .form-input-group label{
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
font-size: 16px;
color: rgb(22, 22, 22);
padding: 0 10px;
pointer-events: none;
transition: .5s;
}
.contact-form-wrapper .form-input-group input ,.contact-form-wrapper .form-input-group select{
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid rgb(116, 116, 116);
  outline: none;
  background: transparent;
 
  padding: 0 15px;
}

.contact-form-wrapper textarea{
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgb(177, 175, 175);
  outline: none;
  background: transparent;

  padding: 15px;
}

.contact-form-wrapper .form-input-group input:focus~label,
.contact-form-wrapper .form-input-group input:valid~label,
.contact-form-wrapper .form-input-group select:focus~label,
.contact-form-wrapper .form-input-group select:valid~label{
  top: 0;
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}



.contact-btn{
  border-color: black;
  color: black;
}
.contact-btn:hover{
  border-color: #f72121;
}

.thankyou-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80vh;
  background: #ff7923;
}

.thankyou {
  text-align: center;
  color: #fff;
  padding: 50px
}

.thankyou h1 {
  font-size: 60px;
  font-weight: 700}