@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");

@font-face {
  font-family: "Revenue";
  src:
    url("../fonts/revenue.eot?") format("eot"),
    url("../fonts/revenue.woff") format("woff"),
    url("../fonts/revenue.ttf") format("truetype"),
    url("revenue.svg#Revenue") format("svg");
}

:root {
  --white: #ffffff;
  --maroon: #68181e;
  --maroon2: #844347;
  --black: #3f3939;
  --maroonlight: #b4181c;
  --yellow-light: #ede9d0;
  --golden: #d4af37;
  --goldendark: #a06c1a;
  --font-revenue: "Revenue";
  --font-poppins: "Poppins", serif;
  --orange: #ffb258;
  --text-grey: #c4c4c4;
  --text-grey-2: #888888;
  --text-light-grey: #b3b3b3;
  --light-orange: #fffaf6;
  --text-line-2: 2;
  --text-line-1: 1;
  --bs-btn-disabled-opacity: 0.65;
  --rating-yellow: #ffc617;
  --yellowlightbg: #fffdfb;
  --gray: #a1a1a1;
  --goldenlight: #fdfbf4;
  --goldenlight-rgb: 245, 240, 238;
}
.custom-alert {
  position: fixed;
  top: 100px;
  right: 20px;
  z-index: 1050; /* Ensure it's above other content */
  width: auto;
  max-width: 400px; /* Adjust the max width if needed */
  margin-bottom: 10px;
}
.line-clamp {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--text-line-1);
  -webkit-box-orient: vertical;
}

.twoline {
  -webkit-line-clamp: var(--text-line-2);
}

.textmaroon {
  color: var(--maroonlight);
}
.textmaroondark {
  color: var(--maroon);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

body {
  font-family: "Poppins", serif;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.3rem;
  background: url(../images/bodybg.png) repeat-y top left;
  background-size: contain;
}

a {
  text-decoration: none;
}

.form-control:focus {
  box-shadow: none;
  background-color: transparent;
  border-color: #dedede;
}

select.form-control {
  background: url(../images/down-arrow.svg) no-repeat center right 15px;
  background-size: 14px;
}

.bg-light-lowopacity {
  background: #e5e5e57a;
}

.bg-yellow-light {
  background: var(--yellowlightbg);
}

.bg-orange-light {
  background: var(--light-orange);
}

.bg-theme-dark {
  background: var(--maroon);
}

.font-revenue {
  font-family: var(--font-revenue);
}
.font-poppins {
  font-family: var(--font-poppins);
}

.line-clamp-title1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.line-clamp-text4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.border-orange {
  border-color: var(--orange) !important;
}

h1,
h3 {
  font-family: var(--font-revenue);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  line-height: 1.2;
}

hr {
  border: var(--yellow-light) 3px solid;
  opacity: inherit;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

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

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}

button:focus {
  outline: 0;
}

.themebtn-ouline {
  border: solid 1px var(--maroonlight);
  background: transparent !important;
}

.themebtn {
  color: var(--black);
  position: relative;
  overflow: hidden;
  background: var(--maroonlight);
  padding: 0.4rem 1.4rem;
  border-radius: 1.5rem;
  z-index: 99;
  display: inline-block;
}

.themebtn::before,
.themebtn-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 1.5rem;
  background: var(--golden);
  transition: all 0.475s;
}

.themebtn:hover::before {
  transform: scaleX(1);
}

.themebtn-ouline::before {
  background: var(--maroonlight);
}

.themebtn:hover {
  color: var(--white);
}

.themebtn-ouline-dark {
  border-color: var(--black);
  color: var(--black);
}

.themebtn-ouline-dark::before {
  background: var(--black);
}

.themebtn-ouline-white {
  border-color: var(--white);
  color: var(--white);
}

.themebtn-ouline-white::before {
  background: var(--golden);
}

.themebtn-ouline-white:hover {
  border-color: var(--golden);
}

.themebtn-dark {
  background: var(--maroon);
}

.themebtn-golden {
  background: var(--golden);
}

.themebtn-golden::before {
  background: var(--black);
}

.saprator {
  width: 2px;
  height: auto;
  background: #d8d8d8;
  position: relative;
  margin: 5px 0px;
}

.saprator1::after {
  content: "";
  width: 2px;
  height: 100%;
  background: #ede9d0;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
}

.title h2 {
  font-size: 30px;
  color: var(--maroonlight);
}

*::-moz-selection {
  background: #f6c29b;
  color: #000;
  text-shadow: none;
}

*::-webkit-selection {
  background: #f6c29b;
  color: #000;
  text-shadow: none;
}

.zoom-img {
  overflow: hidden;
}

.zoom-img img {
  width: 100%;
  object-fit: cover;
  transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transition: all 700ms ease;
}

.zoom-img:hover img {
  transform: scale(1.2) rotate(2deg);
  -moz-transform: scale(1.2) rotate(2deg);
  -ms-transform: scale(1.2) rotate(2deg);
  -o-transform: scale(1.2) rotate(2deg);
}

*::selection {
  background: #f6c29b;
  color: #000;
  text-shadow: none;
}

/******Header Start******/
.header-logo a {
  width: 150px;
  display: inline-block;
}

.header-logo a img {
  width: 100%;
}

.header-top ul li a:hover,
.headerrighticons ul li a:hover {
  color: #e0b76a;
}
.header-top p,
.header-top ul li a{
  font-size: 0.8rem;
}
.navigation {
  position: relative;
}

.navigation ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  transition: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
   font-size: 14px;
}
.navigation>ul>li>a{
  margin: 0 25px 0 0;
  font-size: 15px;
}
.navigation ul li a {
  display: inline-block;
  padding: 10px 0 10px 0;
  position: relative;
  font-size: 15px;
}
/* .navigation ul li h5 a{
  font-size: 14px;
} */

.dropdown-toggle::after {
  width: 8px;
  height: 8px;
  margin-left: 0.4em;
  border: solid var(--maroonlight);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 35%;
}

.categorysearch > .dropdown-toggle::after {
  right: 15px;
}

.navigation ul li a:hover,
.navigation ul li a.active,
footer ul.list-inline li a:hover {
  color: var(--maroonlight);
}

.headerrighticons ul li:first-child {
  font-size: 26px;
}

.headerrighticons ul li a .bi::before {
  vertical-align: middle;
}

.headerrighticons ul li {
  font-size: 22px;
  color: var(--maroonlight);
  position: relative;
}

.navigation ul li a.active::before {
  /* background: var(--golden); */
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 10px;
}

.navigation ul li .mega-content .subcat a {
  padding: 3px 0px;
  font-size: 0.8rem;
  display: block;
}
.navigation ul li .mega-content .subcat {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 3 columns */
  
}

.navigation .mega-content{
  box-shadow: 0 4px 30.6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
}
.navigation .mega-content::after{
  content: '';
  position: absolute;
  right: -1px;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='625' height='509' viewBox='0 0 625 509' fill='none'%3e%3cg filter='url(%23filter0_d_590_942)'%3e%3cpath d='M358.731 -74C401.199 -131.373 659.753 -48.6839 716.592 0.389507C864.249 127.872 817.576 338.274 698.368 502.204C550.331 705.779 -48.0662 760.93 3.09253 502.204C18.2229 425.685 70.9015 388.165 136.231 357.5C209.731 323 264.917 336.79 321.593 286.89C426.814 194.247 254.731 66.5 358.731 -74Z' fill='url(%23paint0_linear_590_942)' fill-opacity='0.7' shape-rendering='crispEdges'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_590_942' x='0' y='-93.5071' width='809.008' height='773.687' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='4'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_590_942'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_590_942' result='shape'/%3e%3c/filter%3e%3clinearGradient id='paint0_linear_590_942' x1='57.231' y1='27' x2='1159.35' y2='697.737' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white' stop-opacity='0'/%3e%3cstop offset='0.490385' stop-color='%23C4C4C4'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.navigation .mega-content h5{
 /* color: var(--golden); */
 font-size: 1.1rem;
 font-weight: 500;
 margin-bottom: 0;
}
/* .navigation .mega-content h5 ::before {
    background: var(--golden);
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 10px;
} */

.navigation ul li .mega-content .subcat a:hover {
  color: #fde68a;
  text-decoration: none;
}

.header-search select.form-control,
.header-search .categorysearch {
  border-radius: var(--bs-border-radius-2xl);
  flex-basis: 30%;
  font-size: 14px;
  border: var(--bs-border-width) solid var(--bs-border-color);
}

.header-search input.form-control {
  width: 60%;
  font-size: 14px;
  border-radius: var(--bs-border-radius-2xl);
}

.header-search .btnbox {
  border-radius: var(--bs-border-radius-2xl);
}

/* .header-search .btn {
  font-size: 26px;
} */

/* Header Search start data */
.header-search.open select.form-control {
}

.searchstaticdata {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  /* border: solid 1px #dee2e6; */
  z-index: 99;
  border-radius: var(--bs-border-radius-2xl);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.searchstaticdata h4 {
  color: var(--maroonlight);
}

.header-search.open .searchstaticdata {
  display: block;
}

.header-search.open select.form-control,
.header-search.open .categorysearch {
  border-bottom-left-radius: 0;
}

/* .header-search.open .btnbox {
  border-bottom-right-radius: 0;
} */

.datalist li {
  display: inline-block;
}

.datalist li a {
  padding: 10px;
  cursor: pointer;
}

.datalist li a:hover {
  color: var(--maroonlight);
}

#livesearchdata {
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 99;
  position: absolute;
  width: 100%;
  background: var(--white);
  /* border: 1px solid #ddd; */
  border-top: none !important;
  overflow: hidden;
  border-radius: 0 0 2rem 2rem;
  top: 0;
  left: 0;
}

#livesearchdata li a {
  border-bottom: 1px solid #ddd;
  margin-top: -1px;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block;
}

#livesearchdata li:hover {
  background: #e6e5e087;
}

#livesearchdata li:last-child a {
  border-bottom: none;
}

.searchprd img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.searchprd h5 {
  font-size: 15px;
  color: var(--goldendark);
  line-height: 24px;
}

.searchprd span {
  color: var(--golden);
  font-size: 18px;
}

.categorysearch.dropdown:hover > .dropdown-menu,
.categorysearch .dropend:hover > .dropdown-menu,
.categorysearch .dropend.show > .dropdown-menu {
  display: block;
}

.catdropdown-mega .dropdown-menu.catdropdown,
.catdropdown-mega .dropdown-menu.catdropdown.show {
  width: 100%;
  /* min-width: 995px; */
  /*left: -14rem !important;*/
  padding: 1.5rem;
  /* transform: translate3d(-14rem, 0, 0px) !important; */
  transform: translate3d(-1rem, 0, 0px) !important;
  margin: 0 !important;
  inset: inherit !important;
  border-radius: 1rem;
}

.catdropdown-mega .dropdown-menu.catdropdown .row > .col-md-8 > ul {
  width: 100%;
  display: inline-block;
  border-right: solid 2px var(--yellow-light);
  border-radius: 0;
  background: none;
  padding-right: 2.5rem;
  height: 100%;
}

.catdropdown-mega .dropdown-menu.catdropdown ul > li > a {
  text-transform: capitalize;
  padding: 0;
}

.catdropdown-mega .dropdown-menu.catdropdown ul > li > a:hover,
.catdropdown-mega .dropdown-menu.catdropdown ul > li > a:focus {
  color: var(--maroonlight);
}

li.dropend .dropdown-menu {
  width: 70%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  margin: 0;
  padding: 0;
  height: 100%;
  border-left: solid 2px var(--yellow-light) !important;
  border-radius: 0;
  padding-left: 1.5rem;
}

li.dropend {
  padding: 0 0 1.3rem 0;
}
li.dropend > a {
  display: inline-block;
  border-bottom: solid 1px var(--yellow-light);
  padding-bottom: 0.4rem !important;
  width: 28%;
  font-size: 0.9rem;
}

li.dropend .dropdown-menu li {
  display: inline-block;
  width: 49%;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.8rem;
  font-weight: 500;
}
li.dropend .dropdown-menu li::before {
  content: "\F285";
  font-family: bootstrap-icons !important;
  background: var(--golden);
  height: 1rem;
  width: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  margin-top: 3px;
  border-radius: var(--bs-border-radius-pill);
  color: #fff;
  font-size: 0.7rem;
  left: 0;
}
/*Header end*/

/*Slider*/
.slider-area {
  position: relative;
}

.slideitem::after {
  content: "";
  background: linear-gradient(
    98.84deg,
    rgb(255 255 255 / 77%) 45.85%,
    rgb(0 0 0 / 0%) 59.91%,
    rgba(0, 0, 0, 0) 80.12%
  );
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: inline-block;
  animation: updown-two 2.6s linear 0s infinite alternate;
}

.slideitem {
  padding: 9rem 0;
  z-index: 1;
  position: relative;
  background-size: cover;
}

.slideitem img {
  width: 100%;
}

.slider-title-wrapper h1 {
  font-size: 5rem;
  color: var(--maroon);
  line-height: 1;
  letter-spacing: 2px;
  animation-delay: 0.5s;
  animation-duration: 0.7s;
}

.slider-title-wrapper h2 {
  animation-delay: 0.7s;
  animation-duration: 0.9s;
  font-size: 30px;
}

.slider-area .owl-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

.owl-dots button span {
  background: var(--maroonlight);
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  margin: 0 4px;
}

#slider-carousel3 .owl-dots button span {
  background: var(--maroonlight);
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  margin: 0 4px;
}
 #slider-carousel3 .owl-dots button.active span {
  background: #bdbdbd;
  width: 8px;
  height: 8px;
}

.owl-dots button.active span {
  background: #bdbdbd;
  width: 10px;
  height: 10px;
}

.owl-dots {
  position: inherit;
  text-align: center;
}

.owl-nav {
  position: absolute;
  top: 45%;
  width: 100%;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
  position: absolute;
  top: 50%;
}

.owl-nav .owl-prev i,
.owl-nav .owl-next i {
  font-size: 40px;
}

.owl-nav .owl-prev {
  left: 20px;
}

.owl-nav .owl-next {
  right: 20px;
}

/***********Category Start***********/
.cate-tabs-area .owl-nav {
  top: 35%;
}

.cate-main .owl-nav .owl-prev i,
.cate-main .owl-nav .owl-next i,
.cate-tabs-area .owl-nav .owl-prev i,
.cate-tabs-area .owl-nav .owl-next i,
.productcatetbs .owl-nav button i {
  font-size: 30px;
  color: var(--maroon);
}

.cate-main .owl-nav .owl-prev {
  left: -2rem;
}

.cate-main .owl-nav .owl-next {
  right: -2rem;
}

.cate-tabs-area .owl-nav .owl-prev {
  left: -40px;
}

.cate-tabs-area .owl-nav .owl-next {
  right: -40px;
}

.itembox {
  position: relative;
  display: block;
  margin: 15px;
  transition: all 0.3s ease;
}

.itembox h4 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 1rem;
}

.textbox {
  z-index: 2;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  border-radius: 25px;
  background: #68181e;
  background: linear-gradient(358deg, #68181ecc 0, rgba(255, 255, 255, 0) 50%);
  height: 100%;
  padding: 0 1rem;
}

.imgbox {
  min-height: 100px;
  width: 100%;
  overflow: hidden;
  border-radius: 25px;
}

.itembox:hover .textbox h4,
.hotdealarea .bigtextbox:hover .arrowbtn {
  color: var(--golden);
}

.itembox:hover {
  -webkit-box-shadow: 7px 7px 8px 0px rgb(0 0 0 / 26%);
  box-shadow: 7px 7px 8px 0px rgb(0 0 0 / 26%);
}

.new-arrival-main .itembox h4 {
  font-size: 16px;
}

/***********Category Close***********/

/********Ads Banner start*********/
.addsbanner img {
  width: 100%;
}

.adscontent {
  position: absolute;
  left: 0;
  top: 0;
  /*background: #3004076b;*/
  z-index: 999;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.adsbanner img {
  width: 100%;
}

.adsbanner h3 {
  font-size: 50px;
}

.adsbanner h4 {
  font-size: 28px;
}

/********Ads Banner End*********/

.qalitybox p {
  line-height: 18px;
  font-size: 13px;
  font-weight: 500;
}

.qalitybox i {
  color: var(--maroonlight);
  font-size: 40px;
}

/*******Blog Start*********/
.blogsmall h4 {
  color: var(--maroon);
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.blogsmall p,
.blogsbig p {
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* .blogsmall .blogimgbox{ max-height: 15rem; } */
.blogsbig h3 {
  font-size: 2rem;
  color: var(--golden);
}

.bigtextbox {
  background: linear-gradient(7deg, #020202cc 0, rgba(255, 255, 255, 0) 70%);
}

.arrowbtn {
  font-size: 2rem;
}

.arrowbtn {
  font-size: 2rem;
}
.tabbgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  /* background-color: #000; */
  background-size: cover;
  /* box-shadow: 0 10px 20px rgba(189, 1, 1, 0.2); */
  border-block: solid 4px var(--golden);
  /*aspect-ratio: 1.131;
   clip-path: shape(
    from 0.33% 8.03%,
    curve to 27.6% 2.46% with 0.33% 8.03%/17.14% 3.77%,
    curve to 67.4% 6.48% with 43.33% 0.48%/51.58% 6.92%,
    curve to 100% 0% with 80.62% 6.1%/100% 0%,
    vline to 91.92%,
    curve to 70.39% 98.43% with 100% 91.92%/82.21% 97.44%,
    curve to 29.02% 94.73% with 56.28% 99.61%/43.17% 94.65%,
    curve to 0% 100% with 15.42% 94.81%/0% 100%,
    vline to 8.03%
  ); */
  /* z-index: 1; */
}
/* .tabbgimgborder {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: -20px;
  
  filter: drop-shadow(0 10px 20px rgba(189, 1, 1, 0.2));
  aspect-ratio: 1.131;
  z-index: -1;
  clip-path: shape(
    from 0.33% 8.03%,
    curve to 27.6% 2.46% with 0.33% 8.03%/17.14% 3.77%,
    curve to 67.4% 6.48% with 43.33% 0.48%/51.58% 6.92%,
    curve to 100% 0% with 80.62% 6.1%/100% 0%,
    vline to 91.92%,
    curve to 70.39% 98.43% with 100% 91.92%/82.21% 97.44%,
    curve to 29.02% 94.73% with 56.28% 99.61%/43.17% 94.65%,
    curve to 0% 100% with 15.42% 94.81%/0% 100%,
    vline to 8.03%
  );
} */
.tabbgimg img {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

/**********Blog End**********/

/**********Testimonials Start**********/
.owl-carousel .testimonialsbox img {
  width: 9rem;
  height: 9rem;
}

.testimonialsbox {
  box-shadow: 6px 4px 15px 0px rgb(0 0 0 / 26%);
}

/**********Testimonials End**********/

/**********Shop By Category Start**********/
.shop-by-tab-content {
  /*background: url(../images/tabsbg.jpg) repeat-x;*/
  width: 100%;
  height: 100%;
  background-size: contain;
}

ul.catetbs {
}

ul.catetbs li {
  display: inline-block;
  width: 87%;
  /*margin: 15px 0;*/
}

ul.catetbs li button {
  height: 3rem;
  font-size: 15px;
  font-weight: 600;
  /* padding: 0.8rem 1rem; */
  background-color: #e50000;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  border: solid 2px var(--white);
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 15px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul.catetbs li button span{
  height: 100%;
  display: grid;
  align-content: center;
}
ul.catetbs li button.active {
  box-shadow: 6px 4px 15px 0px rgb(0 0 0 / 62%);
}

ul.catetbs li button::before {
  content: "";
  background: #68181eb8;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

ul.catetbs li button.active::before,
ul.catetbs li button:hover::before {
  /* background: #b4181ca6; */
}
ul.newcattabs li button.active::before, ul.newcattabs li button:hover::before{
  /* background: var(--maroon); */
}
ul.newcattabs li button.active, ul.newcattabs li button:hover{
  color: var(--golden);
}
ul.catetbs li button:hover, ul.catetbs li button.active{ color: var(--golden); border-color: var(--golden); }
.productbox {
  position: relative;
  display: block;
  border: solid 1px #e5e1e1;
  transition: all 0.3s ease;
  z-index: 1;
}

/*.productbox .imgbox {
  height: 250px;
}

.productbox .imgbox img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}*/

.productbox .imgbox {
    height: 250px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.productbox .imgbox img {
    width: 100% !important;
    height: 200px;
    object-fit: cover;
}
/* Tablet + Mobile */
/* @media (max-width: 1036px) {
    .productbox .imgbox {
        height:  200px !important;
    }
 
    .productbox .imgbox img {
        width: 100% !important;
        height: 200px !important;
        object-fit: contain;
    }
} */

.hoverbox {
  position: absolute;
  top: 0;
  left: 0;
  bottom: -20px;
  background-size: cover !important;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all 0.3s ease;
  border-radius: 20px;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.productbox:hover .hoverbox {
  opacity: inherit;
  box-shadow: 6px 4px 15px 0px rgb(0 0 0 / 26%);
}

.producttext h4 {
  color: var(--goldendark);
  /* font-size: 18px; */
  font-size: 15px;
  min-height: 35px;
}
.producttext select {
  font-size: 13px;
}
.producttext h5 {
  color: var(--golden);
  font-size: 1.1rem;
}

.wishlisticon {
  color: var(--text-grey);
  right: 0.5rem;
  top: 0.5rem;
  font-size: 1.2rem;
  background-color: var(--white);
}
.wishlisticon .bi-heart::before{
  transition: all 0.4s ease;
}
.wishlisticon:hover .bi-heart::before, .wishlisticon.active .bi-heart::before{
  content: "\f415";
}
.wishlisticon.active {
  color: var(--maroonlight);
}

.cartbtn:hover {
  background: var(--goldendark);
}

.shape-divider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  /*-webkit-transform: scaleX(-1);
    transform: scaleX(-1);*/
  z-index: -1;
}

.shape-divider svg,
.shape-divider-bottom svg {
  position: relative;
  display: block;
  width: calc(130% + 1.3px);
  height: 132px;
}

.shape-divider .shape-fill,
.shape-divider-bottom .shape-fill {
  fill: #fff;
}

.shape-divider-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  /*-webkit-transform: scaleX(-1);
    transform: scaleX(-1);*/
  z-index: -1;
}

.productbox:hover .wishlisticon {
  color: var(--goldendark);
}

/**********Shop By Category End**********/

/*Footer Start*/
footer {
  background: var(--yellow-light);
  font-size: 13px;
}
.poweredlogo img{ height: 14px; }
.sociallist ul {
  margin: 0;
  padding: 0;
}

.sociallist ul li {
  background: #fff;
  border-radius: 50%;
  color: var(--black);
  display: inline-flex;
  margin-right: 5px;
}

.sociallist ul li a {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.sociallist ul li:hover {
  color: var(--white);
  background: var(--maroon);
}

footer p {
  font-size: 12px;
  line-height: 18px;
}

footer h4 {
  color: var(--goldendark);
  font-size: 18px;
}

.subscribebox .btn {
  padding: 5px 15px;
  font-size: 12px;
  background: var(--maroonlight);
}

.subscribebox .btn:hover {
  background: var(--golden);
  border-color: var(--golden);
}

.subscribebox input {
  font-size: 13px;
}

.copyright-area {
  font-size: 14px;
}

.copyright-area p {
  font-size: 13px;
}

/******* Inner page breadcrumb start **********/
.breadcrumb-item + .breadcrumb-item::before {
  content: "\F285";
  font-family: bootstrap-icons;
  color: var(--text-light-grey);
  padding-right: 0.8rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.8rem;
}
.breadcrumb-item.active{
  color: var(--white);
}
.breadcrumb-item a {
  color: var(--text-light-grey);
}

/******* Inner page breadcrumb end **********/

/******* Product page start **********/
.product-page .producttext h4 {
  font-size: 15px;
  min-height: 35px;
}

.startrating li {
  color: var(--maroon);
}

.product-page select.form-control {
  font-size: 13px;
}

.productprice {
  color: var(--golden);
  font-size: 1.1rem;
  vertical-align: middle;
}

.disabled-btn {
  background: var(--text-light-grey);
  border-color: var(--text-light-grey);
  font-size: 0.9rem;
  line-height: 1.3rem;
  pointer-events: none;
  opacity: var(--bs-btn-disabled-opacity);
}

.stockbadge {
  left: 0.8rem;
  top: 0.8rem;
}

.offerbadge {
  left: 0;
  top: 0.8rem;
  clip-path: polygon(100% 0%, 80% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 1%);
  font-size: 13px;
}

.sorting:focus-within {
  outline: none;
}

/******* Aside Bar filter start ********/
/* .sidebar-wrapper a:hover {
  color: #243c6c;
} */

.sidebar-wrapper {
  background: var(--light-orange);
}

.sidebar-wrapper .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.2rem;
  padding: 1.1rem 0;
  box-shadow: none;
  border-bottom: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
  color: var(--bs-black-rgb);
}

.sidebar-wrapper .accordion-item .accordion-button.collapsed {
  border-bottom: 0;
  padding-bottom: 0;
}

.sidebar-wrapper .accordion-item:first-child .accordion-button {
  /*padding: .8rem 0 1.1rem;*/
}

.sidebar-wrapper .accordion-body {
  padding: 0px;
}

aside.sidebar-wrapper {
  top: 1rem;
}

aside .accordion-item {
  border: none;
}

aside .accordion {
  --bs-accordion-bg: none;
}

aside .accordion-button:not(.collapsed) {
  background-color: transparent;
}

aside .accordion-button:focus {
  box-shadow: none;
}

aside .accordion-button::after {
  background-size: 1.1rem;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}

.accordion-button::after {
  transform: rotate(-180deg);
}

.category-list li {
  margin-bottom: 10px;
}

.category-list li .form-check-label {
  font-size: 14px;
}

.category-list li .form-check .form-check-input {
  margin-left: -2em;
}

.category-list li .form-check {
  padding-left: 2em;
}

.category-list li a {
  font-size: 15px;
  color: #111;
  display: block;
  padding: 5px 0px;
}

.category-list li a:hover {
  color: #243c6c;
}

.category-list .sub-category-list {
  padding-left: 30px;
}

.category-list .sub-category-list a {
  font-size: 13px;
  color: #5e5e5e;
  display: block;
  padding: 3px 0px;
}

.form-check-input:checked {
  background-color: var(--maroonlight);
  border-color: var(--maroonlight);
}

.form-check-input {
  width: 1.2em;
  height: 1.2em;
}

.form-check-input:focus {
  box-shadow: none;
}

.productbox.product-page {
  margin-bottom: 20px;
}

.ui-slider-horizontal {
  height: 5px;
  background: var(--yellow-light);
  margin: 8px 15px 8px 0;
  border-radius: 16px;
  position: relative;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 5px;
  display: block;
  background: var(--maroon);
  margin: 0 5px;
}

.ui-slider .ui-slider-handle {
  border-radius: 50%;
  top: -8px;
  width: 15px;
  height: 15px;
  border: none;
  background: var(--maroon);
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  cursor: default;
}

.ui-slider-horizontal span.ui-slider-handle {
  top: -0.4em;
}

.ui-state-focus {
  border: none !important;
  box-shadow: none;
  outline: none;
}

.ui-slider a:focus {
  outline: none;
}

#time-range {
  padding-bottom: 15px;
}

.extra-controls .minvalue,
.extra-controls .maxvalue {
  width: 100%;
  font-size: 16px;
  display: inline-block;
}

.extra-controls .slider-credits {
  width: 100%;
  margin-bottom: 0px;
  padding: 4px;
  font-size: 14px;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  color: #333;
  background-color: transparent;
  display: inline-block;
}

.select .dropdown-item.active,
.select .dropdown-item:active {
  background: var(--light-orange);
  color: var(--maroonlight);
}

.select .dropdown-toggle::after {
  position: relative;
  border-right: 1px solid var(--text-light-grey);
  border-bottom: 1px solid var(--text-light-grey);
  border-left: 1px solid transparent;
  margin-left: 0;
  left: 15px;
  width: 9px;
  height: 8px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:hover {
  outline: 0 !important;
  background: transparent;
}

.select .dropdown-toggle {
  background: transparent;
  border: none;
  width: auto;
  color: var(--text-light-grey);
  font-weight: 300;
}

.select .dropdown-toggle:active {
  color: var(--text-light-grey);
}

.select .bootstrap-select .dropdown-menu {
  padding: 0;
  border-color: #e7e7e7;
}

.select .bootstrap-select .dropdown-menu li a {
  padding: 8px 10px;
}

.sorting.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: auto;
}

.category-list {
  overflow-y: auto;
  max-height: 9rem;
}
.sidebar-wrapper .collapse:not(.show){
  display: block;
}
.offcanvas-header{
  display: inline-block;
  width: 100%;
  text-align: center;
}

/******* Product page end **********/

/******* Product View page Start **********/
.dnoneD {
  display: none;
}

#productviewbox {
  height: 25rem;
  overflow: hidden;
}
#productviewbox a.fancyZoom{ height: 100%; }
#productviewbox img,
#productthumb li a img {
  max-height: 100%;
  width: 100%;
  height: auto;
  /* width: auto; */
  object-fit: contain;
}

#productthumb {
  width: 100% !important;
}

#productthumb ul li {
  height: 100px;
  width: 100px;
}

#productthumb ul li a {
  height: 100px;
  display: inline-block;
  padding: 0.5rem;
  width: 100px;
  border-color: #f4f4f4 !important;
}

#productthumb ul {
  width: 90%;
  margin: 0 auto;
}

.detail-gallery {
  position: relative;
}
#productthumb .owl-nav .owl-prev,
#productthumb .owl-nav .owl-next {
  z-index: 1;
  font-size: 1.2rem;
  color: #a5a5a5;
}
#productthumb .owl-nav .owl-prev i,
#productthumb .owl-nav .owl-next i {
  font-size: 1.2rem;
}
#productthumb .owl-nav .owl-prev {
  left: -2rem;
  bottom: 7%;
  position: absolute;
}
#productthumb .owl-nav .owl-next {
  right: -2rem;
  bottom: 7%;
  position: absolute;
}
#productthumb .carousel .owl-item {
  display: flex;
  justify-content: center;
}
/* .productthumbcontrols {
  width: 100%;
  z-index: 1;
  font-size: 1.2rem;
  color: #a5a5a5;
}

.productthumbcontrols .prevMe {
  left: 0;
  bottom: 7%;
  position: absolute;
}

.productthumbcontrols .nextMe {
  right: 0;
  bottom: 7%;
  position: absolute;
} */

.productdetails .startrating li,
.startratingyellow li {
  color: var(--text-light-grey);
}

.productdetails .startrating li i.active,
.startratingyellow li i.active {
  color: var(--rating-yellow);
}

select.selectarrowblack {
  background-size: 11px;
  filter: grayscale(100%);
}

.fs-16 {
  font-size: 16px;
}
.fs-14 {
  font-size: 14px;
}
.fs-13 {
  font-size: 13px;
}
.fs-12 {
  font-size: 12px;
}
.quantitybox input {
  width: 4rem;
}

.quantitybox .sub,
.quantitybox .add {
  border: solid 1px var(--maroon);
  width: 2.8rem;
  border-radius: 20px 0 0 20px;
  font-size: 1.5rem;
  color: var(--maroon);
}

.quantitybox .add {
  border-radius: 0 20px 20px 0;
}

.productview-icons {
  border: 1px solid rgba(104, 24, 30, 0.06);
}

.productview-icons li {
  position: relative;
  color: var(--black);
  text-align: center;
}

.productview-icons li svg {
  margin-bottom: 0.2rem;
}

.productview-icons li::after {
  content: "";
  background: var(--text-grey);
  height: 70%;
  width: 2px;
  position: absolute;
  right: -1.5rem;
  opacity: 0.1;
  top: 0.8rem;
}

.productview-icons li:last-child::after {
  display: none;
}

.tabsdetail .nav-tabs a {
  color: var(--text-grey-2);
  font-size: 1.1rem;
  padding: 0.8rem 0;
  margin-right: 3rem;
}

.tabsdetail .nav-tabs a.active {
  color: var(--black);
  font-weight: 500;
  border-bottom: solid 2px var(--black);
}

.tabsdetail .tab-content p {
  font-size: 0.9rem;
  line-height: 1.4rem;
}

.reviewsarea li i.active {
  color: var(--rating-yellow);
}

.reviewsarea li i {
  color: var(--text-light-grey);
  font-size: 1.7rem;
}

.review-wrapper .single-progress-bar {
  position: relative;
}

.review-wrapper .rating-text {
  display: inline-block;
  position: relative;
  top: 1.1rem;
  font-size: 1.3rem;
}

.review-wrapper .progress {
  max-width: 70%;
  margin-left: 3.5rem;
  background: #eeeeee;
}

.review-wrapper .progress .progress-bar {
  background-color: #ffd700;
}

.review-wrapper span.rating-value {
  position: absolute;
  right: 0;
  top: 50%;
  color: var(--text-grey-2);
}

.review-wrapper .rating-text i {
  color: var(--rating-yellow);
}

.ratingreview {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.ratingreview > label {
  cursor: pointer;
  color: var(--text-light-grey);
  font-size: 2.2rem;
  margin: 0 0.4rem;
}

.ratingreview > label:hover,
.ratingreview > label:hover ~ label,
.ratingreview > input.radio-btn:checked ~ label {
  color: var(--rating-yellow);
}

.ratingreviewform .form-control {
  height: 2.8rem;
  font-size: 0.9rem;
}

.ratingreviewform textarea.form-control {
  height: 5.8rem;
}

.startratingyellow li {
  font-size: 1.3rem;
}

.userpic {
  height: 3rem;
  width: 3rem;
  object-fit: cover;
}

.reviewsmain {
  grid-template-columns: repeat(2, 1fr);
}

.reviewsbox {
  box-shadow: 0px -2px 24.5px 0px #ffeee0;
}

/******* Product View page end **********/

.cart-count,
.wish-count {
  height: 1rem;
  width: 1rem;
  background: var(--golden);
  position: absolute;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--bs-border-radius-pill);
  color: var(--bs-body-bg);
  position: absolute;
  right: -10px;
  top: -4px;
}

.scroll-top {
  position: fixed;
  right: 1rem;
  bottom: 4rem;
  background: var(--maroon);
  height: 2rem;
  width: 2rem;
  color: var(--white);
  font-size: 1.5rem;
  border-radius: var(--bs-border-radius-pill);
}

.scroll-top:hover {
  background: var(--golden);
}

.bg-gray {
  background-color: #fafaf9;
}

.cartlist .cartbtn {
  border-radius: 34.38px 0 0 34.38px;
  border: 0.688px solid #4f4f4f;
  padding: 3px;
  width: 2rem;
  background: #fff;
}

.cartbtn1 {
  border-radius: 0 34.38px 34.38px 0;
  border: 0.69px solid #4f4f4f;
  padding: 3px;
  width: 2rem;
  background: #fff;
}

.textdarkmaroon {
  color: var(--maroon);
}

.textgray {
  color: var(--gray);
}
.textblack {
  color: var(--black);
}

.wishlist hr {
  border: none;
  height: 1px;
  background-color: #e4e1e1;
  opacity: 1;
  margin: 1rem 0;
}

.bt {
  border-radius: 4px;
  border: 0.68px solid #dfdfdf;
  background: #cfcfcf;
}

.input-small {
  font-size: 0.8rem;
}
table.table-borderless th {
  background-color: transparent !important;
  border: none !important;
}

table.table-borderless td {
  border: none !important;
  vertical-align: middle;
}
.lightyellow {
  background-color: #ede9d0;
}
.hotdealboxh {
  height: 35rem;
}
.blogboxh {
  height: 25rem;
}
.adsbannerh {
  height: 20rem;
  overflow: hidden;
}
.productcatetbs .owl-nav {
  top: 32%;
}
.productcatetbs .owl-nav .owl-prev {
  left: -20px;
}
.productcatetbs .owl-nav .owl-next {
  right: -20px;
}

/* sujeet */
/* .usertab .tablinks:hover {
  color: var(--maroonlight);
}    */

.remove-button:hover {
  background-color: var(--maroonlight);
  color: var(--white);
}
.qty-input {
  padding: 3px;
  border: 1px solid var(--black);
  border-left: 0;
  border-right: 0;
  width: 25px;
  /* color: var(--white);
  background-color: var(--maroon); */
}

.itemname {
  font-size: 14px;
}

.payment-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  height: 100%;
}

.payment-card.active {
  border-color: #1f6f3d;
  background-color: #f0fdf4;
}

.payment-title {
  font-weight: 600;
}

.note {
  color: #15803d;
  font-size: 14px;
}

.btn-pay {
  background-color: #1f6f3d;
  color: #fff;
  border-radius: 50px;
  padding: 10px 30px;
}

.btn-pay:hover {
  background-color: #14532d;
}
.bg-goldenlight {
  background-color: var(--goldenlight);
}
.bg-goldenlight-rgb {
  background-color: rgba(var(--goldenlight-rgb), var(--bs-bg-opacity));
}
.border-dashed {
  border: dashed 1px var(--bs-border-color);
}
/* .forminput input{ height: 2.6rem; } */
.forminput input,
.forminput textarea {
  font-size: 14px;
}
.addressbox.active .deliver-btn {
  display: inline-block;
}
.addressbox .deliver-btn {
  display: none;
}
.addressbox .editbtn {
  visibility: hidden;
}
.addressbox.active .editbtn {
  visibility: visible;
}
.order-product {
  width: 5rem;
}
.cursor-pointer {
  cursor: pointer;
}

/* Order Viewb page Start */
.orderstatus {
  counter-reset: status;
}
.orderstatus li {
  text-align: center;
  flex: 1;
  z-index: 1;
  color: var(--bs-gray-600);
}

.orderstatus li::before {
  /* counter-increment: status; */
  content: "\F272";
  width: 2.5rem;
  height: 2.5rem;
  line-height: 3rem;
  border-radius: var(--bs-border-radius-pill);
  border: 2px solid #ccc;
  display: block;
  margin: 0 auto 10px;
  background-color: #fff;
  color: var(--maroonlight);
  font-family: bootstrap-icons !important;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.orderstatus li::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  background-color: #dee2e6;
  top: 1.3rem;
  left: 0;
  z-index: -1;
  transform: translate(-50%, -50%);
}

.orderstatus li:first-child::after {
  content: none;
}

/* Active step styling */
.orderstatus li.active {
  color: #00100d;
}

/* Step 1 - Placed */
.orderstatus li.step-1::before,
.orderstatus li.step-1::after,
.orderstatus li.step-2::before,
.orderstatus li.step-2::after,
.orderstatus li.step-3::before,
.orderstatus li.step-3::after,
.orderstatus li.step-4::before,
.orderstatus li.step-4::after {
  background-color: var(--maroon);
  border-color: var(--maroon);
}
/* Order Viewb page Start */

.usertab {
  top: 1.5rem;
}
.usertab button {
  display: block;
  background-color: inherit;
  color: #a7a7a7;
  padding: 0.7rem 1.5rem;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  font-size: 1rem;
  font-weight: 400;
  border-radius: var(--bs-border-radius-pill);
}
.usertab button:hover,
.tab button.active {
  color: var(--white);
  background: linear-gradient(90deg, var(--maroon) 0%, var(--maroonlight) 100%);
}
.vertical-align-sub {
  vertical-align: sub;
}
.order-product {
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  border-radius: var(--bs-border-radius-lg);
  object-position: center;
}
.box-shadow {
  box-shadow: 0 0 7.2px 7px rgba(255, 255, 255, 0.13) inset;
}
.cursor-pointer {
  cursor: pointer;
}
.cate-main .itembox {
  height: 22rem;
}
.static-banner::before {
  content: "";
  width: 50%;
  height: 80%;
  background: var(--maroon);
  position: absolute;
  left: 0%;
  top: 0;
  filter: blur(58.150001525878906px);
  border-radius: var(--bs-border-radius-pill);
  transform: translate(50%, 20%);
}
.policies-pages h4 {
  font-weight: 600;
  font-size: 1.3rem;
  margin-block-start: 2rem;
  margin-block-end: 1rem;
}
.bi-heart::before {
  vertical-align: -0.22em;
  left: 0.05rem;
  position: relative;
}
.policies-pages p {
  color: rgba(var(--bs-black-rgb), 0.75);
}
.policies-pages p strong {
  font-weight: 600;
}
.policies-pages ul {
  padding-left: 1rem;
  color: rgba(var(--bs-black-rgb), 0.5);
  font-size: 0.85rem;
}
.blog-topic-links .nav-link {
    background-color: gainsboro;
    color: #000;
    border-radius: 10px;
    font-weight: 500;
}
.blog-topic-links{
  /* background: #f8f6f6; */
  padding: 1rem;
  border-radius: 1rem;
}
.blog-topic-links .nav-link.active {
    background: var(--maroon);
    color: var(--white);
}
.card img {
    transition: 0.4s;
}
.card:hover img {
    transform: scale(1.05);
}
.products-overview-details p strong {
  color: #000000b7;
  font-weight: 700;
}
.blogsmall img{
  height: 220px;
}
@media (max-width:982px) {
.blogpage .blogboxh {
    height: 15rem !important;
}
}
.blogpage .blogboxh {
    height: 29rem;
}
/* #slider-carousel{
  height: 7rem !important;
  border-radius: 50%;
} */
 /* BIG LEFT SLIDER */
/* LEFT */
#slider-carousel .slideitem{
    height: 460px;
    background-size: cover;
    background-position: left;
    border-radius: 20px;
}
.cate-main .textbox {
     z-index: 2;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    border-radius: 25px;

    background: linear-gradient(180deg, #68181ecc 0%, rgba(255,255,255,0) 50%);

    height: 100%;
    padding: 0 1rem;
}
/* RIGHT SLIDERS */
#slider-carousel2 .slideitem{
    height: 221px !important;  
    background-size: cover;
    background-position: right;
    border-radius: 20px;
}
#slider-carousel3 .slideitem{
    height: 221px !important;  
    background-size: cover;
    background-position: right;
    border-radius: 20px;
}
#slider-carousel2 .slideitem {
    padding: 1rem 0;
}
#slider-carousel3 .slideitem {
    padding: 1rem 0;
}
.slideitem::after {
    content: "";
    background: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: inline-block;
    animation: updown-two 2.6s linear 0s infinite alternate;
}


.about h5{
  /* font-family: "Marcellus" !important; */
}


.catoegybanner .adscontent {
  position: absolute;
  left: 0;
  top: 0;
  /* background:rgba(62, 45, 8, 0.233); */
  background:rgba(0, 0, 0, 50%);
  z-index: 9;
  display: inline-block;
  width: 100%;
  height: 25rem; 
}

.catoegybanner .adsbannerh {
    height: 25rem;
}
/* @media (max-width: 575.98px) {
.catoegybanner  .adscontent {
  height: 20rem !important;
}
.catoegybanner .adsbannerh {
    height: 20rem;
}
.catoegybanner .adsbannerh img {
    height: 20rem !important;
}
} */
.counter-box{
  background:#F8F8F8;
  border-radius:10px;
}
.counter-box h2{
  color:var( --golden);
}

.about-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  align-items: stretch;
  height: 100%;
}

/* BOTH COLUMNS FULL HEIGHT */
.about-grid > div{
  height: 100%;
}

.about-img1{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.about-content{
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
}

/* TEXT AREA */
.about-text{
  align-self: start;
}

/* BOTTOM SMALL IMAGE */
.about-img2{
  width: 100%;
  object-fit: cover;
  border-radius: 1rem;
  align-self: end;
}

/* =====================================
   IMAGE COMMON FIX
===================================== */

.about-img1,
.about-img2{
  display: block;
}

/* =====================================
   RESPONSIVE
===================================== */

/* TABLET */
@media (max-width: 991px){

  .about-grid{
    grid-template-columns: 1fr;
  }

  .about-img1{
    height: 400px;
  }

  .about-content{
    gap: 1.5rem;
  }

  .about-img2{
    height: 250px;
  }
}

/* MOBILE */
@media (max-width: 576px){

  .about-img1{
    height: 300px;
  }

  .about-img2{
    height: 200px;
  }

}


.right-grid-content {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
  position: absolute;
  visibility: hidden;
}

.right-grid-content.show-content {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  position: relative;
}
.navbar {
  background: #fff;
}
.navbar .navigation { 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
  border-radius: var(--bs-border-radius-2xl); 
  padding-top: .25rem !important;
  padding-bottom: .25rem !important; 
}
.navbar.fixed-top .navigation { box-shadow: none; }
.navbar.fixed-top {
  top: 0px;
  width: 100%;
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  z-index: 1000;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  background: var(--maroon);
}
.navbar.fixed-top .navigation>ul>li>a{
  color: var(--white);
}
.navbar.fixed-top .dropdown-toggle::after{ border-color: var(--white); }
.navbar.fixed-top .navigation ul li a:hover, .navbar.fixed-top .navigation ul li a.active{
  color: var(--golden);
}
.navbar.fixed-top ul li a.dropdown-toggle.active::after{ border-color: var(--golden); }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fixed-top.scroll-up-nav {
  transform: translateY(-100%);
  opacity: 1;
  transition: all 0.3s ease;
}

.megamenurightimgbox .right-grid-content{
  height: 20rem;
  overflow: hidden;
}
.menucattext{
  width: 100% !important;
  padding-left: 0 !important;
}
li.menucattext::before {
  display: none !important;
}
.cate-tabs-area::after{
  content: '';
  position: absolute;
  background: linear-gradient(300deg, rgb(255 255 255 / 69%) 40%, rgb(0 0 0 / 0%) 59.91%, rgba(0, 0, 0, 0) 80.12%);
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
}
.innerhero {
    height: 35rem;
}
/* About Us */
.innerhero::before{
  content: '';
  background: radial-gradient(49.54% 49.51% at 50.02% 54.8%, rgba(0, 0, 0, 0.00) 17.79%, #000 100%);
  filter: blur(116.25px);
  height: 130%;
  width: 150%;
  position: absolute;
  left: -20%;
  top: -40%;
}
.aboutimgbox{

}
.alternaterow:nth-child(even){
  flex-direction: row-reverse;
}
.textmaroonsemidark{
  color: var(--maroon2);
}
.quoteicon{ position: relative;}
.quoteicon::before, .quoteicon blockquote::after{
  content: '';
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 34' fill='none'><g clip-path='url(%23clip0_696_666)'><path d='M4.48876 6.20041C1.16481 7.83375 -0.240151 10.6671 0.136791 14.9337C0.582267 19.6004 2.15857 23.1004 4.9685 25.6337C7.02455 27.5004 9.21766 28.4004 12.0619 28.6004C14.1522 28.7337 14.392 28.7004 15.2145 27.9004C16.2768 26.8671 16.3453 25.7337 15.3858 24.5337C14.9061 23.9337 14.3578 23.6671 13.6039 23.6671C12.9871 23.6671 11.9933 23.5337 11.3422 23.3337C10.0058 22.9671 7.53856 21.4004 7.53856 20.9337C7.53856 20.7671 7.67563 20.7004 7.84697 20.8004C8.0183 20.9337 8.94353 20.8337 9.90301 20.6337C13.6039 19.8671 16.1054 16.8004 16.1054 13.1004C16.0712 7.16708 10.0058 3.53375 4.48876 6.20041Z' fill='%2368181D' fill-opacity='0.17'/><path d='M23.2678 6.23375C21.0404 7.36708 19.3613 9.56708 18.9844 11.9337C18.8473 12.8004 18.9159 14.7671 19.1215 16.3004C20.1152 23.4004 24.6385 28.1671 30.8409 28.6004C32.9998 28.7337 33.2397 28.7004 34.0621 27.9004C35.9468 26.0671 34.7132 23.9337 31.5263 23.5671C29.6416 23.3337 26.7631 21.9004 26.4547 21.0337C26.3519 20.7671 26.4547 20.6671 26.6603 20.8004C27.3114 21.1671 30.4297 20.3004 31.8004 19.3337C32.5886 18.7671 33.5138 17.6671 34.0621 16.6337C37.5574 9.76708 30.3269 2.76708 23.2678 6.23375Z' fill='%2368181D' fill-opacity='0.17'/></g><defs><clipPath id='clip0_696_666'><rect width='34.9528' height='34' fill='white'/></clipPath></defs></svg>");
  position: relative;
  /* left: 0;
  top: 0; */
  display: inline-block;
}
.quoteicon blockquote{ position: relative; }
.quoteicon blockquote::after{
  bottom: -1rem;
  top: auto;
  left: .5rem;
  transform: rotate(180deg);
  vertical-align: text-top;
}
.conter-icon{
  width: 3.5rem;
  height: 3.5rem;
  padding: .7rem;
}
.teamimgbox{
  height: 18rem;
}
.tabsdetail ul{
  padding-left: 1rem;
  display: grid;
}
.tabsdetail ul li{ margin-bottom: .7rem; }
.tabsdetail table tr td{ padding-bottom: .8rem; }
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-gray-100);
  --bs-tooltip-color: var(--bs-dark);
  font-weight: 400;
}
.backtotop {
  position: fixed;
  right: 1rem;
  bottom: 3rem;
  border: 2px solid var(--maroon2);
  background: var(--maroon);
  width: 50px;
  height: 50px;
  border-radius: var(--bs-border-radius-pill);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 999;
  font-size: 1.4rem;
  transition: all 0.475s;
}
.backtotop:hover {
  color: var(--white);
  background: var(--golden);
  border-color: var(--golden);
}
.companypage p{
  font-size: .9375rem;
  line-height: 1.4rem;
  
}
.text-justify{ text-align: justify; }
.companypage .title h4{
  font-size: 30px;
  color: var(--maroonlight);
}