@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot');
  src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),
  url('../fonts/BYekan.woff') format('woff'),
  url('../fonts/BYekan.ttf') format('truetype'),
  url('../fonts/BYekan.svg#BYekan') format('svg');
  font-weight: normal;
  font-style: normal;
}



body {

  font-family: "BYekan","Poppins", sans-serif;
  color: #0c0c0c;


}

.layout_padding {
  padding: 75px 0;
}

.layout_padding2 {
  padding: 45px 0;
}

.layout_padding2-top {
  padding-top: 45px;
}

.layout_padding2-bottom {
  padding-bottom: 45px;
}

.layout_padding-top {
  padding-top: 75px;
}

.layout_padding-bottom {
  padding-bottom: 75px;
}

.heading_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.heading_container h2 {
  position: relative;
}

.heading_container h2::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 30px;
  top: 14%;
  right: -15px;
  background: -webkit-gradient(linear, left top, right top, from(#fb930a), to(#f5e47b));
  background: linear-gradient(to right, #fb930a, #f5e47b);
}



/* background**********************************************************************/
#bg{

  position: absolute;
  height: 450vh;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  /* border: 10px soli black; */
}


.bg-index{

  height: 480vh;

}




/*header section********************************************************/

.gold-price,
.gold-price_update{
  padding-top: 10px;
  margin-left: 20px;
  font-size: 1.1rem;
  font-weight: 700;
}



.gold-price span{

  font-weight: 500;
  color: grey;
}

.gold-price_update span{
    font-weight: 300;
    color: grey;
    font-size: 0.7rem;
    padding-top: 0;
}

.hero_area {
  height: 100vh;
  position: relative;
  background-image: url(../images/hero-bg.png);
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
}




.left-banner{
  width: 100%;
  z-index: 1000;
  position: absolute;
  /* top:500px; */
  bottom: -20px;
  /* left: 30px; */
  animation: fadeIn 4s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}




.banner img{
  width: 100%;
  /* opacity: 90%; */
}








.sub_page .hero_area {
  height: auto;
  background-position: top right;
}

.hero_area.sub_pages {
  height: auto;
}

.header_section .container-fluid {
  padding-right: 25px;
  padding-left: 25px;
}

.header_section .nav_container {
  margin: 0 auto;
}

.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0px 30px;
  color: #ffffff;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;
  text-align: center;

}

a,
a:hover,
a:focus {
  text-decoration: none;
}

a:hover,
a:focus {
  color: initial;
}

.btn,
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom_nav-container .nav_search-btn {
  background-image: url(../images/search-icon.png);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position-y: 7px;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
}

.navbar-direction{
  width: 100%;
  display: flex;
  justify-content: right;
}


.navbar-nav a:hover,
.navbar-nav a:focus {
  /*border-radius: 20%;*/
  background: rgba(173, 255, 47, 0.1);
  box-shadow: -0.1rem 0 1rem #579305;
  border-radius: 16px;
  backdrop-filter: blur(9.4px);
  color: initial;
}

.navbar-nav .nav-item.active a{
  background: rgba(173, 255, 47, 0.1);
  box-shadow: -0.1rem 0 0.5rem #579305;
  border-radius: 16px;
  backdrop-filter: blur(9.4px);
  color: initial;
}

.navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-brand img {
  width: 30px;
  margin-right: 5px;
}

.navbar-brand span {
  font-size: 22px;
  font-weight: 700;
  color: #191919;
  text-transform: uppercase;
}

.custom_nav-container {
  z-index: 99999;
  padding: 5px 0;
}

.custom_nav-container .navbar-toggler {
  outline: none;
}

.custom_nav-container .navbar-toggler .navbar-toggler-icon {
  background-image: url(../images/menu.png);
  background-size: 45px;
}

.quote_btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.quote_btn-container a {
  color: #000000;
  position: relative;
}

.quote_btn-container a .cart_number {
  position: absolute;
  top: 68%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 12px;
}

.quote_btn-container a img {
  width: 20px;
  margin: 0 25px;
}


li.nav-item.active{
  color: green;
}




/* slider section ********************************************************/


.slider_section {

  height: calc(100% - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;

}


.slider_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider_section .design-box {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 75px;
}

.slider_section .design-box img {
  width: 100%;
}





.slider_section .detail_box h2 {

  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* .slider_section .detail_box p{
  text-align: center;
} */


.slider_section .detail_box h2 span {
  margin-right: 10px;
}

.slider_section .detail_box h2 hr {
  margin: 0;
  border: none;
  width: 55px;
  height: 1px;
  background-color: #000000;
}

.slider_section .detail_box h1 {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 3rem;
  margin-bottom: 30px;
}

.slider_section .detail_box h1 img{
  width: 60px;
}

.slider_section .detail_box a {

  text-align: center;
  display: inline-block;
  padding: 8px 40px;
  background-color: #0d0806;
  border: 1px solid #0d0806;
  color: #ffffff;
  border-radius: 0;
  margin: 35px 0;
}

.slider_section .detail_box a:hover {
  background-color: transparent;
  color: #0d0806;
}

.img-box-miras {
  width: 700px;
  position: absolute;
  top:120px;
  right: 0px;
  padding-right: 90px;
  z-index: 50;
  display: flex;
  justify-content: right;
}

.img-box-miras img {
  width: 100%;
}

.slider_number-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 4%;
  text-align: center;
  opacity: .6;
}
.slider_number-container hr {
  width: 1px;
  height: 50px;
  border: none;
  background-color: #ffffff;
}
.slider_number-container .number-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  text-transform: uppercase;
}

.slider_section .carousel-indicators {
  padding: 0;
  margin: 0;
  right: initial;
  bottom: 22%;
  left: 17%;
}

.slider_section .carousel-indicators li {
  text-indent: 0;
  width: auto;
  height: auto;
  opacity: 1;
  background-color: transparent;
  border: none;
  color: #c0c0c0;
  font-size: 24px;
  display: none;
}

.slider_section .carousel-indicators li.active {
  display: block;
}







/* carousel*************************************************************************/
.carousel-new{

  width: 100%;
  height: 100vh;
  margin-top: -50px;
  overflow: hidden;
  position: absolute;
  top:0;
  z-index: -100;
  /*background: linear-gradient(270deg, #9cd2d6, #addde1);*/
  /*box-shadow: 0px 25px 40px #addde1;*/
  /* box-shadow: #9cd2d6 0px 5px,  #addde1 0px 10px; */
  background-size: 400% 400%;
}

.carousel-new .list .item{
  width: 180px;
  height: 250px;
  position: absolute;
  top: 80%;
  transform: translateY(-70%);
  left: 70%;
  border-radius: 20px;

  background-position: 50% 50%;
  background-size: cover;
  z-index: 100;
  transition: 1s;
}

.carousel-new .list .item:nth-child(1),
.carousel-new .list .item:nth-child(2){
  top: 0;
  left: 0;
  transform: translate(0, 0);
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.carousel-new .list .item:nth-child(3){
  left: 67%;
}

.carousel-new .list .item:nth-child(4){
  left: calc(67% + 200px);
}

.carousel-new .list .item:nth-child(5){
  left: calc(67% + 400px);
}

.carousel-new .list .item:nth-child(6){
  left: calc(67% + 600px);
}

.carousel-new .list .item:nth-child(n+7){
  left: calc(67% + 800px);
  opacity: 0;
}





.list .item .content{
  position: absolute;
  top: 65%;
  left: 100px;
  transform: translateY(-50%);
  width: 400px;
  text-align: left;
  color: #fff;
  display: none;
}

.list .item:nth-child(2) .content{
  display: block;
}

.content .title{
  font-size: 100px;
  text-transform: uppercase;
  color: #c8dbad;
  font-weight: bold;
  line-height: 1;

  opacity: 0;
  animation: animate 1s ease-in-out 0.3s 1 forwards;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;
}

.content .name{
  font-size: 100px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  /* text-shadow: 3px 4px 4px rgba(255, 255, 255, 0.8); */
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;

  opacity: 0;
  animation: animate 1s ease-in-out 0.6s 1 forwards;
}

.content .des{
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  margin-left: 5px;

  opacity: 0;
  animation: animate 1s ease-in-out 0.9s 1 forwards;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;
}

.content .btn{
  margin-left: 5px;

  opacity: 0;
  animation: animate 1s ease-in-out 1.2s 1 forwards;

}

.content .btn button{
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #fff;
}

.content .btn button:nth-child(1){
  margin-right: 15px;
}

.content .btn button:nth-child(2){
  background: transparent;
  color: #14ff72cb;
  border: 2px solid #fff;
  transition: 0.3s;
}

.content .btn button:nth-child(2):hover{
  background-color: #14ff72cb;
  color: #fff;
  border-color: #14ff72cb;

}


@keyframes animate {

  from{
      opacity: 0;
      transform: translate(0, 100px);
      filter: blur(33px);
  }

  to{
      opacity: 1;
      transform: translate(0);
      filter: blur(0);
  }
}

/* Carousel */


/* next prev arrows */

.arrows{
  position: absolute;
  top: 80%;
  right: 52%;
  z-index: 100;
  width: 300px;
  max-width: 30%;
  display: flex;
  gap: 10px;
  align-items: center;
  visibility: hidden;
}

.arrows button{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #14ff72cb;
  color: #fff;
  border: none;
  outline: none;
  font-size: 16px;
  font-family: monospace;
  font-weight: bold;
  transition: .5s;
  cursor: pointer;
  z-index: 1000000000000;

}

.arrows button:hover{
  background: #fff;
  color: #000;
  z-index: 50000000000000;
}


/* time running */
.carousel .timeRunning{
  position: absolute;
  z-index: 1000;
  width: 0%;
  height: 4px;
  background-color: #14ff72cb;
  left: 0;
  top: 0;
  animation: runningTime 7s linear 1 forwards;
}

@keyframes runningTime {

  from{width: 0%;}
  to{width: 100%;}

}


/* Responsive Design */

@media screen and (max-width: 999px){

  header{
      padding-left: 50px;
  }

  .list .item .content{
      left: 50px;
  }

  .content .title, .content .name{
      font-size: 70px;
  }

  .content .des{
      font-size: 16px;
  }

}

@media screen and (max-width: 690px){
  header nav a{
      font-size: 14px;
      margin-right: 0;
  }

  .list .item .content{
      top: 40%;
  }

  .content .title, .content .name{
      font-size: 45px;
  }

  .content .btn button{
      padding: 10px 15px;
      font-size: 14px;
  }
}






/*category *************************************************************************************/


:root{
  --first-color: linear-gradient(270deg, #9cd2d6, #addde1);;
  --second-color: rgba(174,191,151,255);
  --third-color: linear-gradient(270deg, #9cd2d6, #addde1);;
  --text-color: #fff;

  --box-shadow: 0 5px 25px rgb(2, 2, 2, 0.1);
  --text-shadow: 0 5px 25px rgb(2, 2, 2, 0.1);
}





.products-category-navbar {

  position: relative;
  margin: 20px 80px;
  transition: 0.5s ease;

}

.products-category-navbar .tab-navbar{
  position: relative;

  /* margin: 65px 10px 40px 10px; */
}

.tab-navigation{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: fit-content;
  margin: 0 auto;
  height: 50px;

}


.products-category-navbar .tab-menu{
  color: var(--text-color);
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;
  list-style: none;
  background: var(--third-color);
  max-width: 800px;
  padding: 10px;
  white-space: nowrap;
  border-bottom: 1px solid var(--third-color);
  border-radius: 50px;
  box-shadow: var(--box-shadow);
  overflow-x: auto;
  user-select: none;
  scroll-behavior: unset;

}



.products-category-navbar .tab-menu li{
font-weight: 900;
}


.products-category-navbar .tab-menu.dragging{
  scroll-behavior: unset;
  cursor: grab;

}

.products-category-navbar .tab-menu::-webkit-scrollbar{
  display: none;
}

.products-category-navbar .tab-btn{
  color: var(--text-color);
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  max-width: 0 2px;
  padding: 10px 20px;
  border-radius: 30px;
  /* background: var(--second-color); */
  cursor: pointer;
  transition: 0.3s ease;
}


.products-category-navbar .tab-menu.dragging .tab-btn{
  pointer-events: none;
}

.products-category-navbar .tab-btn:hover{
  background: var(--first-color);
}

.products-category-navbar .tab-btn.active{
  background: var(--second-color);
}

.products-category-navbar .left-btn,
.products-category-navbar .right-btn{
  position: absolute;
  top: 0;
  columns: var(--text-color);
  font-size: 1.8rem;
  padding: 10px;
  cursor: pointer;
  color: var(--text-color);
  position: absolute;
  height: 60px;
  top:-13px;
}

.products-category-navbar .left-btn{
  left: 0;
  background: linear-gradient(to left, transparent, var(--first-color));
  opacity: 1;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;


}

.products-category-navbar .right-btn{
  right: 0;
  background: linear-gradient(to left, transparent, var(--first-color));
  opacity: 1;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}



/* ab content */
.products-category-navbar .tab-content{
  position: relative;
  /* display: flex; */
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}

.products-category-navbar .tab{

  /* position: absolute; */
  width: 100%;
  transform: translateX(25px);
  content-visibility: hidden;
  opacity: 0;
}

.products-category-navbar .tab.active{
  transform: translateX(0);
  content-visibility: visible;
  opacity: 1;
  transition: 1s ease;

}


/* ------------ */

.products-category-navbar .tab .row{
  width: 100%;
  /* height: 1200px; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  gap: 10px;
  position: relative;
}

.products-category-navbar .tab .img-card{
  /* width: 1000px; */
  height: 300px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: var(--box-shadow);
  border: 2px solid #9cd2d6;
}

.products-category-navbar .tab .img-card img{

  width: 100%;
  height: 100%;
  opacity: 85%;

}


.products-category-navbar .info a{
/* border: 0.25px solid rgb(37, 25, 25); */
color:  white;
/* width: 20%; */
padding: 10px 20px;
background: #dbc928;
border-radius: 8px;

}


.products-category-navbar .info a:hover{
background: #f8f8f3;
color: #dbc928;
}




/* category internal item****************************************************************** */

.category_internal_item *, .category_internal_item *::after,.category_internal_item *::before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  /* font-family: "Quicksand", sans-serif; */
}

.category_internal_item{
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  /* height: 290px; */
  /* overflow: hidden; */


}




/* .category_internal_item .swiper{
  width: 80%;
} */



.category_internal_item .swiper-slide{

  position: relative;
  width: 200px;
  aspect-ratio: 3/4.2;
  border-left: 1px solid rgba(131, 130, 130, 0.527);

}



.category_internal_item .swiper-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 3px;
  user-select: none;
  /* border: 2px solid rgb(1, 1, 1, 0.8); */
  /* box-shadow: 0 1px 7px rgb(109, 83, 83); */
  opacity: 80%;

}



.category_internal_item .title{
  color: black;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  width: max-content;
  text-align: center;
  padding: 10px 18px;
  border-radius: 8px;
}

.category_internal_item .title span{
  font-size: 1rem;
  font-weight: 500;

}



.category_internal_item .swiper-pagination{
  --swiper-pagination-bottom: -6px;
}

.category_internal_item .swiper-pagination-bullet{
  width: 14px;
  height: 14px;
  background-color: #cc1d1d;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.category_internal_item .swiper-pagination-bullet-active{
  width: 25px;
  background-color: rgba(174,191,151,255);
  border-radius: 14px;
}








/* best seller & newest******************************************************************/

.best-seller *, .best-seller *::after,.best-seller *::before,
.newest *, .newest *::after,.newest *::before
{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: "Quicksand", sans-serif; */
}

.best-seller,
.newest{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 450px;
  /* background-color: #660913; */
  /* color: #fff; */
  overflow: hidden;
  margin-top: 30px;
  /* box-shadow:  0 2px 30px rgb(100, 50, 50, 0.2); */


}

/* .newest{
  margin-top: 150px;
} */

.best-seller h2,
.newest h2,
.buying-guide-section h2{
  width: 100%;
  font-size: 1.7rem;
  font-weight:800 ;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 10%;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;

}


.newest{
  margin-top: 100px;
}

.best-seller .swiper,
.newest .swiper{
  /* border: 5px solid black; */
  width: 80%;
  /* padding: 0 0 50px 0; */
  /* border-left: 30px solid rgb(231, 231, 231);
  border-right: 30px solid rgb(231, 231, 231); */
  /* box-shadow: 0 4px 30px rgb(231, 231, 231); */


}

.best-seller .swiper-slide,
.newest .swiper-slide{

  position: relative;
  margin-left: 15px;
  width: 150px;
  aspect-ratio: 3/4;
  border-radius: 14px;

  /* transition: all 0.5s ease-in-out; */
}



.best-seller .swiper-slide img,
.newest .swiper-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  user-select: none;
  /* border: 2px solid rgb(1, 1, 1, 0.8); */
  box-shadow: 0 1px 7px rgb(109, 83, 83);
  opacity: 80%;

}


.best-seller .title,
.newest .title{
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  width: max-content;
  text-align: center;
  padding: 10px 18px;
  background: rgba(174,191,151,255);
  border-radius: 8px;
  /* border: 2px solid rgb(47, 160, 45); */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s linear;
  /* border-shadow: 0 4px 30px rgb(100, 50, 50); */
  visibility: hidden;

}

.best-seller .title span,
.newest .title span{
  font-size: 1rem;
  font-weight: 500;
}

.best-seller .swiper-slide-active .title,
.newest .swiper-slide-active .title{
  bottom: -10px;
  box-shadow: 0 20px 30px 2px rgba(171, 157, 13, 0.6);
  color:#ffffff;
  visibility: visible;
}

/* .best-seller .swiper-slide-active,
.newest .swiper-slide-active{
  width:170px;



} */


.best-seller .swiper-pagination,
.newest .swiper-pagination{
  --swiper-pagination-bottom: -6px;
}

.best-seller .swiper-pagination-bullet,
.newest .swiper-pagination-bullet{
  width: 14px;
  height: 14px;
  background-color: #cc1d1d;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.best-seller .swiper-pagination-bullet-active,
.newest .swiper-pagination-bullet-active{
  width: 25px;
  background-color: rgba(174,191,151,255);
  border-radius: 14px;
}







 /* buying guide********************************* */


 .buying-guide-section{
  margin-top: 50px;
  display: block;
}

/* .buying-guide-section h2{
  width: 100%;
  font-size: 1.7rem;
  font-weight:800 ;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 10%;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;

} */


.buying-guide-section .gallery_item {
  /* width: 100%; */
  position: relative;
  transition: all 0.3s ease-in-out;

}


.buying-guide-section .gallery_item:hover {
  transform: translate3d(1px, -2px, 1px) ;
}


.buying-guide-section .gallery {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(3, 4vw);
  grid-gap: 1.5rem;
}


.buying-guide-section .gallery_item_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  opacity: 80%;
  box-shadow: none;
}


.buying-guide-section .gallery_item_content {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  z-index: 9;
  width: 70%;
  /* border: 2px solid wheat; */

}
.buying-guide-section .gallery_item_title {
  color: white;
  font-size: 1.3rem;
  text-align: center;

}


.buying-guide-section span{
  font-size: 0.5rem;
  margin-left: 5px;
}


.buying-guide-section a {
  color:  white;
  /* text-decoration: underline; */
  /* border: 5px solid white; */
  width: 15%;
  padding: 7px 10px;
  background: #dbc928;
  border-radius: 8px;
}
.gallery_item_link:hover{
  background: #f8f8f3;
  color: #dbc928;

}




.buying-guide-section .gallery_item_1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 4;
}
.buying-guide-section .gallery_item_2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 4;
}
.buying-guide-section .gallery_item_3 {
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 4;
}
.buying-guide-section .gallery_item_4 {
  grid-column-start: 7;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 4;
}




/* customizations_all********************************************** */

.customization{

  margin-top: 80px;

}

.customization .container{

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.customization video{
  width: 500px;
}


.customization h2{

  width: 100%;
  font-size: 1.7rem;
  font-weight:800 ;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 10%;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;

}


.customization p{
  font-size: 1.2rem;
  font-weight:800 ;
  color: #ffffff;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 10%;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;

}

.customization video {

  border-radius: 10px;
}





/* special offer**********************************************************/
.ring_section {
  text-align: center;
  position: relative;

}

.ring_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ring_section .container {
  background: #1d1c1cd7;
  -webkit-box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 30px 2px rgba(8, 8, 8, 0.651);
  border-radius: 6px;
}

.ring_section .design-box {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 75px;
}

.ring_section .design-box img {
  width: 100%;

}

.ring_section .ring_container .detail-box h2,
.ring_section .ring_container .detail-box h4 {
  text-transform: uppercase;
  color: #ffffff;
}

.ring_section .ring_container .detail-box a {
  display: inline-block;
  border: 1px solid #000000;
  font-weight: bold;
  color: #f7f0f0;
  margin-top: 15px;
  width: 20%;
  padding: 10px 20px;
  background: #dbc928;
  border-radius: 8px;

}

.ring_section .ring_container .detail-box a:hover{
  background: #f8f8f3;
  color: #dbc928;
}

.ring_section .ring_container .img-box img {
  width: 50%;
  border-radius: 6px;
  opacity: 70%;
}







/* info section********************************************************/

.info_section {
  background-color: rgba(174,191,151,255);
  opacity: 90%;
  color: #ffffff;


}

.info_section .info_container .info_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 100px 10px 45px 10px;
  background-color: #ffffff;
  opacity: 100%;
  width: 200px;
  border-radius: 0 0 50px 50px;
  z-index: -500000;
}

.info_section .info_container .info_logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info_section .info_container .info_logo a img {
  width: 100px;
  margin-right: 10px;
}

.info_section .info_container .info_logo a span {
  text-transform: uppercase;
  color: #000000;
  font-size: 28px;
  font-weight: bold;
}

.info_section .info_container .info_contact {
  padding: 115px 10px 45px 10px;
}

.info_section .info_container .info_contact a {
  color: #ffffff;
}

.info_section .info_container .info_contact a img {
  margin-right: 10px;
}

.info_section .info_heading {
  text-transform: uppercase;
  margin: 20px 0;
  position: relative;
}

.info_section .info_heading::before {
  content: "";
  width: 45px;
  height: 5px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 5px;
  background-color: #c7dba8;
}






.info_section .info_social {
  padding-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info_section .info_social .social_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info_section .info_social .social_box img {
  min-width: 10px;
  margin: 0 10px;
}

/* footer section*************************************************************/

.footer_section {
  background-color: rgba(174,191,151,255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  opacity: 90%;
  /* padding-bottom: 150px; */
}

.footer_section p {
  border-top: 1px solid #ffffff;
  color: #9c9b9b;
  margin: 0;
  text-align: center;
  padding: 20px 35px;
  margin: 0;
}

.footer_section a {
  color: #9c9b9b;
}
/*# sourceMappingURL=style.css.map */





/* shop********************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */

.blue-pastil{
  background: linear-gradient(270deg, #9cd2d6, #addde1);
  box-shadow: 0px 25px 40px #addde1;
  position: absolute;
  width: 100%;
  height: 25vh;
  visibility:hidden;

}


.shop-banner{
  position: absolute;
  top: 0;
  animation: fadeIn 4s;
  z-index: 500;
  left: 0px;


}

.shop-banner img{
  width: 350px;
}

.shop .hero_area {
  height: 35vh;
  position: relative;
  background-image: url(../images/hero-bg.png);
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
}





.product-page-title{
  text-align: center;
  font-size: 1.7rem;
  font-weight:800 ;
  color: #ffffff;
  text-align: center;
  margin-bottom: 50px;
  text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
  1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;

}

.shop .info_section{
  margin-top: 50px;
}

.shop-container{

  padding-left: 50px;
  width: 100%;
  display: grid;
  grid-template-columns: 75% 25%;
  /* display: flex; */
  margin-bottom: 50px;
}


.shop-container .left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* margin-right: 30px; */


}



.shop-container .right{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
}






.shop-container .left .items{
  width: 100%;
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  /* gap: 10px; */
}


.shop #bg{

  position: absolute;
  height: 220vh;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}




.shop-item {

  margin-bottom: 30px;
   /*width: 200px; */
}

.shop-item .container {
  /* display: flex;
  align-items: center;
  justify-content: center; */
  position: relative;
  padding: 0;
}

.shop-item .container .card {
  position: relative;
  width: 190px;
  height: 350px;
  background: #c8dbad;

  border-radius: 20px;
  overflow: hidden;
}

.shop-item .container .card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: #1BBFE9; */
  background: linear-gradient(270deg, #9cd2d6, #addde1);
  clip-path: circle(150px at 80% 20%);
  transition: 0.5s ease-in-out;
}

.shop-item .container .card:hover:before {
  clip-path: circle(300px at 80% -20%);
}

.shop-item .container .card:after {
  content: "Nike";
  position: absolute;
  top: 30%;
  left: -20%;
  font-size: 12em;
  font-weight: 800;
  font-style: italic;
  color: rgba(255, 255, 255, 0.04);

}


.shop-item .container .card .imgBx {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 1000;
  width: 100%;
  height: 80%;
  transition: .5s;
}

.shop-item .container .card:hover .imgBx {
  top: 0%;
  transform: translateY(-30%);
  /* bug  */
  height: 80%;
}

.shop-item .container .card .imgBx img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(20deg);
  max-width: 150px;
  z-index: -100;
  object-fit: contain;
}

.shop-item .container .card .contentBx {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  text-align: center;
  transition: 1s;
  z-index: 90;
}

.shop-item .container .card:hover .contentBx {
  height: 200px;
}

.shop-item .container .card .contentBx > span {
  position: relative;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 1px;
  color: #fff;
}



.shop-item .container .card .contentBx a {
  font-size: 12px ;
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  border-radius: 4px;
  margin-top: 10px;
  text-decoration: none;
  font-weight: 600;
  color: #111;
  opacity: 0;
  transform: translateY(50px);
  transition: .5s;

}

.shop-item .container .card .contentBx a span{
  display: inline-block;
  width: 10px;
}



.shop-item .container .card:hover .contentBx a {

  opacity: 1;
  transform: translateY(0px);
  transition-delay: .7s;
}


.shop-item .container .card .contentBx .price{
  margin-bottom: 20px;
}

.zero-quantity{
  background: red;
  z-index: 500;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;

}





.pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  margin-top: 0;
  /* padding-right: 15px; */
}



.pagination  li:first-child  a, .pagination  li:first-child  span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
  border-radius: 20px;
}

.pagination  li:last-child  a, .pagination  li:last-child  span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-radius: 20px;
}

.pagination  .active  a,
.pagination  .active  span,
.pagination  .active  a:hover,
.pagination  .active  span:hover,
.pagination  .active  a:focus,
.pagination  .active  span:focus {
  background-color: #14ff72cb;
  border-color: #14ff72cb;
  color: #FFFFFF;
  cursor: default;
  z-index: 2;
  border-radius: 20px;
}

.pagination  li  a, .pagination  li  span {
  background-color: #f0f0e9;
  border: 0;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  margin-right: 5px;
  color:#000;
  border-radius: 20px;
}

.pagination  li  a:hover{
	background:#14ff72cb;
	color:#fff;
}




/* rigth side*********** */

.right h3{
    margin-bottom: 10px;
    margin-top: 100px;
    width: 100%;
    font-size: 1.4rem;
    font-weight:800 ;
    color: #ffffff;
    text-align: center;
    /* margin-right: 10%; */
    text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
    1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;
}




.category-accordian-list{
  ul.menu {
    padding: 0;
    list-style: none;
    width: 200px;
    box-shadow: 0px 0px 25px #00000070;
    clear: both;
    margin: 0px auto;
  }


  ul.menu .list {
    font-size: 14px;
    border-bottom: 1px solid #14ff72cb;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    vertical-align: sub;
    background: #3e5165;
    clear: both;
    text-align: end;

  }

  ul.menu .list a {
    text-decoration: none;
    color: #fff;
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
    padding-top: 9px;
    cursor: pointer;

  }


  ul.menu .list a:hover {
    background-color: #324252;
    width: 100%;
    padding-right: 20px;
    transition: 300ms all;
    color: #09fbd2;
  }


  ul.menu .list .items {
    height: 0px;
    overflow: hidden;
  }
  ul.menu .list .items a {
    padding-right: 30px;
    font-size: 0.7rem;
    padding-bottom: 7px;
  }
  ul.menu .list .items a:hover {
    background-color: #3f5d79;
    color: #fff;
    transition: 0.5s all ease;
  }
  ul.menu .list:last-child {
    border-bottom: none;
  }

  ul.menu .active > .items {
    display: block;
    background: #23313f;
    padding: 0px;
    height: auto;
    color: #fff;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 200ms ease;
    clear: both;
    float: left;
    width: 100%;
  }
  ul.menu .active > .items li {
    padding: 0px;
    /* border-bottom: 0.5px solid #47ff919f; */
    list-style: none;
  }
  /* ul.menu .active > .items li:last-child {
    border-color: transparent;
    padding-bottom: 0px;
  } */
  ul.menu .active > .items .active > .items {
    background-color: #2f4b67;
  }
  ul.menu .active > a {
    color: #46efa4;
    text-transform: uppercase;
    font-weight: bold;
  }
  ul.menu .active .list {
    background: #697d92;
  }

}





/* price range***************************** */



.price-filter,
.weight-filter{
  h3{
    /* margin-top: 150px; */
    width: 100%;
    font-size: 1.4rem;
    font-weight:800 ;
    color: #ffffff;
    text-align: center;
    /* margin-right: 10%; */
    text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
    1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;
  }

  ::selection {
    /* color: #fff; */
    /* background: #17a2b8; */
  }
  .wrapper {


    width: 250px;

    /* background: #fff; */
    /* border-radius: 10px; */
    padding: 0px 25px 40px;
    /* box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); */
  }

  .price-input,
  .weight-input{

    width: 100%;
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .price-input .field,
  .weight-input .field{
    display: flex;

    /* width: 100px; */
    height: 30px;
    align-items: center;
  }
  .field input {

    width: 100px;
    height: 100%;
    outline: none;
    font-size: 10px;
    margin-left: 5px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
  }


  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  .price-input .separator {
    width: 30px;
  }
  .slider, .slider2 {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;

  }
  .slider .progress,
  .slider2 .progress2 {
    height: 100%;
    /*left: 25%;*/
    /*right: 25%;*/
    position: absolute;
    border-radius: 5px;
    background: #14ff72cb;
  }
  .range-input,
  .range-input2 {

    position: relative;
  }
  .range-input input,
  .range-input2 input {

    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #17a2b8;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #17a2b8;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }

}




input.count{
  width: 20px;
}





/* login sign up *********************************************************** */
/* ************************************************************************* */
/* ************************************************************************* */





.login-signup{
/*
    background: url("../images/login-signup/1.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat; */
    margin-bottom: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    /*padding: 0 20px;*/
    text-shadow: 1px 0 #1a1010, -2px 0 #1e1919, 0 2px #372b2b, 0 -2px #6d5353,
    1px 1px #322020, -1px -1px #472d2d, 1px -1px #3a2d2d, -1px 1px #766161;


.main-form-container{
    /* background: url("../images/login-signup/1.jpg"); */
    background-color: #c7dba8;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content:center;
    /*width: 1000px;*/
    height: 600px;
    /* border: 3px solid rgba(255, 255, 255, 0.3); */
    border-radius: 30px;
    backdrop-filter: blur(20px);
    padding: 20px;
}



.column-1{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 55%;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(30px);
    border-radius: 30px 30% 20% 30px;
    transition: border-radius 0.3s;


}

.image-layer{
    position: relative;
}

.form-image-main{
    width: 400px;
    animation: scale-up 3s ease-in-out alternate infinite;
}

.form-image{
    position: absolute;
    left: 0;
    width: 400px;
}


.form-inputs{
    
}




.featured-words{
    text-align: center;
    color: #fff;
    width: 300px;
}

.featured-words span{
    font-weight: 600;
    color: #21264D;
}


.column-2{
    overflow: hidden;
    position: relative;
    width: 45%;
    padding: 20px;
}

.btn-box{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top:20px;
}

.btn{
    font-weight: 500;
    padding: 5px 30px;
    border: none;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.2s;
}

.btn-1{
    background: #21264D;
}

.btn:hover{
    opacity: 0.85;
}





.login-form{
    /*position: absolute;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    padding:10px;
    justify-content: center;
    /*padding: 0 4vw;*/
    /*transition: 0.3s;*/

}


.register-from{
    position: absolute;
    left: -50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 4vw;
    transition: 0.3s;
}

.register-from .form-title{
    margin-block: 40px 20px;

}


.form-title{
  display: flex;
  justify-content: center;ب
    margin: 40px 0;

    color: #fff;
    font-size: 28px;
    font-weight: 600;
}

.form-login-title,
.form-verification-title{
  margin-bottom: 30px;
  margin-top: 30px;
}

.form-inputs{
  margin-top: 40px;
    width: 100%;
}

.input-box{
    position: relative;
}

.input-field{
    width: 100%;
    height: 55px;
    padding: 0 15px;
    margin: 10px 0;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 10px;
    outline: none;
    backdrop-filter: blur(20px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);


}

::placeholder{
    color: #fff;
    font-size: 15px;
}

.input-box .icon{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #fff;

}

.forget-pass{
    display: flex;
    justify-content: right;
    gap: 5px;

}

.forget-pass a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
  margin-top: 20px;
}

.forget-pass a:hober {
    text-decoration: underline;
}

.input-submit{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 55px;
    padding: 0 15px;
    margin: 10px 0;
    color: #fff;
    background: #21264D;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.3s;

}

.input-submit:hover{
    gap: 15px;
}

.social-login{
    display: flex;
    gap: 20px;
    margin-top: 20px;

}

.social-login i{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: 0.2s;
}

.social-login i:hover{
    transform: scale(0.9);
}


.rocket{
  width: 150px;
  position: absolute;
  top:35%;
  left: 30%;
}

.input-field{
  text-align: right;
  color: black;
}

@media (max-width: 900px) {
      /* login-signup******************** */
      .main-form-container{
        width: 350px;
    }
    .column-1{
        display: none;
    }

    .column-2{
        width: 100%;
    }

}





}


.coin{
  animation: scale-down 3s ease-in-out alternate infinite;
}

.spring{
  animation: scale-down 3s ease-in-out alternate infinite;
}

.dots{
  animation: scale-up 3s ease-in-out alternate infinite;
}

.rocket{
  animation: up-down 3s ease-in-out alternate infinite;
}

.cloud{
  animation: left-right 3s ease-in-out alternate infinite;
}

.stars{
  animation: scale-down 3s ease-in-out alternate infinite;
}

@keyframes left-right {
  to{
      transform: translateX(10px);
  }
}

@keyframes up-down {
  to{
      transform: translateY(10px);
  }
}

@keyframes scale-down {
  to{
      transform: scale(0.95);
  }
}

@keyframes scale-up {
  to{
      transform: translateX(1.05);
  }
}




/* single product************************************ */
/* ************************************************** */
/* ************************************************** */

.single-product{

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: right;
}

:root {
  --orange: hsl(26, 100%, 55%);
  --pale-orange: hsl(25, 100%, 94%);
  --very-dark-blue: hsl(220, 13%, 13%);
  --dark-grayish-blue: hsl(219, 9%, 45%);
  --grayish-blue: hsl(220, 14%, 75%);
  --light-grayish-blue: hsl(223, 64%, 98%);
  --white: hsl(0, 0%, 100%);
  --black: hsl(0, 0%, 0%);
  --black-with-opacity: hsla(0, 0%, 0%, 0.75);
}

html {
  font-family: "Kumbh Sans", sans-serif;
}

a {
  text-decoration: none;
  color: var(--dark-grayish-blue);
}

body {
  min-height: 100vh;
  min-width: 100vw;
  position: relative;
}

.container {
  max-width: 1120px;
  min-height: 100vh;
  padding: 0 5px;
  margin: auto;
}

/* Navbar */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 26px;
  border-bottom: 1px solid var(--grayish-blue);
  margin-bottom: 85px;
  position: relative;
}

.nav-first {
  display: flex;
  align-items: center;
  gap: 50px;
  padding-bottom: 30px;
}

.nav-first .menu-icon {
  display: none;
}

.nav-first .backdrop {
  display: none;
}

.nav-links .close-icon {
  display: none;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 30px;

}

.nav-links a {
  position: relative;

}

.nav-links a:hover {
  color: var(--black);
}



.nav-links a:hover::after {
  content: "";
  position: absolute;
  background-color: var(--orange);
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -47px;
}

.nav-second {
  display: flex;
  align-items: center;
  gap: 45px;
  padding-bottom: 30px;
}

.logo img {
  height: 22px;
}

.avatar img {
  height: 50px;
  width: 50px;
}

/* Main */
.main {
  display: flex;
  gap: 125px;
  min-height: 570px;
  align-items: center;
  padding: 0 50px;
}

/* Image gallery */
.gallery {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.gallery .main-img img {
  display: none;
}

.gallery .main-img img.active {
  display: inline-block;
  max-width: 445px;
  max-height: 445px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  cursor: pointer;
  object-fit: cover;
}

.gallery .thumb-list {
  display: flex;
  justify-content: start;
  max-width: 445px;
  width: 100%;
}

.gallery .thumb-list div {
  max-width: 90px;
  max-height: 90px;
  margin: 0 2px;
}

.gallery .thumb-list img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  cursor: pointer;
}

.gallery .thumb-list img:hover {
  opacity: 50%;
}

.gallery .thumb-list .active img {
  opacity: 30%;
}

.gallery .thumb-list .active {
  border: 2px solid var(--orange);
  border-radius: 13px;
  margin: 0;
}

/* lightbox */
.lightbox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 10;
  background: var(--black-with-opacity);
  align-items: center;
  justify-content: center;
}

.lightbox.active {
  display: flex;
}

.lightbox.active .gallery {
  max-width: 445px;
}

.lightbox .main-img {
  position: relative;
}

.lightbox .icon-prev,
.lightbox .icon-next {
  position: absolute;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: 50%;
}

.icon-prev:hover,
.icon-next:hover {
  cursor: pointer;
}

/* .icon-prev svg path {
  fill: var(--orange);
} */

.icon-prev {
  top: 50%;
  transform: translate(-50%, -50%);
}

.icon-next {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.icon-close svg path {
  fill: var(--white);
}

.icon-close svg path:hover {
  cursor: pointer;
  fill: var(--orange);
}

.icon-close {
  position: absolute;
  right: 0;
  top: -40px;
}

/* Content */

.content {
  flex: 1;
}
.content h3 {
  font-size: 16px;
  color: var(--orange);
}

.content h2 {
  font-size: 37px;
  margin: 20px 0 40px 0;
}

.content p {
  font-size: 16px;
  color: var(--dark-grayish-blue);
  margin-bottom: 30px;
}




.weight-select{
  min-width: 10em;
  position: relative;
  margin-bottom: 2em;
  direction: rtl;

}


.weight-select .select{

  background: #2a2f3b;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid #2a2f3b;
  border-radius: 0.5em;
  padding: 1em;
  cursor: pointer;


}

.weight-select .select-clicked{
  border: 2px solid #26489a;
  box-shadow:  0 0 0.8em #26489a ;

}

.weight-select .select:hover{
  background: #323741;
}

.weight-select .caret{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff;
  transition: 0.3s;
}

.weight-select .caret-rotate{
  transform: rotate(180deg);
}

.weight-select .menu{
  list-style: none;
  padding: 0.2em 0.5em;
  background: #323741;
  border: 1px #363a43 solid;
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
  color: #9fa5b5;
  position: absolute;
  top: 3em;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  opacity: 0;
  display: none;
  transition: 0.2s;
  z-index: 1;

}

/* .weight-select span{
  direction: rtl;
} */

.weight-select .menu li{
  padding: 0.7em 0.5em;
  margin: 0.3em 0;
  border-radius: 0.5em;
  cursor: pointer;
  /* display: flex;
  align-items: center; */

}

.weight-select .menu li span{
  margin-right: 5px;
}

.weight-select .menu li:hover{
  background: #2a2d35;
}

.weight-select .active{
  background: #23242a;
}

.weight-select .menu-open{
  display: block;
  opacity: 1;
}






.price {

  display: flex;
  align-items: center;
  gap: 15px;

}

.current-price {
  font-weight: 700;
  font-size: 25px;
}

.discount {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 10%;
  height: 25px;
  background-color: var(--pale-orange);
  font-weight: 700;
  color: var(--orange);
}

.prev-price {
  margin: 10px 0 35px 0;
  font-size: 18px;
  color: grey;
  font-weight: 700;
  text-decoration: line-through;
  text-align: left;
}

.add-to-cart-container {
  display: flex;
  align-items: center;
  gap: 15px;

}

.counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  width: 150px;
  height: 55px;
  background: var(--light-grayish-blue);
}

.counter button {
  width: 50px;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
}

.counter .count {
  font-weight: 700;
}

.add-to-cart {
  color: var(--white);
  background-color: var(--orange);
  border: 0px;
  height: 55px;
  width: 100%;
  border-radius: 10px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  padding: 0 5px;
}

.add-to-cart svg path {
  fill: var(--white);
}



}



/* Cart */
.navbar-cart {
  position: relative;
  margin-right: -20px;

}

.cart-icon {
  cursor: pointer;
}

.cart-container {
  position: absolute;
  right: -380px;
  top: 20px;
  z-index: 9;
  position: absolute;
  width: 360px;
  min-height: 260px;
  background:  #3e5165;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 20px;
  display: none;

}

.cart-container.active {
  display: flex;
  flex-direction: column;
  opacity:1;

}

.checkout {

  opacity: 1;

}



.cart-title {
  padding: 25px 20px;
  font-weight: 700;
  border-bottom: 1px solid var(--grayish-blue);
  text-align: center;
}

.navbar-cart .cart-items {

  padding: 25px 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.navbar-cart .cart-items.empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 185px;
  font-weight: 700;
}

.navbar-cart .cart-items.empty .cart-empty {
  color: var(--grayish-blue);
  display: inline-block;
}

.navbar-cart .cart-items .cart-empty {
  display: none;
}

.cart-item {
  border-bottom:2px solid rgb(219, 207, 207);
  display: flex;
  align-items: center;
  gap: 20px;
}

.cart-item img {
  height: 50px;
  border-radius: 5px;
}

.cart-item {
  color: var(--dark-grayish-blue);
}

.cart-item .total-price {
  color: var(--black);
  font-weight: 700;
}

.checkout.empty {
  display: none;
}

.checkout {
  height: 56px;
  margin: 27px 23px;
  border: none;
  color: var(--white);
  background-color: var(--orange);
  border-radius: 10px;
  font-weight: 700;
}

.checkout:hover {
  cursor: pointer;
}

.cart-count {
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: -10px;
  background-color: var(--orange);
  color: var(--white);
  min-width: 25px;
  min-height: 17px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}

.delete-item {
  border: none;
  background: none;
  cursor: pointer;
}




/* *about us************************************************** */
/* *********************************************************** */
/* *********************************************************** */
.about-us{




  .text-blk {

    padding: 0px;
    line-height: 20px;
    color: rgb(157, 114, 207);
    font-size: 14px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    text-align: right;
    width: 400px;

  }

  .responsive-container-block .subHeading {

    max-width: 400px;
  }


  .responsive-container-block {



    min-height: 75px;
    height: fit-content;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
  }

  .responsive-container-block.bigContainer {
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin: 0 0 0 0;
    /* direction: rtl; */
  }

  .responsive-container-block.Container {
    max-width: 1320px;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    margin-right: auto;
    margin-bottom: 80px;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
  }

  .responsive-container-block.leftSide {
    width: auto;
    align-items: flex-start;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    flex-direction: column;
    position: static;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    max-width: 300px;
  }

  .text-blk.heading {
    font-size: 40px;
    line-height: 64px;
    font-weight: 900;
    color: #00B2EB;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
  }

  .text-blk.btn {
    color: rgb(0, 178, 235);
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(160, 121, 0, 0.2) 0px 12px 35px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-top: 20px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
    cursor: pointer;
  }

  .responsive-container-block.rightSide {
    width: 675px;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: flex;
    height: 700px;
    min-height: auto;

  }

  .number1img {
    margin-top: 39%;
    margin-right: 80%;
    margin-bottom: 29%;
    margin-left: 0px;
    height: 32%;
    width: 20%;
    position: absolute;
    object-fit: cover;
  }

  .number2img {
    margin-top: 19%;
    margin-right: 42%;
    margin-bottom: 42%;
    margin-left: 23%;
    width: 35%;
    height: 39%;
    position: absolute;
    object-fit: cover;
    /* border-radius: 10px; */
  }

  .number3img {
    width: 13%;
    height: 21%;
    position: absolute;
    margin-top: 62%;
    margin-right: 64%;
    margin-bottom: 30%;
    margin-left: 23%;
    object-fit: cover;
  }

  .number4vid {
    width: 34%;
    height: 33%;
    position: absolute;
    margin-top: 62%;
    margin-right: 27%;
    margin-bottom: 0px;
    margin-left: 39%;
    object-fit: cover;
  }

  .number5img {
    position: absolute;
    width: 13%;
    height: 21%;
    margin-top: 38%;
    margin-right: 27%;
    margin-bottom: 41%;
    margin-left: 60%;
    object-fit: cover;
  }

  .number6img {
    position: absolute;
    margin-top: 0px;
    margin-right: 3%;
    margin-bottom: 67%;
    margin-left: 62%;
    width: 35%;
    height: 33%;
    object-fit: cover;
  }

  .number7img {
    position: absolute;
    width: 25%;
    margin-top: 40%;
    margin-right: 0px;
    margin-bottom: 18%;
    margin-left: 75%;
    height: 42%;
    object-fit: cover;
  }

  .text-blk.subHeading {
    font-size: 14px;
    line-height: 25px;
  }

  @media (max-width: 1024px) {
    .responsive-container-block.Container {
      flex-direction: column-reverse;
    }

    .text-blk.heading {
      text-align: center;
      max-width: 370px;
    }

    .text-blk.subHeading {
      text-align: center;
    }

    .responsive-container-block.leftSide {
      align-items: center;
      max-width: 480px;
    }

    .responsive-container-block.rightSide {
      margin-top: 0px;
      margin-right: auto;
      margin-bottom: 100px;
      margin-left: auto;
    }

    .responsive-container-block.rightSide {
      margin: 0 auto 70px auto;
    }
  }

  @media (max-width: 768px) {
    .responsive-container-block.rightSide {
      width: 450px;
      height: 450px;
    }

    .responsive-container-block.leftSide {
      max-width: 450px;
    }
  }

  @media (max-width: 500px) {
    .number1img {
      display: none;
    }

    .number2img {
      display: none;
    }

    .number3img {
      display: none;
    }

    .number5img {
      display: none;
    }

    .number6img {
      display: none;
    }

    .number7img {
      display: none;
    }

    .responsive-container-block.rightSide {
      width: 100%;
      height: 250px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 100px;
      margin-left: 0px;
    }

    .number4vid {
      position: static;
      margin-top: 0px;
      margin-right: auto;
      margin-bottom: 0px;
      margin-left: auto;
      width: 100%;
      height: 100%;
    }

    .text-blk.heading {
      font-size: 25px;
      line-height: 40px;
      max-width: 370px;
      width: auto;
    }

    .text-blk.subHeading {
      font-size: 14px;
      line-height: 25px;
      width: 100%;
      height: 500px;
      text-align: center;
    }

    .responsive-container-block.leftSide {
      overflow: ellipsis;

      width: 100%;

    }
  }
}

.contact_us{
  color:#fff
}
.right_conatct_social_icon{
  background: linear-gradient(270deg, #9cd2d6, #addde1);
}


.contact_inner{
    /*background-color:#c0c0c0;*/
    position: relative;
    box-shadow: 20px 22px 44px #cccc;
    border-radius: 25px;
}
.contact_field{
    padding: 60px 20px 90px 100px;
    direction: rtl;
}
.right_conatct_social_icon{
    height: 100%;
}

.contact_field h3{
   color: #000;
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: right;
}
.contact_field p{
  text-align: right;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 35px;
}
.contact_field .form-control{
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
}
.contact_field .form-control:focus{
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #1325e8;
}
.contact_field .form-control::placeholder{
    font-size: 13px;
    letter-spacing: 1px;
}


button.contact_form_submit {
  background: linear-gradient(270deg, #9cd2d6, #9acacf);
    border: none;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
    margin-top: 25px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 2px;
}


input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button{
  -webkit-appearance: none;
}

.errorlist li,
.errorlist li a{
  text-align: right;
  color: red;
  text-shadow: none;
}

.errorlist {
  list-style: none;
}




/* ***checkout*********************************************** */
/* ********************************************************* */
/* ******************************************************** */





.shopper-info p,
.bill-to p,
.order-message p {

  color: #696763;
  font-size: 16pt;
  font-weight: 300;
  border-bottom: solid 1px  #14ff72cb;
}

.shopper-informations{
  padding: 50px;
}

.shopper-informations .important-field {
	border-right: solid 2px  #14ff72cb !important;
}

.shopper-informations,
.shopper-info p{

  direction: rtl;
  text-align: right;
	/* float: left; */
}






.shopper-info > form > input {
  background:#F0F0E9;
  border: 0 none;
  margin-bottom:10px;
  padding: 10px;
  width: 100%;
  font-weight: 300
}





.review-payment h2 {

  text-align: right;
  color: #696763;
  font-size: 16pt;
  font-weight: 300;
  margin-top: 45px;
  margin-bottom: 20px
}

.payment-options {
  margin-bottom:125px;
  margin-top: 25px;
  padding: 20px 10px;
	/* background: #f5f5f5; */
  direction: rtl;
  text-align: right;

}

.payment-options span label {
  color: #696763;
  font-size: 13pt;
  font-weight: 300;
  margin-left: 30px;
}

#cart_items .cart_info
.table.table-condensed.total-result {
  margin-bottom: 10px;
  margin-top: 35px;
  color: #696763;
  text-align: right;
}

#cart_items .cart_info
.table.table-condensed.total-result tr {
  border-bottom: 0
}

.cart_product img{
  max-width: 100px;
  object-fit: cover;
}

#cart_items .cart_info
.table.table-condensed.total-result span {
  color:  #14ff72cb;
  font-weight: 700;
  font-size: 14pt
}

#cart_items .cart_info
.table.table-condensed.total-result
.shipping-cost {
  border-bottom: 1px solid #F7F7F0;
}


.table-responsive{
  /* border: 5px solid black; */
  direction: rtl;
  text-align: center;
  /*border: 5px solid ;*/
}


.table-condensed thead{
  background: #14ff72cb;
}

.alert-warning{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}


.cursor-pointer{
  cursor: pointer;
}

.image_of_payment{
  display: flex;
  justify-content: center;
  /*border: 5px solid red;*/
}

.image_of_payment img{
  width: 500px;
}

.table{
  margin-bottom: 400px;
}

.table-condensed{
    margin-bottom: 50px;
}


.three-section-buttons{
  /*border: 5px solid black;*/
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;

}

.three-section-buttons a {
  margin-right: 20px;
  background-color: #14ff72cb;
  border-radius: 5px;
  padding: 5px;
  color: black;
}


.success_payment{
  /*border: 5px solid black;*/
  width: 300px;
  background-color: #14ff72cb;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.success_payment p{
text-align: center;
}

.success_payment_container{
  display: flex;
  justify-content: center;
}


.output_for_weight{
  visibility: hidden;
}

.part_of_weight_selecting{


    .hide {
        max-height: 0 !important;
    }

    .dropdown{
        border: 0.1em solid grey;
        border-radius: 5px;
        width: 10em;
        margin-bottom: 1em;
        padding: 10px;
    }

    .dropdown .title{
      /*margin-bottom: 20px;*/
        /*margin: .3em .3em .3em .3em;*/
      /*padding: .3em .3em .3em .3em;*/
        font-size: 1rem;
        width: 100%;
    }

    .dropdown .title .fa-angle-right{
        float: right;
        margin-right: .7em;
        transition: transform .3s;
    }

    .dropdown .menu{
        transition: max-height .5s ease-out;
        max-height: 20em;
        overflow: hidden;
        position: absolute;
        right: 5px;
        top: 36px;
        border: 1px solid grey;
        border-radius: 5px;
        width: 95%;

    }

    .dropdown .menu .option{
        margin: .3em .3em .3em .3em;
        margin-top: 0.3em;
    }

    .dropdown .menu .option:hover{
        background: rgba(0,0,0,0.2);
    }

    .pointerCursor:hover{
        cursor: pointer;
    }

    .rotate-90{
        transform: rotate(90deg);
    }

}

.part_of_weight_selecting{
  direction: rtl;
}


.price-info{
  margin-top: 50px;
  margin-bottom: 100px;
}

.table-striped img{
  width: 50px;
}

.a_for_cancel_order{

  cursor: pointer;
}

td{
  vertical-align: middle;
}

.output3{
  visibility: hidden;
}




.three_choices_of_weight{
  margin-top: 10px;
  direction: rtl;
  display: flex;
  width: 100%;
}

.three_choices_of_weight .weight-item{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  margin-left: 10px;
  width: 100px;
  height: 50px;
  border: 1px solid grey;
  border-radius: 5px;
  cursor: pointer;

}

.three_choices_of_weight .weight-item:hover{
  background: #0c5460;

}


.card_for_pay{
    display:flex;
    justify-content: center;
    flex-direction : column;
    text-align: center;
}

.information-about-price{
  /*border: 5px solid red;*/
  margin: 0;
  color: grey;
  text-align: center;
  font-size: 13px;
  /*padding-right: 15px;*/

}


.inner-img-magnifier {
  transition: 0.3s;
}

.inner-img-magnifier:hover {
  /*transform: scale(2);*/
  width: 400px;
}



.card-informations{
  text-align: center;
}


.card-informations .cart-text{
  font-weight: 700;
}