* {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif;
}
html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Mermaid';
  /* src: url('MermaidRegular.woff2') format('woff2'),
      url('MermaidRegular.woff') format('woff'); */
  src: url('../font/MermaidRegular.woff2') format('woff2'),
      url('../font/MermaidRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hey August';
 
      src: url('../font/HeyAugust.woff2') format('woff2'),
      url('../font/HeyAugust.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Darkline';
  src: url('../font/Darkline.woff2') format('woff2'),
      url('../font/Darkline.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Darkline';
  src: url('../font/Darkline.woff2') format('woff2'),
      url('../font/Darkline.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
ul,
li {
  margin: 0px;
  padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", serif;
}

a {
  text-decoration: none;
  transition: 0.3s ease-in;
}

li,
p {
}

li {
  list-style: none;
  padding: 0px;
}

img {
  height: auto;
  max-width: 100%;
}

input,
select,
textarea {
  width: 100%;
}

input[type="checkbox"] {
  height: auto;
  width: auto;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 0;
}

:root {
  --fs-67px: 67px;
  --fs-50px: 50px;
  --fs-40px: 40px;
  --fs-35px: 35px;
  --fs-30px: 30px;
  --fs-22px: 22px;
  --fs-20px: 20px;
  --fs-18px: 18px;
  --fs-16px: 16px;
  --lh-60px: 60px;
  --lh-28px: 28px;
  --lh-70px: 70px;
  --lh-44px: 44px;
  --lh-40px: 40px;
}
li,
p {
  font-size: var(--fs-20px);
  font-weight: 300;
  line-height: var(--lh-28px);
}
p {
  color: var(--Heading, #343a3f);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--lh-28px);
}
/* Header css start */
.stickybar .toptitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stickybar .toptitle ul {
  display: flex;
  gap: 23px;
  justify-content: center;
}
.stickybar {
  background-color: var(--Dark-Blue, #212844);
  padding: 15px 0px;
}
.stickybar .toptitle p {
  color: var(--Beige, #f2efeb);
  line-height: 20px; /* 125% */
  font-size: var(--fs-16px);
}
.stickybar .toptitle p a {
  color: #fff;
}
.navbar-flow nav {
  display: flex;
  align-items: center;
  gap: 55px;
}
.menu {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search {
  display: flex;
  align-items: center;
  max-width: 45.5%;
  width: 100%;
  border: 1px solid #c4c4c4;
  padding: 10px 15px;
}
.search input {
  border: none;
  color: var(--Heading, #343a3f);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  outline: none;
  line-height: 20px; /* 125% */
  padding: 0px 10px;
}
.topmenu ul {
  display: flex;
  gap: 45px;
}
.topmenu ul li a {
  display: flex;
  flex-direction: column;
}
.topmenu ul li a img {
  margin: 0 auto;
}
.topmenu {
  display: flex;
  align-items: center;
  gap: 260px;
  justify-content: flex-end;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--Line-Color, #c3bfba);
  padding-top: 18px;
}
.bottommenu-list ul {
  display: flex;
  gap: 30px;
  align-items: center;
  /* padding-top: 13px; */
}
.bottommenu-list ul li {
  padding-top: 13px;
}
.bottommenu-list ul li a {
  color: var(--Heading, #343a3f);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.198px;
}
.topmenu ul li a span {
  color: var(--Heading, #343a3f);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
}
.navbar-flow {
  max-width: 96%;
  width: 100%;
  margin: 0 auto;
  padding: 12px 0px;
}

ul.main-menu li {
  position: relative;
}

ul.main-menu li .sub-menu {
  display: block;
  position: absolute;
  width: 275px;
  padding-top: 13px;
  background-color: #fff;
}
ul.main-menu li .sub-menu {
  display: none;
}
ul.main-menu li:hover .sub-menu {
  display: block;
  animation: 0.4s ease-in downanimation;
}
ul.main-menu ul.sub-menu > li a {
  color: var(--Heading, #343a3f);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  transition: 0.3s ease-in;
  line-height: 26px; /* 162.5% */
  padding: 9.5px 15px;
  width: 100%;
  display: block;
}
ul.main-menu ul.sub-menu > li {
  padding: 0px;
  position: relative;
}
ul.main-menu ul.sub-menu > li.menu-item-has-children {
  position: relative;
}
ul.main-menu ul.sub-menu > li.menu-item-has-children ul.sub-menu {
  top: 0;
  left: 100%;
  padding-top: 0px;
  display: none;
}
ul.main-menu ul.sub-menu > li.menu-item-has-children::after {
  position: absolute;
  content: "";
  border: 1px solid var(--Heading, #343a3f);
  width: 10px;
  height: 10px;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: none;
  border-left: none;
}
ul.main-menu ul.sub-menu > li.menu-item-has-children:hover::after {
  border-color: #fff;
}

ul.main-menu li::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  border-top: 3px solid #e7a61f;
  top: -1.5px;
  opacity: 0;
  transition: 0.3s ease-in;
}
ul.main-menu ul.sub-menu > li::before {
  display: none;
}

ul.main-menu li:hover::before {
  opacity: 1;
}
ul.main-menu li > ul.sub-menu li {
  transition: 0.3s ease-in;
}
ul.main-menu li > ul.sub-menu > li:hover {
  background: var(--Heading, #343a3f);
}
ul.main-menu li > ul.sub-menu li a {
  transition: 0.3s ease-in;
}
ul.main-menu li > ul.sub-menu li:hover a {
  color: #fff;
}
ul.main-menu ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu {
  display: block;
  animation: 0.4s ease-in downanimation;
}

ul.main-menu ul.sub-menu > li.menu-item-has-children ul.sub-menu li a {
  color: var(--Heading, #343a3f);
}
ul.main-menu ul.sub-menu > li.menu-item-has-children ul.sub-menu li:hover > a {
  color: #fff;
}
.topmenu ul > li {
  position: relative;
}
.topmenu ul > li ul.sub-menu {
  position: absolute;
  display: block;
  width: 230px;
  /* padding-top: 15px; */
  background-color: #fff;
  display: none;
  z-index: 1;

  /* Hover Shadow */
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
}
.topmenu ul > li ul.sub-menu li a {
  padding: 9.5px 15px;
  display: block;
  width: 100%;
  color: var(--Heading, #343a3f);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  transition: 0.3s ease-in;
}
.topmenu ul > li ul.sub-menu li:hover a {
  background: var(--Dark-Blue, #212844);
  color: var(--White, #fff);
}
.topmenu ul > li:hover ul.sub-menu {
  display: block;
  animation: 0.4s ease-in downanimation;
}
.recentviewproduct {
  padding: 11px;
  width: 640px;
  position: absolute;
  right: -200px;
  background-color: #fff;
  z-index: 99;
  display: none;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
}
.recentviewproduct span {
  color: var(--Heading, #343a3f);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 116.667% */
  padding-bottom: 12px;
  display: block;
  width: fit-content;
}
.viewproduct {
  max-width: 140px;
  width: 100%;
}
.viewproduct span {
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
  display: block;
  padding-top: 9px;
}
.mySwiper .swiper-button-prev,
.mySwiper .swiper-button-next {
  height: 65px;
  width: 32px;
}
.mySwiper .swiper-button-prev::after,
.mySwiper .swiper-button-next::after {
  color: #fff;
  font-size: 30px;
}
.mySwiper .swiper-button-prev,
.mySwiper .swiper-button-next {
  top: 60px;
  background-color: #808080db;
}
.mySwiper .swiper-button-prev {
  left: 0px;
}

.mySwiper .swiper-button-next {
  right: 0px;
}
li.menu-item-has-children:hover .recentviewproduct {
  display: block;
  animation: 0.4s ease-in downanimation;
  background-color: #fff;
}
.bottomnavbar {
  background-color: #fff;
  transition: 0.3s ease-in;
}
.customheader{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.mt {
  margin-top: 207px;
}

@keyframes downanimation {
  0% {
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  }
  100% {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  }
}
.logo span {
  display: none;
}
.menu .close {
  display: none;
}
header.customheader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
/* Header css end */

/* loader css start */
.loder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #212844;
}

.loder {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loder-logo {
  width: 490px;
  height: 200px;
  position: relative;
}
.loder-logo img.cover {
  width: 100%;
  height: 100%;
}
span.webname img {
  width: auto;
  height: auto;
}
span.webname {
  position: absolute;
  height: 50px;
  width: 100%;
  left: 0;
  top: 15px;
  z-index: 1;
  transition: 0.3s ease-in;
}
span.webname img {
  margin: 0 auto;
  display: block;
}
span.moon {
  width: 66px;
  height: 66px;
  right: 8px;
  top: 0px;
  position: absolute;
  transition: 0.3s ease-in;
}
span.boart {
  position: absolute;
  width: 45px;
  height: 67px;
  top: 54px;
  right: 84px;
  transition: 0.3s ease-in;
}
span.chnageroom {
  position: absolute;
  height: 117px;
  width: 225px;
  display: flex;
  justify-content: space-between;
  bottom: 15px;
  align-items: center;
  left: 39px;
}
span.moon,
span.webname {
  top: -60px;
}
span.boart {
  right: -60px;
}
.loder-logo {
  overflow: hidden;
}
span.chnageroom img {
  opacity: 0;
}

/* loader animation start */

.loder-logo {
  animation: 1s ease-in fadeup;
}
span.webname.active {
  top: 15px;
}

span.moon.active {
  top: 0;
}
span.boart.active {
  right: 84px;
}
section.loder {
  transition: 0.5s ease-in;
  z-index: 999;
}
span.chnageroom img {
  transition: 0.3s ease-in;
}
span.chnageroom img.active {
  opacity: 1;
}
section.loder.active,
.loder-logo {
  transition: 0.4s ease-in;
}

section.loder.active .loder-logo {
  transform: translate(-156%, -174%) scale(0.6);
}

section.loder.active {
  transition: 0.3s ease-in;
}
section.loder.active.active2 {
  opacity: 0;
}
section.loder.active.active2.active3 {
  display: none;
}

/* @keyframes fadeup {
  0% {
    transform: scale(0.2);
  }
  100% {
    transform: scale(1);
  }
} */

/* loader css end */

/* footer css start */

.customfooter {
  background: var(--Dark-Blue, #212844);
  padding-top: 58px;
}
.bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1325px;
  width: 100%;
  padding-bottom: 27px;
  margin: 0 auto;
}
.mainlist {
  max-width: 84%;
  width: 100%;
  margin: 0 auto;
  display: flex;
  gap: 145px;
}
.bottom ul {
  display: flex;
  gap: 23px;
  align-items: center;
}
.bottom p {
  color: #fff;
}
.bottom p a {
  color: #fff;
}
.menulist {
  display: flex;
  gap: 70px;
}
.logofooter {
  max-width: 315px;
  width: 100%;
}
.logofooter p {
  color: var(--Beige, #f2efeb);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  padding-bottom: 10px;
}
.logofooter p a {
  color: #fff;
}
.logofooter img {
  padding-bottom: 20px;
}
.menubottom h3 {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 131.25% */
  padding-bottom: 24px;
}
.menubottom ul li a {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 187.5% */
}
.menubottom ul li {
  padding-bottom: 5px;
}
.menubottom img {
  padding-bottom: 22px;
}
.mainlist {
  padding-bottom: 45px;
}
/* footer css end */

/* hero section start */

.btn-g {
  padding: 12px 22px;
  display: block;
  border: 1px solid var(--Beige, #f2efeb);
  width: fit-content;
  color: var(--Beige, #f2efeb);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  transition: 0.3s ease-in;
}

.btn-g:hover {
  background: var(--Beige, #f2efeb);
  color: var(--Dark-Blue, #212844);
}
.five-zero {
  font-size: var(--fs-50px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lh-60px);
}
.herocontent .five-zero {
  color: var(--Beige, #f2efeb);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Playfair Display";
  margin-bottom: 35px;
}
.herocontent span {
  color: var(--Beige, #f2efeb);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
  margin-bottom: 15px;
  display: block;
}
.herocontent {
  max-width: 685px;
  width: 100%;
}
.hero {
  height: 595px;
}
.swiper.mySwiperhero {
  height: 100%;
}
.swiper.mySwiperhero .swiper-slide .container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.mySwiperhero .swiper-button-next::after,
.mySwiperhero .swiper-button-prev::after {
  display: none;
}
.mySwiperhero .swiper-button-next {
  right: 50px;
  height: 65px;
  width: 40px;
}
.mySwiperhero .swiper-button-prev {
  left: 50px;
  height: 65px;
  width: 40px;
}
/* hero section end */

/* section.personalize section start */
.personalize {
  height: 645px;
  background-size: cover;
  background-position: center center;
}
.personalize .container {
  height: 100%;
  display: flex;
  align-items: center;
}

.maintitle-content {
  max-width: 530px;
  width: 100%;
}
.sixe-seven {
  color: var(--White, #fff);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "GT Super Display";
  font-size: var(--fs-67px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-70px); /* 104.478% */
}
.maintitle-content .sixe-seven {
  padding-bottom: 32px;
  max-width: 400px;
}
.maintitle-content p {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 140% */
  letter-spacing: 0.2px;
  padding-bottom: 23px;
}
.maintitle-content {
  margin-left: 230px;
}
/* section.personalize section end */
/* section.unbeatable section start  */
.unbeatable {
  padding-top: 60px;
  padding-bottom: 45px;
}
.unbeatable-container .content h2 {
  padding-bottom: 16px;
}
.four-zero {
  color: var(--Dark-Blue, #212844);
  text-align: left;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "GT Super Display";
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-44px); /* 110% */
}
.unbeatable-container .content p {
  letter-spacing: 0.2px;
}
.unbeatable-container .content {
  max-width: 915px;
  width: 100%;
  padding-bottom: 42px;
}
.product-img {
  width: 408px;
  height: 408px;
  border: 1px solid var(--Line-Color, #c3bfba);
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}
.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-img .action{
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: center;
  right: -60px;
  bottom: 10px;
  transition: 0.3s ease-in;
  z-index: 2;

}
.product-img .action span{
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
}
.product-img .action span img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: 0.3s ease-in;
}
.product-img .action span img:first-child{
  opacity: 1;
}
.product-img .action span img:last-child{
opacity: 0;

}
.product-img .action span:hover img {
  opacity: 1;
}
.product-flow:hover .product-img .action{
  right: 10px;
}
.productcontent h3 {
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 111.111% */
  margin-bottom: 23px;
  padding-left: 2px;
  height: 75px;
  padding-right: 2px;
}
.productcontent span {
  display: block;
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-22px);
  padding-bottom: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 90.909% */
}
.productcontent a {
  width: 100%;
  display: block;
  padding: 12px;
  color: var(--White, #fff);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  background: var(--Dark-Blue, #212844);
  position: relative;
  z-index: 2;
  transition: 0.3s ease-in;
}
.productcontent a:hover{
  background: var(--Orange, #E7A61F);
  color: var(--Dark-Blue, #212844);

}
.product-flow {
  max-width: 408px;
  width: 100%;
  position: relative;
}
.product-flow .singleproduct {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  z-index: 1;
}
.actionbuttons {
  padding-top: 43px;
  display: flex;
  justify-content: center;
  gap: 16px;
}
.actionbuttons div {
  transition: 0.3s ease-in;
}
.actionbuttons .swiper-button-disabled {
  opacity: 0;
}
/* section.unbeatable section end  */

/* beach-life section start */
.beach-life {
  height: 340px;
}
.beach-life .container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.beach-life .content .sixe-seven {
  color: var(--Dark-Blue, #212844);
  padding-bottom: 20px;
  text-align: center;
}
.beach-life .content p {
  text-align: center;
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-40px); /* 133.333% */
  letter-spacing: -0.048px;
  padding-bottom: 15px;
}
.beach-life .content p a {
  color: var(--Dark-Blue, #212844);
  text-decoration: underline;
}
.beach-life {
  background-size: cover;
  background-repeat: no-repeat;
}
/* beach-life section end */

/* section.glass-table section start  */
.glass-table {
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
}
.glass-table .container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 108px;
}

.glass-table .container .sixe-seven {
  padding-bottom: 18px;
}
.galss-table-content {
  max-width: 645px;
  width: 100%;
}
.galss-table-content p {
  color: #fff;
  padding-bottom: 30px;
}
/* section.glass-table section end  */

/* section.gallery css start  */
.gallery {
  background: var(--Beige, #f2efeb);
  padding: 90px 0px;
}
.gallerys {
  display: flex;
  justify-content: space-between;
  gap: 35px;
}
.gallerys .gallery {
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: #fff;
  text-align: center;
  z-index: 1;
  transition: 0.3s ease-in;
}
.gallerys .gallery:hover{
  
/* Hover Shadow */
box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.20);
} 
.gallerys .gallery .title {
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: "GT Super Display";
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-44px); /* 146.667% */
}
.gallerys .gallery .title {
  padding-top: 22px;
  padding-bottom: 27px;
}
.gallery {
  position: relative;
}
.gallery .pointsleft {
  position: absolute;
  bottom: 0;
  left: 0;
}
.pointsrught {
  position: absolute;
  bottom: 0px;
  right: 50px;
}
.galleryimg {
  height: 508px;
  width: 508px;
}
.galleryimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.biggallery {
  display: flex;
  gap: 35px;
  padding: 64px 100px;
  align-items: center;
  background: var(--Dark-Blue, #212844);
  margin-bottom: 100px;
}
.gallery.flow {
  padding-top: 35px;
  padding-bottom: 95px;
}
.gallery.flow .pointsleft {
  left: 18px;
}
/* section.gallery css start  */

/* fish section start */
.fish {
  height: 770px;
  background-size: cover;
  background-repeat: no-repeat;
}
.fish .container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 60px;
  justify-content: center;
}
.checkfishcoentet .sixe-seven {
  color: #fff;
  text-align: center;
  padding-bottom: 18px;
}
.checkfishcoentet p {
  max-width: 780px;
  margin: 0 auto;
  color: #fff;
  padding-bottom: 30px;
  text-align: center;
}
.checkfishcoentet a {
  margin: 0 auto;
}
/* fish section end */

/* catogery-shop start */
.catogery-shop {
  background: var(--Orange, #e7a61f);
  padding: 45px 0px;
}
.cat-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cat-content .content {
  max-width: 780px;
  width: 100%;
}
.cat-content .content p {
  padding-top: 22px;
  font-size: var(--fs-18px);
}
.cat-content .content .title {
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: "GT Super Display";
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-28px); /* 86.667% */
  letter-spacing: -0.081px;
  text-align: left;
}
.cat-content a {
  color: var(--Dark-Blue, #212844);
  border-color: var(--Dark-Blue, #212844);
}
.cat-content a:hover {
  border-color: #fff;
  border: 1px solid var(--Dark-Blue, #212844);
background: var(--Dark-Blue, #212844);
color: #fff;
}

/* catogery-shop end */

/* .reviws section start  */
.reviwsection {
  padding: 60px 0px;
}
.reviewslider {
  max-width: 470px;
  width: 100%;
}
.reviw .title {
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: "GT Super Display";
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-28px); /* 86.667% */
  letter-spacing: -0.081px;
}
.reviw img {
  display: block;
  margin: 0 auto;
  padding-top: 23px;
  padding-bottom: 8px;
}
.reviw p {
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 162.5% */
  letter-spacing: -0.026px;
  text-align: center;
}
.reviewslider h3 {
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.029px;
  padding-bottom: 8px;
  text-align: center;
}
.reviewslider p {
  color: var(--Heading, #343a3f);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--lh-28px); /* 133.333% */
  letter-spacing: 0.18px;
  height: 147px;
  /* overflow: hidden; */
  margin-bottom: 15px;
}
.reviewslider img {
  padding-top: 15px;
}
.reviewslider span {
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.029px;
  text-align: center;
  display: block;
  margin-top: 7px;
}
.reviws {
  padding-top: 45px;
}
/* .reviws section end  */

/* newslatter section start */
.newslatter {
  background: var(--Beige, #f2efeb);
  height: 416px;
}
.newslatter .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.newslatter .newslatterform h2 {
  text-align: center;
  padding-bottom: 27px;
  font-weight: 500;
}
.newslatter .newslatterform p {
  color: var(--Heading, #343a3f);
  text-align: center;
}
.inputfileds {
  display: flex;
  gap: 12px;
  padding: 40px 0px;
  justify-content: center;
}
.inputfileds input {
  padding: 12px 18px;
  border: 1px solid var(--Line-Color, #c3bfba);
  background-color: transparent;
  outline: none;
  color: #595857;
  font-feature-settings: "salt" on, "liga" off;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
}
.inputfileds input[type="email"] {
  max-width: 366px;
  width: 100%;
  
}
.inputfileds input[type="submit"] {
  max-width: 140px;
  width: 100%;
  border: 1px solid var(--Dark-Blue, #212844);
  color: var(--Dark-Blue, #212844);
  transition: 0.3s ease-in;

}
.inputfileds input[type="submit"]:hover{
  border: 1px solid var(--Dark-Blue, #212844);
  background: var(--Dark-Blue, #212844);
  color: #fff;
}
/* newslatter section end */

/* glassbowls start */
.glassbowls {
  height: 866px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.glassbowls .container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 70px;
}
.glassbowls-content {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
}
.glassbowls-content .sixe-seven {
  text-align: center;
  padding-bottom: 18px;
}
.glassbowls-content p {
  color: #fff;
  text-align: center;
  padding-bottom: 30px;
}
.glassbowls-content a {
  margin: 0 auto;
  padding: 12px 38px;
}
/* glassbowls end */

.top {
  position: fixed;
  z-index: 99;
  width: 50px;
  height: 50px;
  bottom: 30px;
  right: 50px;
  cursor: pointer;
  animation: mover 1s infinite alternate;
  display: none;
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

/* top gallery section start */

.gallerysection{
  background: var(--Beige, #F2EFEB);
  padding: 75px 0px;
  position: relative;
}
.gallerysectionimages{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.gallrysectionimg .galleryimg{
  width: 414px;
  height: 414px;
}
.gallrysectionimg .galleryimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallerysection .bottomgallery{
  position: absolute;
  right: 0;
  bottom: 0;
}
.mySwiperhero  .swiper-slide{
  background-size: cover;
  background-position: center center;
}

.gallrysectionimg{
  position: relative;
}
.gallrysectionimg .content{
  position: absolute;
}
.gallerysectionimages .gallrysectionimg:nth-child(3) .content {
  max-width: 282px;
  width: 100%;
  bottom: 36px;
  left: 23px;
}
.gallerysectionimages .gallrysectionimg:nth-child(3) .content .text{
  color: #FFF;
  /* Text Shadow */
  text-shadow: 3px 6px 4px rgba(0, 0, 0, 0.30);
  font-family: Mermaid;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 85% */
  letter-spacing: 0.8px;
} 
.gallerysectionimages .gallrysectionimg:nth-child(2) .content {
  width: 303.58px;
  transform: rotate(-2.008deg);
  bottom: 37px;
  left: 30px;
} 
.gallerysectionimages .gallrysectionimg:nth-child(2) .content .text{
  color: #F6EB16;

  /* Text Shadow */
  text-shadow: 3px 6px 4px rgba(0, 0, 0, 0.30);
  font-family: "Hey August";
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 94.737% */
}
.gallerysectionimages .gallrysectionimg:nth-child(1) .content {
  width: 301px;
 bottom: 58px;
 left: 30px;
} 
.gallerysectionimages .gallrysectionimg:nth-child(1) .content .text{
  color: #206EC0;

  /* Text Shadow */
  text-shadow: 3px 6px 4px rgba(0, 0, 0, 0.30);
  font-family: Darkline;
  font-size: 53px;
  font-style: normal;
  font-weight: 400;
  line-height: 46px; /* 86.792% */
}
/* top gallery section end */



/* main catgory page css start */

.main-category{
  background: var(--Beige, #F2EFEB);
  padding-top: 22px;
  padding-bottom: 100px;
}
.maincatory-title ul {
  display: flex;
  justify-content: center;
  gap: 2px;
  align-items: center;
}
.maincatory-title ul li,
.maincatory-title ul li a {
  color: #757575;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.198px;
}
.maincatory-title ul li.active a{
  color: var(--Heading, #343A3F);
}
.maincatory-title img {
  padding-top: 42px;
  padding-bottom: 26px;
  display: block;
  margin: 0 auto;
}
.maincatory-title .sixe-seven{
  color: var(--Dark-Blue, #212844);
  line-height: var(--lh-44px);
  padding-bottom: 17px;
  text-align: center;
}
.maincatory-title  p {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.maindata-flow{
  display: flex;
  align-items: center;
  justify-content: center;
}
.sliderimg{
  max-width: 645px;
  width: 100%;
  height: 624px;
}
.maincat-content{
  max-width: 680px;
  background-color: #fff;
  height: 495px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.categoryimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maincat-content .content{
  max-width: 475px;
  width: 100%;
}
.maincat-content .content .four-zero{
  padding-bottom: 17px;
}
.maincat-content .content a{
  margin-top: 32px;
  border: 1px solid var(--Dark-Blue, #212844);
  color: var(--Dark-Blue, #212844);
}
.maincat-content .content a:hover{
  border: 1px solid var(--Dark-Blue, #212844);
  background: var(--Dark-Blue, #212844);
  color: #fff;
}
.full-slider-category .maindata-flow:nth-child(even){
flex-direction: row-reverse;
}
.full-slider-category .maindata-flow{
  margin-top: -36px;
}
.full-slider-category .maindata-flow:nth-child(1){
margin-top: 0px; 
margin-top: 50px;
}
.categoryimg {
  height: 100%;
}
/* main catgory page css end */

/* sub category css start */

.categoryimg-flow{
  height: 445px;
  width: 100%;
  margin-top: 25px;
}
.categoryimg-flow img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productlists {
  background-color: #fff;
  padding: 71px 81px 105px 81px;
}
.main-category.catgory{
  padding-bottom: 0px;
}
.products-data-flow{
  gap: 36px;
  row-gap: 60px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}
/* sub category css end */


/*product vewi start */


.productview{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 999;
display: none;
align-items: center;
justify-content: center;


}
.productview.show{
  display: flex;
  animation: animate 1s ease-in;
}
.productvew-data{
  max-width: 1275px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  height: 855px;
  padding: 35px;
  overflow: hidden;
  overflow-y: auto;
}
.main-content{
  display: flex;
  gap: 35px;
}
 span.close-me{
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.productdetails-img ul {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 22px;
}
.productdetails-img ul li {
  width: 96px;
  height: 96px;
  display: block;
  cursor: pointer;

}
.productdetails-img ul li img{
  border: 2px solid transparent;

}
.productdetails-img ul li img.active{
  border: 2px solid #212844;
}
.three-five{
  color: var(--Dark-Blue, #212844);
font-variant-numeric: lining-nums proportional-nums;
font-family: "GT Super Display";
font-size: var(--fs-35px);
font-style: normal;
font-weight: 500;
line-height: var(--lh-44px); /* 125.714% */
}
.productdetails-content .three-five{
  padding-bottom: 27px;
  padding-top: 14px;
  max-width: 500px;
  width: 100%;
}
span.price{
  display: block;
  color: var(--Dark-Blue, #212844);
text-align: left;
font-family: Poppins;
font-size: var(--fs-35px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-40px); /* 114.286% */
padding-bottom: 27px;
}
span.availability {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lh-28px); /* 175% */
  padding-bottom: 21px;
  display: block;
}
span.availability  span{
  color: var(--Green, #0D9E0A);
  font-weight: 300;
}
.productdetails-content ul li {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lh-28px); /* 175% */
  padding-bottom: 8px;
}
.addtocart span{
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lh-28px); /* 175% */
  padding-bottom: 13px;
  display: block;
}
.addtocart{
  padding-top: 16px;
  border-top: 1px solid #C3BFBA;
  margin-top: 15px;
}
.inputaddcart{
  display: flex;
}
.inputaddcart span,
.inputaddcart input{
  width: 45px;
  height: 45px;
  display: block;
}
.inputaddcart span{
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--Heading, #343A3F);
  background: var(--Beige, #F2EFEB);
  cursor: pointer;
}
.inputaddcart input{
  border: 1px solid var(--Heading, #343A3F);
  background: var(--White, #FFF);
  color: var(--Heading, #343A3F);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-left: none;
  border-right: none;
}
button.btn-g{
  background: var(--Dark-Blue, #212844);
  max-width: 275px;
  width: 100%;
  transition: 0.3s ease-in;
  border: none;
}
button.btn-g:hover{
  background: var(--Orange, #E7A61F);
}
.addto-cart .share {
  display: flex;
  gap: 17px;
}
.addto-cart .share  span{
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 175% */
}
.addto-cart .share  ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
.addto-cart{
  display: flex;
  align-items: center;
  gap: 61px;
  margin-top: 38px;
}
span.sku{
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 175% */
  margin-top: 20px;
  display: block;
}
.productdetails-content .glass{
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 162.5% */
  letter-spacing: -0.176px;
}
.productdetails-content{
  max-width: 552px;
  width: 100%;
}
.tabsection ul.tab {
  display: flex;
  gap: 10px;
}
.tabsection ul.tab li {
  padding: 8px 20px;
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 155.556% */
  border-radius: 10px 10px 0px 0px;
  background: var(--Heading-Light, #9A9D9F);
  cursor: pointer;
}
.tabs{
  padding-top: 30px;
}
.tabs p {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--lh-28px); /* 155.556% */
  padding-bottom: 12px;
}
.tabs  ul li {
  list-style: disc;
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--lh-28px); /* 155.556% */
  padding-bottom: 5px;
}
.tabsection ul.tab li.curent{
  border-radius: 10px 10px 0px 0px;
  background: var(--Dark-Blue, #212844);
  box-shadow: 3px 0px 4px 0px rgba(0, 0, 0, 0.25);
  color: #FFF;
}
.tabsection .tabs.curent{
  display: block;
}
.tabsection .tabs{
  display: none;
}
.tabsection{
  padding-top: 60px;
}
.tabs table tr td {
  padding: 9px 20px;
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 155.556% */
  border: 1px solid var(--Heading-Light, #9A9D9F);
  background: var(--White, #FFF);
}
.tabsection .tabs table tr td:nth-child(2){
width: 100%;
}
span.allclose {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  
}

.tabs ul {
  margin-left: 25px;
}

@keyframes animate {
  0% {
    opacity: 0;
    clip-path: polygon(50% 0%, 51% 55%, 98% 35%, 54% 55%, 79% 91%, 51% 53%, 21% 91%, 48% 54%, 2% 35%, 49% 55%);
}
100% {
    opacity: 1;
    clip-path: polygon(50% 0%, 70% 0, 100% 0, 100% 48%, 100% 100%, 52% 100%, 0 100%, 0 77%, 0 34%, 0 0);
}
}
/*product vewi end */



/* main product add product start */
.productview.add-to-cart .productvew-data{
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;

}
.three-zero{
  color: var(--Dark-Blue, #212844);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "GT Super Display";
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-44px); /* 146.667% */
}
.title-product  .three-zero{
  display: block;
  width: 100%;
  text-align: center;
  padding: 11px 0px;
  border-bottom: 1px solid  #C3BFBA;
}
.productview.add-to-cart  .productdetails-img{
max-width: 538px;
width: 100%;
margin: 0 auto;
}
.bottom-title-product  .three-zero{
  margin-bottom: 14px;
}
.bottom-title-product  .title{
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 144.444% */
  letter-spacing: -0.198px;
  display: block;
  margin-bottom: 18px;
}
.bottom-title-product  .size{
  color: var(--Dark-Blue, #212844);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Poppins;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-44px); /* 169.231% */
}
.checkout-full{
  background: #D9D9D9;
  max-width: 355px;
  width: 100%;
  margin: 0 auto;
  padding: 25px;
}
.checkout-full .btn-g {
  width: 100%;
  display: block;
  max-width: 100%;
}
.or{
  color: var(--Heading, #343A3F);
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  display: block;
  margin: 25px auto;
  line-height: 22px; /* 137.5% */
}
.price-action{
  padding-top: 55px;
  padding-bottom: 70px;
}
.price-title{
  display: block;
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 114.286% */
  margin-bottom: 15px;
}
.price-action-title{
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-35px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-40px); /* 114.286% */
  display: block;
}
.bottom-data .btn-g{
  margin-bottom: 20px;
}
.bottom-data{
  padding-bottom: 5px;
}
.productview.add-to-cart .main-content{
  padding-top: 30px;
}
.productview.add-to-cart  .productvew-data{
  padding-bottom: 25px;
}
.filterdropdown ul.filter{
  display: flex;
  justify-content: space-between;
}
li.menu-has-dropdwon{
  position: relative;
  border: 1px solid var(--Heading, #343A3F);
  background: var(--White, #FFF);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
}
li.menu-has-dropdwon .sub-menu{
  position: absolute;
  top: 100%;
  z-index: 99;
  left: 0;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: none;

}
.filterdropdown{
  padding-bottom: 74px;
}
li.menu-has-dropdwon span{
  color: var(--Dark-Blue, #212844);
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 162.5% */
}
.filterdropdown ul.filter li:first-child{
  width: 240px;
}
.filterdropdown ul.filter li:last-child{
  width: 205px;
}
li.menu-has-dropdwon .sub-menu li{
  padding: 6px 10px;
  color: var(--Dark-Blue, #212844);
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px); /* 162.5% */
  transition: 0.3s ease-in;
}
li.menu-has-dropdwon .sub-menu {
  border: 1px solid var(--Heading, #343A3F);
  width: 100%;
}
li.menu-has-dropdwon{
  cursor: pointer;
  width: 100%;
}
li.menu-has-dropdwon .sub-menu li:hover{
  background: var(--Dark-Blue, #212844);
  color: #fff;

}
li.menu-has-dropdwon .sub-menu li:last-child,
li.menu-has-dropdwon .sub-menu li:first-child{
  width: 100%;
}
/* main product add product end */




li.menu-item-has-children.curent-menu-item::before{
  opacity: 1;
}




/* single product page css start */
.productview.singleproduct{
display: block;
position: static;
background-color: #fff;
}
.tabsection-start .tabsection,
.product-rating,
.productview.singleproduct .productvew-data{

  height: auto;
  padding: 0px;
  margin: 0 auto;
  max-width: 96%;
  width: 100%;
}
.main-category.catgory.singleproduct{
  padding: 22px 0px;
}
.productview.singleproduct{
  padding-top: 33px;
}
.productview.singleproduct .productdetails-img{
max-width: 740px;
width: 100%;
display: flex;
gap: 35px;
justify-content: space-between;
}
.productview.singleproduct .productdetails-img ul {
  margin: 0px;
  flex-direction: column;
  gap: 40px;
}

.productview.singleproduct .productdetails-img ul li{
width: 120px;
height: 120px;
}
.productview.singleproduct  .mainproductimag{
  border: 1px solid var(--Line-Color, #C3BFBA);
  height: 595px;

}
.productview.singleproduct .mainproductimag img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  
}
.bottom-share-list{
display: flex;
gap: 80px;
}
.bottom-share-list ul {
  display: flex;
  align-items: center;
}
.bottom-share-list .share{
  display: flex;
  align-items: center;
  gap: 17px;
}
.bottom-share-list ul li {
  padding: 0px;
}
.bottom-share-list span.sku{
  margin-top: 0px;
}
.bottom-share-list ul{
  gap: 10px;
}
.bottom-share-list{
  padding-top: 30px;
}
.sorttitle p {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lh-28px);
}
.productview.singleproduct .productdetails-content{
  max-width: 740px;
  width: 100%;
  /* padding-top: 20px; */
}
.tabsection-start{
  background: var(--Beige, #F2EFEB);
  margin-top: 40px;
  padding-bottom: 80px;
}
.sorttitle{
  padding-top: 20px;
}
.product-rating{
  border: 1px solid #000;
  background: var(--White, #FFF);
  padding: 50px 30px;
}
.rating{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.action-btn {
max-width: 227px;
width: 100%;
}
.rating-star span{
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
}
.rating-star h3{
  color: var(--Dark-Blue, #212844);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "GT Super Display";
  font-size: var(--fs-35px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-44px); /* 125.714% */
  padding-bottom: 15px;
}
.rating-form .inputfileds{
  flex-direction: column;
  padding-bottom: 20px;
  gap: 4px;
  padding-top: 0px;
}
.rating-form .inputfileds label{
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 215.385% */
}
.rating-form .inputfileds input{
  padding: 10px 10px;
}
.rating-form .inputfileds textarea{
  border: 1px solid var(--Line-Color, #C3BFBA);
  padding: 10px;
  /* color: var(--Heading-Light, #9A9D9F); */
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  height: 105px;
}
.save{
  padding-top: 10px;
}
.save input[type='submit']{
  background: var(--Dark-Blue, #212844);
  padding: 12px 22px;
  max-width: 205px;
  width: 100%;
  display: block;
  color: var(--White, #FFF);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  text-transform: uppercase;
  transition: 0.3s ease-in;
  border: none;
  }
  .rating-form{
    padding-top: 85px;
    display: none;
  }
  .product-rating{
    margin-top: 50px;
  }
  .save input[type='submit']:hover{
    background-color: var(--Orange, #E7A61F);
    color: var(--Dark-Blue, #212844);
  }
  .tabsection-start .tabsection{
    padding-top: 50px;
  }
  .tabsection-start  .tabsection ul.tab{
border-bottom: 1px solid #C3BFBA;
  }
.btn-g.checkout {
    background-color: var(--Dark-Blue, #212844);
    border-color: var(--Dark-Blue, #212844);
  }
  .btn-g.checkout:hover {
    color: var(--Dark-Blue, #212844);
    background-color: var(--Orange, #E7A61F);
    border-color: var(--Orange, #E7A61F);
  } 
/* single product end 


/* cart css start */

.cartcheckout{
  padding-top: 23px;
  padding-bottom: 78px;
}
.maintitle img{
display: block;
margin: 0 auto;
margin-bottom: 25px;
}
.maintitle .four-zero{
  text-align: center;
}
.main-title-flow{
  max-width: 1520px;
  width: 100%;
  margin: 0 auto;
  padding-top: 78px;
}
.main-tab-product-details{
  display: flex;
  align-items: center;
  gap: 15px;
}
.main-tab-product-details  .close{
  cursor: pointer;
}
.productimage{
  border: 1px solid var(--Line-Color, #c3bfba);
}
.producttitle span{
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
  letter-spacing: 0.14px;
}
.producttitle  h3{
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 175% */
}
.clients-product-cart table td {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 175% */
  padding: 8px;
  min-width: 250px;
}
.clients-product-cart table tr td:first-child{
 min-width: 760px;
 padding-left: 20px;
}
.clients-product-cart table{
  width: 100%;
}
.clients-product-cart table thead th {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  padding: 18px 0px;
}
.clients-product-cart table tbody tr:first-child{
  border-top: 1px solid #C3BFBA;
}
.clients-product-cart table tbody tr:last-child{
  border-bottom: 1px solid #C3BFBA;
}
.maintitle-flow{
  max-width: 630px;
  width: 100%;
  margin-left: auto;
  padding-top: 18px;
}
.maintitle-flow ul li .top-titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.maintitle-flow ul li {
  padding: 12px 0px;
}
.maintitle-flow ul li .top-titles span{
  transition: 0.3s ease-in;
}
.maintitle-flow ul li .top-titles span:first-child{
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 175% */
}
.maintitle-flow ul li .top-titles span:last-child{
  color: var(--Heading-Light, #9A9D9F);
  text-align: right;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  text-decoration-line: underline;
}
.maintitle-flow ul li .top-titles  span.price{
  color: var(--Heading, #343A3F);
  text-align: right;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 175% */
  padding: 0px;
  text-decoration: none;
}
.maintitle-flow ul li{
  border-bottom: 1px solid #C3BFBA;
}
.maintitle-flow ul li:last-child{
  border-bottom: none;
}
.maintitle{
  padding-top: 58px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
}
.maintitle img {
  margin: 12px 0px;
}
.maintitle a{
  margin-left: auto;
}
.main-title-flow .maintitle  img {
  margin-left: auto;
}
.maintitle a{
  max-width: 265px;
  width: 100%;
}
.maintitle a img {
  width: 100%;
}
.maintitle-flow ul li:first-child  .top-titles span:last-child{
  text-decoration: none;
}
span.add-info{
  cursor: pointer;
}
.selct-area{
  padding-top: 18px;
  max-width: 366px;
  width: 100%;
  margin-left: auto;
}
.fullselection{
  margin-bottom: 8px;
}
.fullselection input,
.inputfileds-coupon-code input,
.fullselection select{
  color: #595857;
  font-feature-settings: 'salt' on, 'liga' off;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding: 8px 18px;
  border: 1px solid var(--Line-Color, #C3BFBA);
  margin-bottom: 8px;
  margin-bottom: 0px;

}
.inputfileds-coupon-code input[type="submit"],
.fullselection input[type="submit"]{
  background: var(--Dark-Blue, #212844);
  border: none;
  color: var(--White, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
cursor: pointer;
transition: 0.3s ease-in;
}
.inputfileds-coupon-code{
  display: flex;
  gap: 10px;
  padding-top: 20px;
}


.inputfileds-coupon-code input[type="submit"]{
width: 29%;
}
.inputfileds-coupon-code input[type="submit"]:hover,
.fullselection input[type="submit"]:hover{
background-color: var(--Orange, #E7A61F);
color: var(--Dark-Blue, #212844);
}
.selct-area{
  display: none;
}
.inputfileds-coupon-code{
  padding-bottom: 22px;
}
.addcoups{
  display: none;
}

span#add-coupon{
  cursor: pointer;
}

.add-info.flow.active,
.add-info.main.active{
  color: var(--Dark-Blue, #212844) !important;

}
.maintitle.flow{
  padding-top: 0px;
}

/* login page css start */
.login-signup{
  display: flex;
}
.login-from{
  max-width: 635px;
  width: 100%;
  border-right: 1px solid #212844;
}
.login-signup p {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  padding-bottom: 36px;
}
.login-signup  .inputfileds{
  padding: 0px;
  padding-bottom: 30px;
}
.rembaber{
  padding-bottom: 28px;
}
.rembaber label {
  display: flex;
  gap: 10px;
}
.rembaber label span{
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 100% */
}
.login-from a {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 500;
  margin-top: 34px;
  display: block;
  width: fit-content;
  line-height: 20px; /* 100% */
}
.login-from .inputfileds{
  max-width: 555px;
}
.signupform  .inputfiledsdata{
  max-width: 804px;
  width: 100%;
}
.signupform{
  padding-left: 80px;
}
.maintitle.flow{
  padding-bottom: 60px;
}
.table-responsivness {
  overflow-x: auto;
}
.maintitle a img {
  margin: 0px;
}
.productimage{
  height: 100px;
  width: 100px;
}
.productimage img {
  width: 100%;
  height: 100%;
}
.maincatory-title p a {
  color: var(--Heading, #343A3F);

}
/* login page css end */


/* contact us css */

.maindata-flow.flow{
padding-top: 10px;
align-items: flex-start;
}

.maindata-flow.flow .maincat-content{
  padding: 87px 82px 87px 147px;
  display: block;
  height: 662px;
}
.maindata-flow.flow .maincat-content  .content .contact-form p {
  color: var(--Dark-Blue, #212844);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-44px); /* 220% */
  padding-bottom: 32px;
}
.maindata-flow.flow .maincat-content  .content .contact-form p span{
  color: #F00;

}
.maindata-flow.flow .maincat-content  .inputfileds{
flex-direction: column;
padding: 0px;
gap: 10px;
padding-bottom: 10px;
}
.maindata-flow.flow .maincat-content  .inputfileds input{
  border: 1px solid var(--Line-Color, #C3BFBA);
  height: 68px;
}
.maindata-flow.flow .maincat-content  .inputfileds textarea{
  height: 90px;
  border: 1px solid var(--Line-Color, #C3BFBA);
  padding: 10px;
}
.maindata-flow.flow .maincat-content  .save{
  padding-top: 22px;
}
.maindata-flow.flow .maincat-content{
  margin-left: -73px;
  margin-top: 85px;
}
.maincatory-title .four-zero{
  text-align: center;
  padding-bottom: 17px;
}
.main-category.plagin{
  padding-bottom: 45px;
}
.plagin{
  padding-top: 35px;
}

/* contact us css */


/* shipping page css start */
.shipingimages{
  text-align: center;
  padding-top: 70px;
  padding-bottom: 85px;
}
.shiping-content{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.list-info ul li {
  display: flex;
}
.list-info ul li .fulldetails{
max-width: 775px;
width: 100%;
padding: 20px 0px;
padding-bottom: 10px;
border-bottom: 1px solid #9A9D9F;
}
.list-info ul li:first-child .fulldetails{
  padding-top: 0px;
}
.list-info ul li .info-title {
max-width: 430px;
width: 100%;
}
.list-info ul li .info-title span{
  color: var(--Dark-Blue, #212844);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Poppins;
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-44px); /* 146.667% */
  display: block;
  max-width: 310px;
  width: 100%;
}
.list-info ul li .fulldetails p {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--lh-28px); /* 155.556% */
  padding-bottom: 10px;
}
.list-info ul li .info-title b {
  display: block;
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-20px);
  padding-top: 39px;
  padding-bottom: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
}
.list-info ul li .info-title  p {
    color: var(--Dark-Blue, #212844);
    font-family: Poppins;
    font-size: var(--fs-16px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    padding-bottom: 10px;
}
.list-info ul li .info-title  p  a {
  color: var(--Dark-Blue, #212844);

}
.list-info ul li:last-child .fulldetails{
  border-bottom: none;
  padding-top: 40px;
  padding-bottom: 0px;
}
.main-category{
  position: relative;
}
.bottom-flowers{
  position: absolute;
  bottom: 0;
  right: 0;
}
.list-info ul li:last-child .fulldetails{
  position: relative;
  z-index: 50;
}
/* shipping page css end */


/* about us page css start */

.bottom-data-about-us{
  background: var(--White, #FFF);
  padding-top: 122px;
  margin-top: 40px;
  padding-bottom: 65px;
  position: relative;
}
.main-category.padding-bottom{
padding-bottom: 0px;
}
.full-conetnt-about-us{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
.full-conetnt-about-us img {
  padding-bottom: 55px;
}
.bottom-data-about-us  .fulltitle p {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--lh-28px); /* 155.556% */
  padding-bottom: 10px;
}
.bottom-data-about-us .fulltitle {
max-width: 708px;
width: 100%;
}
.bottom-data-about-us .maintitle-flow{
max-width: 474px;
width: 100%;
margin: 0px;
padding-top: 220px;
}
.contact-info h2{
  color: var(--Dark-Blue, #212844);
  padding-bottom: 30px;
}
.contact-info b {
  color: var(--Heading, #343A3F);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lh-28px);
  padding-bottom: 20px;
  display: block;
  /* 140% */
}
.contact-info p {
  color: var(--Dark-Blue, #212844);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  padding-bottom: 10px;
}
.contact-info p a {
  color: var(--Dark-Blue, #212844);

}
.full-conetnt-about-us  .main-content{
  gap: 60px;
}
.main-category.contactus .sliderimg {
max-width: 688px;
height: 660px;
}
.gallerybig{
  position: relative;
  transition: 0.3s ease-in;
  overflow: hidden;
}
.gallerybig .bottom{
  position: absolute;
  width: 100%;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 39px 0px;
  bottom: 0px;
  transform: translateY(130px);
  transition: 0.3s ease-in;
 

  
}
.gallerybig:hover .bottom{
  transform: translateY(0px);
 

}

.gallerybig .bottom h3{
  color: var(--Dark-Blue, #212844);
  text-align: center;
  font-family: "GT Super Display";
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--lh-44px); /* 146.667% */
}
.productview.singleproduct .productvew-data{
height: auto;
overflow: visible;
}
.productview.singleproduct .mainproductimag .add-fav img {
height: auto;
width: auto;
}
.productview.singleproduct .mainproductimag .add-fav {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 20px;
}
.productview.singleproduct .mainproductimag .add-fav  img{
  position: absolute;
  transition: 0.3s ease-in;
}
.productview.singleproduct .mainproductimag{
  position: relative;
}
.productview.singleproduct .mainproductimag .add-fav img.fav2{
opacity: 0;
}
.productview.singleproduct .mainproductimag  .add-fav.active img.fav2{
opacity: 1;
}

/* about us page css end */


/* qc bug solve start  */

.customheader .logo{
  max-width: 310px;
  width: 100%;
}

.reviwimg{
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: 15px;
}
section.personalize .btn-g{
  border: 1px solid #fff;
  color: #fff;
}
section.personalize .btn-g:hover{
  background-color: #fff;
  color: #000;

}
.gallrysectionimg{
  transition: 0.3s ease-in;
}
.gallrysectionimg:hover{
  
/* Hover Shadow */
box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.20);
}

.cartcheckout.resetmail .login-from {
  margin: 0 auto;
  border: none;
}
.cartcheckout.resetmail .login-from .inputfileds{
  max-width: 100%;
}
.cartcheckout.resetmail .login-from .inputfileds input{
  width: 100%;
  max-width: 100%;
}

.mainproductimag{
  width: 538px;
  height: 538px;
  margin-bottom: 20px;
}
.mainproductimag img{
  width: 100%;
  height: 100%;
  object-fit: cover;
} 
li.menu-has-dropdwon .sub-menu li.active{
  background-color: var(--Dark-Blue, #212844);
  color: #fff;
}