#all_card_page {
  background-image: var(--product-Page-bg-image);
  min-height: 400px
}
#all_card_page .crad_heading {
  font-size: 30px;
  font-weight: 700;
  color: var(--product-Page-heading-color);
}
#all_card_page .main_pera {
  color: var(--product-Page-description-color);
  text-align: center;
  font-family: cerapro;
  padding-top: 30px !important;
  font-size: 16px;
  width: 924px;
  max-width: 100%;
  margin: 0 auto;
}
#product_filter_select,
option {
  background-color: #fcc046;
  font-size: 16px;
  font-weight: 700;
}
.form-select:focus {
  border-color: none !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
 .cards .card {
  border-radius: 10px;
  box-shadow: 0px 4px 60px 30px rgba(0, 0, 0, 0.05);
  position: relative;
}
#all_card_page .card {
  background-color:var(--product-Page-card-bg-color);
  padding: 5px !important;
  width: 100%;
  height: 100%;
  margin: 0;
  box-shadow: 0px 4px 60px 30px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  transition: ease 0.5s all;
}
#all_card_page .detail {
  font-size: 14px;
  font-weight: 500;
  color: var(--product-Page-card-title-color);
  font-family: cerapro;
}
#all_card_page .views {
  font-size: 12px;
  font-weight: 400;
  color: #505960;
  font-family: CERAPRO-REGULAR;
}
/* #all_card_page .favorite {
  position: absolute;
  top: 18px;
  right: 18px;
  background: #ffffff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 8px;
  cursor: pointer;
} */
 
/* #all_card_page .favorite i {
  font-size: 20px;
  color: #ea2076;
} */
#all_card_page .cards .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: none;
}
#all_card_page .card:hover .hover {
  display: flex;
}

#msform .form-card h2, #msform .form-card h1, .list h2 {
  font-family: Croissant One;
  font-size: 25px;
  color: var(--description-Page-heading-color);
  padding-bottom: 10px;
}
.single_para {
  font-family: cerapro-regular;
  text-align: left;
  font-size: 15px;
  display: inline;
  color: var(--description-Page-description-color);
}
.list p {
  color:var( --description-Page-list-color);
}
.video_price:nth-child(2) span {
  font-weight: 700;
}
.share_popup {
  position: absolute;
  width: 250px;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate3d(-94px, 50px, 0px);
  background-color: #ffffff;
  border-radius: 20px;
  text-align: center;
  padding: 5px 20px 0;
  border: 1px solid #fcc046;
  display: none;
}
.share {
  position: relative;
}
#share_cross_img {
  margin-left: 200px;
}
div#social-links ul li {
  display: inline-block;
}
div#social-links ul li a {
  font-size: 25px;
  padding: 10px;
}
#single_card .card {
  padding: 10px 10px !important;
  background-color: var(--description-Page-related-card-bg-color) !important;
width: 100%;
margin: 0;
box-shadow:0px 3px 15px 5px rgba(0, 0, 0, 0.05);
cursor: pointer;
border: none;
border-radius: 10px;
transition: ease 0.5s all;
}
#single_card .detail {
font-size: 14px;
font-weight: 500;
color: var(--description-Page-related-card-title-color);
font-family: cerapro;
}
#single_card .views {
font-size: 12px;
font-weight: 400;
color: #505960;
font-family: CERAPRO-REGULAR;
}
/* #single_card .favorite {
position: absolute;
top: 18px;
right: 18px;
background: #ffffff;
border-radius: 50%;
width: 35px;
height: 35px;
padding: 8px;
cursor: pointer;
} */
/* #single_card .favorite i {
font-size: 20px;
color: #ea2076;
} */
#single_card .cards .hover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
border-radius: 10px;
justify-content: center;
align-items: center;
display: none;
}
#single_card .hover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
border-radius: 10px;
justify-content: center;
align-items: center;
display: none;
}
#single_card .card:hover .hover {
display: flex;
}
.customize {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
/* .btn_invite_gradient_outline_worning {
background: transparent;
border: 1px solid #fcc046;
} */
.related_block{
padding: 50px 15px 50px;
background:var(--description-Page-related-section-bg-color) ;
}
#single_card .slide_head {
padding-bottom:15px;
font-size: 25px;
font-weight: 800;
margin-bottom: 40px;
color: var(  --description-Page-related-heading-color);
}
#single_card .swiper-slide {
text-align: center;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
#single_card .swiper-slide img {
display: block;
width: 100%;
}

#single_card .swiper-wrapper {
height: auto;
margin-bottom: 50px;
}
#single_card .swiper-slide-active {
display: flex!important;
}
.swiper-pagination-bullet-active {  
background: linear-gradient(90deg, rgba(251,204,83,1) 0%, rgba(246,157,38,0.891281512605042) 100%);
}

#trending_sec .card {
border: 1px solid #fcc046;
border-radius: 30px 30px 15px 15px;
}
#trending_sec .card img {
max-width: 150px;
margin: auto;
padding: 20px 0px;
aspect-ratio: 1/1;
transition: all ease 0.5s;
}
#trending_sec .card a {
background: #fcc046;
border: none;
padding: 15px 9px;
font-size: 20px;
font-weight: 700;
border-radius: 0px 0px 12px 12px;
transition: all ease 0.5s;
}
#trending_sec .card:hover a {
color: black;
}
#trending_sec .card:hover img {
transform: scale(1.2);
}
#msform .list ul li {
list-style: none;
display: flex;
justify-content: left;
align-items: center;
padding: 10px 0;
}
.swiper-pagination-bullet-active {
background: linear-gradient(90deg, rgba(251,204,83,1) 0%, rgba(246,157,38,0.891281512605042) 100%)!important;
}
.swiper-button-prev{
background: url(../img/arrow_1.png)!important;
background-repeat: no-repeat!important;
background-size: contain!important;
}
.swiper-button-prev::after{
content: ""!important;
}
.swiper-button-next{
background: url(../img/arrow_2.png)!important;
background-repeat: no-repeat!important;
background-size: contain!important;
}
.swiper-button-next::after{
content: ""!important;
}