/*
/*
@File: AndShop Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

*/

/*================================================
Default CSS
=================================================*/

@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html,
body {
  height: 100%;
  overflow: auto;
}

body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: "Inter", serif;
}

img {
  max-width: 100%;
  height: auto;
}
.pl-right10{
    padding-left: 10px;
}
.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.mb-30 {
  margin-bottom: 30px;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
  outline: 0 !important;
  color: var(---heading-color);
}

a:hover {
  text-decoration: none;
  color: var(--main-theme-color);
}

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

h1 {
  font-size: 80px;
  font-weight: bold;
}

h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
}

h3 {
  font-size: 24px;
  font-weight: 500;
}

h4 {
  font-size: 22px;
  font-weight: 600;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

h6 {
  font-size: 14px;
  font-weight: 400;
}

p {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
  font-weight: 400;
  font-family: "Inter", serif;
  margin-bottom: 0;
}

p:last-child {
  margin-bottom: 0;
}

ul {
  padding: 0;
  margin: 0;
}

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

/* --Common Class Area start-- */

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1440px;
}

.img-zoom-hover img {
  /* transform-origin: 65% 75%; */
  transition: transform 1s, filter 0.5s ease-out;
}

.img-zoom-hover:hover img {
  transform: scale(1.1) rotate(1deg);
}

/* --Center Heading-- */
.center_heading {
  padding-bottom: 30px;
  text-align: center;
}

.center_heading h2 {
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}

.center_heading p {
  padding-top: 10px;
}

/* --Center Heading Two-- */
.center_heading_two {
  padding-bottom: 30px;
  text-align: center;
}

.center_heading_two h2 {
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}

.heading_border {
  display: block;
  background: var(--main-theme-color);
  height: 3px;
  width: 150px;
  margin: 10px auto 0 auto;
}

/* --Left Heading Three-- */
.left_heading {
  text-align: left;
  font-weight: 500;
  margin-bottom:20px;
  font-size:34px;
}
.left_heading_three {
  text-align: left;
  font-weight: 500;
  margin-bottom:20px;
  font-size:34px;
}

.left_heading_three h2 {
  /*text-transform: uppercase;*/
  font-weight: 500;
  position: relative;
}

/* --Slider Arrow Style--*/

.slider_arrows_one .owl-nav {
  top: -45px;
  position: absolute;
  right: 0;
}

.slider_arrows_one .owl-carousel .owl-nav button.owl-next,
.slider_arrows_one .owl-carousel .owl-nav button.owl-prev {
  background: var(--main-theme-color);
  color: #fff;
  border: none;
  padding: 0 !important;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  box-shadow: 0px 1px 3px -1px #000;
  transition: 0.4s all ease-in-out;
}

.slider_arrows_one .owl-carousel .owl-nav button.owl-next:hover,
.slider_arrows_one .owl-carousel .owl-nav button.owl-prev:hover {
  background: #fff;
  color: #000;
}

/* --Button-- */
.bg-gray {
  background: #f7f7f7;
}

.bg-whites {
  background-color: #fff;
  color: #000;
}

.bg-whites:hover {
  color: #fff;
  background-color: #000;
}

.bg-black {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.bg-black:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}

.theme-btn-one {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 0;
}
.btn_md {
  padding: 16px 35px;
}

.btn_sm {
  padding: 10px 16px;
}

.btn-black-overlay {
  background-color: #000;
  color: #fff;
}


.btn-black-overlay:hover {
  background-color: #03486a;
  color: #fff;
}

.btn-brown-overlay {
  background-color: #906246;
  color: #fff;
}
.btn-brown-overlay:hover {
  background-color: #03486a;
  color: #fff;
}

#common_banner_one {
    padding: 20px 0;
    background: #03486a;
}

.common_banner_text {
  text-align: center;
  color: #fff;
}

.common_banner_text h2 {
  color: #fff;
}

.common_banner_text ul {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

.common_banner_text ul li {
  color: #fff;
}

.common_banner_text ul li.active {
  color: #ff9800;
}

.common_banner_text ul li i {
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    transform: rotate(80deg);
}

.common_banner_text ul li a {
  color: #fff;
}

.common_banner_text ul li a:hover {
  color: var(--main-theme-color);
}

/* --Common Class Area start-- */

/*--Common input style--*/

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="date"],
select {
  min-height: 45px;
  background: #fff;
  border-color: #ddd;
  border: 1px solid #ddd;
}

textarea {
  background: #fff !important;
  border-color: #ddd !important;
  border: 1px solid #ddd !important;
}

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

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
  background-color: #fff;
  outline: none;
  box-sizing: none;
  border: 1px solid var(--main-theme-color) !important;
}

button {
  border: none;
}

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

/*Layout*/

/*****************************
* Layout - Header
*****************************/

/*================================================
Top Header Area CSS
=================================================*/
.top-header {
  background-color: #03486a;
  padding-top: 12px;
  padding-bottom: 12px;
}

.top-header-contact-info {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.top-header-contact-info li {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  padding-left: 24px;
  font-size: 14px;
}

.top-header-contact-info li a {
  font-weight: 600;
  display: inline-block;
  color:white;
}
.top-header-contact-info li a:hover
{
  color: #ff9800;
}

.top-header-contact-info li i {
  position: absolute;
  left: 0;
  top: 2.5px;
  color: #ff9800;
  font-size: 14px;
}

.top-header-contact-info li:last-child {
  margin-right: 0;
}

.top-header-menu {
  text-align: right;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.top-header-menu li {
  display: inline-block;
  margin-left: 18px;
  position: relative;
  font-size: 14px;
}

.top-header-menu li::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 4.5px;
  width: 1.4px;
  height: 14px;
  background-color: #dfdfdf;
}

.top-header-menu li:first-child {
  margin-left: 0;
}

.top-header-menu li:first-child::before {
  display: none;
}

.top-header-menu li:nth-child(2)::before {
  top: 6.5px;
}

.top-header-menu li .language-switcher {
  position: relative;
}

.top-header-menu li .language-switcher .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

.top-header-menu li .language-switcher .dropdown-toggle::after {
  display: none;
}

.top-header-menu li .language-switcher .dropdown-toggle img {
  width: 25px;
  border-radius: 0;
  position: relative;
  top: -2px;
}

.top-header-menu li .language-switcher .dropdown-toggle span {
  display: inline-block;
  margin-left: 5px;
}

.top-header-menu li .language-switcher .dropdown-toggle span i {
  position: relative;
  font-size: 12px;
  top: 0px;
  margin-left: 1px;
}

.top-header-menu li .language-switcher .dropdown-menu {
  padding: 15px;
  float: unset;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  display: block;
  margin-top: 12px;
  opacity: 0;
  visibility: visible;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.top-header-menu li .language-switcher .dropdown-menu .dropdown-item {
    padding: 0;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #edbfbe;
}
.top-header-menu li .language-switcher .dropdown-menu .dropdown-item:hover
{
  color: #03486a;
}

.top-header-menu li .language-switcher .dropdown-menu .dropdown-item::before {
  display: none;
}

.top-header-menu
  li
  .language-switcher
  .dropdown-menu
  .dropdown-item:last-child {
  margin-bottom: 0;
}

.top-header-menu li .language-switcher .dropdown-menu .dropdown-item img {
  width: 22px;
  border-radius: 0;
  border: 0 solid #fff;
}

.top-header-menu li .language-switcher .dropdown-menu .dropdown-item span {
  display: inline-block;
  margin-left: 7px;
}

.top-header-menu li .language-switcher .dropdown-menu .dropdown-item:hover,
.top-header-menu li .language-switcher .dropdown-menu .dropdown-item:focus {
  background-color: transparent !important;
}

.top-header-menu li .language-switcher .dropdown-menu .dropdown-item:active,
.top-header-menu li .language-switcher .dropdown-menu .dropdown-item.active {
  color: #000;
  background-color: transparent;
}

.top-header-menu li .language-switcher .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.top-header-menu li .currency-switcher {
  position: relative;
}

.top-header-menu li .currency-switcher .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

.top-header-menu li .currency-switcher .dropdown-toggle::after {
  display: none;
}

.top-header-menu li .currency-switcher .dropdown-toggle span {
  display: inline-block;
}

.top-header-menu li .currency-switcher .dropdown-toggle span i {
  position: relative;
  font-size: 12px;
  top: 0px;
  margin-left: 1px;
}

.top-header-menu li .currency-switcher .dropdown-menu {
  padding: 15px;
  float: unset;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  display: block;
  margin-top: 12px;
  opacity: 0;
  visibility: visible;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.top-header-menu li .currency-switcher .dropdown-menu .dropdown-item {
  padding: 0;
  color: #000;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14.5px;
}

.top-header-menu li .currency-switcher .dropdown-menu .dropdown-item::before {
  display: none;
}

.top-header-menu
  li
  .currency-switcher
  .dropdown-menu
  .dropdown-item:last-child {
  margin-bottom: 0;
}

.top-header-menu li .currency-switcher .dropdown-menu .dropdown-item span {
  display: inline-block;
}

.top-header-menu li .currency-switcher .dropdown-menu .dropdown-item:hover,
.top-header-menu li .currency-switcher .dropdown-menu .dropdown-item:focus {
  background-color: transparent !important;
}

.top-header-menu li .currency-switcher .dropdown-menu .dropdown-item:active,
.top-header-menu li .currency-switcher .dropdown-menu .dropdown-item.active {
  color: #000;
  background-color: transparent;
}

.top-header-menu li .currency-switcher .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.top-header-menu li a {
  font-weight: 600;
  color:#fff;
}

.top-header-menu li a:hover {
  color:#ff9800;
}

/*================================================
  Navbar Area CSS
  =================================================*/
.drodo-responsive-nav {
  display: none;
}

.drodo-nav {
  background-color: #fff;
}

.drodo-nav-bg {
  background-color: #fef5ef;
}

.drodo-nav .container-fluid {
  padding-left: 40px;
  padding-right: 40px;
}

.drodo-nav .navbar {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.drodo-nav .navbar .navbar-brand {
  font-size: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.drodo-nav .navbar ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.drodo-nav .navbar .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

.drodo-nav .navbar .navbar-nav .nav-item {
  position: relative;
}

.drodo-nav .navbar .navbar-nav .nav-item a {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  padding-top: 17px;
  padding-bottom: 20px;
  margin-left: 18px;
  margin-right: 20px;
}

.drodo-nav .navbar .navbar-nav .nav-item a i {
  font-size: 12px;
  position: relative;
  top: 0px;
  display: inline-block;
  margin-left: -3px;
  margin-right: -3px;
  left: 5px;
}

.drodo-nav .navbar .navbar-nav .nav-item a:hover,
.drodo-nav .navbar .navbar-nav .nav-item a:focus,
.drodo-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColor);
}

.drodo-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.drodo-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.drodo-nav .navbar .navbar-nav .nav-item:hover a,
.drodo-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColor);
}

.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: absolute;
  border: none;
  top: 67px;
  left: 0;
  width: 250px;
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  padding: 13px 20px 11px;
  margin: 0;
  position: relative;
  display: block;
  color: #666666;
  border-bottom: 1px dashed #e5e5e5;
  font-size: 15px;
  font-weight: 600;
}

.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
  margin: 0;
  position: absolute;
  top: 50%;
  font-size: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  left: 90%;
}

.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--mainColor);
}

.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #515050;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #515050;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #515050;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #515050;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #515050;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #515050;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.drodo-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.drodo-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.drodo-nav .navbar .navbar-nav .nav-item.megamenu {
  position: inherit;
}

.drodo-nav .navbar .navbar-nav .nav-item.megamenu .container {
  display: block;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
}

.drodo-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu {
  width: 100%;
  margin-top: 8px;
  position: absolute;
  top: auto;
  left: 0;
  padding: 30px 30px;
  -webkit-transform: unset !important;
  transform: unset !important;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .submenu-title {
  color: #000;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 8px;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 25px;
  font-size: 15.5px;
  font-weight: 600;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .submenu-title::before {
  width: 30px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .submenu-title:first-child {
  margin-top: 0;
}

.drodo-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu a {
  border-bottom: none !important;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  li
  a {
  margin-top: 14px;
  color: #666666;
  padding: 0;
  font-weight: 600;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  li
  a:hover,
.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  li
  a.active {
  color: var(--mainColor);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products
  img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products
  .category {
  position: absolute;
  left: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products
  .category
  h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  font-size: var(--fontSize);
  font-weight: 600;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products
  .link-btn {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products:not(:first-child) {
  margin-top: 15px;
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products:hover
  img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.drodo-nav
  .navbar
  .navbar-nav
  .nav-item.megamenu
  .dropdown-menu
  .megamenu-submenu
  .aside-trending-products:hover
  .category {
  bottom: 10px;
}

.drodo-nav .navbar .others-option .option-item {
  display: inline-block;
  margin-left: 25px;
  position: relative;
  z-index: 3;
}

.drodo-nav .navbar .others-option .option-item:first-child {
  margin-left: 0;
}

.drodo-nav .navbar .others-option .option-item .search-btn-box {
  position: relative;
  top: 1px;
}

.drodo-nav .navbar .others-option .option-item .search-btn-box .search-btn {
  font-size: 20px;
  cursor: pointer;
  color: #000;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.drodo-nav
  .navbar
  .others-option
  .option-item
  .search-btn-box
  .search-btn:hover {
  color: var(--mainColor);
}

.drodo-nav .navbar .others-option .option-item .cart-btn {
  font-size: 20px;
  position: relative;
  line-height: 1;
}

.drodo-nav .navbar .others-option .option-item .cart-btn a {
  display: inline-block;
  position: relative;
}

.drodo-nav .navbar .others-option .option-item .cart-btn a span {
    position: absolute;
    right: -11px;
    top: -7px;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 16.9px;
    border-radius: 50%;
    color: #fff;
    background-color: var(--main-theme-color);
    font-size: 12px;
    font-weight: 600;
}

.drodo-nav .navbar .others-option .option-item .wishlist-btn {
  font-size: 20px;
  position: relative;
  line-height: 1;
  top: 1px;
}

.drodo-nav .navbar .others-option .option-item .wishlist-btn a span {
    position: absolute;
    right: -11px;
    top: -9px;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 16.9px;
    border-radius: 50%;
    color: #fff;
    background-color: var(--main-theme-color);
    font-size: 12px;
    font-weight: 600;
}

.drodo-nav .navbar .others-option .option-item .wishlist-btn a {
  display: inline-block;
}

.navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff !important;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .drodo-responsive-nav {
    display: block;
    background: #fef5ef;
    height: 80px;
  }

  .drodo-responsive-nav .drodo-responsive-menu {
    position: relative;
  }

  .drodo-responsive-nav .drodo-responsive-menu.mean-container .mean-nav {
    margin-top: 51px;
  }

  .drodo-responsive-nav .drodo-responsive-menu.mean-container .mean-nav ul {
    font-size: 15px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a.active {
    color: var(--mainColor);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .mean-nav
    ul
    li
    li
    a {
    font-size: 14px;
  }

  .drodo-responsive-nav .drodo-responsive-menu.mean-container .navbar-nav {
    overflow-y: scroll;
    height: 400px;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .nav-item {
    overflow: hidden;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .nav-item
    .container {
    padding-left: 0;
    padding-right: 0;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .nav-item
    .row {
    display: block;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .nav-item
    .row
    .col {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .nav-item
    .row
    .col:last-child {
    margin-bottom: 15px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .nav-item
    a {
    width: 100%;
    float: unset;
    display: block;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .submenu-title {
    color: #000;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 8px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 13.5px;
    font-weight: 600;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .submenu-title::before {
    width: 30px;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: var(--mainColor);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .submenu-title:first-child {
    margin-top: 5px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    a {
    border-bottom: none !important;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .mean-expand {
    display: none !important;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu {
    width: auto;
    overflow: hidden;
    display: block !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    li
    a {
    border: none;
    margin-top: 15px;
    color: #666666;
    padding: 0;
    font-weight: 400;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    li
    a:hover,
  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    li
    a.active {
    color: var(--mainColor);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products {
    overflow: hidden;
    position: relative;
    text-align: center;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products
    img {
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products
    .category {
    position: absolute;
    left: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 15px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products
    .category
    h4 {
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    font-size: var(--fontSize);
    font-weight: 600;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products
    .link-btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 3;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products:not(:first-child) {
    margin-top: 15px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products:hover
    img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .megamenu-submenu
    .aside-trending-products:hover
    .category {
    bottom: 10px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .brand-slides {
    margin-top: 0;
    border-top: none;
    border-bottom: none;
    border-left: none;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .navbar-nav
    .nav-item.megamenu
    .dropdown-menu
    .brand-slides
    .brand-item
    a {
    display: block !important;
    padding: 20px !important;
    width: auto !important;
  }

  .drodo-responsive-nav .drodo-responsive-menu.mean-container .others-option {
    position: absolute;
    right: 60px;
    top: 22px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item {
    display: inline-block;
    margin-left: 12px;
    position: relative;
    z-index: 3;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item:first-child {
    margin-left: 0;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .search-btn-box {
    position: relative;
    top: 2px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .search-btn-box
    .search-btn {
    font-size: 20px;
    cursor: pointer;
    color: #000;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .search-btn-box
    .search-btn:hover {
    color: var(--mainColor);
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .cart-btn {
    font-size: 20px;
    position: relative;
    line-height: 1;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .cart-btn
    a {
    display: inline-block;
    position: relative;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .cart-btn
    a
    span {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 11.9px;
    border-radius: 50%;
    color: #fff;
    background-color: red;
    font-size: 9px;
    font-weight: 600;
  }
  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .wishlist-btn
    a
    span {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 11.9px;
    border-radius: 50%;
    color: #fff;
    background-color: red;
    font-size: 9px;
    font-weight: 600;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .wishlist-btn {
    font-size: 20px;
    position: relative;
    line-height: 1;
    margin-right: -2px;
    top: 1px;
  }

  .drodo-responsive-nav
    .drodo-responsive-menu.mean-container
    .others-option
    .option-item
    .wishlist-btn
    a {
    display: inline-block;
  }

  .drodo-responsive-nav .mean-container a.meanmenu-reveal {
    color: #000;
  }

  .drodo-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #000;
  }

  .drodo-responsive-nav .logo {
    position: relative;
    width: 50%;
    z-index: 999;
  }

  .drodo-nav {
    display: none;
  }

  .navbar-area {
    /*padding-bottom: 15px;*/
  }

  .navbar-area.is-sticky {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}


/*================================================
  Search Overlay CSS
  =================================================*/
.search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.search-overlay .search-overlay-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.search-overlay .search-overlay-layer:nth-child(1) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.search-overlay .search-overlay-layer:nth-child(2) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}

.search-overlay .search-overlay-layer:nth-child(3) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.9s ease-in-out 0.6s;
  transition: all 0.9s ease-in-out 0.6s;
}

.search-overlay .search-overlay-close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 50px;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  -webkit-transition: all 0.9s ease-in-out 1.5s;
  transition: all 0.9s ease-in-out 1.5s;
  opacity: 0;
  visibility: hidden;
}

.search-overlay .search-overlay-close .search-overlay-close-line {
  width: 100%;
  height: 3px;
  float: left;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) {
  margin-top: -7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.search-overlay .search-overlay-close:hover .search-overlay-close-line {
  background: #fff;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.search-overlay .search-overlay-form {
  -webkit-transition: all 0.9s ease-in-out 1.4s;
  transition: all 0.9s ease-in-out 1.4s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  max-width: 500px;
  width: 500px;
}

.search-overlay .search-overlay-form form {
  position: relative;
}

.search-overlay .search-overlay-form form .input-search {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 30px;
  color: #000;
  padding: 0 0 0 25px;
}

.search-overlay
  .search-overlay-form
  form
  .input-search::-webkit-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: 0.5px;
  color: #000;
}

.search-overlay .search-overlay-form form .input-search:-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: 0.5px;
  color: #000;
}

.search-overlay .search-overlay-form form .input-search::-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: 0.5px;
  color: #000;
}

.search-overlay .search-overlay-form form .input-search::placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: 0.5px;
  color: #000;
}

.search-overlay
  .search-overlay-form
  form
  .input-search:focus::-webkit-input-placeholder {
  color: transparent;
}

.search-overlay
  .search-overlay-form
  form
  .input-search:focus:-ms-input-placeholder {
  color: transparent;
}

.search-overlay
  .search-overlay-form
  form
  .input-search:focus::-ms-input-placeholder {
  color: transparent;
}

.search-overlay .search-overlay-form form .input-search:focus::placeholder {
  color: transparent;
}

.search-overlay .search-overlay-form form button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 50px;
  color: #fff;
  height: 50px;
  border-radius: 50%;
  background-color: var(--main-theme-color);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: none;
  font-size: 25px;
  line-height: 47px;
}

.search-overlay .search-overlay-form form button:hover {
  background-color: #000;
  color: #fff;
}

.search-overlay.search-overlay-active.search-overlay {
  opacity: 1;
  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-layer {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-close {
  opacity: 1;
  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-form {
  opacity: 1;
  visibility: visible;
}

.shoppingCartModal.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.shoppingCartModal.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.shoppingCartModal.modal.right.fade .modal-dialog {
  right: -420px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.shoppingCartModal.modal.right.fade.show .modal-dialog {
  right: 0;
}

.shoppingCartModal .modal-content {
  border-radius: 0;
  border: none;
}

.shoppingCartModal .modal-content .modal-body {
  padding: 25px 15px;
}

.shoppingCartModal .modal-content .modal-body h3 {
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart {
  position: relative;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-image {
  margin-right: 15px;
  width: 55px;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-image
  a {
  display: block;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content {
  position: relative;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  h3 {
  font-size: 15px;
  text-transform: initial;
  margin-bottom: 5px;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  h3
  a {
  display: inline-block;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  span {
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
  color: var(--optionalColor);
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  .products-price
  span {
  display: inline-block;
  margin-bottom: 0;
  font-size: 13px;
  color: var(--optionalColor);
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  .products-price
  span.price {
  font-size: 14px;
  color: #000;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .remove-btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: var(--optionalColor);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .remove-btn:hover {
  color: red;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart:hover
  .remove-btn {
  opacity: 1;
  visibility: visible;
}

.shoppingCartModal .modal-content .modal-body .products-cart-subtotal {
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 15px;
}

.shoppingCartModal .modal-content .modal-body .products-cart-subtotal span {
  text-transform: uppercase;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
}

.shoppingCartModal
  .modal-content
  .modal-body
  .products-cart-subtotal
  span.subtotal {
  float: right;
}

.shoppingCartModal .modal-content .modal-body .products-cart-btn .default-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}

.shoppingCartModal .close {
  color: #000;
  font-size: 30px;
  outline: 0 !important;
  line-height: initial;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  position: absolute;
  right: 5px;
  top: 15px;
  z-index: 1;
  background-color: transparent;
  border: none;
}

.shoppingCartModal .close:not(:disabled):not(.disabled):hover,
.shoppingCartModal .close:not(:disabled):not(.disabled):focus {
  color: red;
  text-decoration: none;
  opacity: 1;
}

.shoppingWishlistModal.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.shoppingWishlistModal.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.shoppingWishlistModal.modal.right.fade .modal-dialog {
  right: -420px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.shoppingWishlistModal.modal.right.fade.show .modal-dialog {
  right: 0;
}

.shoppingWishlistModal .modal-content {
  border-radius: 0;
  border: none;
}

.shoppingWishlistModal .modal-content .modal-body {
  padding: 25px 15px;
}

.shoppingWishlistModal .modal-content .modal-body h3 {
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart {
  position: relative;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-image {
  margin-right: 15px;
  width: 55px;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-image
  a {
  display: block;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content {
  position: relative;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  h3 {
  font-size: 15px;
  text-transform: initial;
  margin-bottom: 5px;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  h3
  a {
  display: inline-block;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  span {
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
  color: var(--optionalColor);
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  .products-price
  span {
  display: inline-block;
  margin-bottom: 0;
  font-size: 13px;
  color: var(--optionalColor);
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .products-content
  .products-price
  span.price {
  font-size: 14px;
  color: #000;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .remove-btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: var(--optionalColor);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart
  .remove-btn:hover {
  color: red;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-content
  .products-cart:hover
  .remove-btn {
  opacity: 1;
  visibility: visible;
}

.shoppingWishlistModal .modal-content .modal-body .products-cart-subtotal {
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 15px;
}

.shoppingWishlistModal .modal-content .modal-body .products-cart-subtotal span {
  text-transform: uppercase;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-subtotal
  span.subtotal {
  float: right;
}

.shoppingWishlistModal
  .modal-content
  .modal-body
  .products-cart-btn
  .default-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}

.shoppingWishlistModal .close {
  color: #000;
  font-size: 30px;
  outline: 0 !important;
  line-height: initial;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  position: absolute;
  right: 5px;
  top: 15px;
  z-index: 1;
  background-color: transparent;
  border: none;
}

.shoppingWishlistModal .close:not(:disabled):not(.disabled):hover,
.shoppingWishlistModal .close:not(:disabled):not(.disabled):focus {
  color: red;
  text-decoration: none;
  opacity: 1;
}

/* --Fashion--- */

/* -------------------------
   Banner Area 
---------------------------*/

#banner_one {
  background-image: url("../img/common/banner_3.jpg");
  padding: 200px 0;
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.banner_text_one h1 {
  font-size: 150px;
  text-transform: uppercase;
  font-weight: 100;
  line-height: 150px;
}

.banner_text_one h3 {
  text-transform: uppercase;
  font-weight: 500;
  color: #f3f3f3;
}

.banner_text_one a {
  margin-top: 30px;
}

.banner_text_one h1 span {
  display: block;
  color: #fff;
  font-weight: 700;
}

.hero_img {
  position: relative;
}

.hero_img img {
  position: absolute;
  top: -163px;
  right: 0;
}

.navbar-expand-md .navbar-collapse {
  position: relative;
}

/* -------------------------
   Product variation Area 
---------------------------*/

.product_variation_one_boxed {
  margin-bottom: 30px;
}

.row .col-lg-4 .product_variation_one_boxed:last-child {
  margin-bottom: 0;
}

.product_variation_one_boxed {
  position: relative;
  overflow: hidden;
}

.product_variation_one_boxed img {
  width: 100%;
}

.product_var_one_text_center {
  position: absolute;
  left: 40px;
  bottom: 0;
  padding: 20px;
  -moz-transform: translateY(-28%);
  -webkit-transform: translateY(-28%);
  transform: translateY(-28%);
  width: 70%;
}

.product_var_one_text {
  position: absolute;
  left: 40px;
  top: 50%;
  padding: 20px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
}

.product_var_one_text h2,
.product_var_one_text_center h2 {
  padding: 5px 0;
  text-transform: uppercase;
  font-weight: 700;
}

.product_var_one_text h4,
.product_var_one_text_center h4 {
  text-transform: uppercase;
}

.product_var_one_text a,
.product_var_one_text_center a {
  margin-top: 20px;
}

.color_one {
  color: var(--main-theme-color);
}

/* -------------------------
    Hot Product Area 
---------------------------*/

/*  Filers CSS */
.tabs_center_button .nav-tabs {
  border-bottom: none;
  width: 100%;
  justify-content: center;
}

.tabs_center_button .nav-tabs li a {
  margin-left: 50px;
  transition: inherit;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  background: transparent;
  padding-bottom: 5px;
}

.tabs_center_button .nav-tabs li:first-child a {
  margin-left: 0px;
}

.tabs_center_button .nav-tabs li a:hover {
  color: var(--main-theme-color);
}

.tabs_center_button .nav-tabs li .active {
  color: var(--main-theme-color) !important;
  border-bottom: 2px solid var(--main-theme-color);
}

/* -------------------------
     Offer Timer One Area 
---------------------------*/

#offer_timer_one {
  background-image: url("../img/offer/t-shirt.png");
  background-size: cover;
  background-position: center;
  padding: 145px 0;
}

.offer_timer_text {
  padding-left: 60px;
}

.offer_timer_text h2 {
  font-size: 40px;
  line-height: 55px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.offer_timer_text p {
  padding-top: 15px;
  padding-bottom: 30px;
}

#countdown ul li {
  border: 1px solid #c5c5c5;
  width: 100px;
  height: 70px;
  text-align: center;
  padding-top: 10px;
  margin-top: 30px;
  font-size: 14px;
}

#countdown ul li span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #545454;
}

#countdown ul li:first-child {
  margin-top: 0;
}

.offer_time_flex {
  display: flex;
}

/* -------------------------
     To Days Area 
---------------------------*/
.form-group {
  margin-bottom: 20px;
}

label {
  margin-bottom: 5px;
}

.product_wrappers_one {
  overflow: hidden;
}
 .product_wrappers_one:hover {
border: 1px solid #03486a;
}

.product_wrappers_one .thumb {
    position: relative;
    overflow: hidden;
    background: #ebebeb;
    /*background: #fff2f2;*/
}

.product_wrappers_one .thumb .image {
  position: relative;
  display: block;
  overflow: hidden;
}

.product_wrappers_one .thumb .image img {
  z-index: 1;
  max-width: 100%;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.product_wrappers_one .thumb .image img.hover-image {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
}

.product_wrappers_one .thumb .badges {
  position: absolute;
  z-index: 8;
  top: 18px;
  left: 18px;
  display: flex;
  flex-direction: column;
}

.product_wrappers_one .thumb .badges span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: block;
  padding: 0 7px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 3px;
  color: #fff;
}

.product_wrappers_one .thumb .badges span + span {
  margin-top: 10px;
}

.product_wrappers_one .thumb .badges span.new {
  background-color: #007a58;
}

.product_wrappers_one .thumb .badges span.hot {
    background-color: #4CAF50;
    color: #ffffff;
}

.product_wrappers_one .thumb .badges span.sale {
  background-color: #ff7004;
}

.product_wrappers_one .thumb .actions {
  position: absolute;
  z-index: 9;
  top: 18px;
  right: 18px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease 0s;
}

.product_wrappers_one .thumb .actions .action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #212121;
  border-radius: 50%;
  background-color: #f2f2f2;
}

.heart-pulse {
    animation: pulse 0.3s ease-in-out;
}
@keyframes pulse {
    30% {
      opacity:1;
      transform: scale(1.4);
    }
    50% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(1);
    }
  }
.product_wrappers_one .thumb .actions .action i {
  font-size: 22px;
  line-height: 1;
}

.product_wrappers_one .thumb .actions .action + .action {
  margin-top: 10px;
}

.product_wrappers_one .thumb .actions .action:not(.wishlist) {
  visibility: hidden;
  transform: translateY(20px);
  opacity: 0;
}

.product_wrappers_one .thumb .actions .action.active {
  color: #ff7004;
}

/*.product_wrappers_one .thumb .actions .action:hover:not(.active) {*/
/*  color: #fff;*/
/*  background-color: #ff7004;*/
/*}*/

.product_wrappers_one .thumb .add-to-cart {
  display: block;
  width: 80%;
  height: 45px;
  line-height: 45px;
  background-color: #fff;
  text-align: center;
  border: 0;
  border-radius: 3px;
  font-size: 14px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 11;
  margin: auto;
  font-weight: 600;
  visibility: hidden;
  transition: all 0.3s ease 0s;
  transform: translateY(20px);
  color: #3f3f3f;
  opacity: 0;
  font-family: Raleway, sans-serif;
}

.product_wrappers_one .thumb .add-to-cart:hover {
  color: #ff7004;
}

.product_wrappers_one .content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  padding: 10px;
  transition: all 0.3s ease 0s;
  text-align: center;
  background-color: #fff;
}

.product_wrappers_one .content .title {
  font-size: 14px;
  margin: 0px 0 10px;
}

.product_wrappers_one .content .title a {
    text-decoration: none;
    color: #1d1d1d;
    display: block;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product_wrappers_one .content .price {
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #212121;
}

.product_wrappers_one .content .price:not(:last-child) {
  margin-bottom: 20px;
}

.product_wrappers_one .content .price span.new {
  color: #000;
  font-weight: 600;
}

.product_wrappers_one .content .price span.old {
  font-size: 14px;
  margin-left: 10px;
  text-decoration: line-through;
  color: #999;
}

.product_wrappers_one .content .btn {
  align-self: center;
}

.product_wrappers_one:hover .thumb .image img {
  /*transform: scale(1.1) rotate(3deg);*/
}

.product_wrappers_one:hover .thumb .image img:not(:last-child) {
  opacity: 0;
  transition: 0.5s all ease-in-out;
}

.product_wrappers_one:hover .thumb .image img.hover-image {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}

.product_wrappers_one:hover .thumb .actions .action {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}

.product_wrappers_one:hover .thumb .add-to-cart {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}

.product_wrappers_one:hover .content .title a {
  color: #474747;
}

.product_wrappers_one:hover .content .title a:hover {
  color: #ff7004;
}

/* -------------------------
 Spceial Banner Area 
---------------------------*/

#special_offer_one {
  background-image: url("../img/common/offer-banner3.jpg");
  background-size: cover;
  background-position: center;
  padding: 115px 0;
}

.offer_banner_one h5 {
  color: var(--main-theme-color);
}

.offer_banner_one h2 {
  color: #fff;
  padding: 10px 0;
}

.offer_banner_one p {
  color: #fff;
  padding-bottom: 30px;
}

/* -------------------------
  Instagram Area Start 
---------------------------*/

.instgram_post {
  position: relative;
}

.instgram_post > a {
  display: block;
  position: relative;
  z-index: 1;
}

/*.instgram_post > a::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: #f3f0ea;*/
/*  opacity: 0;*/
/*  -webkit-transition: all 0.3s ease-out 0s;*/
/*  -moz-transition: all 0.3s ease-out 0s;*/
/*  -ms-transition: all 0.3s ease-out 0s;*/
/*  -o-transition: all 0.3s ease-out 0s;*/
/*  transition: all 0.3s ease-out 0s;*/
/*}*/

.instgram_post > a i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(1.2) translate(-50%, -50%);
  z-index: 2;
  font-size: 40px;
  color: #262626;
  line-height: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}

/*.instgram_post > a:hover::before {*/
/*  opacity: 0.7;*/
/*}*/

.instgram_post > a:hover i {
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
}

.instgram_post img {
  width: 100%;
}

/* -------------------------
  Footer Area Start 
---------------------------*/

#footer_one {
  padding: 70px 0;
  background-color: #03486a;
}

#footer_one .footer_left_side p {
  padding-top: 15px;
}

#footer_one .footer_left_side h2 {
  padding-top: 15px;
}

#footer_one .footer_one_widget ul {
  padding-top: 15px;
}

#footer_one .footer_one_widget h3 {
  text-transform: uppercase;
  font-size: 18px;
}

#footer_one .footer_one_widget ul li {
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ff98003d;
}
#footer_one .footer_one_widget ul.footermenu li a {
  color:white;
}
#footer_one .footer_one_widget ul.footermenu li a:hover {
  color:#ff9800;
  padding-left:3px;
}
#footer_one .footer_one_widget ul.footermenu li:first-child {
  padding-top: 0px;
}

#footer_one .footer_left_side_icon {
  padding-top: 20px;
}

#footer_one .footer_left_side_icon ul li {
  display: inline-flex;
  padding-left: 10px;
}

#footer_one .footer_left_side_icon ul li:first-child {
  padding-left: 0px;
}

#footer_one .footer_left_side_icon ul li a i {
  font-size: 18px;
}

#footer_one .footer_left_side p {
  padding-right: 50px;
}

#mc_embed_signup {
  padding-top: 20px;
}

#mc_embed_signup button {
  margin-top: 20px;
  background-color: #000;
  color: #fff;
}

#mc_embed_signup button:hover {
  background-color: #262626;
  color: #fff;
}

/* --CopyRight Area-- */

#copyright_one {
  padding: 15px 0;
  border-top: 1px solid #ededed;
  background: #000;
}

.copyright_left h6 {
  font-size: 14px;
  color: #fff;
}

#copyright_one .copyright_right {
  text-align: right;
}

#copyright_one .copyright_left h6 span {
  font-weight: 600;
  color: #ff9800;
}
.text-yellow
{
    color: #ff9800 !important; 
}
/* -------------------------
  Footer Area End 
---------------------------*/

/* ------------------------------
    Furniture Home Page
--------------------------------- */
/* -------------------------
     Banner Area
---------------------------*/
.background_bg {
  background-position: center center;
  background-size: cover;
}

.furniture_slider {
  padding: 200px 0;
}

.furniture_slider_content h5 {
  opacity: 0;
  -webkit-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.furniture_slider_content h2 {
  padding: 35px 0;
  font-size: 60px;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: all 1400ms ease;
  -o-transition: all 1400ms ease;
  transition: all 1400ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.furniture_slider_content a {
  opacity: 0;
  -webkit-transition: all 1600ms ease;
  -o-transition: all 1600ms ease;
  transition: all 1600ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.furniture_slider_content p {
  padding-bottom: 30px;
  opacity: 0;
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

#furniture_banner .active .furniture_slider_content h5 {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

#furniture_banner .active .furniture_slider_content h2 {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

#furniture_banner .active .furniture_slider_content p {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

#furniture_banner .active .furniture_slider_content a {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1700ms;
  -o-transition-delay: 1700ms;
  transition-delay: 1700ms;
}

#furniture_banner .owl-theme .owl-dots {
  position: absolute;
  top: 0;
  right: 50px;
  bottom: 0;
  margin: 0;
  width: 50px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#furniture_banner .owl-theme .owl-dots .owl-dot {
  position: relative;
  display: block;
  width: 30px;
  height: 5px;
  background: var(--main-theme-color);
  border: 0px solid;
  margin: 5px 0px;
  padding: 0px;
  border-radius: 10px;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#furniture_banner .owl-theme .owl-dots .owl-dot span {
  display: none;
}

#furniture_banner .owl-theme .owl-dots .owl-dot.active {
  width: 40px;
}

#furniture_banner .owl-theme .owl-dots .owl-dot:before {
  position: absolute;
  top: 0px;
  right: -10px;
  bottom: 0px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  content: "";
  background: var(--main-theme-color);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* -------------------------
     Banner Bottom Area
---------------------------*/
.furniture_bottom_wrapper {
  position: relative;
}

.furniture_bottom_wrapper .hover_effect_furniture {
  position: relative;
  display: block;
  outline: none !important;
}

.furniture_bottom_wrapper .hover_effect_furniture::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(51, 51, 51, 0.4);
  transition: all 0.35s ease;
}

.furniture_bottom_wrapper:hover > .hover_effect_furniture:before {
  visibility: visible;
  opacity: 1;
}

.furniture_bottom_wrapper .hover_effect_furniture::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(51, 51, 51, 0.4);
  transition: all 0.35s ease;
}

.furniture_bottom_wrapper a img {
  width: 100%;
}

.furniture_bottom_content {
  display: inline-block;
  position: absolute;
  padding-top: 0.4rem;
  left: 2rem;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.furniture_bottom_content a {
  color: #fff;
  border-bottom: 2px solid var(--main-theme-color);
}

.furniture_bottom_content a:hover {
  color: var(--main-theme-color);
}

.furniture-content-lg h5 {
  color: #fff;
}

.furniture-content-lg h2 {
  color: #fff;
  padding: 10px 0;
  line-height: 50px;
}

.furniture-content-md h5 {
  color: #fff;
  line-height: 0;
  padding-bottom: 2px;
  font-size: 16px;
}

.furniture-content-md h2 {
  color: #fff;
  padding: 13px 0;
  line-height: 28px;
  font-size: 22px;
}

/* -------------------------
     Offer Timer One 
---------------------------*/
#offer_timer_two {
  background: #5a6b85;
  padding-top: 100px;
}

.offer_time_two_Content {
  text-align: center;
}

.offer_time_two_Content img {
  width: 60%;
}

#countdown_two {
  padding-top: 36px;
}

#countdown_two ul {
  display: flex;
  justify-content: center;
}

#countdown_two li {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-left: 35px;
  padding: 10px 20px;
  position: relative;
  border: 1px solid var(--main-theme-color);
}

#countdown_two li::before {
  content: "";
  position: absolute;
  width: 30px;
  right: -10px;
  height: 35px;
  background: #5a6b85;
  top: -10px;
}

#countdown_two li::after {
  content: "";
  position: absolute;
  width: 30px;
  left: -10px;
  height: 35px;
  background: #5a6b85;
  bottom: -10px;
}

#countdown_two li:first-child {
  margin-left: 0px;
}

#countdown_two li span {
  display: block;
  font-size: 32px;
  font-style: italic;
  line-height: 49px;
  z-index: 99;
  position: relative;
}

/* -------------------------
  Furniture Popular Product
---------------------------*/
#furniture_popular_product .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
}

#furniture_popular_product .owl-carousel .owl-nav .owl-next,
#furniture_popular_product .owl-carousel .owl-nav .owl-prev {
  height: 30px;
  width: 30px;
  background: var(--main-theme-color);
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 1px 15px 0 rgb(0 0 0 / 10%);
  visibility: hidden;
  transition: 0.4s all ease-in-out;
}

#furniture_popular_product .owl-carousel .owl-nav .owl-next {
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}

#furniture_popular_product .owl-carousel .owl-nav .owl-prev {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

#furniture_popular_product .owl-carousel:hover .owl-nav .owl-prev,
#furniture_popular_product .owl-carousel:hover .owl-nav .owl-next {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/* -------------------------
  Our Story Area
---------------------------*/
#furniture_story {
  background-image: url("../img/furniture/common/parallex.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 150px 0;
  position: relative;
}

#furniture_story::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #0000005c;
  position: absolute;
  top: 0;
}

.our_story_content {
  text-align: center;
  z-index: 9;
  position: relative;
}

.our_story_content p {
  padding: 40px 0;
}

.our_story_content h2,
.our_story_content p {
  color: #fff;
}

/* -------------------------
     Blog Post Area
---------------------------*/
.blog_post_wrapper {
  position: relative;
  overflow: hidden;
}

.blog_post_img {
  position: relative;
}

.blog_post_img a img {
  width: 100%;
  transition: 0.4s all ease-in-out;
}

.blog_post_wrapper:hover img {
  transform: rotate(2deg) scale(1.1);
}

.blog_post_date {
  text-align: center;
  padding: 15px 90px 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 0, 76% 0, 100% 100%, 0 100%);
  background: #222;
  color: #fff;
  font-size: 18px;
}

.blog_post_date span {
  font-size: 16px;
}

.right_block {
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 370px;
  background: rgba(34, 34, 34, 0.9);
  height: 100%;
  padding: 30px;
}

.right_side_content {
  color: #fff;
}

.right_side_content h5 {
  color: #fff;
  font-size: 24px;
}

.right_side_content p {
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 25px;
  font-size: 14px;
  padding-top: 15px;
}

.right_side_content a {
  color: #fff;
  border-bottom: 1px solid var(--main-theme-color);
}

.right_side_content a:hover {
  color: var(--main-theme-color);
}

/* ------------------------------
    Electronics Home Page
--------------------------------- */

/* --Banner Area-- */
.electronics_slider {
  padding: 200px 0;
}

.electronics_slider_content h5 {
  opacity: 0;
  -webkit-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.electronics_slider_content h2 {
  padding: 35px 0;
  font-size: 60px;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: all 1400ms ease;
  -o-transition: all 1400ms ease;
  transition: all 1400ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.electronics_slider_content h2 span {
  color: var(--main-theme-color);
}

.electronics_slider_content a {
  opacity: 0;
  -webkit-transition: all 1600ms ease;
  -o-transition: all 1600ms ease;
  transition: all 1600ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.electronics_slider_content h4 {
  padding-bottom: 30px;
  opacity: 0;
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

#electronics_banner .active .electronics_slider_content h5 {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

#electronics_banner .active .electronics_slider_content h2 {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

#electronics_banner .active .electronics_slider_content h4 {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

#electronics_banner .active .electronics_slider_content a {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1700ms;
  -o-transition-delay: 1700ms;
  transition-delay: 1700ms;
}

#electronics_banner .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
}

#electronics_banner .owl-carousel .owl-nav .owl-prev {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

#electronics_banner .owl-carousel .owl-nav .owl-next {
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}

#electronics_banner .owl-carousel .owl-nav .owl-next,
#electronics_banner .owl-carousel .owl-nav .owl-prev {
  height: 30px;
  width: 30px;
  background: var(--main-theme-color);
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 1px 15px 0 rgb(0 0 0 / 10%);
  visibility: hidden;
  transition: 0.4s all ease-in-out;
}

#electronics_banner .owl-carousel:hover .owl-nav .owl-prev,
#electronics_banner .owl-carousel:hover .owl-nav .owl-next {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/* --Banner Bottom Area-- */
.el_banner_bottom {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.el_banner_bottom img {
  transition: 0.4s all ease-in-out;
  width: 100%;
}

.el_banner_bottom img:hover {
  transform: scale(1.05);
}

.el_feature_wrappers {
  position: relative;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 16px 20px;
  margin-top: 30px;
}

.el_feature_wrappers .el_feature_box {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.el_feature_box {
  position: relative;
}

.el_feature_box img {
  width: 45px;
  flex: 0 0 45px;
  margin: 0;
  margin-right: 10px;
}

.el_feature_wrappers .el_feature_text {
  overflow: hidden;
  flex-grow: 1;
}

.el_feature_wrappers .el_feature_text h3 {
  color: #253237;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 22px;
  margin-bottom: 0;
}

.el_feature_wrappers .el_feature_text p {
  line-height: 20px;
  color: #666;
  font-size: 13px;
  margin: 0;
}

/* --Top Product Area-- */
.tabs_right_button .nav-tabs {
  border-bottom: none;
  width: 100%;
  justify-content: space-between;
}

.tabs_right_button .nav-tabs li a {
  font-size: 16px;
  font-weight: 600;
  color: var(--paragraph-color);
}

.tabs_right_button .nav-tabs li a:hover {
  color: var(--main-theme-color);
}

.tabs_right_button .nav-tabs li .active {
  background: var(--main-theme-color);
  padding: 5px 22px;
  color: #fff !important;
}

/* --Promotion Banner Area-- */
#promotion_banner {
  background-color: #f7f7f7;
}

.elec_promo_text h2 {
  font-weight: 700;
  line-height: 48px;
  padding-bottom: 20px;
}

.elec_promo_icon {
  margin-top: 40px;
}

.icon_promo_item {
  display: inline-table;
  margin-right: 40px;
}

.icon_promo_item i {
  background: #525252;
  color: #fff;
  text-align: center;
  line-height: 84px;
  font-size: 22px;
  width: 84px;
  height: 84px;
  border-radius: 50%;
}

.icon_promo_item p {
  max-width: 129px;
  margin-bottom: 0;
  margin-top: 18px;
  display: block;
  font-weight: 700;
  text-align: left;
}

.promotion_img {
  text-align: right;
}

.insta_heading_elce {
  padding-bottom: 30px;
}

/* -------------------------
 product_slider_one Modal   
---------------------------*/

#product_slider_one .owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  margin: 5px 7px;
  background: var(--heading-color);
}

#product_slider_one .owl-theme .owl-dots .owl-dot.active span,
#product_slider_one.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--main-theme-color);
  width: 20px;
  height: 6px;
}

.product_one_modal_top .close_modal_icon {
  position: absolute;
  right: 15px;
  z-index: 10;
  top: 15px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  border-radius: 50%;
  transition: 0.3s;
  display: inline-block;
  background: #fff;
  border: 0;
}

.product_one_modal_top .close_modal_icon:hover {
  background: var(--main-theme-color);
  color: #fff;
  transform: rotate(90deg);
}

.modal_product_content_one .reviews_rating {
  padding-top: 10px;
}

.modal_product_content_one .reviews_rating i {
  color: #FF9800;
}

.modal_product_content_one .reviews_rating span {
  font-weight: 600;
}

.modal_product_content_one h4 {
  padding-top: 10px;
}

.modal_product_content_one p {
  padding-top: 10px;
}

#product_count_form_one {
  padding-top: 20px;
}

#product_count_form_one input {
  width: 20%;
  min-height: 40px;
  border-radius: 0;
  margin: 0 8px;
  text-align: center;
}

#product_count_form_two {
  padding-top: 20px;
}

#product_count_form_two input {
  width: 20%;
  min-height: 40px;
  border-radius: 0;
  margin: 0 8px;
  text-align: center;
}

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

.variable-single-item {
  margin-top: 15px;
}

.variable-single-item > span {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  text-transform: capitalize;
  color: #24262b;
}

.product-variable-color label {
  line-height: 0;
  margin-right: 5px;
  position: relative;
}

.product-variable-color label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

.product-variable-color label span {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #e9ecef;
  border-radius: 2px;
  cursor: pointer;
}

.product-variable-color label .product-color-red {
  background: #f8bfdf;
}

.product-variable-color label .product-color-tomato {
  background: tomato;
}

.product-variable-color label .product-color-green {
  background: #8c898e;
}

.product-variable-color label .product-color-light-green {
  background: #90ee90;
}

.product-variable-color label .product-color-blue {
  background: #c0c022;
}

.product-variable-color label .product-color-light-blue {
  background: #add8e6;
}

.product-variable-color label span::after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  color: #fff;
  content: "";
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 900;
}

.product-variable-color label input:checked ~ span::after {
  content: "\f00c";
}

.modal_share_icons_one {
  padding-top: 15px;
}

.posted_icons_one {
  padding-top: 10px;
}

.modal_share_icons_one h4 {
  font-size: 18px;
  font-weight: 500;
}

.posted_icons_one a i {
  width: 30px;
  height: 30px;
  border: 1px solid;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 50%;
}

.plus-minus-input {
  display: flex;
  align-items: center;
}

.plus-minus-input input::-webkit-outer-spin-button,
.plus-minus-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.plus-minus-input input[type="number"] {
  -moz-appearance: textfield;
}

.plus-minus-input button {
  background: #000;
  color: #fff;
  font-size: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}

/* ---------------------------------
       Shop Page 
-------------------------------------*/

.customs_sel_box {
  width: 200px;
  padding: 12px;
  font-size: 16px;
  line-height: 1;
  height: 45px;
  background: url(../img/common/arrow.png) no-repeat right;
  -webkit-appearance: none;
  background-position-x: 170px;
  border: 1px solid;
  background-size: 6%;
}

.product_wrappers_one {
    /* margin-bottom: 20px; */
    /* margin-top: 18px; */
    border: 1px solid #d9d6d6;
    border-radius: 0;
}

.product_shot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.product_shot_title p {
  font-weight: 600;
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  padding-right: 20px;
}

.product_shot_view ul {
  display: flex;
}

.product_shot_view ul li {
  padding-left: 10px;
}

.product_shot_view ul li:first-child {
  padding-left: 20px;
}

.product_shot_view ul li i {
  font-size: 20px;
}

.pagination {
  padding: 0;
  display: block;
  margin: 40px 0 0;
  text-align: center;
}

.pagination .page-item {
  display: inline-block;
  margin: 0 3px;
}

.pagination .page-item .page-link {
  color: var(--heading-color);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.pagination .page-item.active .page-link {
  background-color: var(--main-theme-color);
  color: #ffff;
  -webkit-box-shadow: 0px 7px 20px 0px #dcdcdc;
  box-shadow: 0px 7px 20px 0px #dcdcdc;
}

.product_shot_view .active {
  color: var(--main-theme-color);
}

/* ---------------------------------
       Shop List Page 
-------------------------------------*/

.product_wrappers_list {
  background: #ffff;
  padding: 40px 40px;
  box-shadow: 2px 2px 15px 2px #0000000a;
  margin-bottom: 30px;
}

#shop_main_area
  .row:nth-child(2)
  .col-lg-12:first-child
  .product_wrappers_list {
  margin-top: 30px;
}

.product_wrappers_list .content .product_para_top p {
  padding-top: 5px;
}

.product_wrappers_list .content .product_para_top .price {
  font-size: 20px;
  font-weight: 600;
  color: var(--main-theme-color);
  display: block;
  padding-top: 10px;
}

.product_wrappers_list .actions {
  padding-top: 10px;
}

.product_wrappers_list .actions a {
  padding-right: 10px;
  font-size: 18px;
}

.product_wrappers_list .content a {
  margin-top: 20px;
}

/* ---------------------------------
       Shop Sidebar Page 
-------------------------------------*/

.custom_boxed {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom_boxed:last-child {
  margin-bottom: 0;
}

.custom_boxed input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

.custom_boxed:hover input ~ .checkmark {
  background-color: var(--main-theme-color);
}

.custom_boxed input:checked ~ .checkmark {
  background-color: var(--main-theme-color);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_boxed input:checked ~ .checkmark:after {
  display: block;
}

.custom_boxed .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.shop_sidebar_wrapper {
  padding-top: 30px;
}

.shop_Search {
  position: relative;
}

.shop_Search form input {
  padding: 10px 46px 10px 17px;
  border-radius: 0;
}

.shop_Search form button {
  background: none;
  position: absolute;
  top: 8px;
  right: 15px;
}

.shop_Search form button img {
  width: 20px;
}

.shop_sidebar_boxed {
  padding-top: 30px;
}

.shop_sidebar_boxed h4 {
  margin-bottom: 20px;
  font-size: 18px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 10px;
}
.shop_sidebar_boxed_inner
{
    max-height:200px;
    overflow-x:hidden;
    overflow-y:scroll;
}
.price_filter
  .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #312620 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  height: 6px;
  margin-bottom: 20px;
  margin-left: auto;
  border-radius: 3px;
}

.price_filter .ui-slider-range {
  background: #312620 none repeat scroll 0 0;
  border-radius: 2px;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
  height: 20px;
  width: 20px;
  top: 0;
  margin-top: -7px;
  background: #fff;
  border-radius: 50%;
  margin-left: 0;
  border: 3px solid #312620;
  transition: 0.1s linear;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus {
  outline: none;
  box-shadow: none;
}

.price_slider_amount {
  overflow: hidden;
}

.price_slider_amount > span {
  font-size: 14px;
  font-weight: 500;
  color: #544842;
  text-transform: capitalize;
  margin-right: 5px;
  font-family: "Jost", sans-serif;
}

.price_slider_amount > input[type="text"] {
  height: auto;
  margin-left: 0;
  text-align: left;
  width: 100px;
  border: none;
  font-size: 14px;
  color: #544842;
  font-weight: 500;
  font-family: "Jost", sans-serif;
}

.price_slider_amount > input[type="submit"] {
  float: left;
  text-transform: uppercase;
  transition: all 400ms ease-out 0s;
  cursor: pointer;
  width: 98px;
  padding: 11px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.price_filter {
  margin-top: 30px;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all:hover {
  border-color: #ff6000;
}

#sizes_input .custom_boxed {
  padding-left: 25px;
  margin-bottom: 0px;
  margin-right: 20px;
  display: inline-block;
}

/* ---------------------------------
      Product Single Page 
-------------------------------------*/
.slider-nav .nav_img {
    margin-left: 15px;
    background: #ebebeb;
    border: 1px solid #a7a7a7;
    max-width:100px !important;
}
.slider-nav {
    margin-top: 10px;
}
.product_single_two_img
{
    background: #ebebeb;
    border: 1px solid #a7a7a7;
}
.product_img_two_slider {
  margin-bottom: 30px;
}

.product_img_two_slider img {
  width: 100%;
}

.slider-nav .nav_img:first-child {
  margin-left: 0;
}

#product_single_one .customs_selects {
  padding-top: 30px;
}

#product_single_one .variable-single-item {
  padding-top: 10px;
}

#product_single_one .reviews_rating {
  padding-top: 15px;
}

#product_single_one .modal_product_content_one h4 {
  padding-top: 20px;
}

#product_single_one .modal_product_content_one h4 del {
  padding-left: 20px;
  color: var(--main-theme-color);
}

#product_single_one .modal_product_content_one p {
  padding-top: 20px;
}

#product_single_one .links_Product_areas {
  padding-top: 30px;
}

#product_single_one .links_Product_areas ul li {
  display: inline-flex;
  padding-right: 20px;
}

#product_single_one .links_Product_areas ul li a i {
  padding-right: 5px;
}

#product_single_one .links_Product_areas .theme-btn-one {
  margin-top: 20px;
}

.product_single_one_img img {
  width: 100%;
}

.product_details_tabs {
  padding-top: 60px;
}

.product_details_tabs .nav-tabs {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
}

.product_details_tabs ul li {
  padding-right: 30px;
}

.product_details_tabs .nav-tabs li a {
  font-size: 18px;
  font-weight: 500;
  color: #afafaf;
}

.product_details_tabs ul li a.active {
  color: var(--main-theme-color);
}

#description .product_description {
  padding-top: 20px;
}

#description .product_description ul {
  padding-left: 55px;
  padding-top: 20px;
}

#description .product_description ul li {
  list-style: disc;
  padding-top: 10px;
}

#description .product_description ul li:first-child {
  padding-top: 0px;
}

#description .product_description ul li:last-child {
  padding-bottom: 10px;
}

#additional .product_additional {
  padding-top: 20px;
}

#additional ul li {
  padding-top: 10px;
  font-weight: 500;
  color: #343434;
}

#additional ul li:first-child {
  padding-top: 0px;
}

#additional ul li span {
  color: var(--main-theme-color);
  /*display: block;*/
  padding-top: 8px;
}

#review .product_reviews {
  padding-top: 20px;
}

#review .product_reviews .media-public ul li {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 30px;
}

#review .product_reviews .media-img {
  padding-right: 20px;
}

#review .product_reviews .media .media-img img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#review .product_reviews .media-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#review .product_reviews ul .media {
  box-shadow: 0px 0px 15px 6px #96969614;
  padding: 44px 50px;
  margin-top: 30px;
}

#review .product_reviews ul .media:first-child {
  margin-top: 0;
}

#review .product_reviews .media-header .media-name h4 {
  font-size: 20px;
  padding-bottom: 10px;
}

#review .product_reviews .media-header .post-share a {
  font-size: 16px;
  color: #848484;
  padding-left: 18px;
}

#review .product_reviews .media-header .post-share a:hover {
  color: var(--main-theme-color);
}

#review .product_reviews .media-pragraph p {
  padding-top: 5px;
}

#review .product_reviews .media-pragraph .product_review_strat span i {
  color: var(--main-theme-color);
}

#review .product_reviews .media-pragraph {
  padding-top: 5px;
}

/* ---------------------------------
      Product Single Two Page 
-------------------------------------*/

#product_single_two .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 44%;
}

#product_single_two .owl-prev {
  background: black;
  width: 25px;
  height: 35px;
  color: #fff;
}

#product_single_two .owl-next {
  background: black;
  width: 25px;
  height: 35px;
  color: #fff;
}

#product_single_two .owl-prev:hover,
#product_single_two .owl-next:hover {
  background: var(--main-theme-color);
}

#product_single_two .customs_selects {
  padding-top: 30px;
}

#product_single_two .variable-single-item {
  padding-top: 10px;
}

#product_single_two .reviews_rating {
  padding-top: 15px;
}

#product_single_two .modal_product_content_one h4 {
  padding-top: 20px;
}

#product_single_two .modal_product_content_one h4 del {
  padding-left: 20px;
  color: var(--main-theme-color);
}

#product_single_two .modal_product_content_one p {
  padding-top: 20px;
}

#product_single_two .links_Product_areas {
  padding-top: 30px;
}

#product_single_two .links_Product_areas ul li {
  display: inline-flex;
  padding-right: 20px;
}

#product_single_two .links_Product_areas ul li a i {
  padding-right: 5px;
}

#product_single_two .links_Product_areas .theme-btn-one {
  margin-top: 20px;
}

/* ---------------------------------
     About Page 
-------------------------------------*/

.about_top_img img {
  width: 100%;
}

.about_top_left_content h2 {
  text-transform: uppercase;
}

.about_top_left_content h4 {
  line-height: 30px;
  padding-top: 15px;
  font-weight: 400;
}

.about_top_left_content p {
  padding-top: 10px;
}

#about_progressbar {
  background: #f6f6f6;
}

.about_progressbar_content p {
  padding-top: 20px;
}

.skill-progressbar {
  margin-bottom: 35px;
}

.skill-progressbar:last-child {
  margin-bottom: 0;
}

.service_promo_single_item {
  text-align: center;
  box-shadow: 0px 0px 6px 1px #0000001c;
  padding: 25px 10px;
  height: 100%;
}

.service_prom_content {
  padding-top: 10px;
}

.service_prom_content p {
  padding-top: 10px;
}

#team_area {
  background-color: #f6f6f6;
}

.team-single {
  background: #fff;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 25px;
}

.team-content {
  position: relative;
  font-size: 16px;
  padding-top: 20px;
}

.team-name {
  font-weight: 700;
  font-size: 20px;
}

.team-img img {
  margin: 0 auto;
}

.team-social {
  width: 100%;
  background: #fff;
  bottom: -22px;
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  padding: 10px 0;
}

.team-social li {
  display: inline-block;
  margin-right: 10px;
}

.team-social li:last-child {
  margin-right: 0;
}

.team-social a {
  color: #000;
  transition: all 0.5s ease;
}

.team-social a:hover {
  color: #b19361;
}

.team-single:hover .team-social {
  bottom: -24px;
  opacity: 1;
  visibility: visible;
}

.pos-absolute {
  position: absolute;
}

/* ---------------------------------
     Cart Page 
-------------------------------------*/

/*****************************
* Components - Table
*****************************/

table {
  width: 100%;
}

.table-responsive {
  position: relative;
  z-index: 1;
}

.view {
  color: #03486a;
}

.table_desc {
  border: 1px solid #ededed;
}

.table_page table thead tr:last-child th,
.table_desc table tbody tr td:last-child {
  border-right: 0;
}

.table-responsive table thead {
  background: #272727;
}

.table_page table thead tr th {
  color: #fff;
  border-bottom: 3px solid #272727;
  border-right: 1px solid #ededed;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px;
  text-align: center;
}

.table_page table tbody tr td {
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  text-align: center;
  padding: 10px;
}

.table-responsive table tbody tr td {
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  min-width: 150px;
}

.product_stock h6 {
  font-size: 16px;
}

.table_page table tbody tr td.product_remove {
  min-width: 100px;
  font-size: 20px;
}

.table_page table tbody tr td.product_thumb {
  max-width: 180px;
  overflow: hidden;
}

.table_page table tbody tr td.product_thumb img {
  width: 92px;
  height: 92px;
  object-fit: cover;
}

.table_page table tbody tr td.product_name {
  min-width: 180px;
}

.table_page table tbody tr td.product-price {
  min-width: 130px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.table_page table tbody tr td.product_quantity {
  min-width: 180px;
}

.table_page table tbody tr td.product_quantity label {
  font-weight: 600;
  margin-right: 5px;
}

.table_page table tbody tr td.product_quantity input {
  width: 60px;
  height: 40px;
  padding: 0 5px 0 10px;
  background: none;
  border: 1px solid #ededed;
}

.table_page table tbody tr td.product_addcart {
  min-width: 180px;
}

.cart_submit {
  text-align: right;
  padding: 12px;
}

.coupon_code {
  border: 1px solid #ededed;
  margin-top: 60px;
}

.coupon_code h3,
.coupon_code .h3 {
  color: #ffff;
  line-height: 36px;
  padding: 5px 15px;
  background: #272727;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.coupon_inner {
  padding: 10px 20px 25px;
}

.coupon_inner p {
  font-size: 13px;
  margin-bottom: 20px;
}

.coupon_inner input {
  border: 1px solid #ededed;
  min-height: 38px;
  background: none;
  padding: 0 20px;
  margin-right: 20px;
  font-size: 12px;
  color: #333;
  width: 175px;
}

.coupon_inner a {
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  border-radius: 3px;
}

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

.cart_subtotal p {
  font-weight: 600;
  font-size: 14px;
}

.cart_subtotal p span {
  margin-right: 30px;
}

.cart_subtotal .cart_amount {
  font-size: 18px;
  font-weight: 500;
}

.checkout_btn {
  text-align: right;
}

.checkout_btn a {
  display: initial;
  font-size: 12px;
}

#cart_area_two .plus-minus-input {
  justify-content: center;
}

#cart_area_two .table_page table tbody tr td.product_quantity input {
  margin: 0 8px;
}

.coupon_inner_two {
  padding-top: 30px;
}

.coupon_inner_two p {
  font-size: 13px;
  margin-bottom: 20px;
}

.coupon_inner_two input {
  border: 1px solid #ededed;
  min-height: 38px;
  background: none;
  padding: 0 20px;
  margin-right: 20px;
  font-size: 12px;
  color: #333;
  width: 175px;
}

.coupon_inner_two a {
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  border-radius: 3px;
}

.product_quantity input {
  text-align: center;
}

.pro-remove button {
  background: transparent;
}

/* ---------------------------------
    Empty Cart Page 
-------------------------------------*/

.empaty_cart_area {
  text-align: center;
}

.empaty_cart_area img {
  width: 100%;
}

.empaty_cart_area h3 {
  padding-top: 15px;
}

.empaty_cart_area a {
  margin-top: 25px;
}

/* ---------------------------------
       CheckOut Page 
-------------------------------------*/

#checkout_one .form-group {
  margin-bottom: 20px;
}

#checkout_one .form-group label {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}

.bg-white {
  background-color: #fff;
}

.checkout-area-bg {
  padding: 30px;
  box-shadow: 0px 0px 10px 0px #00000012;
}

.check-heading {
  border-bottom: 2px solid var(--main-theme-color);
}

.check-heading h3 {
  font-weight: 700;
  padding-bottom: 10px;
}

.check-out-form {
  padding-top: 30px;
}

#checkout-area .form-group {
  margin-bottom: 20px;
}

#checkout-area .form-group label {
  font-size: 16px;
  font-weight: 600;
}

#checkout-area .form-control {
  border: 1px solid var(--main-theme-color);
  background: #fff;
  font-size: 14px;
  border-radius: 0;
}

.order_review {
  background-color: #f7f8fb;
  padding: 20px;
}

.order_table thead th {
  border-bottom-width: 1px;
  font-weight: 600;
  color: #fff;
}

.order_table tbody td {
  border: 0;
}

.order_table tfoot th {
  font-weight: 600;
}

.product-subtotal {
  font-weight: 600;
}

.payment_method {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.payment_option .custome-radio {
  margin-bottom: 10px;
}

.custome-radio .form-check-input,
.custome-checkbox .form-check-input {
  display: none;
}

.payment_option .custome-radio .form-check-label {
  color: #292b2c;
  font-weight: 600;
}

.custome-radio .form-check-label,
.custome-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
}

.custome-radio input[type="radio"]:checked + .form-check-label::before {
  border-color: var(--main-theme-color);
}

.custome-radio .form-check-label::before {
  content: "";
  border: 1px solid #908f8f;
  height: 16px;
  width: 16px;
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 8px;
}

.custome-radio input[type="radio"]:checked + .form-check-label::after {
  opacity: 1;
}

.custome-radio input[type="radio"] + .form-check-label::after {
  content: "";
  background-color: var(--main-theme-color);
  height: 10px;
  width: 10px;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 3px;
  opacity: 0;
}

.payment-text {
  display: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.payment_option .custome-radio:first-child .payment-text {
  display: block;
}

.payment_option .custome-radio .form-check-label {
  color: #292b2c;
  font-weight: 600;
}

.order_review {
    margin-bottom: 12px;
    box-shadow: 0px 0px 8px 0px #00000030;
}

.payment_method {
  padding-top: 30px;
}

.order_table {
  padding-top: 30px;
}

.order_review .table-responsive table thead {
  background: var(--main-theme-color);
  text-align: center;
}

/* ---------------------------------
       CheckOut Two Page 
-------------------------------------*/

.user-actions {
  margin-bottom: 20px;
}

.user-actions h3,
.user-actions .h3 {
  font-size: 13px;
  font-weight: 400;
  background-color: #f7f6f7;
  padding: 15px 10px;
  border-top: 3px solid var(--main-theme-color);
  margin-bottom: 0;
}

.user-actions h3 a,
.user-actions .h3 a {
  color: var(--main-theme-color);
}

.checkout_info {
  border: 1px solid #ededed;
  margin-top: 25px;
  padding: 20px 30px;
}

.checkout_info p {
  margin-bottom: 15px;
  font-size: 14px;
}

.form_group {
  margin-bottom: 20px;
}

.form_group .btn {
  margin-right: 20px;
}

.form_group.group_3 {
  display: flex;
  align-items: center;
}

.checkout_coupon input[type="text"] {
  background: none;
  border: 1px solid #ededed;
  width: 200px;
  height: 45px;
  font-size: 12px;
  padding: 0 20px;
  color: #777;
}

.checkout_coupon .btn {
  margin-left: 20px;
}

.country_option {
  width: 100%;
}

.country_option .list {
  height: 150px;
  overflow-y: scroll;
}

.order-notes {
  margin-bottom: 53px;
}

.default-form-box label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}

#checkout_two .checkout_coupon input[type="text"] {
  background: none;
  border: 1px solid #ededed;
  width: 200px;
  min-height: 35px;
  font-size: 12px;
  padding: 0 20px;
  color: #777;
}

#checkout_two .checkout_coupon input[type="text"] {
  background: none;
  border: 1px solid #ededed;
  width: 200px;
  max-height: 36px;
  font-size: 12px;
  padding: 0 20px;
  color: #777;
}

.default-form-box .checkbox-default {
  padding-left: 20px;
  margin: 0;
}

#checkout_two .checkout_area_two h3 {
  font-size: 16px;
  line-height: 30px;
  padding: 5px 10px;
  text-transform: uppercase;
  color: #fff;
  background: var(--main-theme-color);
  font-weight: 500;
}

.checkout_form_area form {
  padding-top: 20px;
}

.checkout_form_area form .default-form-box {
  padding-bottom: 20px;
}

.order_table table thead tr th {
  min-width: 50%;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.order_table table tbody tr td {
  min-width: 50%;
  text-align: left;
  padding: 15px 30px;
  border-bottom: 1px solid #ddd;
}

.order_table table tfoot tr th {
  min-width: 50%;
  text-align: left;
  padding: 15px 30px;
  border-bottom: 1px solid #ddd;
}

.order_table table tfoot tr td {
  min-width: 50%;
  text-align: left;
  padding: 15px 30px;
  border-bottom: 1px solid #ddd;
}

.input-radio span {
  font-weight: 500;
  padding-right: 10px;
}

.input-radio span input[type="radio"],
.account_login_form form span input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 2px;
  position: relative;
  top: 2px;
}

.checkbox-default-more-text em {
  margin-top: 16px;
  display: block;
}

#methodCod p {
  padding-bottom: 20px;
}

.checkout_area_two .table-responsive table thead {
  background: #000;
}

/* ---------------------------------
     Order Tracking 
-------------------------------------*/

.order_tracking_wrapper {
  box-shadow: 0px 0px 7px 3px #0000002b;
  padding: 20px 30px;
}

.order_tracking_wrapper p {
  text-align: center;
}

.order_tracking_wrapper h4 {
  padding-bottom: 10px;
  text-align: center;
}

.order_tracking_wrapper form {
  padding-top: 20px;
}

.order_track_button {
  text-align: center;
}

/* ---------------------------------
     Error Page 
-------------------------------------*/

.erorr_wrapper {
  text-align: center;
}

.erorr_wrapper h1 {
  font-weight: 200;
  font-size: 200px;
  text-shadow: 2px 8px 5px #03486a47;
  font-style: italic;
  line-height: 165px;
}

.erorr_wrapper h3 {
  padding-bottom: 30px;
  padding-top: 30px;
}

.erorr_wrapper form input {
  border-radius: 0px;
}

.erorr_wrapper form button {
  background: #000;
  color: #fff;
  padding: 1px 20px;
}

.erorr_wrapper a {
  margin-top: 30px;
}

/* ---------------------------------
     Compare Page    
-------------------------------------*/

.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
}

.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 305px;
  vertical-align: bottom;
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
}

.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category:hover,
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #b19361;
}

.compare-table .table tbody tr td.product-image-title .category {
  clear: both;
  color: #333;
  float: left;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  margin-bottom: 7px;
  margin-top: 15px;
  text-transform: capitalize;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}

.compare-table .table tbody tr td.pro-price {
  font-size: 15px;
  font-weight: 600;
}

.compare-table .table tbody tr td.pro-color {
  font-size: 15px;
  font-weight: 600;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
  transition: 0.3s;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 21px;
  overflow: hidden;
  display: block;
  text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.pro-stock {
  font-size: 15px;
  font-weight: 600;
}

.compare-table
  .table
  tbody
  tr
  td.pro-addtocart
  .add-to-cart
  .pro-remove
  button {
  border: none;
  background-color: transparent;
  padding: 0;
}

.compare-table table {
  margin-bottom: 0;
}

/* ---------------------------------
     My Account Page 
-------------------------------------*/

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.dashboard_tab_button {
  margin-bottom: 50px;
}

.dashboard_tab_button li a {
  border: 1px solid #e8e8e8;
  border-bottom: none;
  color: #212121;
  font-weight: 500;
  font-size: 15px;
  display: block;
  padding: 18px 15px;
  text-transform: uppercase;
  display:flex;
  align-items:center;
}

.dashboard_tab_button li a:last-child {
  border-bottom: 1px solid #e8e8e8;
}

.dashboard_tab_button li a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

.dashboard_tab_button li a.active,
.dashboard_tab_button li a:hover {
  background-color: var(--main-theme-color);
  border-color: var(--main-theme-color);
  color: #fff;
}

 .dashicons
        {
            width:22px;
            margin-right:5px;
        }
        .dashboard_tab_button li a.active img, .dashboard_tab_button li a:hover img
        {
            filter:invert(1);
        }
.dashboard_content h4,
.dashboard_content .h4 {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 15px;
}

.dashboard_content p a {
  color: #03486a;
  font-weight: 500;
}

.billing_address h5 {
  padding-bottom: 10px;
}

.input-radio span {
  font-weight: 500;
  padding-right: 10px;
}

.input-radio span input[type="radio"],
.account_login_form form span input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 2px;
  position: relative;
  top: 2px;
}

.checkbox-default-more-text em {
  margin-top: 16px;
  display: block;
}

.account_details_form .default-form-box {
  margin-bottom: 20px;
}

.account_details_form .input-radio {
  margin-top: 20px;
}

.account_details_form .example {
  font-size: 14px;
  display: block;
}

.myaccount-content .title {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  color: #212121;
  border-bottom: 1px dashed #e8e8e8;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 500;
}

.myaccount-content {
  border: 1px solid #e8e8e8;
  padding: 30px;
}

.myaccount-content table {
  overflow: hidden;
}

.billing_address p {
  padding-top: 10px;
}

.billing_address a {
  margin-top: 20px;
}

.img_profiles {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid var(--main-theme-color);
  overflow: hidden;
}

.fixed_icon input {
  opacity: 0;
  position: absolute;
}

/* ---------------------------------
   Login Page 
-------------------------------------*/

.account_form {
    box-shadow: 0px 0px 2px 2px #00000040;
    padding: 30px 40px;
    background: #fff;
}
.account_form h3 {
  text-align: center;
}

.account_form form {
  padding-top: 30px;
}

.account_form form .default-form-box {
  margin-bottom: 30px;
}

.login_submit {
  text-align: center;
}

.remember_area {
  padding-top: 20px;
}

/* ---------------------------------
   Faqs Page 
-------------------------------------*/

.faqs_area_wrapper .card_items_area {
  margin-bottom: 20px;
}

.faqs_area_wrapper .collapse {
  background: #f7f7f7;
  padding: 20px 20px;
}

.faqs_area_wrapper .collapse .card-body {
  padding: 0px;
}

.faqs_area_wrapper .card-header {
  width: 100%;
  text-align: left;
  font-size: 18px;
  padding: 0;
}

.faqs_area_wrapper .card-header a h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}

/* ---------------------------------
   Privacy Policy Page 
-------------------------------------*/

.privacy_policy_text {
  padding-top: 30px;
}

.privacy_policy_text p {
  padding-top: 20px;
}

/* ---------------------------------
   Coming Soon 
-------------------------------------*/

#coming_soon_area {
  height: 100vh;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-image: url("../img/common/coming-soon.jpg");
  position: relative;
  display: flex;
  align-items: center;
}

#coming_soon_area::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #00000054;
}

.coming_soon_content {
  text-align: center;
  z-index: 999;
  position: relative;
}

.coming_soon_title {
  padding-top: 30px;
}

.coming_soon_title h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
}

.coming_soon_title p {
  color: #fff;
  padding-top: 10px;
}

.coming_soon_time {
  padding-top: 40px;
}

#countdown_soon ul {
  display: flex;
}

#countdown_soon ul li {
  border: 1px solid #fff;
  width: 100%;
  color: #fff;
  padding: 15px 0;
  font-size: 20px;
  margin-left: 20px;
}

#countdown_soon ul li:first-child {
  margin-left: 0;
}

#countdown_soon ul li span {
  display: block;
  font-size: 45px;
  line-height: 55px;
}

.coming_soon_newsletter {
  padding-top: 40px;
}

.coming_soon_newsletter h3 {
  color: #fff;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-style: italic;
}

.coming_soon_newsletter form input {
  min-height: 50px;
}

/* -------------------------
  Blog Page Area Start 
---------------------------*/

.blog_one_item {
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 33%) 0px 3px 6px, rgb(0 0 0 / 32%) 0px 3px 6px;
    padding: 10px;
}
.blog_one_img {
  overflow: hidden;
}

.blog_one_item a img {
  width: 100%;
  overflow: hidden;
}

.blog_text {
  padding-top: 15px;
}

.blog_text .date_area a {
  font-size: 16px;
  color: var(--main-theme-color);
  font-weight: 600;
  text-decoration: none;
}

.blog_text .heading {
    padding-top: 15px;
    line-height: 26px;
    font-size: 20px;
}

.blog_text .para {
  padding-top: 10px;
}

.blog_text .button {
    display: block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid;
    padding: 10px 28px;
    width: 175px;
    margin-top: 17px;
    background: var(--main-theme-color);
    border-radius: 7px;
}

.blog_text .button:hover {
  color: #fff;
  background: #000;
}

.blog_text .button i {
  padding-left: 10px;
}

#blog_grid_area_one .blog_one_item {
  margin-bottom: 30px;
}

/* -------------------------
  Blog List Page Area
---------------------------*/

#blog_list_area .blog_list_item {
  margin-bottom: 30px;
}
/* -------------------------
  Blog grid two
  --------------------------*/

.news_item_boxed {
  margin-top: 45px;
}

.news_item_img {
  border-radius: 10px;
  overflow: hidden;
}

.news_item_img img {
  width: 100%;
}

.news_item_content {
  padding: 25px 5px 0px 0;
}

.news_item_content h3 {
  font-weight: 500;
  line-height: 35px;
}

.news_item_content h3 a {
  color: var(--heading-color);
}

.news_item_content h3 a:hover {
  color: var(--main-theme-color);
}

.news_item_content p {
  padding-top: 13px;
}
.news_author_area {
  display: flex;
  padding-top: 20px;
}
.news_author_img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.news_author_img img {
  width: 100%;
}
.news_author_area_name {
  padding-left: 15px;
}
.news_author_area_name p {
  padding: 4px 0 0 0;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.news_author_area_name h4 {
  font-size: 18px;
  font-weight: 500;
}
.news_author_area_name p i {
  font-size: 6px;
  padding: 0 8px;
}
/* -------------------------
  Blog List Page
---------------------------*/
.news_two_content {
  padding: 15px 0 0 0;
}
.news_two_content h2 {
  line-height: 56px;
}
.news_two_content h2 a {
  color: var(--black-color);
}
.news_two_content h2 a:hover {
  color: var(--main-color);
}
.news_two_author {
  display: flex;
  align-items: center;
}

.news_two_author p {
  padding: 0px 0 0 15px;
}

/* -------------------------
  Blog single Page Area
---------------------------*/

.blog_single_img {
  overflow: hidden;
}

.blog_single_img img {
  width: 100%;
}

.blog_single_widget {
  padding-top: 30px;
}

.blog_single_first_Widget {
  padding-top: 15px;
}

.blog_single_first_Widget h2 {
  font-size: 28px;
  font-weight: 600;
}

.blog_single_first_Widget p {
  padding-top: 15px;
}

.blog_single_first_Widget blockquote {
  background: #eaeaea;
  margin-top: 35px;
  padding: 20px 40px;
  font-size: 20px;
  font-style: italic;
}

.blog_details_center_img {
  padding-top: 20px;
}

.blog_single_secend_widget {
  padding-top: 30px;
}

.blog_single_secend_widget h2 {
  font-size: 28px;
  font-weight: 600;
}

.blog_single_secend_widget p {
  padding-top: 15px;
}

.single_categoris_bottom {
  padding-top: 30px;
}

.single_categoris_bottom ul li {
  display: inline-flex;
}

.single_categoris_bottom ul li a {
  color: #636161;
  border: 1px solid #dcd9d9;
  padding: 7px 10px;
  font-size: 14px;
}

.single_categoris_bottom ul li a:hover {
  color: var(--main-theme-color);
  border: 1px solid var(--main-theme-color);
}

.post_author .author_img {
  float: left;
  padding-right: 15px;
}

.post_author .author_info .author_name a {
  font-size: 18px;
  font-weight: 600;
}

.post_author .author_info p {
  padding-top: 10px;
}

.post_author {
  margin-top: 30px;
}

.related_blogs {
  padding-top: 30px;
}

.single_comment_area {
  padding-top: 50px;
}

.content_title h3 {
  font-size: 24px;
}

.comment_user img {
  height: auto;
  max-width: 80px;
}

.comment_content {
  padding-left: 20px;
}

.comment_content .meta_data h6 {
  font-size: 16px;
}

.comment-time {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-style: italic;
}

.comment_content p:last-child {
  margin-bottom: 0;
}

.comment_info {
  padding-bottom: 20px;
}

.comment_info .children {
  margin-top: 20px;
  padding-top: 20px;
  margin-left: 60px;
}

.comment_list {
  padding-top: 30px;
}

.comment_replay_box {
  padding-top: 20px;
}

.comment_replay_box form {
  padding-top: 20px;
}

/* --Sidebar-- */

.shop-sidebar-wrap h3 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 30px;
  position: relative;
  display: block;
  border-bottom: 1px solid #ebebeb;
}

.shop-sidebar-wrap h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 60px;
  height: 2px;
  background: #ff7004;
}

.left-sidebar button {
  position: absolute;
  width: 50px;
  left: auto;
  right: 0;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  border-radius: 0;
  border-color: #ebebeb;
  background-color: #212121;
  color: #fff;
  padding: 0;
  z-index: 99999;
}

.search-widget form input {
  min-height: 50px;
}

.left-sidebar .category-post li {
  margin-bottom: 10px;
  display: block;
}

.left-sidebar .category-post li a {
  line-height: 24px;
  position: relative;
  display: block;
}

.left-sidebar .category-post li a span {
  float: right;
}

.left-sidebar .recent-post-widget .recent-single-post {
  margin: 0 0 30px;
}

.left-sidebar .recent-post-widget .recent-single-post .thumb-side {
    max-width: 90px;
  min-width:90px;
  overflow: hidden;
}

.left-sidebar .recent-post-widget .recent-single-post .thumb-side img {
  max-width: 90px;
  min-width:90px;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side {
  margin: 0 0 0 18px;
  align-self: center;
  align-items: center;
  line-height: 24px;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side h5 {
  font-size: 16px;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side span {
  font-size: 14px;
  padding-top: 8px;
  display: block;
}

.shop-sidebar-wrap .sidebar-widget-tag li {
  line-height: 1;
  float: left;
  list-style: none;
}

.shop-sidebar-wrap .sidebar-widget-tag li:first-child a {
  margin-left: 0;
}

.shop-sidebar-wrap .sidebar-widget-tag li a {
  display: block;
  float: left;
  padding: 0 20px;
  line-height: 33px;
  font-weight: 400;
  border: 1px solid #ebebeb;
  border-radius: 30px;
  background: #fff;
  margin: 4px;
  text-transform: capitalize;
  color: #474747;
}

.shop-sidebar-wrap .sidebar-widget-tag li a:hover {
  background-color: var(--main-theme-color);
  border-color: var(--main-theme-color);
  color: #fff;
}

.flicker-widget li {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  overflow: hidden;
}

.flicker-widget img {
  height: 70px;
  width: 70px;
  object-fit: cover;
  object-position: center;
}

.single_center_img {
  overflow: hidden;
}

.single_center_img img {
  width: 100%;
}

.related_blogs .blog_one_item {
  margin-bottom: 30px;
}

.follwos_icons ul li {
  display: inline-flex;
  padding-left: 20px;
}

.follwos_icons ul li:first-child {
  padding-left: 0px;
}

.follwos_icons p {
  padding-top: 20px;
}

/**=====================
    invoice pages start
==========================**/
.invoice-wrapper {
  background-color: white;
  -webkit-box-shadow: #e6e6e6 0px 0px 14px 3px;
  box-shadow: #e6e6e6 0px 0px 14px 3px;
  position: relative;
}

.invoice-footer .buttons {
  text-align: right;
}

.invoice-wrapper h2 {
  font-size: 30px;
}

.invoice-wrapper h4 {
  color: #646464;
  font-size: 18px;
  font-weight: 400;
}

.invoice-wrapper .invoice-detail h5 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
}

.invoice-wrapper .invoice-detail h6 {
  margin-bottom: 0;
  font-size: 16px;
  color: #6d6d6d;
}

.invoice-wrapper .invoice-body {
  padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.invoice-wrapper .invoice-body .table th,
.invoice-wrapper .invoice-body .table td {
  border-top: none;
}

.invoice-wrapper .invoice-body .table {
  font-size: 16px;
}

.invoice-wrapper .invoice-body .table td {
  color: #646464;
}

.invoice-wrapper .invoice-body .table tbody td,
.invoice-wrapper .invoice-body .table tbody th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.invoice-wrapper .invoice-body .table tbody th {
  font-weight: normal;
  color: #646464;
}

.invoice-wrapper .invoice-body .table tbody tr:first-child td,
.invoice-wrapper .invoice-body .table tbody tr:first-child th {
  padding-top: 22px;
}

.invoice-wrapper .invoice-body .table tbody tr:last-child td,
.invoice-wrapper .invoice-body .table tbody tr:last-child th {
  padding-bottom: 22px;
}

.invoice-wrapper .invoice-body .table tfoot {
  border-top: 1px solid #ddd;
}

.invoice-wrapper .invoice-body .table tfoot td {
  padding-top: 15px;
}

.invoice-wrapper .invoice-footer {
  padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.invoice-wrapper .authorise-sign h6 {
  margin-bottom: 0;
  font-size: 18px;
  color: black;
  font-weight: bold;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
  line-height: 1;
}

.theme-invoice-1 .invoice-header {
  padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
  background-color: #f8f8f8;
}

.theme-invoice-1 .invoice-header h4 {
  font-size: 16px;
  color: #646464;
  margin-bottom: 5px;
}

.theme-invoice-1 .invoice-header .upper-icon {
  position: absolute;
  width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
  height: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
  top: 0;
  right: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--theme-deafult);
}

.theme-invoice-1 .invoice-header .upper-icon img {
  width: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.theme-invoice-1 .invoice-header .header-content {
  margin-top: 50px;
}

.theme-invoice-1 .invoice-header .header-content h2 {
  font-size: 30px;
}

.theme-invoice-1 .invoice-header .detail-bottom {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #dddddd;
}

.theme-invoice-1 .invoice-header .detail-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.theme-invoice-1 .invoice-header .detail-bottom ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.theme-invoice-1 .invoice-header .detail-bottom ul li span {
  color: var(--theme-deafult);
  text-transform: capitalize;
}

.theme-invoice-1 .invoice-header .detail-bottom ul li h4 {
  margin-bottom: 0;
  margin-left: 4px;
}

.theme-invoice-4 .invoice-header {
  padding: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320)));
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.theme-invoice-4 .invoice-header .background-invoice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.theme-invoice-4 .invoice-wrapper .invoice-body {
  padding: 0;
  z-index: 1;
  position: relative;
}

.theme-invoice-4 .top-sec {
  padding: 0 calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320)))
    calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.theme-invoice-4 .date-detail li h4 {
  margin-bottom: 0;
}

.theme-invoice-4 .date-detail li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.theme-invoice-4 .date-detail li span {
  font-size: 18px;
  text-transform: capitalize;
  color: var(--main-theme-color);
  margin-right: 8px;
}

.theme-invoice-4 .title-sec {
  padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)))
    calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320)));
  background-color: #f8f8f8;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  position: relative;
}

.theme-invoice-4 .title-sec .title {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-transform: uppercase;
}

.theme-invoice-4 .table-sec {
  padding: calc(15px + (40 - 15) * ((100vw - 320px) / (1920 - 320)))
    calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.theme-invoice-4 .invoice-wrapper .invoice-body .table thead {
  background-color: black;
}

.theme-invoice-4 .invoice-wrapper .invoice-body .table thead th {
  border-bottom: 0 !important;
  padding: 18px;
  color: white;
}

.invoice-wrapper .invoice-body .table thead th {
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 16px;
  border-color: var(--main-theme-color) !important;
  border-bottom: 1px solid;
}

.theme-invoice-4 .table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: white;
  color: #646464;
}

.theme-invoice-4 .table-striped > tbody > tr:nth-of-type(even) {
  --bs-table-accent-bg: #0000000d;
  color: #212529;
}

.theme-invoice-4 .invoice-wrapper .invoice-body .table tbody th,
.theme-invoice-4 .invoice-wrapper .invoice-body .table tbody td {
  padding: 18px 18px !important;
  font-size: 18px;
}

.theme-invoice-4 .table-sec .table-footer {
  background-color: var(--main-theme-color);
  display: inline-block;
  padding: 10px 10px 10px 10px;
  color: white;
  margin-top: 30px;
  font-size: 18px;
}

.theme-invoice-4 .table-sec .table-footer span:first-child {
  margin-right: 20px;
}

.theme-invoice-4 .table-sec .table-footer span:nth-child(2) {
  font-weight: 600;
}

.theme-invoice-4 .invoice-wrapper .invoice-footer {
  padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)))
    calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320)));
  background-color: #f8f8f8;
  position: relative;
}

.theme-invoice-4 .invoice-wrapper .invoice-footer .design-shape {
  position: absolute;
  top: -34px;
}

.theme-invoice-4 .invoice-wrapper .invoice-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.theme-invoice-4 .invoice-wrapper .invoice-footer ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.theme-invoice-4 .invoice-wrapper .invoice-footer ul li i {
  margin-right: 30px;
  color: var(--main-theme-color);
  font-size: 20px;
}

.theme-invoice-4 .invoice-wrapper .invoice-footer ul li h4 {
  line-height: 24px;
  font-size: 16px;
}

/* --Invoice Page Two-- */
.theme-invoice-1 .invoice-header {
  padding: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
  background-color: #f8f8f8;
}

.theme-invoice-1 .invoice-header .upper-icon {
  position: absolute;
  width: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
  height: calc(50px + (70 - 50) * ((100vw - 320px) / (1920 - 320)));
  top: 0;
  right: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--main-theme-color);
}

.theme-invoice-1 .invoice-header .upper-icon img {
  width: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.theme-invoice-1 .invoice-header .header-content {
  margin-top: 50px;
}

.theme-invoice-1 .invoice-header .detail-bottom {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #dddddd;
}

.theme-invoice-1 .invoice-header .detail-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.theme-invoice-1 .invoice-header .detail-bottom ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.theme-invoice-1 .invoice-header .detail-bottom ul li span {
  color: var(--main-theme-color);
  text-transform: capitalize;
}

.theme-invoice-1 .invoice-header .detail-bottom ul li h4 {
  margin-bottom: 0;
  margin-left: 4px;
}

.invoice-wrapper .authorise-sign {
  position: absolute;
  bottom: calc(13px + (40 - 13) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
}

/* -------------------------
  Contact Page Area
---------------------------*/

.contact_info {
  padding-bottom: 50px;
}

.contact_info h3 {
  padding-bottom: 15px;
}

.left_side_contact ul li {
  padding-bottom: 30px;
}

.left_side_contact .address_location {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
    font-size: 20px;
}

.address_location i {
    padding-top: 5px;
    background: #03486a;
    color: white;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
    border-radius: 5px;
    font-size: 20px;
}

.left_side_contact .address_location p {
  padding-left: 20px;
  color: #0a0d14;
}

.contact_widget a {
  display: block;
  padding-left: 20px;
  padding-bottom: 10px;
}

.contact_form_one form .form-group {
  margin-bottom: 30px;
}

.contact_form_one h3 {
  padding-bottom: 30px;
}

.map_area {
  margin-top: 50px;
}

.map_area iframe {
  width: 100%;
  border: none;
  height: 450px;
}

/* -------------------------
  Product Hover Page 
---------------------------*/
.product_item_two {
  margin-top: 30px;
}

.product_hover_heading {
  text-align: center;
}

/* --Product Hover TWo-- */
.product_item_two .product_item_inner {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}

.product_item_two.product_item_inner img {
  width: 100%;
}

.product_item_two .product_button {
  background: #ffff none repeat scroll 0 0;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 8%);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 8%);
  opacity: 0;
  bottom: -50px;
  left: 50%;
  visibility: hidden;
  position: absolute;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  border: 1px solid #eeeeee;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: table;
  text-align: center;
}

.product_item_two .product_button a {
  border-right: 1px solid #eeeeee;
  font-size: 18px;
  padding: 15px 20px;
  display: table-cell;
}

.product_button a:last-child {
  border: none;
}

.product_item_two .product_detail {
  overflow: hidden;
  text-align: center;
  padding-top: 10px;
}

.product_item_two:hover .product_button {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.product_item_two .product_detail .product_title a {
  font-size: 16px;
}

.product_item_two .product_detail .item_price {
  padding-top: 5px;
  font-weight: 600;
}

/* --Product Hover Three-- */
#hot_Product_area .product_box {
  margin-top: 30px;
}

.product_box {
  margin-bottom: 0px;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
}

.product_img {
  position: relative;
  overflow: hidden;
}

.product_img::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.product_img img {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product_action_box {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  right: 0;
  text-align: center;
  padding-top: 0;
  transition: all 0.5s ease-in-out;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pr_action_btn {
  display: table;
  margin: 0 auto;
}

.product_action_box li:nth-child(1) {
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.product_action_box li {
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
  transform: translate(0, 15px);
  opacity: 0;
}

.pr_action_btn li {
  position: relative;
  margin: 0px 5px;
  display: inline-block;
}

.product_box .pr_action_btn li a {
  border-radius: 100%;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.pr_action_btn li a {
  background-color: #fff;
  font-size: 0;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  width: 37px;
  height: 37px;
  padding: 0;
  display: block;
  text-align: center;
}

.pr_action_btn li a i {
  vertical-align: middle;
  line-height: 37px;
  font-size: 18px;
}

.product_box .product_info {
  position: relative;
}

.product_info {
  padding: 15px;
}

.product .product_title,
.product_box .product_title,
.product_wrap .product_title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
  padding-bottom: 6px;
}

.product_price {
  margin-bottom: 5px;
}

.rating_wrap .rating {
  overflow: hidden;
  position: relative;
  height: 20px;
  font-size: 12px;
  width: 70px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  vertical-align: middle;
}

.rating::before {
  font-size: 12px;
  content: "\f005\f005\f005\f005\f005";
  top: 0;
  position: absolute;
  left: 0;
  float: left;
  color: #f6bc3e;
}

.product_rate {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  color: #f6bc3e;
}

.rating_num {
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}

.product_box .add-to-cart {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  background-color: #fff;
  padding: 10px 15px 15px 15px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}

.btn-fill-out {
  background-color: transparent;
  border: 1px solid #ff324d;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.product:hover .product_img:before,
.product_box:hover .product_img:before {
  opacity: 1;
}

.product_box:hover .add-to-cart {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
}

.product:hover .product_action_box li,
.product_box:hover .product_action_box li,
.product_wrap:hover .product_action_box li {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.product_price del {
  font-size: 14px;
  margin-right: 5px;
  margin-left: 3px;
}

.product_price .price {
  color: #ff324d;
  font-weight: 600;
}

/*--------------------------------
         LookBook Page
-----------------------------------*/
.lookbook .lookbook-block {
  position: relative;
}

.lookbook .lookbook-block .lookbook-dot {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 29px;
  height: 29px;
  line-height: 29px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 50%;
  left: 12%;
  background-color: #ffff;
}

.lookbook .lookbook-block .lookbook-dot:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  zoom: 1;
  background-color: transparent\9;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lookbook .lookbook-block .lookbook-dot span {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lookbook .lookbook-block .lookbook-dot .dot-showbox {
  visibility: hidden;
  top: -98px;
  left: 150%;
  position: absolute;
  width: 130px;
  background-color: #ffff;
  -webkit-box-shadow: -3px -3px 13px rgb(48 54 61 / 10%);
  box-shadow: -3px -3px 13px rgb(48 54 61 / 10%);
}

.lookbook .lookbook-block .lookbook-dot .dot-showbox:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid #ffff;
  border-bottom: 8px solid transparent;
  top: 41%;
  left: -8px;
}

.lookbook .lookbook-block .lookbook-dot .dot-showbox img {
  margin-top: 0;
}

.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info {
  padding: 5px;
  text-align: center;
}

.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5.title {
  font-weight: 700;
  font-size: 16px;
}

.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 {
  margin-bottom: 0;
  text-transform: capitalize;
  line-height: 20px;
  font-size: 14px;
}

.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h6 {
  text-transform: uppercase;
  color: var(--main-theme-color);
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
}

.lookbook .lookbook-block .lookbook-dot.dot2 {
  top: 70%;
  left: 27%;
}

.lookbook .lookbook-block .lookbook-dot.dot3 {
  top: 36%;
  left: 35%;
}

.lookbook .lookbook-block .lookbook-dot.dot4 {
  top: 66%;
  left: 55%;
}

.lookbook .lookbook-block .lookbook-dot:hover {
  background-color: var(--main-theme-color);
  -webkit-box-shadow: 0 0 0 3px rgb(255 255 255 / 50%);
  box-shadow: 0 0 0 3px rgb(255 255 255 / 50%);
  z-index: 10;
}

.lookbook .lookbook-block .lookbook-dot:hover .dot-showbox {
  -webkit-animation: fadeInUp 400ms ease-in-out;
  animation: fadeInUp 400ms ease-in-out;
  visibility: visible;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.lookbook .lookbook-block .lookbook-dot:hover:before {
  transform: scale(1.3);
}

.lookbook .lookbook-block .lookbook-dot:hover span {
  color: #ffff;
}

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

.padd-bottom {
  padding-bottom: 30px;
}

/*--------------------------------
        Account Info Edit Page
----------------------------------*/
.account_thumd {
  text-align: center;
  position: relative;
}

.account_thumd img {
  border-radius: 50%;
}

.account_thumd h4 {
  padding-top: 25px;
  padding-bottom: 5px;
}

.account_thumb_img {
  position: relative;
}

.fixed_icon {
  position: absolute;
  background: #ffff;
  bottom: 6%;
  right: 10%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  font-size: 18px;
  transform: translate(-4px, -7px);
  box-shadow: 4px 6px 13px 0px #00000030;
}

.account_setting {
  padding-left: 60px;
}

.account_setting_heading {
  padding-bottom: 20px;
}

.account_setting_heading h2 {
  padding-bottom: 5px;
}

#account_info_form .form-control {
  margin-bottom: 20px;
  font-size: 14px;
}

#account_info_form .form-group {
  margin-bottom: 40px;
}

#account_info_form .input-radio {
  padding-bottom: 20px;
}

/*--------------------------------
    Order Completed Page
-----------------------------------*/
.order_complete i {
  color: #ff324d;
  font-size: 80px;
  margin-bottom: 20px;
}

.order_complete_heading {
  padding-bottom: 30px;
}

.order_complete p {
  padding-bottom: 30px;
}

/*--------------------------------
   Vandor Dashboard Page
-----------------------------------*/
.vendor_top_box {
  text-align: center;
  border: 1px solid #03486a;
  padding: 20px 0;
  box-shadow: 3px 5px 7px 1px #00000014;
  transition: 0.4s all ease-in-out;
}

.vendor_top_box:hover {
  box-shadow: none;
}

.vendor_top_box h2 {
  font-weight: 600;
  color: var(--main-theme-color);
}

.vendor_top_box h4 {
  margin-bottom: 0;
  font-weight: 400;
  padding-top: 5px;
}

.mychart_area {
  padding-top: 30px;
}

.vendor_order_boxed {
  padding-top: 40px;
}

#all_product .vendor_order_boxed {
  padding-top: 0px;
}

#all_order .vendor_order_boxed {
  padding-top: 0px;
}

.pending_table {
  background: #fff;
  box-shadow: 3px 3px 6px 3px #00000008;
}

.pending_table thead tr th {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.pending_table tbody tr {
  /* border-bottom: 1px solid #eee; */
  margin-bottom: 10px;
}

.pending_table tbody tr td {
  vertical-align: middle;
  text-transform: capitalize;
  text-align: center;
}

.btn_right_table {
  text-align: right;
  margin-top: 30px;
}

/* --Vendor Profile-- */
.profils_details_vendor {
  display: flex;
}

.profils_details_vendor .profile_left {
  width: 150px;
  margin-right: 15px;
}

.profils_details_vendor .profile_left {
  display: flex;
  align-items: center;
}

.vendors_profiles ul li h4 {
  font-size: 16px;
  color: #787878;
  font-weight: 400;
}

.vendors_profiles .btn_left_table {
  padding-top: 10px;
}

/* --Setting Area-- */
.setings_boxed {
  box-shadow: 0px 0px 3px 2px #00000014;
  padding: 20px 20px;
  margin-bottom: 30px;
}

.setings_boxed h3 {
  font-size: 18px;
  padding-bottom: 10px;
}

/*--------------------------------
        Add Product Page
-----------------------------------*/
.add_product_form .fotm-group {
  margin-bottom: 20px;
}

.add_product_form .fotm-group select {
  display: block;
  width: 100%;
}

.add_product_wrapper h3 {
  padding-bottom: 30px;
}

.add_product_form {
  box-shadow: 0px 2px 8px 4px #0000000f;
  background: #fff;
  padding: 30px 25px;
}

.image-input {
  text-align: center;
}

.image-input input {
  display: none;
}

.image-input label {
  display: block;
  color: #fff;
  background: #000;
  padding: 0.3rem 0.6rem;
  font-size: 17px;
  cursor: pointer;
  width: 26%;
  margin: 21px auto 33px auto;
}

.image-input label i {
  font-size: 125%;
  margin-right: 0.3rem;
}

.image-input label:hover i {
  animation: shake 0.35s;
}

.image-input img {
  max-width: 200px;
  max-height: 200px;
  border: 2px solid #ff9800;
  margin: 0 auto;
}

.back_to_area a {
  font-size: 14px;
  color: var(--main-theme-color);
}

.back_to_area {
  padding-bottom: 40px;
}

@keyframes shake {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

/*--------------------------------
            Preloader
-----------------------------------*/
#preloader {
  background-color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999999999999;
}

#status {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

/*--------------------------------
            Offer Modal 
-----------------------------------*/
.theme-modal .modal-dialog .modal-content .modal-body.modal-bg {
  background-color: #e5e5e7;
  padding: 0px;
}

.theme-modal .modal-dialog .modal-content .modal-body .offer_modal_img {
  text-align: right;
}

.theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left {
  padding-left: 80px;
  padding-top: 30px;
}

.theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left img {
  width: 200px;
  height: 60px;
}

.theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left h3 {
  font-size: 18px;
  font-weight: 700;
  padding-top: 25px;
}

.theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left p {
  font-size: 14px;
  line-height: 24px;
  padding-top: 15px;
}

.theme-modal
  .modal-dialog
  .modal-content
  .modal-body
  .offer_modal_left
  form
  input {
  border: none;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.theme-modal
  .modal-dialog
  .modal-content
  .modal-body
  .offer_modal_left
  form
  label {
  font-size: 14px;
}

.theme-modal
  .modal-dialog
  .modal-content
  .modal-body
  .offer_modal_left
  form
  button {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.theme-modal
  .modal-dialog
  .modal-content
  .modal-body
  .offer_modal_left
  form
  .check_boxed_modal {
  padding-top: 10px;
}

.theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left form {
  padding-top: 30px;
}

.theme-modal .modal-dialog .modal-content .modal-body .close {
  padding-right: 10px;
  padding-top: 13px;
  position: absolute;
  right: 25px;
  top: 0;
  font-size: 30px;
  cursor: pointer;
  z-index: 999;
  background: transparent;
}

/*--------------------------------
        Cookies area
-----------------------------------*/
.cookie-bar.show {
  bottom: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.cookie-bar p {
  color: #fff;
}

.cookie-bar a {
  margin-left: 20px;
}

.cookie-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  bottom: -70px;
  left: 0;
  width: 100%;
  background-color: #000;
  padding: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99;
}

.offer_modal_left .input-group-append {
  display: flex;
}

/* ----------------------------
        Grocery Page
-------------------------------*/

/* --Banner-- */
#grocery_banner {
  background-image: url("../img/grocery/banner/grocery_banner_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
}

.banner_last_img {
  padding-bottom: 25px;
}

.grocery_heading h2 {
  font-weight: 600;
  border-bottom: 1px solid gainsboro;
  padding-bottom: 20px;
  position: relative;
}

.grocery_heading {
  margin-bottom: 30px;
}

.grocery_heading h2::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 3px;
  background-color: var(--main-theme-color);
  bottom: 0;
  left: 0;
}

.grocery_small_item {
  border: 1px solid #d4d0d0;
  text-align: center;
  padding: 25px 13px;
  transition: 0.4s all ease-in-out;
}

.grocery_small_item:hover {
  background: #e2e2e2;
}

.grocery_small_item h4 {
  font-size: 18px;
  padding-top: 10px;
}

.grocery_small_item p {
  padding-top: 10px;
  font-weight: 600;
}

.slider_button_style .owl-nav {
  top: -115px;
  position: absolute;
  right: 0;
}

.slider_button_style .owl-carousel .owl-nav button.owl-next,
.slider_button_style .owl-carousel .owl-nav button.owl-prev {
  background: #fff;
  color: var(--heading-color);
  padding: 0 !important;
  width: 45px;
  height: 46px;
  margin-left: 10px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  transition: 0.4s all ease-in-out;
  border: 1px solid #00000045;
  box-shadow: 0px 0px 17px -9px #000;
}

.slider_button_style .owl-carousel .owl-nav button.owl-next:hover,
.slider_button_style .owl-carousel .owl-nav button.owl-prev:hover {
  color: var(--main-theme-color);
  box-shadow: none;
}

.discount_item a img {
  width: 100%;
}

.discount_item {
  padding-bottom: 20px;
}

.sp_product_item {
  background: #f2f4f7;
  border-radius: 6px;
  text-align: center;
}

.sp_product_thumb {
  position: relative;
  padding: 32px 15px 0px;
}

.sp_product_thumb .batch {
  position: absolute;
  top: 25px;
  right: 15px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  background: var(--main-theme-color);
  color: #fff;
  padding: 6px 6px;
  min-width: 45px;
  text-align: center;
  z-index: 1;
  line-height: 1;
}

.sp_product_thumb a {
  position: relative;
  display: block;
}

.sp_product_thumb img {
  display: inline-block;
  max-width: 100%;
}

.sp_product_content {
  padding: 25px 40px 25px;
}

.sp_product_content .rating_sp {
  color: var(--main-theme-color);
  font-size: 10px;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}

.sp_product_content h6 {
  font-size: 16px;
  font-weight: 700;
  color: #515457;
  line-height: 1.4;
  margin-bottom: 7px;
}

.sp_product_content .product_status {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  color: var(--main-theme-color);
}

.sp_product_content .sp_cart_wrap {
  width: 132px;
  margin: 15px auto 15px;
}

.sp_product_content .sp_cart_wrap .cart_plus_minus {
  position: relative;
}

.sp_product_content .sp_cart_wrap input {
  width: 100%;
  background: #ebebeb;
  border: none;
  padding: 10px 50px;
  font-size: 14px;
  font-weight: 700;
  color: #41464c;
  text-align: center;
  border-radius: 50px;
}

.best_sellers_products .sp_product_item .cart_plus-minus .qtybutton {
  background: #f2f4f7;
  border-color: #fff;
}

.sp_product_content .cart_plus_minus .qtybutton.dec {
  font-size: 20px;
}

.sp_product_content .cart_plus_minus .qtybutton.inc {
  left: auto;
  right: 0;
}

.sp_product_content .cart_plus_minus .qtybutton {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #ebebeb;
  cursor: pointer;
  z-index: 1;
  font-weight: 800;
  font-size: 16px;
  font-family: var(--font-family-heading);
  color: var(--color-secondary);
  user-select: none;
}

.sp_product_content > p {
  margin-bottom: 0;
  font-size: 14px;
  color: #515457;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

.grocery_todays_area_left {
  background-color: #f2f4f7;
  text-align: center;
  padding: 37px 18px;
  border-radius: 5px;
}

#countdown_grocery ul li {
  display: inline-grid;
  background: #fff;
  width: 85px;
  border-top: 2px solid var(--main-theme-color);
  padding: 15px 12px;
  font-size: 13px;
  margin-right: 13px;
  text-align: center;
}

#countdown_grocery ul li:last-child {
  margin-right: 0px;
}

#countdown_grocery ul li span {
  display: block;
  font-size: 24px;
  font-weight: 600;
}

.grocery_todays_img {
  padding-top: 30px;
}

.grocery_todays_content {
  padding-top: 30px;
}

.grocery_todays_content h3 {
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 10px;
}

.grocery_todays_content p {
  padding-bottom: 20px;
}

#todays_deails_area .sp_product_thumb img {
  display: inline-block;
  max-width: 100%;
  width: 100px;
}

#todays_deails_area .sp_product_content {
  padding: 20px 20px 23px;
}

#todays_deails_area .sp_product_content h6 {
  font-size: 14px;
  margin-bottom: 5px;
}

#todays_deails_area .sp_product_content .cart_plus_minus .qtybutton {
  width: 35px;
  height: 35px;
}

#todays_deails_area .sp_product_content .sp_cart_wrap input {
  padding: 5px 50px;
  min-height: 35px;
}

#todays_deails_area .sp_product_item {
  margin-bottom: 25px;
}

.grocery_cat_wrapper {
  background-image: url("../img/grocery/banner/grocery_cta_bg.png");
  background-repeat: no-repeat;
  padding-top: 30px;
}

.grocery_cta_content {
  padding-left: 40px;
}

.grocery_cta_content h2 {
  line-height: 50px;
}

.grocery_cta_content p {
  padding-top: 15px;
}

.grocery_cta_content form {
  padding-top: 30px;
}

.grocery_cta_content .input-group {
  width: 75%;
}

.btn_cta {
  border: none;
  background: var(--main-theme-color);
  width: 56px;
  height: 50px;
  line-height: 50px;
  font-size: 19px;
  color: #fff;
  border-radius: 0 6px 6px 0;
}

.grcery_support_boxed {
  display: flex;
  background: #f1f2ff94;
  padding: 30px 20px;
  border-radius: 5px;
  transition: 0.4s all ease-in-out;
}

.grcery_support_boxed:hover {
  transform: translateY(-10px);
}

.support_boxed_grocery_content {
  padding-left: 20px;
}

.support_boxed_grocery_content h5 {
  font-size: 18px;
  font-weight: 600;
}

.support_boxed_grocery_content p {
  padding-top: 2px;
  font-size: 14px;
}

/* ------------------------------------
        Pharmacy Page
--------------------------------------*/
#pharmacy_banner {
  padding: 50px 0 0 0;
  position: relative;
}

.pharmacy_banner_img img {
  width: 100%;
}

#pharmacy_categorie {
  position: relative;
}

.pharmacy_top_card {
  padding: 20px 20px;
  border: 1px solid #e2e2e2;
  text-align: center;
  transition: 0.4s all ease-in-out;
}

.pharmacy_top_card:hover {
  border: none;
  background: #ebebeb;
  border: 1px solid #e2e2e2;
}

.pharmacy_top_card a h4 {
  font-size: 18px;
  padding-top: 10px;
}

.slider_button_left_right .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
}

.slider_button_left_right .owl-carousel .owl-nav .owl-next,
.slider_button_left_right .owl-carousel .owl-nav .owl-prev {
  height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 50%;
  color: #000;
  box-shadow: 0 1px 15px 0 rgb(0 0 0 / 10%);
  transition: 0.4s all ease-in-out;
  border: 1px solid #dbd9d9;
}

.slider_button_left_right .owl-carousel .owl-nav .owl-next:hover,
.slider_button_left_right .owl-carousel .owl-nav .owl-prev:hover {
  color: var(--main-theme-color);
}

.view_all_arae {
  position: absolute;
  top: 20px;
  right: 0;
}

.view_all_arae a {
  color: var(--main-theme-color);
  font-size: 18px;
  font-weight: 500;
}

.view_all_arae a:hover {
  color: var(--heading-color);
}

#pharmacy_featured_product {
  position: relative;
}

.tabs_left_button .nav-tabs {
  border-bottom: none;
  width: 100%;
  justify-content: end;
  position: absolute;
  right: 15px;
  top: -70px;
}

.tabs_left_button .nav-tabs li:first-child a {
  margin-left: 0px;
}

.tabs_left_button .nav-tabs li .active {
  color: var(--main-theme-color) !important;
}

.tabs_left_button .nav-tabs li a {
  margin-left: 50px;
  transition: inherit;
  background: transparent;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
}

.pharmacy_product_card {
  position: relative;
  border: 1px solid #d2d2d285;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}

.pharmacy_product_img {
  position: relative;
}

.pharmacy_product_img a img {
  width: 100%;
}

.pharmacy_product_img .batch {
  position: absolute;
  top: 15px;
  right: 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  background: var(--main-theme-color);
  color: #fff;
  padding: 4px 11px;
  min-width: 45px;
  text-align: center;
  z-index: 1;
  line-height: 1;
}

.pharmacy_product_text {
  text-align: center;
  background: #fff;
  padding: 17px 10px;
}

.pharmacy_product_text p {
  padding-top: 7px;
  font-size: 20px;
  color: var(--main-theme-color);
  font-weight: 500;
}

.pharmacy_product_text p del {
  padding-left: 10px;
  color: #03486a8c;
}

.pharmacy_product_icon {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  right: 0;
  text-align: center;
  padding-top: 0;
  transition: all 0.5s ease-in-out;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pharmacy_product_icon ul {
  display: table;
  margin: 0 auto;
}

.pharmacy_product_icon ul li {
  position: relative;
  display: inline-block;
  background: #fff;
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
  transform: translate(0, 15px);
  opacity: 0;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.pharmacy_product_icon ul li:last-child a {
  border-right: none;
}

.pharmacy_product_icon ul li a {
  line-height: 45px;
  padding: 10px 10px;
  border-right: 1px solid #dedede;
}

.pharmacy_product_card:hover .pharmacy_product_icon li {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#pharmacy_date_month {
  background: #ebebeb;
}

.pharmacy_date_img {
  margin-bottom: 30px;
}

#pharmacy_date_month ul li span {
  display: block;
  font-size: 24px;
  font-weight: 600;
}

#pharmacy_grocery {
  text-align: center;
  padding-top: 30px;
}

#pharmacy_grocery ul li {
  display: inline-grid;
  background: #fff;
  width: 85px;
  border-top: 2px solid var(--main-theme-color);
  padding: 15px 12px;
  font-size: 13px;
  margin-right: 13px;
  text-align: center;
}

#pharmacy_grocery ul li span {
  display: block;
  font-size: 24px;
  font-weight: 600;
}

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

.pharmacy_time_area h2 {
  padding-bottom: 15px;
}

.pharmacy_date_img img {
  width: 100%;
}

.pharmacy_promo_img {
  margin-bottom: 30px;
}

.pharmacy_promo_img img {
  width: 100%;
}

.pharmacy_heading_wrapper {
  position: relative;
}

.partner_logo_pharmacy {
  position: relative;
  z-index: 999;
}

.partner_logo_pharmacy img {
  width: 60% !important;
  margin: 0 auto !important;
}

#pharmacy_footer_top {
  background: #ebebeb;
  padding: 80px 0;
}

.pharmacy_footer_text {
  text-align: center;
}

.pharmacy_footer_text p {
  padding-top: 10px;
  font-size: 18px;
}

.pharmacy_footer_text {
  padding-bottom: 20px;
}

/* ----------------------------
       Jewellary Page
-------------------------------*/
#jewellry_banner {
  background-image: url("../img/jewellary/banner/banner.png");
  padding: 160px 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.jewellry_banner_text h1 {
  font-size: 65px;
  font-weight: 500;
  color: #fff;
  line-height: 75px;
  padding-bottom: 15px;
}

.jewellry_banner_text h5 {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 15px;
}

.jewellry_banner_text h5 span {
  color: #000;
}

.jewellry_banner_text a {
  margin-top: 30px;
  font-size: 18px;
}

.hover_area_translateY {
  transition: 0.4s all ease-in-out;
}

.hover_area_translateY:hover {
  transform: translateY(10px);
}

.jewellary_offer_topimg img {
  width: 100%;
}

.jewellry_top_twoimg {
  padding-bottom: 30px;
}

.jewellry_top_twoimg img {
  width: 100%;
}

.jewellary_heading {
  text-align: center;
  padding-bottom: 70px;
}

.jewellary_heading h2 {
  position: relative;
}

.jewellary_heading h2::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 3px;
  background: var(--main-theme-color);
  left: 50%;
  bottom: -26px;
  transform: translate(-50%, -50%);
  border-radius: 15px;
}

.jewellary_heading h2::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: var(--main-theme-color);
  left: 50%;
  bottom: -40px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 4px solid #fff;
  z-index: 99;
}

.jewellary_product_card {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.jewellary_product_img {
  position: relative;
  background: #eeeeee;
  padding: 18px;
}

.jewellary_product_img a img {
  width: 100%;
}

.jewellary_product_text {
  padding-top: 25px;
}

.jewellary_product_text p {
  padding: 10px 0;
}

.jewellary_product_text h4 {
  color: var(--main-theme-color);
}

.jewellary_product_icon {
  position: absolute;
  top: 65%;
  left: 20px;
  z-index: 2;
  right: 0;
  text-align: center;
  padding-top: 0;
  transition: all 0.5s ease-in-out;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.jewellary_product_icon ul {
  display: table;
}

.jewellary_product_icon ul li {
  position: relative;
  background: #fff;
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
  transform: translate(0, 15px);
  opacity: 0;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  margin-bottom: 5px;
}

.jewellary_product_icon ul li:last-child a {
  border-right: none;
}

.jewellary_product_icon ul li a {
  line-height: 45px;
  padding: 10px 10px;
}

.jewellary_product_card:hover .jewellary_product_icon li {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.dots_style .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 7px;
  background: #86979170;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.dots_style .owl-theme .owl-dots .owl-dot.active span,
.dots_style .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--main-theme-color);
}

#paralex_area {
  background-image: url("../img/jewellary/banner/paralex.png");
  padding: 145px 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
}

.paralex_text {
  text-align: center;
}

.paralex_text h3 {
  color: #fff;
}

.paralex_text h2 {
  font-size: 60px;
  color: #fff;
  padding: 30px 0;
}

.paralex_text p {
  color: #fff;
  padding: 0 155px;
  font-size: 18px;
  padding-bottom: 30px;
}

#explore_product_jewellary .tabs_center_button {
  padding-bottom: 40px;
}

#jewellary_customer_service {
  background: #f4f4f4;
  padding: 100px 0;
}

.jewel_serv_card {
  text-align: center;
}

.jewel_serv_card i {
  font-size: 40px;
  padding-bottom: 20px;
}

.jewel_serv_card h4 {
  padding-bottom: 5px;
}

.jewellary_blog_card {
  text-align: center;
}

.jewellary_blog_img {
  overflow: hidden;
}

.jewellary_blog_img img {
  transition: 0.4s all ease-in-out;
  width: 100%;
}

.jewellary_blog_card:hover .jewellary_blog_img img {
  transform: scale(1.2);
}

.jewellary_blog_content {
  padding-top: 25px;
}

.jewellary_blog_content h3 {
  padding-bottom: 15px;
}

.jewellary_blog_card:hover .jewellary_blog_content h3 a {
  color: var(--main-theme-color);
}

.jewellary_blog_content h6 {
  font-size: 16px;
}

.jewellary_blog_content h6 a {
  color: var(--main-theme-color);
}

.jewellary_blog_content p {
  padding-top: 15px;
  padding-bottom: 15px;
}

.jewellary_blog_content .read_more {
  color: var(--main-theme-color);
}

.grocery_banner_img img {
  width: 100%;
}

/* ----------------------------
       Baby Shop Page
-------------------------------*/

#baby_banner {
  padding: 50px 0;
}

.baby_banner_img img {
  width: 100%;
}

.baby_category_card {
  text-align: center;
  position: relative;
  margin-top: 70px;
  transition: 0.4s all ease-in-out;
}

.baby_category_card:hover {
  transform: translateY(-10px);
}

.baby_cat_img {
  position: absolute;
  top: -57px;
  left: 50%;
  transform: translate(-50%);
}

.baby_cat_content {
  border: 1px solid #dcdcdc;
  padding: 70px 20px 20px 20px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.baby_cat_content p {
  padding-top: 10px;
}

#baby_trending_product .tabs_center_button {
  padding-bottom: 40px;
}

#baby_offer_banner {
  padding: 150px 0;
  background-image: url("../img/baby-shop/banner/offer_bg.jpg");
  background-repeat: no-repeat;
}

.baby_offer_banner_text {
  text-align: center;
}

.baby_offer_banner_text h2 {
  color: #fff;
  padding-bottom: 60px;
  font-size: 55px;
}

.baby_todays_count {
  padding-top: 40px;
}

.baby_blog_thumb a img {
  width: 100%;
  filter: invert(0.2);
  transition: 0.4s all ease-in-out;
}

.baby_blog_card:hover .baby_blog_thumb a img {
  filter: invert(0);
}

.baby_blog_content {
  padding-top: 20px;
}

.baby_blog_content span {
  padding-bottom: 5px;
  display: block;
  font-size: 14px;
  color: #8d8d8d;
}

.baby_blog_content h3 {
  padding-top: 10px;
}

.baby_blog_content p {
  padding-top: 10px;
  padding-bottom: 20px;
}

.baby_blog_content .read_more {
  color: var(--main-theme-color);
}

.baby_offer_one_img a img {
  width: 100%;
}

/* ----------------------------
     Cart 3 Page
-------------------------------*/
#cart_area_three .coupon_code {
  margin-top: 0;
}

#cart_area_three .cart_submit {
  padding: 20px 0 0 0;
}

#total_cart_form_three .rigth_cart {
  display: inline-block;
  float: right;
}

.total_cart_inner {
  padding: 20px 20px;
}

.total_cart_inner h5 {
  padding-bottom: 20px;
  font-weight: 700;
}

.estimate_for_country {
  font-weight: 800;
  padding-top: 10px;
}

.total_catr_three_bottom {
  /*margin-top: 30px;*/
  /*border-top: 1px solid #e7e7e7;*/
  /*padding-top: 12px;*/
}

.total_catr_three_bottom h5 {
  font-weight: 500;
}

.total_catr_three_bottom h5 span {
  float: right;
}

.bottom_code {
  margin-top: 30px !important;
}

/* ----------------------------
    Product Details 3 Page
-------------------------------*/
#product_single_three .list_three_pro li {
  padding-bottom: 10px;
}

#product_single_three .list_three_pro li span {
  padding-right: 10px;
}

#product_single_three .list_three_pro {
  padding-top: 23px;
}

#product_single_three .customs_selects {
  padding-top: 30px;
}

#product_single_three .variable-single-item {
  padding-top: 10px;
}

#product_single_three .reviews_rating {
  padding-top: 15px;
}

#product_single_three .modal_product_content_one h4 {
  padding-top: 20px;
}

#product_single_three .modal_product_content_one h4 del {
  padding-left: 20px;
  color: var(--main-theme-color);
}

#product_single_three .modal_product_content_one p {
  padding-top: 20px;
}

#product_single_three .links_Product_areas ul li {
  display: inline-flex;
  padding-right: 20px;
}

#product_single_three .links_Product_areas ul li a i {
  padding-right: 5px;
}

#product_single_three .links_Product_areas .theme-btn-one {
  margin-top: 20px;
}

.align_text_color {
  font-weight: 600;
  text-transform: capitalize;
  color: #24262b;
  position: relative;
  top: -9px;
  padding-right: 15px;
}

.product_details_cat {
  padding-top: 20px;
}

.product_details_cat ul li {
  display: inline-flex;
  font-weight: 600;
  text-transform: capitalize;
  color: #24262b;
  position: relative;
  top: -9px;
  padding-right: 8px;
}

.product_details_cat ul li a {
  font-weight: 400;
}

.product_details_bor {
  border-bottom: 1px solid #efefef;
}

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

.product_detail_socials {
  padding-top: 15px;
}

.product_detail_socials ul li {
  padding-left: 10px;
}

.product_detail_socials ul li a {
  display: inline-block;
  height: 36px;
  width: 36px;
  background: #ddd;
  text-align: center;
}

.product_detail_socials ul li a i {
  font-size: 18px;
  line-height: 36px;
  color: var(--heading-color);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.product_detail_socials ul li:hover a {
  background-color: var(--main-theme-color);
}

.product_detail_socials ul li:hover a i {
  color: #fff;
}

.product_detail_socials h6 {
  font-size: 16px;
  font-weight: 700;
}
/* -----------------------------
        Cycle Home Page
---------------------------------*/
/* --Banner Area-- */
#banner_cycle {
  background-image: url("../img/cycle/common/banner-bg.png");
  padding: 85px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.banner_text_cycle h1 {
  font-size: 90px;
  font-weight: 600;
}
.banner_text_cycle h1 span {
  color: var(--main-theme-color);
}
.banner_text_cycle p {
  padding-top: 15px;
  padding-bottom: 20px;
}
/* --Timer Section-- */
#offer_timer_cycle {
  background-image: url("../img/cycle/common/bg-timer.png");
  padding: 100px 0;
}
.offer_timer_text_two {
  padding-top: 35px;
}
.offer_timer_text_two h5 {
  color: var(--main-theme-color);
}
.offer_timer_text_two h2 {
  padding-top: 12px;
  line-height: 50px;
}
.offer_timer_text_two h2 span {
  color: var(--main-theme-color);
  display: block;
}
.offer_timer_text_two p {
  padding-top: 10px;
  padding-bottom: 20px;
}
.offer_time_flex_two .count_down #countdown ul {
  display: flex;
}
.offer_time_flex_two .count_down #countdown ul li {
  border: 1px solid #c5c5c5;
  width: 80px;
  height: 70px;
  text-align: center;
  padding-top: 10px;
  margin-top: 0;
  font-size: 14px;
  margin-right: 20px;
}
.offer_time_flex_two .count_down #countdown ul li:first-child {
  margin-top: 0px;
}
.offer_time_flex_two .count_down #countdown ul li:last-child {
  margin-right: 0px;
}
.section_padding_cycle_custom {
  padding: 100px 0 150px 0;
}
.offer_timer_two_img_cycle {
  position: relative;
  margin-top: -185px;
}
/* --Arival Area-- */
.cycle_arrival_item {
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  text-align: center;
  padding: 20px 20px;
  margin-bottom: 30px;
}
.cycle_arrival_item h4 {
  padding-top: 12px;
}
.arrival_price_cycle {
  padding-top: 5px;
}
.arrival_price_cycle span {
  color: var(---heading-color);
}
.arrival_price_cycle del {
  color: #777c87;
}
.cycle_arrival_img_left img {
  width: 100%;
}
/* =======================================
        Sports Home Page
==========================================*/
.sports_offer_item {
  padding-bottom: 30px;
}
.sports_offer_item img {
  width: 100%;
}
.center_heading img {
  padding-top: 20px;
}
.sports_area_product span {
  padding-top: 2px;
}
.sports_area_product span i {
  color: var(--main-theme-color);
}
.blog_area_sport_wrapper {
  background: #ffffff;
  border: 1px solid #edf0f3;
  border-radius: 8px;
  overflow: hidden;
}
.sport_blog_img {
  overflow: hidden;
  position: relative;
}
.sport_blog_top_date {
  position: absolute;
  top: -77px;
  background-color: var(--main-theme-color);
  width: 100px;
  text-align: center;
  padding: 12px 16px;
  border-radius: 8px;
  right: 26px;
}
.sport_blog_top_date h3 {
  color: #fff;
  font-weight: 600;
}
.sport_blog_img a img {
  width: 100%;
  transition: 0.4s all ease-in-out;
}
.sport_blog_img:hover a img {
  transform: scale(1.1);
}
.sport_blog_text {
  padding: 35px 20px;
  position: relative;
}
.sport_blog_catagory ul li {
  display: inline-block;
  padding-right: 9px;
  color: #777c87;
}
.sport_blog_catagory ul li i {
  font-size: 9px;
  padding-left: 9px;
}
.sport_blog_text h3 {
  padding-top: 10px;
  display: block;
  line-height: 34px;
}
.blog_sport_btn {
  padding-top: 15px;
}
.blog_sport_btn a {
  color: var(--main-theme-color);
  position: relative;
  transition: 0.4s all ease-in-out;
  border: 1px solid;
  border-radius: 8px;
  font-size: 16px;
  display: inline-block;
  margin-top: 3px;
  padding: 8px 10px;
}
.blog_sport_btn a:hover {
  color: #fff;
  background-color: var(--main-theme-color);
}
.blog_sport_btn a i {
  padding-left: 5px;
}
.product_img_wrap img {
  width: 100%;
}
/* =========================================
            Car Home Page
===========================================*/
.car_sports_category {
  background: #ffffff;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 20px 20px;
  height: 100%;
}
.car_sports_category h4 {
  padding-top: 10px;
  font-weight: 500;
}
.car_area_main_heading h2 {
  font-weight: 400;
}
.car_area_main_heading h2 span {
  font-weight: 700;
}
.insta_gram_padding {
  padding-top: 30px;
}
/* =========================================
         Home Application Page
===========================================*/
.banner_applicetion_img img {
  width: 100%;
}
.anner-item {
}
.banner-thumb {
  position: relative;
}
.banner-thumb a img {
  width: 100%;
}
.banner_statistics_content {
  position: absolute;
  bottom: 25px;
  left: 30px;
}
.banner_statistics_content a {
  font-size: 14px;
  color: #242424;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  margin-top: 10px;
  pointer-events: visible;
  border-bottom: 1px solid #000;
  padding-bottom: 7px;
}
.car_offers_banner {
  position: relative;
}
.home_applicance_top_catagory {
  position: absolute;
  top: 60px;
  left: 25px;
}
.home_applicance_top_catagory h3 {
  line-height: 34px;
}
.home_applicance_top_catagory a {
  display: inline-block;
  padding-top: 20px;
  border-bottom: 1px solid #000;
}
/* ==========================================
            Home Vegetables
=============================================*/
/* --Banner-- */
#banner_vegetables {
  background-image: url("../img/vagetabel/banner/banner.png");
  background-size: cover;
  padding: 260px 0;
  background-repeat: no-repeat;
}
.vegetabel_banner_content_wrapper {
  text-align: center;
}
.vegetabel_banner_content_wrapper h1 {
  font-size: 100px;
  font-weight: 500;
  padding-top: 10px;
}
.vegetabel_banner_content_wrapper p {
  line-height: 30px;
  padding-left: 70px;
  padding-right: 60px;
}
.vegetabel_banner_content_wrapper h1 span {
  color: #5d8b42;
}
.vegetabel_banner_content_wrapper .vegetabel_banner_btn {
  padding-top: 29px;
}
.vegetabel_banner_content_wrapper .vegetabel_banner_btn a.bg-whites {
  border: 1px solid;
}
.vegetabel_banner_content_wrapper .vegetabel_banner_btn a:first-child {
  margin-right: 30px;
}
/* --Banner Bottom Area-- */
.vegetable_offer_bottom_item {
  background: #f5f5f5;
  height: 180px;
  border-radius: 50%;
  width: 180px;
  text-align: center;
  padding-top: 44px;
  transition: 0.4s all ease-in-out;
}
.vegetable_offer_bottom_item:hover {
  transform: translateY(-10px);
}
.vegetable_offer_bottom_item h3 {
  font-size: 20px;
  font-weight: 500;
  padding-top: 10px;
}
.vegetable_offer_bottom_item p {
  padding-top: 3px;
  font-size: 14px;
}
.banner_bottom_vegetabel_flex {
  display: flex;
  justify-content: space-between;
}
/* --Best Offer Area-- */
.vegetabel_section_heading h4 {
  font-size: 18px;
  font-weight: 500;
  color: var(--main-theme-color);
}
.vegetabel_section_heading h4 i {
  font-size: 20px;
  color: var(--main-theme-color);
  padding-right: 5px;
}
.vegetabel_section_heading h2 {
  padding-top: 15px;
  font-weight: 300;
}
.vegetabel_section_heading h2 span {
  font-weight: 700;
}
.vegetabel_best_product_wrapper {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  padding: 30px 20px;
  margin-top: 30px;
  position: relative;
}
.vegetabel_best_selling_img {
  text-align: center;
  padding-top: 30px;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 25px;
}
.vegetabel_best_selling_img a img {
  width: auto !important;
}
.vegetabel_best_selling_text {
  padding-top: 20px;
}
.veg_best_prod_rating i {
  font-size: 12px;
  color: var(--main-theme-color);
}
.veg_best_prod_rating span {
  font-size: 12px;
  font-weight: 600;
  color: var(--paragraph-color);
}
.vegetabel_best_selling_text h4 {
  font-size: 18px;
  padding-top: 6px;
}
.veg_best_prod_price {
  padding-top: 6px;
}
.veg_best_prod_price span {
  padding-right: 7px;
}
.veg_best_prod_price span del {
  color: var(--main-theme-color);
}
.vegetabel_best_product_wrapper .badges {
  position: absolute;
  z-index: 8;
  top: 18px;
  left: 18px;
  display: flex;
  flex-direction: column;
}
.vegetabel_best_product_wrapper .badges span.hot {
  background-color: var(--main-theme-color);
}
.vegetabel_best_product_wrapper .badges span.new {
  background-color: #007a58;
}
.vegetabel_best_product_wrapper .badges span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: block;
  padding: 0 7px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 3px;
  color: #fff;
}
.vegetabel_partner_slider_item a img {
  width: auto !important;
  margin: 0 auto;
}
#vegetabel_partner_slider_area {
  background-color: #f6f6f6;
  padding: 55px 0;
}
/* --Expolre Items */
.bg_gray {
  background-color: #f5f5f5;
}
.explore_item_area_left {
  background-color: #fff;
  padding: 40px 40px;
  position: relative;
}
.explore_item_area_left h5 {
  background-color: var(--main-theme-color);
  padding: 10px 25px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
}
.explore_item_area_left h2 {
  padding-top: 20px;
  line-height: 52px;
}
.explore_item_area_left p {
  padding-top: 15px;
  line-height: 28px;
  font-weight: 500;
}
.explore_item_area_left a {
  margin-top: 30px;
}
.explore_item_area_left img {
  position: absolute;
  bottom: -60px;
  right: -301px;
}
/* --TRENDING PRODUCTS-- */
.tabs_nav_style {
}
.trending_product_tabs_nav {
  padding-top: 30px;
}
.trending_product_tabs_nav .nav-tabs .nav-link {
  margin-bottom: 0;
  background: 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 0;
  margin-right: 20px;
  color: var(--heading-color);
}
.trending_product_tabs_nav .nav-tabs .nav-link.active {
  color: #fff;
  background-color: var(--main-theme-color);
  border-color: transparent;
  border-radius: 0;
}
.trending_product_tabs_nav .nav-tabs {
  border-bottom: none;
}
.trending_product_promo_banner {
  margin-top: 30px;
}
.trending_product_items_vegetabel {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  padding: 20px 25px;
  margin-top: 30px;
}
.trending_product_item_right h3 {
  padding-top: 5px;
  font-size: 20px;
}
.veg_best_prod_rating {
  padding-top: 5px;
}

/* --Timer Area-- */
#timer_area_vegetabel {
  background-image: url("../img/vagetabel/common/bg-flower.png");
  padding: 110px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.vegetabel_timer_wrapper #countdown ul {
  display: inline-flex;
}
.vegetabel_timer_wrapper #countdown ul li {
  margin-top: 0;
  margin-right: 10px;
}
.vegetabel_timer_content {
  padding-top: 20px;
}
.vegetabel_timer_content h4 {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-theme-color);
}
.vegetabel_timer_content h2 {
  padding-top: 15px;
  line-height: 48px;
}
.vegetabel_timer_content h2 span {
  color: var(--main-theme-color);
}
.vegetabel_timer_content p {
  padding-top: 10px;
}
.vegetabel_timer_content a {
  margin-top: 20px;
}

/* --Testimonial Area-- */
.vegetabel_test_item {
  text-align: center;
}
.vegetabel_test_item h3 {
  padding-top: 25px;
  color: #777c87;
  font-weight: 400;
  line-height: 35px;
}
.text_veg_img {
  padding-top: 25px;
}
.vegetabel_test_item h4 {
  padding-top: 20px;
}
.vegetabel_test_item p {
  padding-top: 5px;
}
.vegetabel_test_item img {
  width: auto !important;
  margin: 0 auto;
}
/* --Video Area-- */
#vegetabel_video_area {
  background-image: url("../img/vagetabel/common/video.png");
  padding: 120px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.vege_video_content {
  text-align: center;
}
.vege_video_content h4 {
  color: var(--main-theme-color);
  font-size: 18px;
  font-weight: 500;
}
.vege_video_content h2 {
  padding-top: 10px;
}
.vege_video_content h2 span {
  font-weight: 700;
}
.vege_video_content p {
  padding-top: 20px;
}
.vege_video_content img {
  padding-top: 20px;
  cursor: pointer;
}

/* --Blog Area-- */
.vegetabel_section_heading_right {
  text-align: right;
}
.vegetabel_section_heading_right a {
  color: var(--main-theme-color);
}
.vegetabel_section_heading_right a:hover {
  color: var(--heading-color);
}
.vegetabel_blog_wrapper {
  margin-top: 30px;
  overflow: hidden;
}
.vegetabel_blog_img {
  overflow: hidden;
}
.vegetabel_blog_img a img {
  transition: 0.4s all ease-out;
  width: 100%;
}
.vegetabel_blog_img a img:hover {
  transform: scale(1.2);
}
.vegetabel_blog_text {
  padding-top: 20px;
}
.vegetabel_blog_text h3 {
  line-height: 35px;
}
.vegetabel_blog_text ul li {
  display: inline-block;
  padding-top: 10px;
  font-size: 14px;
  color: var(--paragraph-color);
  font-weight: 500;
}
.vegetabel_blog_text ul li i {
  font-size: 8px;
  padding-left: 5px;
  padding-right: 5px;
  color: var(--main-theme-color);
}

.mysearch-form form .input-search {
    display: block;
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 30px;
    color: #000;
    border: 1px solid #a3a3a3;
    padding: 0 0 0 25px;
}
.mysearch-form form button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    color: #fff;
    height: 40px;
    border-radius: 50%;
    background-color: var(--main-theme-color);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border: none;
    font-size: 16px;
    line-height: 40px;
}


.btn-red {
    background: #03486a;
    color: #fff;
    border-radius: 3px;
    padding: 10px;
}

.btn-red:hover {
    background: #000;
    color:#fff;
}


.btn-blue-overlay {
    background: #03486a;
    color: #fff;
}
.btn-blue-overlay:hover {
    background: #000;
    color:#fff;
}

 .hidden-search-box {
    display: none;
    position: absolute;
    float: left;
    right: 5%;
    background-color: #03486a;
    height: 50px;
    width: 20%;
    z-index: 1000;
}
.addon-btn{
  width: 50px;
  height:50px;
  background-color: #03486a;
  border: 0 none;
  margin-top: -5px;
  color: #ffffff;
}

.addon-text-box, addon-text-box:active {
    background-color: #ffffff !important;
    border: 0 none;
    color: #040404 !important;
    border-radius: 0;
    border-bottom: 1px #FFF solid;
    font-weight: 600;
    margin-left: calc(5px + 0.13em);
    margin-right: calc(5px + 0.13em);
    max-height: 40px !important;
    min-height: 40px !important;
}
.traingle{
  height:15px;
  width: 15px;
  background-color: transparent;
  border-left: 15px transparent solid;
  border-right: 15px transparent solid;
  border-bottom: 15px #03486a solid;
  float:right;
  margin-top: -10px;
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {

.hidden-search-box {
    right: 3%;
    width: 95%;
}
}
.pointer
{
    cursor:pointer;
}
.text-justify
{
    text-align:justify
}

a.nav-link.active {
    color: #FF9800 !important;
}

.loginbg
{
    background: url('https://www.loginradius.com/blog/static/25f482319c5c4fcb1749a8c424a007b0/d3746/login-authentication.jpg');
    background-size: cover;
    background-origin: content-box;
    background-position:center;
}
#errormsg
        {
    text-align: center;
    color: red;
    margin-bottom: 15px;
    display:block;
        }
.successbox
{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    text-align:center;
    padding:20px 10px;
}
.owl-nav
{
    display: flex;
    justify-content: flex-end;
    margin-top: 7px;
}
button.owl-prev {
    background: #03486a !important;
    color: white !important;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    margin-right:5px;
}

button.owl-next {
    background: #03486a !important;
    color: white !important;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    margin-right:5px;
}
del {
    color: #9d9d9d;
    padding-left: 6px;
}

.emptyDiv
{
    text-align:Center;
}
.socialicons {
    background: white;
    color: #03486a;
    padding: 5px 7px;
    height: 30px;
    width: 30px !important;
    margin-right: 10px;
    border-radius: 50%;
    line-height: 20px;
    text-align:center;
}
.socialicons:hover {
    background: #ff9800;
}
.socialicons a
{
     color: #03486a;
}

.socialicon a {
    background: white;
    color: #03486a;
    padding: 5px 7px;
    height: 30px;
    width: 30px !important;
    margin-right: 5px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
}
.socialicon a:hover {
    background: #ff9800;
}

/* For Webkit-based browsers */
::-webkit-scrollbar {
  width: 4px;  /* Thin width */
  height: 6px; /* Thin height for horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background:#03486a; /* Scrollbar color */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker color on hover */
}

.clearfilter {
    float: right;
    font-size: 16px;
    cursor: pointer;
}
.line-clamp1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.headericon {
    width: 20px;
    border-radius: 0;
    position: relative;
    top: -2px;
    margin-right: 5px;
}