:root {
  --pc: #e80e24;
  --pc-lyt: #fef5f5;
  --sc: #05203C;
  --black: #000000;
  --white: #ffffff;
  --light-color: #3b3b3b;
  --border-color: #cdcdcd;
  --radius: 8px;
}

body a {
  text-decoration: none;
  color: var(--black);
}

p {
  line-height: 2;
  font-size: 1rem;
  color: var(--light-color);
}

[class*="btn"] {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  border: transparent;
  color: var(--white);
  border-radius: 90px;
  transition: all .4s ease;
}

[class*="btn"]:not(.light-btn):after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-radius: 90px;
  transition: all .4s ease;
  right: 0px;
  bottom: 0px;
  z-index: -1;
}

.pc-btn {
  background: var(--pc);
}

.sc-btn {
  background: var(--sc);
}

.pc-btn:hover:after {
  background: var(--sc);
  transition: all .4s ease;
  height: 100%;
  width: 100%;
}

.sc-btn:hover:after {
  background: var(--pc);
  height: 100%;
  transition: all .4s ease;
  width: 100%;
}

.light-btn {
  background: var(--pc-lyt);
  color: var(--pc);
  --white: var(--pc)
}

.light-btn:hover {
  background: #ffe3e6;
}

/*///////////////////////---Topbar-Start---////////////////////////////*/

.top-strip {
  background: var(--pc);
  color: var(--white);
  font-size: 14px;
}

.topbar {
  background: var(--white);
  position: relative;
}

@media (min-width: 1024px) {
  .topbar:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 40%;
    background: var(--sc);
  }
}

.topbar a {
  line-height: 1.7;
  font-size: 14px;
}

.topbar :is(.flex-right-bar a, .flex-right-bar) {
  color: var(--white);
}

/*///////////////////////---Header-Start---////////////////////////////*/

header {
  background: var(--pc-lyt);
  border-top: 1px solid var(--border-color);
}

.flex-header-ryt-container :is(.toggleBtn, .searchBtn),
header .closeToggleMenu {
  cursor: pointer;
}

header .dropdown {
  position: relative;
}

header .dropdown>ul {
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  background: var(--white);
  transition: all .3s ease;
}


header .dropdown:hover>ul {
  transition: all .3s ease;
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

header .dropdown:hover>a svg {
  transition: all .3s ease;
  transform: rotate(180deg);
  fill: var(--pc);
}

header nav ul li a:hover,
.topbar .flex-left-bar a:hover,
.recent-search a:hover {
  color: var(--pc);
  transition: all .3s ease;
}

.topbar .flex-right-bar a:hover {
  text-decoration: underline;
}

header .headMainBtn {
  height: 35px;
  width: 35px;
  justify-content: center;
  align-items: center;
  background: var(--sc);
  border-radius: 50%;
  outline: 2px solid var(--sc);
  outline-offset: 3px;
}

/*------------site-search-form-------------*/

.searchForm-wrap:after {
  height: 0%;
  width: 0%;
  background: #000000b3;
  content: '';
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}

.searchForm-wrap.active:after {
  height: 100%;
  width: 100%;
  opacity: 1;
  visibility: visible;
  transition: all .3s;
}

.searchForm-wrap form {
  background: var(--white);
  border-radius: var(--radius);
  transition: all .3s;
}

form :is(input, select, textarea) {
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  font-size: 16px;
}

form textarea {
  resize: none;
  height: 120px;
}

form :is(input, select, textarea):focus {
  border: 1px solid var(--pc);
  outline: 1px solid var(--pc);
}

form .form-control label {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}

.recent-search a {
  border: 1px solid var(--border-color);
  border-radius: 90px;
  padding: 6px 15px;
  font-size: 14px;
  color: var(--light-color);
}

.searchForm-wrap form .flex-closeSearchBtn {
  background: var(--white);
  border-radius: 50%;
  cursor: pointer;
}

.homepage-hero .swiper .swiper-pagination {
  background: var(--white);
  border-radius: 30px;
}

/*//// swiper-new ///*/

.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--pc);
  width: 30px;
  height: 8px;
  border-radius: 90px;
}

/*//// section-heading ///*/

.flex-sec-heading .heading-sub-title {
  background: var(--pc-lyt);
  color: var(--pc);
  font-weight: 500;
  position: relative;
}

.light-heading :is(h2, .h2, p) {
  color: var(--white);
}

.flex-sec-heading .heading-sub-title:after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 510.986 510.986" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M447.486 0c-29.181 0-54.575 20.226-61.577 48H242.466c-10.55 0-20.47 4.109-27.931 11.569L9.212 264.893c-12.282 12.282-12.282 32.266 0 44.548l192.333 192.333c6.141 6.141 14.208 9.211 22.274 9.211s16.133-3.07 22.274-9.211L451.417 296.45c7.46-7.461 11.569-17.38 11.569-27.931V138.38c6.169-3.172 12.003-6.858 17.329-11.102 20.065-15.987 30.671-38.042 30.671-63.778 0-35.014-28.486-63.5-63.5-63.5zm.5 268.52a24.338 24.338 0 0 1-7.176 17.324L235.486 491.168c-6.434 6.434-16.901 6.434-23.335 0L19.818 298.835c-6.433-6.434-6.433-16.901 0-23.335L225.142 70.176A24.338 24.338 0 0 1 242.466 63h189.02c9.098 0 16.5 7.402 16.5 16.5v49.274c-13.084 5.388-27.495 8.491-41.343 9.604C404.122 119.011 387.529 104 367.486 104c-21.78 0-39.5 17.72-39.5 39.5s17.72 39.5 39.5 39.5c18.316 0 33.756-12.532 38.206-29.471 14.033-.931 28.617-3.722 42.294-8.648V268.52zM365.81 150.811c7.258 1.663 15.357 2.669 23.906 2.97-3.894 8.387-12.392 14.22-22.231 14.22-13.509 0-24.5-10.991-24.5-24.5s10.991-24.5 24.5-24.5c11.904 0 21.847 8.535 24.044 19.805-8.081-.195-15.688-1.085-22.368-2.616a7.501 7.501 0 0 0-3.351 14.621zm105.157-35.264a84.006 84.006 0 0 1-7.981 5.608V79.5c0-17.369-14.131-31.5-31.5-31.5h-29.964c6.542-19.307 24.973-33 45.964-33 26.743 0 48.5 21.757 48.5 48.5 0 21.308-8.418 38.819-25.019 52.047z" fill="%23000000" opacity="1" data-original="%23000000"></path></g></svg>') no-repeat;
  height: 25px;
  width: 25px;
  content: '';
  position: absolute;
  transform: scale(-1, 1);
  right: -15px;
  bottom: -10px;
  opacity: .3;
}

.flex-sec-heading h2 span {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(140.88deg, var(--pc) 20.15%, var(--sc) 145.19%);
  -webkit-background-clip: text;
  margin-bottom: 0;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.light-heading.flex-sec-heading h2 span {
  background-image: linear-gradient(0deg, #ff8282, #f8eaea), linear-gradient(140.88deg, var(--pc) 20.15%, var(--sc) 145.19%);
}

/*//// category-img ///*/

.cat-img {
  background: #eeeeee42;
  transition: all .3s;
  border-radius: 50%;
  border: 3px solid #cdcdcd33;
  border-bottom: 3px solid var(--pc);
  border-left: 3px solid var(--pc);
}

.cat-img:hover {
  border-bottom: 3px solid #cdcdcd33;
  border-left: 3px solid #cdcdcd33;
  transition: all .3s;
  border-top: 3px solid var(--pc);
  border-right: 3px solid var(--pc);
}

.cat-img img {
  transform: scale(0.9);
  transition: all .3s;
}

.cat-img:hover img {
  transform: scale(1);
  transition: all .3s;
}

/*product-card-start*/

.product-card {
  background: var(--white);
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
}

.product-card .prod-detl .prod-ttl {
  font-size: 18px;
  font-weight: 600;
  transition: all .3s;
  line-height: 27px;
}

.product-card .prod-detl .prod-ttl:hover {
  transition: all .3s;
  color: var(--pc);
}

.price {
  font-size: 20px;
  font-weight: 600;
}

.btn-sold-out {
  background: #c7c7c759;
  color: #979797;
}

[class*="-tag"] {
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  color: var(--white);
  padding: 3px 15px;
}

.hot-tag {
  background-color: var(--pc);
}

.dis-tag {
  background-color: #43acbd;
}

.sale-tag {
  background-color: #ffad04;
}

.sold-tag {
  background: #ffe4e4;
  color: var(--pc);
}

.wtsp-btn {
  background-color: #25d366;
}

.wtsp-btn:hover {
  background-color: #18bb54;
}

@media (width <=1400px) {
  .product-card [class*="btn"] {
    font-size: 13px;
  }
}

.site-elements {
  position: relative;
  z-index: 0;
}

.bg-plyt-color:after {
  content: '';
  position: absolute;
  inset: 0;
  background: #ff95a0 url(https://cdn.pixabay.com/photo/2020/03/14/17/01/flowers-4931217_1280.png) no-repeat center center / cover;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.05;
}

/*--------------site-marq-animation-------------*/

.rtl {
  animation: marqueeRTL 10s linear infinite
}

@keyframes marqueeRTL {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}


.flex-sm-prod-card {
  background: #cdcdcd2b;
  padding: 25px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  /*flex-wrap: wrap;*/
  /*gap: 15px 0;*/
}

.fade-heading {
  background: linear-gradient(to right, rgb(255 88 106 / 11%) 0%, rgb(255 255 255 / 0%) 100%);
  font-size: 14px;
  color: var(--pc);
  width: fit-content;
  padding: 4px 10px;
}

.bg-gradient {
  background: linear-gradient(-235deg, #ff99a33d 0%, #ffffff 50%);
}

.flex-tabBtn-wrap button {
  border: 0;
  border-radius: 90px;
  background: var(--sc);
  color: var(--white);
  font-size: 16px;
  transition: all .4s ease;
  cursor: pointer;
}

.flex-tabBtn-wrap :is(button:hover, button.active) {
  transition: all .4s ease;
  background: var(--pc);
}

.flex-tabBtn-wrap button span {
  background: var(--white);
  border-radius: 50%;
  transform: rotate(45deg);
}

.flex-tabBtn-wrap button span img {
  height: 35px;
  width: 35px;
  object-fit: cover;
  transform-style: preserve-3d;
  transform: scale(1) rotateX(0deg);
  transition: transform 0.4s ease;
}

.flex-tabBtn-wrap button:hover span img {
  animation: coinToss 1.2s ease-in-out;
}

@keyframes coinToss {
  0% {
    transform: scale(0.6) rotateX(15deg);
    opacity: 0;
  }

  30% {
    transform: scale(1.2) rotateX(180deg);
    opacity: 1;
  }

  60%,
  100% {
    transform: scale(1) rotateX(360deg);
  }
}

.tabcontent {
  display: none;
  animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.stats-counter .flex-col-stats {
  border-radius: 10px;
  border: 1px solid #dddddd63;
}

.stats-counter .stats-bg-a,
.grid-prod-ftrs .ftrs-a {
  background: #b579b21c;
}

.stats-counter .stats-bg-b,
.grid-prod-ftrs .ftrs-b {
  background: #00ff581c;
}

.stats-counter .stats-bg-c,
.grid-prod-ftrs .ftrs-c {
  background: #0001ff0f;
}

.stats-counter .stats-bg-d,
.grid-prod-ftrs .ftrs-d {
  background: #b2ff0024;
}

.flex-review-card {
  background: var(--white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

.flex-review-card .flex-review-between {
  border-top: 1px solid var(--border-color);
  padding-top: 15px;
}

/*------------footer-start------------*/

footer {
  position: relative;
  z-index: 0;
  background: #383838;
}

footer:before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../img/footer-bg.webp) no-repeat center center / cover;
  height: 100%;
  width: 65%;
  opacity: 0.05;
  z-index: -1;
  transform: scaleX(-1);
}

footer .foot-menu-ttl {
  color: var(--white) !important;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

footer :is(a, p, span, div):not(:is(.flex-foot-info a, .footer-strip-between p)) {
  color: #e7e7e7;
}

footer a {
  transition: all .3s;
}

footer .footer-menus a:hover {
  color: var(--white);
  padding-left: 3px;
  letter-spacing: 1px;
  transition: all .3s;
}

footer .flex-foot-info,
.contact-info-wrap .flex-foot-info {
  background: var(--white);
  border: 1px solid var(--border-color);
  padding: 30px;
  border-radius: var(--radius);
}

footer .flex-foot-info .flex-info-item span,
.contact-info-wrap .flex-foot-info span {
  background: var(--pc);
  border-radius: var(--radius);
}

footer .flex-foot-info .flex-info-item a,
.contact-info-wrap .flex-foot-info .flex-info-item a {
  color: #686868;
}

footer .flex-foot-info .flex-info-item a:hover,
.contact-info-wrap .flex-foot-info .flex-info-item a:hover,
.flex-copyryt-between a:hover {
  transition: all .3s;
  text-decoration: underline;
  color: var(--pc);
}

footer .footer-strip-between {
  background: var(--white);
  padding: 25px;
  border-radius: var(--radius);
}

.flex-social-media li a {
  border: 1px solid var(--border-color);
  border-radius: 50%;
  transition: all .3s ease;
}

.flex-social-media li a:hover {
  transition: all .3s ease;
  background: var(--pc);
  border: 1px solid transparent;
}

.flex-social-media li a:hover {
  fill: var(--white);
}

.flex-copyryt-between {
  padding-block: 10px;
  background: #f7f5ff;
}

/*------------contact-start------------*/

.contact-wrapper {
  background: var(--white);
  padding: 30px;
  border-radius: var(--radius);
  box-shadow: 0 0 4px 0 rgb(0 0 0 / .2);
}

.flex-contact-wtspBtn {
  color: var(--white);
  background: #057A55;
  transition: all .3s;
  font-weight: 500;
  font-size: 17px;
  border-radius: var(--radius);
}

.flex-contact-wtspBtn:hover {
  background: #079669;
  transition: all .3s;
}

.con-info-query {
  background: var(--pc);
  padding: 15px 10px;
  border-radius: var(--radius);
}

.con-info-query p {
  color: var(--white);
}

/*------------BuyNow-form-start------------*/

.flex-step-process-wrap .process--fill span {
  background: #16a345;
  color: var(--white);
}

.flex-step-process-wrap .process--active:not(:first-of-type) span {
  animation: coinToss 1.2s ease-in-out forwards;
  transform-style: preserve-3d;
}

@keyframes coinToss {
  0% {
    transform: scale(0.6) rotateY(0deg);
    opacity: 0;
  }

  30% {
    transform: scale(1.2) rotateY(180deg);
    opacity: 1;
  }

  60% {
    transform: scale(1) rotateY(360deg);
  }

  100% {
    transform: scale(0.9) rotateY(360deg);
  }
}

.flex-col-step:not(:first-child):after {
  content: '';
  position: absolute;
  left: -220px;
  top: 50%;
  height: 0.3px;
  width: 180px;
  background: #ccc;
  transition: all .3s ease;
  transform: translateY(-50%);
}

.process--fill:after {
  transition: all .3s ease !important;
  background: #16a345 !important;
}

/*-----------site-pagination--------*/

.flex-pagination .flex-pagination-link {
  border: 1px solid var(--border-color);
  transition: all .4s;
  background: #cdcdcd4a;
}

.flex-pagination span.current-page,
.flex-pagination :is(a, span):hover {
  border: 1px solid var(--pc);
  background: var(--pc);
  transition: all .4s;
  color: var(--white);
}

/*----------------single-prod-style--------------------*/

.single-prod-img-con {
  background: #cdcdcd1a;
  cursor: pointer;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

.single-prod-img-coll {
  border: 1px solid var(--border-color);
  border-radius: 50%;
}

.single-prod-img-coll img {
  border-radius: 50%;
  cursor: pointer;
}

.single-prod-img-coll img,
.single-prod-img-con img,
.cat-img img{
    mix-blend-mode: multiply;
}

.single-prod-img-coll.active img {
  opacity: .3;
  cursor: no-drop;
}

.single-prod-content .product-category {
  color: var(--pc);
  font-weight: 500;
}

.single-prod-content .product-title {
  font-size: 26px;
  font-weight: 600;
}

.single-prod-content .flex-prod-price .prod-price {
  font-size: 24px;
  font-weight: 600;
}

.single-prod-content .flex-prod-price .prod-mrp {
  font-size: 18px;
  font-weight: 500;
  text-decoration: line-through;
  color: rgba(0, 0, 0, 60%);
}

.single-prod-content .flex-prod-price .prod-offTag {
  background: var(--pc);
  color: var(--white);
  padding: 5px 15px;
  border-radius: 90px;
}

.single-prod-content .prod-qty .dereQty {
  left: 1px;
  border-radius: 90px 0 0 90px;
}

.single-prod-content .prod-qty .increQty {
  right: 1px;
  border-radius: 0 90px 90px 0;
}

.single-prod-content .prod-qty :is(.increQty, .dereQty) {
  position: absolute;
  cursor: pointer;
  background: var(--white);
  padding: 10px 14px;
}

details {
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  padding: 15px 20px 15px 20px;
  background: #d2d2d21f;
}

details summary {
  transition: all 0.2s ease;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
}

details summary:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0px;
  height: 14px;
  width: 14px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none'%3E%3Cpath stroke='%23c7c7c7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 6 6 6-6'/%3E%3C/svg%3E") no-repeat;
  transition: all 0.5s ease;
}

details[open]>summary {
  border-bottom: 1px solid var(--border-color);
}

details[open]>summary {
  margin-bottom: 15px;
  padding-bottom: 15px;
}

details[open]>summary:after {
  transform: rotate(90deg);
}

.grid-prod-ftrs .flex-ftrs {
  padding: 15px 25px;
  border-radius: var(--radius);
}


/*---------new-add-on-css---------*/

.border-input{
			display: flex;
			align-items: center;
			gap: 10px;
			border: 1px solid #ddd;
			padding: 8px 20px;
			border-radius: 4px;
		}

		.border-input p{
			margin: 0;
    		border-right: 1px solid #ddd;
    		padding-right: 10px;
		}