@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/***** General CSS *****/

body {
  word-break: break-word;
  font: 15px/25px 'Poppins', sans-serif;
  color: #393939;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #28b16d;
  white-space: initial;
}

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

a:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

img {
  max-width: 100%;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

ul {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
}

p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}


/***** Font Files *****/

@font-face {
  font-family: 'Brunson';
  src: url(../fonts/Brunson.ttf);
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Blender_Pro';
  src: url(../fonts/fonnts.com-Blender_Pro_Medium.ttf);
  font-weight: 400;
  font-style: normal
}


/***** Custom Classes *****/

.noPadding {
  padding: 0;
}

.noLeft {
  padding-left: 0;
}

.noRight {
  padding-right: 0;
}

.centerCol {
  float: none;
  margin: 0 auto;
}

.theme-btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 15px 40px;
  color: #fff;
  margin: 20px 20px 20px 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  text-transform: capitalize;
  border: 2px solid;
  text-transform: uppercase;
}

.theme-btn:hover {
  background-color: #fff;
  color: #000;
  border-color: #28b16d;
}

.flexRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.flexCol {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center;
}

h1 {
  font-family: 'Brunson';
  font-size: 55px;
  line-height: 60px;
  color: #fff;
  font-weight: 500;
  margin: 0 0 17px;
}

h2 {
  font-family: 'Brunson';
  font-size: 55px;
  line-height: 60px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 30px;
}

h3 {
  font-family: 'Brunson';
  font-size: 30px;
  line-height: 34px;
  color: #000000;
  font-weight: 600;
  margin: 0 0 28px;
}

h4 {
  font-family: 'Brunson';
  font-size: 24px;
  line-height: 29px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 13px;
}

h5 {
  font-family: 'Brunson';
  font-size: 20px;
  line-height: 25px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 20px;
}

h6 {
  font-family: 'Poppins', Sans-Serif;
  font-size: 18px;
  line-height: 23px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 22px;
}

select {
  background: #fff url('../images/arrow.png') no-repeat right;
  padding: 0 40px 0 30px;

}

::-webkit-input-placeholder {
  color: #575757;
}

::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #575757;
}

:-moz-placeholder {
  color: #575757;
  opacity: 1;
}



/*header css start */

.inp input::placeholder {
  text-transform: uppercase;
  font-family: 'Blender_Pro';
  font-size: 13px;
}

/* search box css */
.popover__wrapper {
  position: relative;
  display: block;
  list-style-type: none;
  padding: 10px 0;
}

.center-sec-icon ul li span.chan {
  background-color: #f5f5f5;
}

.inp {
  text-align: center;
  margin: 0 0 0 auto;
  position: relative;
  width: 85%;
}

.logo-sec a img {
  width: 80%;
  object-fit: cover;
}

.inp input {
  width: 100%;
  padding: 15px 30px;
  border: unset;
  background-color: #f5f5f5;
  border-radius: 30px;
  margin: 0 auto 0 0;
  padding-left: 26%;
}

.inp button {
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 13px;
  color: #fff;
  padding: 15px 40px;
  background-color: #0675ad;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: unset;
  outline: unset;
  font-family: 'Blender_Pro';
}

.inp select {
  background-repeat: no-repeat;
  /* background-position: right 10px center; */
  background-size: 16px;
  position: absolute;
  /* left: 230px; */
  top: 0px;
}

.head-top p {
  font-size: 13px;
  color: #3b2c27;
  font-family: 'Blender_Pro';
  margin: unset;
}

.inp::before {
  position: absolute;
  left: 165px;
  width: 1px;
  height: 30px;
  content: '';
  background-color: #00000057;
  z-index: 1;
  top: 12px;
}


.inp select {
  width: 157px;
  padding: 18px 15px;
  font-size: 12px;
  /* border: 2px solid #ccc; */
  border-radius: 8px;
  /* background-color: #fff; */
  color: #333;
  /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); */
  appearance: none;
  border: unset;
  background-color: #f5f5f5;
  border-radius: 30px;
  -webkit-appearance: auto;
  display: flex;
  align-items: center;
}

ul.par li p {
  text-transform: uppercase;
}

.center-sec-icon ul li i.fas.fa-shopping-bag {
  border: 1px solid #00000038;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0675ad;
  color: #fff;
}

.popover__wrapper .fa {
  font-size: 18px;
  margin-top: 10px;
}

.searchbox {
  border: 1px solid var(--brownclr);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0, 10px);
  background-color: #fff;
  border-radius: 1px solid #fff;
  padding: 1rem 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
}

.popover__content .form-group {
  margin: 0;
  position: relative;
  z-index: 1;
}

.popover__wrapper .form-control {
  width: 90%;
  height: 44px;
  background-color: #ffffff;
  font-size: 14px;
  border-radius: 0;
  box-shadow: inherit;
  border: 0;
  /* border: 1px solid #adadad; */
}

.popover__wrapper .btn-default {
  font-size: 20px;
  position: absolute;
  right: 16px;
  top: 10px;
  background: none;
  border: none;
  color: var(--brownClr);
  box-shadow: none;
}

.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  width: 300px;
  visibility: visible;
  transform: translate(0, 50px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.form-control {
  border: 0;
}

/* end search box css */

/* Search bar Start */
.search-container {
  width: 90%;
  display: block;
  /* margin: 0 auto; */
}

input#search-bar {
  margin: 0 auto;
  width: 100%;
  height: 54px;
  padding: 0 22px;
  font-size: 16px;
  border: 2px solid #fff;
  outline: none;
  background: var(--theme);
  color: #fff;
  border-radius: 50px;
}

input#search-bar::placeholder {
  color: #fff;
}

.center-sec-icon ul li i.far.fa-shopping-cart {
  font-family: 'FontAwesome';
}

input#search-bar:focus {
  border: 2px solid #fff;
  transition: 0.35s ease;
  color: #fff;
  box-shadow: inset 0 0 6px 0px #0b1713;
}

input#search-bar:focus::-webkit-input-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}

input#search-bar:focus::-moz-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}

input#search-bar:focus:-ms-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}

.search-icon i {
  position: relative;
  float: right;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: -50px;
  right: 5px;
  background-color: #fff;
  color: var(--brownclr);
}

.search-icon:hover i {
  transform: scale(1.2);
  margin-right: -8px;
  box-shadow: 0 0 3px 0 #4e4e4e;
  transition: all 0.3s ease-in-out;
}

.container-fluid {
  /* max-width: 1600px; */
  /* padding: 0 4%; */
}

/* Search Bar End */

/*header css start */
.menusec-loction ul li select option {
  color: #000;
}

.menuSec {
  padding: 10px 0;
  /* background: #2c2a25; */
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.menuSec img {
  margin: 0;
}

header .container-fluid {
  padding: 0 2%;
}

.head-top {
  padding: 10px 0px;
  border-bottom: 1px solid #ebe9e9;
}

.head-top .row {
  align-items: center;
}

.menuSec ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}

.menuSec ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.menuSec li ul {
  display: none;
}

.menuSec ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #3b2c27;
  font-size: 14px;
  text-transform: uppercase;
  /* margin-right: 30px; */
  font-weight: 400;
  font-family: 'Blender_Pro';
}

.center-sec {
  padding: 11px 0;
}

.center-input-box input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  padding: 0 0 0 4%;
  color: #000;
  background-color: #f7f8fa;
}

.accordion-button:focus {
  border-color: inherit;

  box-shadow: inherit;
}

.center-input-box {
  position: relative;
  margin: 0 0 0 auto;
  width: 80%;
}

.center-input-box-icon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.center-input-box-icon {
  position: absolute;
  top: 0px;
  right: 0;
  background: #ff4b28;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  /* width: 50px; */
  /* height: 50px; */
  /* border-radius: 50%; */
  font-size: 14px;
  border: 0;
  padding: 12px 37px;
  border-radius: 5px;
}

.center-input-box-icon-2 {
  position: absolute;
  top: 11px;
  left: 4%;
}

.center-sec-icon ul li i {
  font-size: 20px;
  margin-bottom: 5px;
  color: #000;
  background-color: #f5f5f5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-sec-icon ul li {
  text-align: center;
  position: relative;
}

.categories_mega_menu.men-le-sty ul li:hover {
  background: #ccc;
}

.categories_mega_menu.men-le-sty ul li {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  padding: 15px 30px;
  border-bottom: 1px solid #ebebeb;
  /*position: relative;*/
  transition: 0.3s ease-in-out;
}

.categories_mega_menu.men-le-sty {
  position: relative;
}

.menu-cate-main .menu-cate.active {
  display: block;
}

.menu-cate-main .menu-cate.active .menu-cate-last-inner:first-child {
  display: block;
}

.menu-cate-main .menu-cate h5 {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
}

.menu-cate-main .menu-cate hr {
  margin-bottom: 0;
}

.menu-cate-main .menu-cate {
  position: absolute;
  width: 100%;
  left: 100%;
  background: #f8f8f8;
  z-index: 99;
  top: 0;
  transition: 0.3s ease-in-out;
  display: none;
  border-left: 2px solid #00000057;
  box-shadow: 0 0 10px 0 #00000022;
  /*display: none;*/
}

.menu-cate-main .menu-cate .menu-cate-last a {
  color: #000;
  display: flex;
  align-items: center;
}

.menu-cate-main .menu-cate .menu-cate-last a img {
  margin-right: 20px;
  height: 50px;
}

.menu-cate-main .menu-cate .menu-cate-last a i {
  margin-left: 10px;
}

.menu-cate-main .menu-cate .menu-cate-last:last-child {
  border: 0;
}

.menu-cate-main .menu-cate .menu-cate-last {
  border-bottom: 2px solid #00000057;
  position: relative;
  padding: 10px 10px;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner.active {
  display: block;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner li {
  padding: 15px 20px;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner {
  position: absolute;
  width: 135%;
  background: #f8f8f8;
  left: 100%;
  top: 0;
  transition: 0.3s ease-in-out;
  display: none;
  border-left: 2px solid #a3a3a3;
  overflow: hidden;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner li img {
  width: 52px;
  margin-right: 7px;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner h5 {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner hr {
  margin-bottom: 0;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner .row {
  padding: 0;
}

.menu-cate-main .menu-cate .menu-cate-last .menu-cate-last-inner .row .col-lg-6 {
  padding: 0 15px;
}

.center-sec .row {
  align-items: center;
}

.center-sec-icon ul li span {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 10px;
  color: #0675ad;
  font-weight: 700;
  position: absolute;
  top: -5px;
  right: -4px;
}

.center-sec-icon ul li {
  position: relative;
}

.menusec-right-sec {
  display: flex;
  align-items: center;
  justify-content: end;
}

.menusec-loction.chg ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.menuSec ul li:last-child a {
  padding-right: 0px;
}

.center-sec-icon ul {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: end;
  margin-bottom: 0;
  /* margin-left: 20%; */
}

.menuSec ul li:last-child a:after {
  display: none;
}

.menuSec ul li a:hover,
.menuSec ul li a.active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #2876af;
}

.menuSec li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 38px;
}

.menuSec li>ul>li>a {
  border: none;
  padding: 13px 20px !important;
  color: #fff !important;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
  display: block;
  margin: 0;
}

.menuSec li>ul>li>a:before,
.menuSec li>ul>li>a:after {
  display: none;
}

.menuSec li:hover li {
  float: none;
}

.menusec-loction.chg ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;
}

.menusec-loction.chg ul li a p {
  margin-bottom: 0;
  font-size: 12px;
  color: #fff;
  font-family: 'Montserrat';
}

.menusec-loction.chg ul li a i {
  font-size: 15px;
}

.menusec-loction.chg li a {
  font-size: 13px;
  width: 35px;
  height: 35px;
  color: #cbcbcb;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  justify-content: center;
}

.menuSec li ul li a:hover {
  background-color: #ffffff;
  color: #000000 !important;
}

.menuSec ul ul ul {
  left: 100%;
  top: 0;
}

.menuSec ul:before,
.menuSec ul:after {
  content: " ";
  display: table;
}

.menuSec ul:after {
  clear: both;
}

.menuSec li>ul>li:hover>ul {
  left: 230px;
  top: 0px;
  width: 270px;
}

.droopdwon li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 40px;
}

.droopdwon {
  float: left;
}

.droopdwon li:hover li a:hover {
  background-color: #ffffff;
  color: #000 !important;
}

.add-padding {
  padding: 0 5%;
}

.topsec-left-text h2 {
  font-size: 16px;
  margin-bottom: 0;
}

.topSec {
  padding: 5px 0;
  border-bottom: 1px solid #959595;
}

header {
  position: relative;
  padding: 0 0;
  margin-bottom: 30px;
}

.head-top ul {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
  margin: unset;
}

.head-top ul li a {
  font-size: 13px;
  color: #0d0d0d;
}

.head-top ul li select {
  font-size: 13px;
  font-family: 'Blender_Pro';
  color: #0d0d0d;
  border: unset;
  -webkit-appearance: auto;
  padding: unset;
}

.head-top ul li {
  border-right: 1px solid #958c8c;
  padding-right: 20px;
}

.head-top ul li:last-child {
  border-right: unset;
}

.topsec-left-text h2 {
  font-size: 16px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #7d7d7d;
  line-height: 1;
}

.center-input-box input::placeholder {
  font-size: 12px;
  color: #000;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.center-input-box:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 50px;
  background: #d7d7d7;
  left: 11%;
  z-index: 99991;
  display: none;
}

.center-sec-icon ul li a h2 {
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #151515;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 10px;
}

.topsec-paga-link ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.menusec-loction ul li h2 {
  font-size: 10px;
  margin-bottom: 0;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  line-height: 5px;
  margin-top: 5px;
}

.menusec-loction.chg ul li img {
  width: 30px;
}

.menusec-loction ul li select {
  border: none;
  background: none;
  text-transform: uppercase;
  color: #fff;
  padding-left: 0;
  padding-bottom: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  appearance: auto;
  font-size: 12px;
}

.topsec-paga-link ul li a {
  font-size: 12px;
  text-transform: uppercase;
  color: #343434;
  font-weight: 700;
  position: relative;
  padding: 0 20px;
}

.topsec-paga-link ul li a:before {
  content: "";
  position: absolute;
  border-right: 2px solid #959595;
  width: 1px;
  height: 25px;
  right: 0;
  top: -5px;
}

.topsec-paga-link li.boader-no a:before {
  border-right: none !important;
}

.form-select:focus {
  border-color: initial !important;
  box-shadow: initial;
}

.topsec-right-text {
  display: flex;
  align-content: center;
  gap: 25px;
  justify-content: end;
}

.topsec-soical-link ul li a {
  font-size: 18px;
  color: #000;
}

.topsec-soical-link ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 0;
}

.topSec .row {
  align-items: center;
}

.topsec-select select {
  border: none;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.menusec-search-box form input {
  width: 100%;
  height: 55px;
  border-radius: 50px;
  border: 1px solid #d7d7d7;
}

.topsec-select {
  position: relative;
}

.topsec-paga-link li.boader-no a {
  padding-right: 0 !important;
}

.topsec-soical-link ul li a i:hover {
  color: var(--theme);
  transform: scale(1.2);
  transition: 0.5s;
}

.topsec-soical-link ul li a i {
  transition: 0.5s;
}

.menusec-loction.chg ul {
  display: flex;
  align-items: center;
  gap: 10px;
}

.menusec-loction.chg ul li h5 {
  margin: 0;
  font-size: 14px;
  color: #0f0e0e;
  font-weight: 600;
}


.dropdown-menu {
  position: absolute !important;
  z-index: 1000;
  display: block;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

ul.par {
  justify-content: flex-start;
}

/*header css end */

/* Footer Styles */
footer {
  background-color: #101010;
  color: #fff;
  padding: 3% 0% 20px;
  position: relative;
}

footer .container-fluid {
  padding: 0 3%;
}

ul.on {
  column-count: 2;
}

.footer-widget.tw {
  margin-left: 20%;
}

.footer-top {
  margin-bottom: 40px;
}

.footer-top h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}

.footer-top h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.footer-top p {
  color: #888;
  font-size: 14px;
  margin-bottom: 0;
}

.newsletter-form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.newsletter-form input {
  flex: 1;
  background: #fff;
  border: none;
  padding: 15px 20px;
  border-radius: 5px;
  width: 11%;
  border-radius: 100px;
}

.newsletter-form .subscribe-now {
  background: #0675ad;
  color: #fff;
  border: none;
  padding: 15px 30px;
  border-radius: 100px;
  cursor: pointer;
  transition: background-color 0.3s;
  white-space: nowrap;
  /* margin-top: 20px; */
  font-family: 'Blender_Pro';
  font-size: 14px;
}

.newsletter-form .subscribe-now:hover {
  background: #1a4a42;
}

.footer-content {
  padding: 50px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.footer-widget {
  margin-bottom: 30px;
}

.footer-widget h4 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Blender_Pro';
  text-transform: uppercase;
}

.footer-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-widget ul li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-widget ul li a {
  color: #888;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s;
  font-family: 'Blender_Pro';
  text-transform: uppercase;
}

.footer-widget ul li a:hover {
  color: #fff;
}

.footer-top h3 {
  font-size: 25px;
  color: #fff;
  font-weight: 500;
}

.footer-top p {
  font-size: 14px;
  color: #fff;
  width: 63%;
  line-height: 26px;
}

.footer-top h2 {
  font-size: 25px;
  color: #fff;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 300;
}

.footer-bottom {
  padding-top: 20px;
}

.footer-bottom p {
  color: #888;
  font-size: 14px;
  margin: 0;
}

.payment-methods img {
  height: 24px;
}

@media (max-width: 991px) {
  .newsletter-form {
    flex-direction: column;
  }

  .footer-widget {
    margin-bottom: 40px;
  }

  .footer-bottom {
    text-align: center;
  }

  .payment-methods.text-end {
    text-align: center !important;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  footer {
    padding: 60px 0 20px;
  }

  .footer-top {
    text-align: center;
    margin-bottom: 30px;
  }
}

.footer-top ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
  margin-bottom: 30px;
}

.footer-top ul li a i {
  font-size: 20px;
  color: #276359;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-widget p {
  font-size: 14px;
  font-family: 'Poppins';
  margin: unset;
  color: #888;
}

.footer-top .row {
  align-items: center;
}

ul.cont-app {
  display: flex;
  align-items: center;
}

.footer-widget i {
  font-size: 20px;
}

.footer-widget.th ul li {
  padding-bottom: 20px;
}

.ft-logo img {
  width: 20%;
}

/*footer end*/
/*blog start*/
section.blogs {
  padding: 100px 3%;
}

.blog-main-bx h6 {
  font-size: 10px;
  color: #858585;
  font-family: 'Montserrat';
  margin-bottom: 10px;
  margin-top: 20px;
  text-transform: uppercase;
}

.blog-top-txt::before {
  position: absolute;
  left: 0;
  width: 40px;
  height: 3px;
  content: '';
  background-color: #0675ad;
  bottom: -2px;
}

.blog-main-bx h4 {
  font-size: 20px;
  line-height: 30px;
  color: #0c0b0b;
  font-family: 'Blender_Pro';
  text-transform: uppercase;
  line-height: 25px;
}

.blog-main-bx p {
  font-size: 15px;
  font-family: 'Montserrat';
  color: #858585;
}

.blog-main-bx a {
  font-size: 14px;
  font-family: 'Blender_Pro';
  text-transform: uppercase;
  color: #2876af;
}

.blog-top-txt h4 {
  font-size: 56px;
  line-height: 50px;
  color: #272727;
  margin-bottom: 23px;
}

.blog-top-txt {
  border-bottom: 1px solid #dedede;
  margin-bottom: 20px;
  position: relative;
}

/*blog end*/
/*About start*/
section.about {
  padding: 100px 3% 0px;
}

.abt-img img {
  width: 100%;
  height: 580px;
  object-fit: cover;
  border-radius: 20px;
}

.abt-txt h3 {
  font-size: 56px;
  line-height: 1;
  font-weight: 400;
  color: #272727;
  margin-bottom: 10px;
}

.abt-txt p {
  font-size: 13px;
  color: #636262;
  margin-bottom: 20px;
  font-weight: 500;
}

.abt-img {
  width: 97%;
}

a.btn-1 {
  position: relative;
  display: inline-block;
  border: 1px solid #fff;
  background-color: rgb(6, 117, 173);
  box-shadow: 2.756px 9.613px 27px rgba(0, 0, 0, 0.29);
  color: #fff;
  font-size: 15px;
  padding: 15px 34px;
  border-radius: 100px;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* Hover effect */
a.btn-1:hover {
  background-color: #fff;
  color: rgb(6, 117, 173);
  transform: translateY(-4px);
  box-shadow: 0px 15px 30px rgba(6, 117, 173, 0.4);
}

/* Shine animation */
a.btn-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transform: skewX(-25deg);
  transition: left 0.6s ease;
}

a.btn-1:hover::before {
  left: 130%;
}

/* Click effect */
a.btn-1:active {
  transform: translateY(-1px);
}

/*about end*/
/*banner-bottom start*/
section.banner-bot {
  background-color: #f5f5f5;
  padding: 30px 20px;
  margin: 0 auto;
  width: 90%;
  border-radius: 10px;
  margin-top: 30px;
}

section.banner-bot ul {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: center;
}

section.banner-bot ul li h6 {
  font-size: 14px;
  line-height: 20px;
  color: #181717;
  margin: 0;
}

section.banner-bot ul li h6 span {
  display: block;
  font-size: 14px;
  color: #868686;
}

section.banner-bot .row {
  align-items: center;
}

/*banner-bottom end*/
/*our-cat-start*/
section.our-cat-top {
  padding: 100px 2%;
}

.blog-top-txt.on {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blog-top-txt.on a {
  font-size: 15px;
  color: #ec6d20;
  text-decoration: underline;
  text-transform: uppercase;
  font-family: 'Blender_Pro';
}

.our-cat-img img {
  width: 100%;
  height: 240px;
  border-radius: 20px;
  object-fit: cover;
}

ul.share-icon a:hover {
  background-color: #2c7190;
  border: unset;
  color: #fff;
}

.our-cat-img h5 {
  font-size: 16px;
  font-family: 'Blender_Pro';
  color: #191919;
  padding: 8px 20px;
  margin: unset;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  width: 94%;
  margin: 0 auto;
  margin-top: -55px;
  border-radius: 5px;
}

/*our-cat-end*/
/*best-sellers start*/
.flash-sale-slid .slick-active {
  opacity: 1;
}

.flash-sale-slid .slick-slide {
  margin: 0px 10px;
}

section.flash-sale {
  padding: 0 2%;
}

.pro-txt h4 {
  font-size: 16px;
  font-weight: 300;
  font-family: 'Blender_Pro';
  color: #0c0b0b;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.pro-txt h5 {
  color: #acacac;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Blender_Pro';
}

.pro-txt ul {
  display: flex;
  align-items: center;
  gap: 2px;
}

.pro-txt ul li i {
  color: #ffae00;
}

.pro-txt ul.check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
}



.pro-txt ul.check li h6 {
  font-size: 14px;
  color: #0c0b0b;
  margin: unset;
}

.price h3 {
  font-size: 16px;
  font-family: 'Blender_Pro';
  color: #0675ad;
  margin: unset;
  margin: unset;
}

.price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.pro-txt .price ul {
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #eaeaea;
  border-radius: 100px;
  padding: 4px 12px;
  margin: unset;
}

.pro-txt .price ul li span {
  background-color: #eaeaea;
  border-radius: 100%;
  /* padding: 0px 5px; */
  /* font-size: 8px; */
  height: 10px;
  width: 10px;
  display: block;
  border: 1px solid transparent;
}

.pro-txt a.btn-2 {
  width: 100%;
  text-align: center;
  background-color: #0675ad;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 14px;
  border-radius: 100px;
  font-size: 16px;
  color: #fff;
  font-family: 'Blender_Pro';
  margin-bottom: 0px;
}

.pro-txt h6 {
  font-size: 14px;
  color: #0c0b0b;
  margin: unset;
}

.pro-txt h6 span {
  color: #eaeaea;
}

.pro-txt {
  padding: 20px 10px;
  border: 1px solid #eaeaea;
  border-top: unset;
  border-radius: 10px;
  margin-top: -10px;
  padding-top: 30px;
}

.flash-img a img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
}

.flash-sale-slid .slick-prev,
.flash-sale-slid .slick-next {
  position: absolute;
  top: -60px;
  right: 8px;
  left: auto;
}

.flash-sale-slid .slick-prev {
  right: 60px;
}

.flash-sale-slid .slick-prev:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-image: url(../images/arrow-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  width: 54px;
}

.flash-sale-slid .slick-next:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-image: url(../images/arrow-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  width: 54px;
}

.flash-sale-slid .slick-prev.slick-disabled:before,
.flash-sale-slid .slick-next.slick-disabled:before {
  opacity: 1;
}

.star-stock {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin: 20px 0px 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
}

.star-stock ul {
  margin: unset;
}

ul.check li i {
  color: #0675ad;
}

.flash-img {
  position: relative;
}

.flash-img h5 {
  font-size: 14px;
  font-family: 'Blender_Pro';
  background-color: #fff;
  padding: 3px 15px;
  border-radius: 100px;
  position: absolute;
  top: 5px;
  right: 0;
}

/*best-seller end*/
/*toys start*/
section.toys {
  padding: 100px 2% 100px;
}

.speak-wire-bx {
  background-color: #f0ede4;
  padding: 20px 10px;
  text-align: center;
  position: relative;
  border-radius: 10px;
  height: 360px;
}

.speak-wire-bx p {
  font-size: 13px;
  width: 80%;
  margin: 0 auto;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.speak-wire-bx h4 {
  font-size: 44px;
  line-height: 42px;
  color: #272727;
  position: absolute;
  bottom: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.speak-wire-bx h4 span {
  display: block;
}

.Speak-img {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
}

.speak-wire-bx h3 {
  margin-bottom: 0;
  font-size: 57px;
  color: #fff;
  line-height: 56px;
  font-weight: 100;
}

.camera-bx {
  background-color: #0675ad;
  position: relative;
  /* padding: 20px; */
  height: 360px;
  border-radius: 10px;
}

.camera-img {
  /* position: absolute; */
  /* top: 0; */
  left: 0;
  width: 65%;
  padding: unset;
  right: 0;
  margin: 0 auto;
  margin-bottom: 25px;
}

.camera-bx h4 {
  font-size: 35px;
  font-weight: 500;
  color: #fff;
  padding: 0px 20px;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}

.camera-bx h4::before {
  position: absolute;
  right: 68px;
  width: 186px;
  height: 1px;
  background-color: #fff;
  content: '';
  top: 20px;
  display: none;
}

.camera-bx h3 {
  font-size: 56px;
  color: #fff;
  font-weight: 500;
  line-height: 60px;
  padding: 0px 20px;
  margin: 0;
}

.camera-bx h5 {
  font-size: 35px;
  line-height: 40px;
  color: #fff;
  text-align: end;
  padding: 0px 20px;
  position: relative;
}

.camera-bx h5::before {
  position: absolute;
  left: 20px;
  width: 240px;
  height: 1px;
  background-color: #fff;
  content: '';
  top: 20px;
}

.toys-bx {
  padding: 40px;
  background-image: url(../images/toys-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 360px;
  border-radius: 13px;
  display: flex;
  align-items: end;
}

.camera-img img {
  height: 250px;
  object-fit: contain;
  width: 100%;
}

.toys-bx h3 {
  font-size: 56px;
  line-height: 60px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 10px;
}

.toys-bx p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}

.toys-bx a {
  font-size: 15px;
  color: #fff;
  font-family: 'Blender_Pro';
}

/*toys end*/
/*shop-by-style START*/
section.shop-by-style {
  padding: 100px 0px;
  padding-left: 2%;
  padding-bottom: 0px;
}

section.shop-by-style .slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

section.shop-by-style .slick-active {
  opacity: 1;
}

.shop-bx-main img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
}

.shop-bx-main {
  position: relative;
  margin-bottom: 30px;
}

.shop-bx-main h5 {
  background-color: #fff;
  width: fit-content;
  padding: 10px 30px;
  border-radius: 10px;
  color: #000;
  font-weight: 500;
  margin-top: -70px;
  z-index: 1;
  position: relative;
  margin-left: 19px;
}

section.shop-by-style .container-fluid.add {
  padding-right: unset;
}

/*shop-by-style end*/
/*banner start*/
/*banner start*/
.bann-main-bx {
  padding: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/banner-bg.png);
  padding-left: 40px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.bann-main-bx .row {
  align-items: center;
}

.bann-txt h1 {
  font-size: 82px;
  line-height: 80px;
  color: #ffff;
  margin-bottom: 10px;
}

.slick-dots li button {
  display: none;
}

.bann-slid .slick-dots li.active {
  width: 116px;
}

.bann-slid .slick-dots li.slick-active {
  width: 56px;
  background-color: #2876af;
}

.bann-txt h1 span {
  display: block;
}

.bann-main-bx h2 {
  position: absolute;
  font-size: 365px;
  line-height: 240px;
  color: #fff;
  top: 0;
  right: 120px;
  z-index: -1;
  transform: rotate(180deg);
  writing-mode: tb-rl;
}

.bann-txt p {
  font-size: 14px;
  color: #fff;
  width: 87%;
  line-height: 25px;
  margin-bottom: 32px;
}

.ban-img img {
  /* margin: 0 auto; */
  /* display: block; */
  width: 100%;
  height: 550px;
  object-fit: contain;
}

ul.banner-ul li img {
  width: 100%;
  object-fit: cover;
}

.ban-img {
  position: relative;
  right: 15px;
}

.bann-slid .slick-dots {
  position: absolute;
  bottom: 16px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  background-color: #fff;
  width: fit-content;
  margin: 0 auto;
  display: block;
  left: 0;
  right: 0;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
}

.bann-slid .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ec6d20;
  /* font-size: 20px; */
  background-color: #2876af;
  border-radius: 100px;
  width: 45px;
  height: 14px;
}

.bann-txt ul {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bann-txt ul a.btn-2 {
  position: relative;
  display: inline-block;
  border: 1px solid #fff;
  background-color: #fff;
  box-shadow: 2.756px 9.613px 27px rgba(0, 0, 0, 0.29);
  color: #1b1b1b;
  font-size: 15px;
  padding: 15px 34px;
  border-radius: 100px;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.4s ease;
  text-transform: uppercase;
}

/* Hover effect */
.bann-txt ul a.btn-2:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0px 15px 30px rgba(6, 117, 173, 0.4);
  border-color: rgb(6, 117, 173);
}

section.banner-bot ul li img {
  width: 33px;
  height: 30px;
  object-fit: contain;
}

/* Shine animation */
.bann-txt ul a.btn-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.45);
  transform: skewX(-25deg);
  transition: left 0.6s ease;
}

.bann-txt ul a.btn-2:hover::before {
  left: 130%;
}

/* Click effect */
.bann-txt ul a.btn-2:active {
  transform: translateY(-1px);
}

.bann-slid .slick-dots li button:before {
  font-family: 'slick';
  font-size: 8px;
  line-height: 16px;
  position: absolute;
  top: -1px;
  left: 0;
  /* width: 20px; */
  /* height: 20px; */
  text-align: center;
  opacity: 1;
  color: #eaeaea;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #eaeaea;
  content: '';
  border-radius: 50%;
  height: 14px;
  width: 14px;
}

.bann-slid .slick-dots li {
  position: relative;
  width: 13px;
  height: 13px;
  margin: 0px !important;
  cursor: pointer;
  border-radius: 45px;
  background: #d8d8d8;
}

.bann-slid .slick-active {
  opacity: 1;
}

.ban-sm-bx {
  padding: 30px;
  background-image: url(../images/bann-sm-1.jpg);
  height: 270px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 45px;
  background-position: 100% 100%;
  border-radius: 10px;
}

.ban-sm-bx-2 {
  padding: 30px;
  background-image: url(../images/bann-sm-2.jpg);
  height: 270px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  background-position: 100% 100%;
  border-radius: 10px;
  margin-bottom: 0;
}

.ban-sm-bx h5 {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #ec6d20;
}

.ban-sm-bx h3 {
  font-size: 56px;
  line-height: 60px;
  font-weight: 200;
  margin-bottom: 2px;
}

.ban-sm-bx p {
  font-size: 14px;
  color: #6c6c6c;
  margin-bottom: 10px;
}

.ban-sm-bx a {
  font-size: 14px;
  color: #ec6d20;
  font-family: 'Blender_Pro';
  text-decoration: underline;
}

.ban-sm-bx-2 h5 {
  font-size: 52px;
  line-height: 60px;
  color: #272727;
  margin-bottom: 2px;
}

.ban-sm-bx-2 h3 {
  font-size: 52px;
  line-height: 60px;
  color: #272727;
  margin-bottom: 2px;
  font-weight: 400;
}

.ban-sm-bx-2 a {
  font-size: 14px;
  color: #ec6d20;
  font-family: 'Blender_Pro';
  text-decoration: underline;
}

ul.banner-ul {
  padding: 10px;
  background-color: #fff;
  border-radius: 20px;
  padding-bottom: unset;
  margin: 0 28px 0px auto;
  width: 93%;
}

ul.banner-ul li {
  padding-bottom: 10px;
}

.pro-txt a.btn-2:hover {
  background-color: #000;
  color: #fff;
  transition: 1s;
}

/*banner end*/
span.sp-1 {
  background-color: #8aa19e !important;
}

span.sp-2 {
  background-color: #a1b9ac !important;
}

span.sp-3 {
  background-color: #3d5577 !important;
}

span.sp-4 {
  background-color: #a09f9c !important;
}

.center-sec-icon ul li h6 {
  font-family: 'Montserrat';
  font-size: 12px;
  margin: unset;
  font-weight: 600;
  color: #000;
}

/*inner-banner start*/
.inn-bann {
  text-align: center;
  background-image: url(../images/inn-bann.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inn-bann-txt h2 {
  font-size: 82px;
  line-height: 1;
  margin: unset;
  color: #fff;
  font-weight: 500;
}

/*inner banner start*/
section.about.inn {
  padding-bottom: 100px;
}

/*inn banner end*/
/* reviews */

.reviews_heading {
  text-align: center;
  margin-bottom: 30px;
}

.reviews_heading h2 {
  margin-bottom: 10px;
}

.reviews_heading p {
  width: 60%;
  margin: 0 auto;
}

.avatar ul li h3 {
  font-size: 18px;
  color: #000;
  font-weight: 400;
  margin: unset;
  line-height: 20px;
}

.avatar ul li p {
  font-size: 12px;
  font-weight: 500;
  color: #0675ad;
  margin: unset;
}

.stars i {
  color: #fe8900;
  transition: color 0.3s ease-in;
}

.avatar ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding: 0 10px;
}

.avatar {
  margin-top: 30px;
}

.test_heading {
  text-align: center;
}

.stars {
  margin-top: 20px;
  margin-bottom: 20px;
}

.review_txt {
  padding: 30px 40px 60px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  transition: background-color 0.3s ease-in;
}

.review_txt::before {
  content: "";
  position: absolute;
  top: -10%;
  width: 65px;
  height: 45px;
  left: 9%;
  background-image: url(../images/shape.png);
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.review_txt::after {
  content: "";
  position: absolute;
  bottom: 40%;
  width: 30%;
  height: 20%;
  left: 30%;
  background-image: url(../images/commas.png);
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.1s ease-in;
}

.review_txt p {
  transition: color 0.3s ease-in;
}

.box {
  transition: all ease-in 0.3s;
}

.box:hover .review_txt::after {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(66%) sepia(46%) saturate(5481%) hue-rotate(185deg) brightness(99%) contrast(90%);
}

.box:hover .review_txt::before {
  opacity: 1;
}

.box:hover .review_txt {
  background-color: #0675ad;
}

.box:hover .review_txt p {
  color: #fff;
}

.test_heading h2 {
  font-size: 56px;
  line-height: 1;
  color: #272727;
  margin-bottom: 10px;
}

.test_heading p {
  font-size: 14px;
  color: #636262;
  font-weight: 500;
  margin: 0 auto;
  width: 70%;
}

.review_slider .slick-slide {
  opacity: 1;
}

.avatar ul li img {
  border: 3px solid #1c80d8;
  border-radius: 50%;
  height: 85px;
  width: 85px;
  object-fit: none;
  transition: border 0.3s ease-in;
}

.review_slider .slick-track {
  margin-top: 50px;
}

.reviews {
  padding: 100px 0px;
}

/* reviews */

/*login start*/
section.login {
  padding: 100px 50px;
}

.login-txt form input {
  width: 100%;
  margin-bottom: 10px;
  outline: none;
  padding: 15px 15px;
  border: 1px solid #00000061;
  color: #000;
  border-radius: 0px;
  background-color: #fff;
}

.login-txt h3 {
  font-size: 45px;
  text-align: center;
  line-height: 50px;
  text-transform: capitalize;
  font-weight: 400;
}

.login-txt {
  padding: 45px 25px 35px;
  border-radius: 0px;
  /* background-color: #fdfdfd; */
  /* border: 2px solid #e8e8e8; */
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 16px 0px rgba(63, 63, 63, 0.15);
}

.login-txt ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

li.head {
  color: #000;
  font-size: 17px;
  font-weight: 600;
}

.login-txt ul li {
  display: flex;
  gap: 7px;
}

.login-txt form button {
  width: 100%;
  color: #fff;
  border-radius: 0px;
  padding: 14px 0px;
  outline: none;
  border: none;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Montserrat';
  box-shadow: -3.119px 14.672px 38px 0px rgba(21, 21, 23, 0.21);
  background-color: #0675ad;
  border-radius: 100px;
  text-transform: uppercase;
}

.login-txt.tww {
  background-color: #0675ad;
  border-radius: 15px;
}

.login-txt.tww h3 {
  color: #fff;
}

.login-txt.tww form input {
  background-color: unset;
  border-radius: 10px;
  border: 1px solid #fff;
  color: #ffff;
}

.login-txt.tww form input::placeholder {
  color: #fff;
}

.login-txt.tww form button {
  background-color: #ffffff;
  color: #2876af;
}

.login-txt.tww ul li {
  color: #fff;
}

.login-txt a {
  color: #000;
  text-decoration: underline;
}

/*login end*/

/*bath-rooms start*/
section.bathroom-collection {
  padding: 100px 2%;
}

.bathroom-collection-txt {
  text-align: center;
  margin-bottom: 30px;
}

.bathroom-collection-txt h3 {
  font-size: 56px;
  line-height: 1;
  font-weight: 500;
  color: #272727;
  margin-bottom: 10px;
}

.bathroom-collection-txt p {
  font-size: 13px;
  width: 53%;
  margin: 0 auto;
}

/*bath-room end*/
/*CART PAGE CSS*/
.shopping_cart {
  position: relative;
  z-index: 1;
  position: relative;
  margin: 100px 0;
}

section.shopping_cart.inner-bg:before {
  position: absolute;
  content: "";
  top: 0;
  right: 34%;
  height: 100%;
  width: 1px;
  background: #d9d3c7;
  display: none;
}

.chk-btn {
  text-align: center;
}

.shopping_cart img.bk-2 {
  bottom: -38%;
  width: 6%;
}

.shopping_cart img.bk-1 {
  bottom: -2%;
  width: 7%;
}

.cart-pag-qunty .product-detail .num-in {
  width: 30% !important;
  border: 0 !important;
}

.payment_card a.btn-1 {
  color: #fff !important;
  margin: 0 auto;
  display: block;
  width: fit-content;
  text-transform: uppercase;
}

.payment_card a.btn-1 i {
  color: #fff !important;
}

.shopping_cart_table h2 {
  font-size: 34px;
  margin-bottom: 30px;
  color: #000000;
}

.shopping_cart_table table th {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat";
  padding-bottom: 10px;
  color: #151414;
}

.shopping_cart_table table thead {
  border-bottom: 1px solid #b8b8b8;
}

.shopping_cart_table table tbody td {
  padding: 25px 0;
  border-bottom: 1px solid #dddddd;
}

.shopping_cart_table table tbody .cart_box_product {
  display: flex;
  align-items: center;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_img {
  width: 70%;
  background-color: #f2f2f2;
  margin-right: 10px;
  height: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.cart_product_name {
  padding: 0 0 0 10px;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name h5 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat";
  margin: 0;
  margin-bottom: 5px;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name p {
  font-size: 13px;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat";
  margin: 0;
  line-height: 16px;
  font-weight: 600;
}

.shopping_cart_table table tbody td select {
  height: 40px;
  padding-left: 10px;
  appearance: auto;
  border: 1px solid #b8b8b8;
}

.shopping_cart_table table tbody td .skin-2 .num-in {
  border-radius: 40px !important;
  border: 0;
  width: 50%;
  border: 1px solid #00000045 !important;
}

.shopping_cart_table table tbody td .t_price {
  font-size: 35px;
  font-weight: 500;
  color: #070707;
  margin: 0;
  font-family: 'Brunson';
}

th.w-40 {
  width: 40%;
}

.shopping_cart_table table tbody td i.fas.fa-times {
  font-size: 20px;
  color: #000;
}

.cart_recipt {
  margin-top: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.cart_recipt>a {
  padding: 15px 50px;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #151414;
  font-weight: 500;
  border-radius: 100px;
}

.cart_recipt>a i {
  margin-right: 10px;
}

.recipt {
  width: 30%;
}

.recipt li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 20px;
  color: black;
  text-transform: uppercase;
  font-weight: 600;
}

.recipt li:last-child {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dddddd;
}

.recipt li span {
  color: #151414;
  font-size: 15px;
  letter-spacing: 2px;
}

.payment_card {
  background-color: transparent;
  padding: 0px 0px 0px 90px;
}

.payment_card h3 {
  font-size: 35px;
  color: black;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 40px;
  text-transform: uppercase;
  border-bottom: 1px solid #dddddd;
}

.payment_card * {
  color: #000 !important;
  font-weight: 600;
  margin: 0 auto;
}

.credit_paypal a {
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: 30px;
  display: inline-flex;
  background: #f3f3f3;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-family: "Montserrat";
  font-size: 15px;
}

.credit_paypal a img {
  height: 20px;
  object-fit: contain;
  margin-right: 10px;
}

.credit_paypal {
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}

.payment_card form label {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.payment_card form {
  margin-top: 15px;
}

.payment_card form input {
  width: 100%;
  height: 50px;
  border: none;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  background: transparent;
  padding: 0;
}

.payment_card form select {
  width: 100%;
  height: 50px;
  border: none;
  color: #fff;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  background: transparent;
  padding: 0;
}

.payment_card form input::placeholder {
  color: #7d7d7d;
}

.expiry_cvv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.expiry_date {
  width: 70%;
}

.cvv_box {
  width: 26%;
}

.month_year {
  display: flex;
  justify-content: space-between;
}

.month_year select {
  width: 48% !important;
  appearance: auto;
}

.month_year select option {
  color: #000;
}

.payment_card form .btn1 {
  margin: 30px 85px;
  border: 1px solid;
}

.shopping_cart_table {
  padding-right: 30px;
}

.payment_card a.theme_btn {
  color: #fff !important;
  margin: 0 auto;
  margin-top: 10px;
}

/* skin 2 */
.skin-2 .num-in {
  border-radius: 60px;
  cursor: pointer;
}

.skin-2 .num-in span {
  width: 40%;
  display: block;
  height: 50px;
  float: left;
  position: relative;
  border: none;
  border-radius: 55px;
}

.skin-2 .num-in span:before,
.skin-2 .num-in span:after {
  content: "";
  position: absolute;
  background-color: #667780;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}

.skin-2 .num-in span.plus:after {
  transform: rotate(90deg);
}

.skin-2 .num-in input {
  float: left;
  width: 20%;
  height: 37px;
  border: none;
  text-align: center;
  background-color: #f0f0f0;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 600;
  color: #9c7b76;
}

.product-detail .num-in {
  background: transparent;
  box-shadow: none;
  width: 92%;
  height: 52px;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 0;
  border-left: 0;
}

.product-detail input.in-num {
  border: 0;
  background-color: transparent;
  width: 45%;
  margin: 0 5px;
  color: black;
}

.productdetailsec .btn10 {
  color: white;
}

.quanity.product-detail.cart-pag-qunty {
  padding: 0 0 0 30px;
}

.side-btn a {
  color: white !important;
  /* background-color: #19305a; */
  /* border: 1px solid #909094; */
}

.side-btn a span {
  height: 48px;
  border-radius: 0 6px 6px 0;
}

/*CART PAGE CSS END*/

/* Inner Check Out Start */
.billing_form h3 {
  font-size: 35px;
  margin: 0;
  margin-bottom: 30px;
  color: #222222;
  font-weight: 500;
}

.billing_form label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #7c7c7c;
}

.radiosss p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #949694;
  font-family: "Montserrat";
}

.check-out-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: none;
  font-size: 16px;
  height: 55px;
  border-radius: 0;
  text-transform: uppercase;
}

.billing_form input {
  width: 100%;
  height: 50px;
  border: 1px solid #d9d9d9;
  margin-bottom: 20px;
  padding-left: 15px;
  background: transparent;
  font-weight: 500;
  color: #8d8d8d;
}

.billing_form input::placeholder {
  color: #7c7c7c;
  font-size: 15px;
}

.cart_sidebar .cart_lst li:not(:last-child) {
  margin-bottom: 20px;
}

.cart_sidebar .cart_lst li {
  font-size: 14px;
  color: #7c7c7c;
  font-weight: 600;
}

.cart_sidebar .cart_lst li span {
  float: right;
}

.cart_sidebar .cart_lst li:last-child {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-family: 'Brunson';
  font-weight: 200;
}

.cart_sidebar .cart_lst {
  margin-top: 20px;
  margin-bottom: 40px;
}

.thankyou_txt {
  padding: 50px;
  border: 2px solid #b7b7b7;
}

.thankyou_txt h3 {
  font-size: 35px;
  color: #000;
  font-weight: 800;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}

.thankyou_txt h3 i {
  font-size: 40px;
  margin-right: 15px;
}

.order_det h5 {
  font-size: 20px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.order_det p {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0;
}

.order_complete_detail h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.order_detail_table {
  padding: 40px;
  border: 1px solid #b7b7b7;
}

.order_detail_table h5 {
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

.order_detail_table ul {
  margin-top: 20px;
  margin-bottom: 30px;
}

.order_detail_table ul li:not(:last-child) {
  margin-bottom: 25px;
}

.order_detail_table ul li {
  font-size: 14px;
  color: #7c7c7c;
}

.order_detail_table ul li span {
  float: right;
}

.order_detail_table ul li:last-child {
  font-weight: 700;
  color: #000;
}

.order_detail_table h6 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
  padding: 25px 0;
  border-top: 1px solid #dbdbdb;
  margin: 0;
}

.order_detail_table h6 span {
  float: right;
}

.check_menu ul {
  text-align: center;
  margin-bottom: 40px;
}

.check_menu ul li {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #7c7c7c;
  margin: 0 14px;
}

.check_menu ul li i {
  font-size: 18px;
}

.check_menu ul li.purp {
  color: #19305a;
}

.cart_sidebar {
  padding: 40px 25px;
  /* border: 1px solid #b7b7b7; */
  background-color: unset;
}

.cart_sidebar h3 {
  font-size: 25px;
  color: #394136;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: normal;
  font-weight: 400;
}

.cart_sidebar .h-sub {
  font-weight: 700;
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  line-height: 0;
  padding-bottom: 30px;
  padding-top: 20px;
  color: #000;
  /* font-family: "yipes"; */
  font-weight: 400;
}

.cart_sidebar h5 span {
  float: right;
  color: #394136;
}

.cart_sidebar h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: normal;
  padding-top: 0;
  text-transform: uppercase;
  color: #394136;
  font-family: "yipes";
}

.cart_sidebar ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.cart_sidebar ul li label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #7c7c7c;
}

.cart_sidebar ul li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.cart_sidebar ul li input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #19305a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.cart_sidebar ul li:not(:last-child) {
  margin-bottom: 15px;
}

.cart_sidebar form {
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #b7b7b7;
}

.cart_sidebar form h4 {
  font-size: 14px;
  font-weight: 400;
  color: #b7b7b7;
  font-family: "Roboto", sans-serif;
}

.cart_sidebar form select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form select option {
  color: #000;
}

.cart_sidebar form input {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form input::placeholder {
  color: #b7b7b7;
  font-family: "Montserrat-Ultral";
}

.cart_sidebar form button {
  color: #000;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Poppins", sans-serif;
  padding: 10px 40px;
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
}

.cart_sidebar form button:hover {
  background-color: transparent;
  transition: 0.3s ease-in-out;
}

.checkout_btn {
  padding: 12px 50px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 0;
  font-weight: 500;
  border: 2px solid transparent;
  background-color: #19305a;
  font-family: "Montserrat-Ultral";
}

ul.shipping-ul {
  border-bottom: 1px solid #dbdbdb;
  margin: 0;
  padding-bottom: 30px;
}

h6.payment-h {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #394136;
  font-family: "yipes";
}

.cart_sidebar .radiosss-payments li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
    inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50px;
}

.cart_sidebar .radiosss-payments li input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  border-radius: 20px;
  left: 6px;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #19305a;
}

.radiosss-payments .card.card-body {
  padding: 0;
  border: 0;
  margin-left: 30px;
  background: none;
}

.radiosss-payments {
  border-bottom: 1px solid rgb(219, 219, 219);
}

section.checkout_page {
  padding: 80px 0 100px;
}

.checkout_page .img-1 {
  position: absolute;
  left: -13%;
  top: 50%;
  width: 340px;
}

.checkout_page .img-2 {
  position: absolute;
  right: -7%;
  top: 60%;
  width: 230px;
  transform: rotate(200deg);
}

.billing_form {
  /* border: 1px solid #b7b7b7; */
  padding: 35px;
}

.check-out-btn button {
  background-color: #0675ad;
  /* border: 1px solid #909094; */
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
  border-radius: 100px;
  margin: 0 auto;
  display: block;
}

.check-out-btn button span {
  height: 55px;
  border-radius: 0 4px 4px 0;
}

/* Inner Check Out End */
/*contact-page start*/

section.contact-pg {
  padding: 100px 0px;
}

.cont-bx {
  min-height: 100%;
  padding: 60px 20px;
  background-color: #0675ad;
  border-radius: 10px;
}

.cont-bx h3 {
  font-size: 26px;
  line-height: 23px;
  margin-bottom: 16px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  width: 75%;
}

.cont-bx a {
  color: #fff;
}

.cont-bx a span {
  display: block;
}

.cont-bot-txt {
  text-align: center;
}

.cont-bot-txt h3 {
  font-size: 56px;
  line-height: 63px;
  margin-bottom: 10px;
}

.cont-bot-txt p {
  font-size: 14px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.cont-bot-txt form input {
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
  background-color: transparent;
  border: 1px solid #c5c5c5;
  color: #000;
}

.cont-bot-txt form textarea {
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
  background-color: transparent;
  border: 1px solid #c5c5c5;
  color: #000;
  height: 150px;
}

.cont-bot-txt form button {
  border: none;
  background: #0675ad;
  color: #fff;
  border: none;
  padding: 15px 30px;
  border-radius: 100px;
  cursor: pointer;
  transition: background-color 0.3s;
  white-space: nowrap;
  /* margin-top: 20px; */
  font-family: 'Blender_Pro';
  font-size: 15px;
  text-transform: uppercase;
}

.contact_map {
  padding: 0px 2% 100px;
}

.contact_map iframe {
  width: 100%;
  height: 475px;
}

/*contact-page end*/
section.supply-inn {
  padding: 100px 2%;
}

.sup-txt-in {
  text-align: center;
  margin-bottom: 30px;
}

.sup-txt-in h3 {
  font-size: 56px;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 10px;
}

.sup-txt-in p {
  font-size: 13px;
  width: 50%;
  margin: 0 auto;
  color: #767676;
}

/* InnerPages start */

.connector-line {
  position: absolute;
  height: 7px;
  background-color: #2876af;
  top: -3px;
  z-index: -53;
  border-radius: 40px;
  z-index: 0;
}

span.rangeValues {
  text-align: left;
  display: block;
  padding-top: 20px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: 'Montserrat';
  color: #2876af;
  position: absolute;
  margin-left: 20px;
  z-index: 0;
  bottom: -40px;
}

.start-label {
  transform: translateX(-30%);
}

.range-slider input[type=range] {
  -webkit-appearance: none;
  /* border: 1px solid white; */
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 0;
  /* Add this line */
  height: 7px;
  top: -3px;
  background-color: #ebeced;
  z-index: 0;
}

.range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  /* Adjust height if needed */
  /* background: #ddd; */
  border: none;
  border-radius: 3px;
  z-index: 99999999;
}

.range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* border: 2px solid #fff; */
  height: 20px;
  /* Increased size */
  width: 20px;
  /* Increased size */
  border-radius: 50%;
  background: #2876af;
  margin-top: -10px;
  /* z-index: 99999999; */
  /* Adjust based on thumb size */
  cursor: pointer;
}

.range-slider input[type=range]:focus {
  outline: none;
}

.range-slider input[type=range]:focus::-webkit-slider-runnable-track {
  /* background: #ccc; */
}

/* Add styles for Firefox */
.range-slider input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  background: #ddd;
}

.range-slider input[type=range]::-moz-range-thumb {
  border: none;
  height: 20px;
  /* Increased size */
  width: 20px;
  /* Increased size */
  border-radius: 50%;
  background: #000;
}

/* Add styles for IE */
.range-slider input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  background: transparent;
  /* border-color: transparent; */
  color: transparent;
}

.range-slider input[type=range]::-ms-fill-lower {
  background: #000;
  border-radius: 10px;
}

.range-slider input[type=range]::-ms-fill-upper {
  background: #000;
  border-radius: 10px;
}

.range-slider input[type=range]::-ms-thumb {
  border: none;
  height: 20px;
  /* Increased size */
  width: 20px;
  /* Increased size */
  border-radius: 50%;
  background: pink;
}

.bannertabs h5 {
  margin: 10px 0;
  font-size: 23px;
}



.range-slider {
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 90px;
  z-index: 0;
  padding-bottom: 40px;
}

.range-labels {
  position: relative;
  margin-bottom: 0;
  /* Keep this if needed */
  z-index: 99999;
  top: 0;
}

.start-label::after,
.end-label::after {
  content: '';
  position: absolute;
  bottom: -10px;
  /* Position the triangle below the label */
  left: 50%;
  /* Center the triangle */
  transform: translateX(-50%);
  /* Centering adjustment */
  border-width: 5px;
  /* Size of the triangle */
  border-style: solid;
  border-color: #2876af transparent transparent transparent;
  /* Triangle color */
  z-index: 9999;
}

.end-label::after {
  left: 50%;
  /* Keep this to center the triangle */
  transform: translateX(-50%);
  /* Centering adjustment for end label */
}

.start-label,
.end-label {
  position: absolute;
  top: -40px;
  /* Position above the slider */
  font-size: 14px;
  /* Keep this */
  font-weight: 400;

  /* Ensure labels are above the slider track */
  background-color: #2876af;
  /* Background color */
  padding: 2px 10px;
  /* Padding for the label */
  border-radius: 0;
  /* Optional: rounded corners */
  transform: translateX(-34%);
  /* Center the labels */
  width: 60px;
  color: #ffff;
}

.start-label {
  left: 0;
  /* Initial left position */
}

.end-label {
  left: 100%;
  /* Initial right position */
  transform: translateX(-65%);
}


.bannertabs h5 {
  margin: 10px 0;
  font-size: 20px;
  font-weight: 500;
}

.bannertabs {
  background: white;
  padding: 50px 30px;
}

section.Inner_Product_Sec.sec {
  margin: 100px 0 0 0;
  padding: 0 2% 100px;
}

.bannertabs .nav.nav1.stroke ul li a:hover {
  transition: 0.3s ease-in-out;
  margin-left: 15px;
}

.bannertabs .nav.nav1.stroke ul li a {
  text-align: left;
  text-transform: capitalize;
  display: block;
  padding: 13px 0;
  border-bottom: 1px solid #f1f2f2;
  font-weight: 400;
  transition: 0.3s ease-in-out;
  font-size: 16px;
  color: #000;
}

.bannertabs .nav.nav1.stroke ul li:last-child a {
  border: navajowhite;
}

.product_show ul li a {
  font-weight: 500;
  color: #000;
}

.product_main_box .clothing_box_image img {
  height: 450px;
  object-fit: cover;
  object-position: center;
}

.product_grid ul {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  /* Needed for positioning the tool_tip */
}

.product_grid ul li {
  position: relative;
  /* Positioning context for tool_tip */
}

.product_grid ul li a:hover {
  color: #2876af;
}

.product_grid ul li a:focus-within {
  color: #000;
}

/* tool_tip styles */
.tool_tip {
  display: none;
  /* Hidden by default */
  position: absolute;
  bottom: 125%;
  /* Position above the link */
  left: 50%;
  transform: translateX(-50%);
  background-color: #2876af;
  /* Red background */
  color: white;
  /* White text */
  padding: 1px 5px;
  border-radius: 0;
  white-space: nowrap;
  /* Prevent line breaks */
  z-index: 1;
  /* Ensure it appears above other elements */
  font-size: 17px;
}

.product_select {
  display: flex;
  align-items: center;
}

.product_select select {
  padding: 0 10px;
  appearance: auto;
  width: 100%;
  height: 40px;
  border: 1px solid #ebebeb;
  border-radius: 6px;
}

.product_show ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product_show ul {
  font-family: montserrat;
  font-size: 17px;
}

.product_show ul li a:focus-within {
  color: #000;
}

.product_show ul li a:hover {
  color: #2876af;
}

.product_select h6 {
  width: 100px;
  margin: 0;
  font-size: 15px;
  text-transform: capitalize;
}

.product_grid ul li a:hover .tool_tip {
  display: block;
  /* Show tool_tip on hover */
}

h5.capi {
  text-transform: capitalize;
  margin-top: 30px;
}

.bannertabs .nav {
  display: block !important;

}

.product_top_bar {
  background-color: white;
  padding: 30px;
}

.product_heading h4 {
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
}

.bannertabs .nav1 ul {
  display: block !important;
}

.product_main_box {
  margin: 30px 0 0 0;
}

.product_main_box .our-product-img img {
  height: 340px;
  width: 100%;
  object-fit: cover;
}

.product_main_box .our-product-card {
  margin: 0 0 20px 0;
}

.product_main_box .product-name h4 {
  font-size: 15px;
}

.product_main_box a {
  display: block;
}

.jewe-para {
  font-size: 22px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: 'Brunson';
  text-align: left;
}

.product_grid ul li a i {
  color: #000;
}

section.Inner_Product_Sec.sec .pro-txt {
  margin-bottom: 30px;
}

.cat-bx {
  padding: 20px;
  text-align: center;
  /* background-color: #f5f5f5; */
  border-radius: 10px;
}

.blog-top-txt.on.inn {
  display: block;
}

.blog-top-txt.on.inn p {
  font-size: 14px;
  width: 47%;
}

/* jewelary section ends */
/* product detail starts */

section.product-detail {

  padding: 80px 0;

}



.product-detail .productdetailportion {

  height: 520px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 10px;

}



.productdetailfor .slick-slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.productdetailnav .slick-slide {

  margin: 0 10px;

  cursor: pointer;

}



.productdetailsmallportion img {

  width: 160px;

  height: 130px;

  object-fit: cover;

  transition: 0.3s;

}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion {

  position: relative;

}



.productdetailnav .slick-slide.slick-current .productdetailsmallportion::before {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  top: -10px;

  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

  /* background-color: #2876af; */

  z-index: -1;

}



.productdetailnav .slick-slide.slick-current .productdetailsmallportion img {

  /* background: #2876af; */

  padding: 5px;

}



.product-content .top-section h6 {

  font-size: 33px;

  margin-bottom: 15px;

  font-family: 'Brunson';

  color: #000;

}



.product-content ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.product-content ul li {

  margin-right: 5px;

  font-size: 17px;

  color: black;

  font-weight: 600;

}



.product-content ul li i.fas.fa-star {

  color: #ec6d20;

}



.product-content hr {

  margin: 20px 0;

  border-color: #eee;

}

.row.flexEnd.price_rev ul {

  display: flex;

  position: relative;

}

.row.flexEnd.price_rev ul::before {

  content: '';

  position: absolute;

  width: 1px;

  height: 38px;

  background-color: #00000082;

  right: 60px;

}

.row.flexEnd.price_rev p {

  font-size: 17px;

  color: black;

  font-weight: 600;

  font-size: 17px;

}



.brand p {

  color: #666;

  line-height: 1.6;

}

.product-detail .slick-active {

  opacity: 1;

}

.product-detail .slick-slide {

  transition: all ease-in-out .3s;

  opacity: 1;

  margin: 8px 10px;

}

ul.brand h3 {

  color: #00000082;

  font-size: 22px;

  padding: 20px 0 20px 0;

  text-decoration: line-through;

  display: none;

}



ul.brand h2 {

  color: #000;

  font-weight: 600;

  /* padding: 0 0 30px 0; */

  font-size: 35px;

  font-weight: 400;

  margin-bottom: 10px;

}



ul.brand p {

  padding: 0 0 10px 0;

  margin-bottom: 0;

  font-weight: 500;

  color: #000;
}

.quanity.product-detail div {

  display: flex;

  align-items: center;

  margin: 13px 0 0 0;

  border-radius: 0 !important;

  gap: 20px;

  /* display: none; */

  margin-top: 5px;

  padding: 10px !important;

  /* border: 1px solid #000 !important; */
}

.sku {

  display: flex;

  justify-content: space-between;

  width: 70%;
}



.sku p {

  color: #000;

  font-size: 17px;

  font-weight: 100;

  padding: 0 0 10px 0;

  margin-bottom: 0;

  font-family: 'Brunson';
}



.sku span {

  color: #2876af;

  font-size: 17px;

  font-weight: 600;

}

ul.share-icon {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 9px;

}

ul.share-icon a {

  font-size: 14px;

  color: #858585;

  border: 1px solid #858585;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;
}






.pro-colors-box {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 10px;
  margin: 20px 0;
}

.pro-colors-txt {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}

.pro-colors-txt h6 {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-transform: uppercase;
  font-family: 'Brunson';
  margin: 0;
}

.pro-colors-txt ul {
  margin: 0;
}

/* Show only the active color name */
.pro-colors-txt ul li h6 {
  display: none;
}

.pro-colors-txt ul li h6.color-active {
  display: block;
}

/* Palette layout */
.pro-colors-main {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.pro-colors {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
}

.pro-colors.active {
  border-color: #222;
}

/* Swatch colors */
.pro1 {
  background: #8aa19e;
}

/* Red */
.pro2 {
  background: #882e2e;
}

/* Green */
.pro3 {
  background: #3d5577;
}

/* Light Green */
.pro4 {
  background: #a09f9c;
}

/* Yellow */
.pro5 {
  background: #908271;
}

/* Black */
.pro6 {
  background: #a1b9ac;
}

/* Pink */
.pro7 {
  background: #fb8c00;
  display: none;
}

/* Orange */
.pro8 {
  background: #1e88e5;
  display: none;
}

/* Blue */

/* Fullscreen viewer */
#pv {
  position: fixed;
  inset: 0;
  background: #fff;
  display: none;
  z-index: 9999;
}

#pv.is-open {
  display: block;
}

.pv__close {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 34px;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pv__nav {
  position: absolute;
  top: 86%;
  transform: translateY(-50%);
  background: #000;
  color: #fff;
  border: 0;
  cursor: pointer !important;
  width: 50px;
  height: 50px;
  font-size: 26px;
  z-index: 9;
  border-radius: 5px;
}

.pv__prev {
  left: -8%;
}

.pv__next {
  right: -8%;
}

.pv__stage {
  position: absolute;
  inset: 64px 0 120px 120px;
  overflow: hidden;
  touch-action: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.pv__stage img {
  max-width: 90%;
  max-height: 90%;
  transform-origin: center center;
  user-select: none;
  pointer-events: none;
}

.pv__thumbs {
  position: absolute;
  left: 12px;
  top: 64px;
  bottom: 120px;
  width: 88px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pv__thumbs img {
  width: 100%;
  cursor: pointer;
  border: 2px solid transparent;
}

.pv__thumbs img.is-active {
  border-color: #000;
}

.pv__palette {
  position: absolute;
  left: 120px;
  right: 120px;
  bottom: 24px;
  display: flex;
  justify-content: center;
}

.pv__palette .pro-colors-main {
  display: flex;
  gap: 12px;
}

@media (max-width: 991px) {
  .pv__stage {
    inset: 64px 0 140px 0;
  }

  .pv__thumbs {
    display: none;
  }

  .pv__palette {
    left: 16px;
    right: 16px;
  }
}




/*  product Detail Review Section Start */





/* Rating Stars */



.prod-detail-description .rating:not(:checked)>input {

  position: absolute;

  -webkit-appearance: none;

}



.prod-detail-description .rating:not(:checked)>label {

  float: right;

  cursor: pointer;

  font-size: 30px;

  color: #666;

}



.prod-detail-description .rating:not(:checked)>label:before {

  content: "★";

}



.prod-detail-description .rating>input:checked+label:hover,

.prod-detail-description .rating>input:checked+label:hover~label,

.prod-detail-description .rating>input:checked~label:hover,

.prod-detail-description .rating>input:checked~label:hover~label,

.prod-detail-description .rating>label:hover~input:checked~label {

  color: #e58e09;

}



.prod-detail-description .rating:not(:checked)>label:hover,

.prod-detail-description .rating:not(:checked)>label:hover~label {

  color: #ff9e0b;

}



.prod-detail-description .rating>input:checked~label {

  color: #ffa723;

}





/* Rating Stars */



.prod-detail-description {

  position: relative;

  padding: 0 0 80px 0;

}



.prod-detail-description .nav-tabs .nav-link {

  color: #0e0e0f;

  font-size: 17px;

  text-transform: uppercase;

  font-weight: 500;

  width: fit-content;

  padding: 15px;

  background: transparent;

  margin-right: 10px;

  border-radius: 0 !important;

}



.prod-detail-description .nav-tabs .nav-link.active,

.prod-detail-description .nav-tabs .nav-item.show .nav-link {

  border-bottom: 3px solid #0675ad !important;

  border: 0;
}



.prod-detail-description .nav-tabs .nav-link:hover,

.prod-detail-description .nav-tabs .nav-link:focus {

  border-bottom: 3px solid #000 !important;

  border: 0;

}



.prod-detail-description .nav-tabs {

  margin-bottom: 15px;

  border: 0;

  border-bottom: 1px solid #dee2e6;

}



.prod-detail-description .prd-review-input label {

  font-size: 16px;

  color: #000;

  font-weight: 600;

  text-transform: capitalize;

}



.prod-detail-description .prd-review-input input {

  width: 100%;

  height: 50px;

  padding: 0 10px;

  font-size: 16px;

  color: #000;

  font-weight: 500;

  border: 1px solid #000;

  margin: 5px 0 20px;

  background-color: transparent;

}



.prod-detail-description .prd-review-input input::placeholder,

.prod-detail-description .prd-review-input textarea::placeholder {

  color: #000;

  font-weight: 600;

  font-size: 16px;

}



.prod-detail-description .prd-review-input textarea {

  width: 100%;

  height: 200px;

  padding: 13px;

  border: 1px solid #000;

  margin: 5px 0 0;

  color: #000;

  font-size: 16px;

  font-weight: 600;

  resize: none;

  background-color: transparent;

}



.prod-detail-description .rating-stars input {

  width: auto !important;

  height: auto;

  border: 0;

}



.prod-detail-description .rating-stars {

  display: inline-grid;

  justify-items: baseline;

}



.prod-detail-description .rating {

  display: block;

  /* align-items: center; */

  /* justify-content: flex-start; */

  /* gap: 5px; */

  margin: 20px 0;

  float: left;

}



.prod-detail-description .prd-review-input.give-review h4 {

  font-size: 30px;

  color: #000;

  text-transform: uppercase;

}



.prod-detail-description .prd-review-input.give-review button {

  padding: 15px 40px;

  border-radius: 0;

  border: 1px solid #000;

  font-size: 16px;

  text-transform: uppercase;

  background: #000;

  color: #fff;

}



.prod-detail-description .client-review-box {

  box-shadow: 0 0 5px 1px #989898;

  border-radius: 10px;

  padding: 20px;

  margin: 20px 0;

}



.prod-detail-description ul.client-list-review {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  margin-bottom: 20px;

}



.prod-detail-description ul.client-list-review li {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 5px;

}



.prod-detail-description ul.client-list-review img {

  width: 80px;

  height: 80px;

  border-radius: 100px;

  object-fit: cover;

  box-shadow: 0 0 5px 1px #989898;

}



.prod-detail-description ul.client-list-review h5 {

  font-size: 24px;

  color: #000;

  text-transform: capitalize;

  font-weight: 500;

}



.prod-detail-description ul.client-list-review h6 {

  font-size: 16px;

  color: #666;

  font-family: "Montserrat";

}



.prod-detail-description ul.client-list-review li i {

  font-size: 20px;

  color: #c78b1b;

}



.prod-detail-description .client-info {

  margin-left: 15px;

}



.prod-detail-description .client-review-box p {

  font-size: 16px;

  color: #000;

}



.prod-detail-description .prd-det-review-form .row {

  align-items: center;

}



.prod-detail-description .prd-det-discription-content p {

  font-size: 16px;

  color: #0b0c0c;

  padding-bottom: 10px;

  margin: 0;

}



.prod-detail-description .prd-det-additional-content p {

  text-align: justify;

  font-size: 16px;

  font-weight: 500;

  padding-bottom: 10px;

}





.product-detail1 .skin-2 .num-in {

  height: 50px;

  width: 170px !important;

  float: left;

  display: flex;

  border-radius: 25px;

  cursor: pointer;

  align-items: center;

  position: relative;
}



.product-detail1 .skin-2 .num-in span:before,

.product-detail1 .skin-2 .num-in span:after {

  opacity: 1;

  content: '';

  position: absolute;

  background-color: #000;

  height: 2px;

  width: 10px;

  top: 50%;

  left: 50%;

  margin-top: -1px;

  margin-left: -5px;

}







section.inner_gift_sec1 .about_text h3 {

  font-size: 44px;

}



.product-detail1 .skin-2 .num-in span.plus:after {

  transform: rotate(90deg);

  opacity: 1;

}

ul.disc-list li {

  display: flex;

  align-items: center;

  gap: 30px;

}

.offer-perk ul {

  display: flex;

  align-items: center;

  gap: 20px;

  background-color: #f8f8f8;

  padding: 15px 20px;

}

.offer-perk {

  margin-top: 0px;

  display: none;
}



.offer-perk h4 {

  font-size: 28px;

  line-height: 30px;

  color: #000;

  font-weight: 500;

}

.offer-perk p {

  margin: unset;

  color: #000;

}

.offer-perk p span {

  display: block;

  color: #858585;

}

.offer-perk ul li i {

  font-size: 20px;

  color: #000;

}

ul.disc-list li i {
  color: #2876af;
}

/* product detail ends */
section.blogs-det {

  padding: 100px 2%;

}

.blog-det-txt {

  border-radius: 10px;

  background-color: rgb(255, 255, 255);

  box-shadow: -0.07px 1.999px 32px 0px rgba(216, 216, 216, 0.42);

  padding: 40px 30px 10px;

  margin: 0 auto;

  width: 82%;

  margin-top: -100px;

  position: relative;

}



.blog-det-txt h3 {

  font-size: 44px;

  line-height: 55px;

  font-weight: 300;

  color: #0c0b0b;

  margin-bottom: 10px;

}

.blogs-det-img img {
  width: 100%;
  height: 580px;
}

.blog-det-txt p {

  font-size: 15px;

  margin-bottom: 30px;

}

.top-section {
  margin-top: 9px;
}

/*blogs end*/

.price ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.price ul li span.active {
  border: 1px solid #000;
  box-shadow: 0 0 2px #000;
}

.pro-colors {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}

.pro-colors.active {
  border: 1px solid #000;
}

/*pricing start*/
section.pricing {
  padding: 80px 0px;
}

.main-pricing-bx {
  text-align: center;
  border: 2px solid #696969;
  padding-bottom: 40px;
  border-radius: 15px;
}

.main-pricing-bx p {
  margin: 0 auto;
  width: 70%;
  font-size: 15px;
  color: #333333;
  margin-bottom: 30px;
  line-height: 29px;
}

.pricing-top-bx {
  background-color: #2876af;
  padding: 25px 0px;
  margin-bottom: 30px;
  border-radius: 13px;
}

.pricing-top-bx h3 {
  margin: unset;
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}

.main-pricing-bx h4 {
  font-size: 60px;
  line-height: 69px;
  font-weight: 500;
  color: #333333;
}

.main-pricing-bx h4 span {
  font-size: 16px;
  color: #333333;
}



ul.rate-reviews {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: start;
}

ul.rate-reviews li {
  display: flex;
  align-items: center;
  gap: 10px;
}

ul.rate-reviews li h6 {
  margin: 0;
  font-size: 14px;
  font-family: 'GothamBook';
  color: #250503;
  text-transform: capitalize;
  font-style: italic;
  font-weight: 200;
}

ul.rate-reviews li:first-child i {
  color: #facc2b;
  font-size: 15px;
}

ul.rate-reviews li:last-child i {
  color: #000;
  font-size: 22px;
  border-left: 1px solid #000;
  padding-left: 30px;
}

ul.rate-reviews p {
  margin: 0;
}

.statment-choose h6 {
  text-transform: uppercase;
  font-family: 'Brunson';
  margin: 0;
}



.product-detail1 .skin-2 .num-in {
  height: 50px;
  width: 150px;
  float: left;
  display: flex;
  border-radius: 25px !important;
  cursor: pointer;
  align-items: center;
  position: relative;
}

.product-detail1 .skin-2 .num-in span:before,
.product-detail1 .skin-2 .num-in span:after {
  opacity: 1;
  content: '';
  position: absolute;
  background-color: #000;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}





/* skin 2 */

.product-detail1 .skin-2 .num-in {
  border-radius: 60px;
  cursor: pointer;
}

.product-detail1 .skin-2 .num-in span {
  width: 40%;
  display: block;
  height: 40px;
  float: left;
  position: relative;
}

.product-detail1 .skin-2 .num-in span:before,
.product-detail1 .skin-2 .num-in span:after {
  content: '';
  position: absolute;
  background-color: #667780;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}

.product-detail1 .skin-2 .num-in span.plus:after {
  transform: rotate(90deg);
}

.product-detail1 .skin-2 .num-in input {
  float: left;
  width: 20%;
  height: 37px;
  border: none;
  text-align: center;
  background-color: transparent;
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 600;
}

.product-detail1 .num-in {
  background: transparent;
  box-shadow: none;
  width: 90%;
  height: 52px;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 0;
  border-left: 0;
}

.product-detail1 input.in-num {
  border: 0;
  background-color: transparent;
  width: 45%;
  margin: 0 5px;
}

.productdetailsec .btn10 {
  color: white;
}

ul.quan-count {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quanity.product-detail.product-detail1 h5 {
  margin: 0 0 10px 0;
}

ul.share-icon li {
  font-family: 'Brunson';
}


.payment_card a.btn-1:hover {
  color: #000 !important;
}

/*pricing end*/