@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Poppins:wght@500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
/* -----------------------------------------------------------------------------------

    Template Name: Lavoro Responsive eCommerce Template.
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0.2

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    
	1.  Theme Default CSS (body, link color, section etc)
	2. header area
		2.1  mainmenu area
		2.2  mobile menu
		2.3  language area
		2.4  addcart area
		2.5  search area
		2.6  dropdown menu
	3. slider area
	4. our product area
	5. banner area
	6. latest post area
	7. block category area
	8. testimonial-area
	9. footer area
	10. Home 2 area
	11. Home 3 area
	12. Home 4 area
		12.1 category menu
		12.2 category mega menu
	13. Home 5 area
	14. Home 6 area
	15. Home 7 area
	16. Home 8 area
	17. Shop page area
	18. Product details area
	19. Checkout Page area
	20. Wishlist page area
	21. Shoping-cart area
	22. About us area
	23. Contact Page area
	24. Login page area
	25. 404 login page area
    26. Shipping Info page 
----------------------------------------------------------------------------------- */

/* -------------------------------------------------------------
  1.  Theme Default CSS (body, link color, section etc)
---------------------------------------------------------------- */
html,
body {
  height: 100%;
  font-family: "Roboto", sans-serif;
}
body {
  font-weight: 400;
  color: #7f7f7f;
  font-size: 1.5rem !important;
}

[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos].aos-animate {
  pointer-events: auto;
}

html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0s;
}
html:not(.no-js) [data-aos="fade-up"] {
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos].aos-animate {
  pointer-events: auto;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

.nopadding-right {
  padding-right: 0;
}

.nopadding-left {
  padding-left: 0;
}

.nopadding {
  padding: 0;
}

a:focus {
  outline: 0px solid;
}

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

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #777;
}

a:hover {
  color: #03a5e9;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0 none;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

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

.container {
  width: 1200px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.aboutheader {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color: #3f3f3f;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
}

.row {
  --bs-gutter-x: 30px;
}

#scrollUp {
  background: #03a5e9 none repeat scroll 0 0;
  bottom: 12px;
  color: #fff;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  right: 12px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: 40px;
  font-weight: bold;
}

#scrollUp:hover {
  background: #026bbe;
  color: #fff;
}

.clear {
  clear: both;
}

/*----------------------------------------*/
/*  2. header area
/*----------------------------------------*/

.whatsapp-icon-custom-size {
  font-size: 32px; /* Adjust the size as needed */
  color: white;
  margin-left: 15px;
}

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

@media (min-width: 991px) {
  #toggleSidebar {
      display: none;
  }
}

.toggle-logo-container {
  display: flex;
  align-items: center;
  gap: 10px; 
}

#toggleSidebar {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .toggle-logo-container {
      /* justify-content: center; */
      flex-direction: row;
  }

  .top-logo {
    text-align: center !important;
  }
}

.top-logo {
  margin-top: 5px;
  text-align: left !important;
}

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

.top-logo img {
    width:120px; height:auto;
  }

@media (max-width: 991px)  {
  .top-logo img {
    width:120px; height:auto;
  }
}
@media (max-width: 786px)  {
  .top-logo img {
    width:80px; height:auto;
  }
}
@media (max-width: 567px)  {
  .top-logo img {
    width:50px; height:auto;
  }
}

/* Hero Slider */
.carousel-item {
  height: 60vh; /* Full screen height */
  background-size: cover;
  background-position: center;
  position: relative;
}

.carousel-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  max-width: 600px; /* Avoid too much spreading */
}

.carousel-caption h3,
.carousel-caption h3 {
  color: white;
  font-weight: bold;
  font-size: 3rem;
}

.carousel-caption .btn {
  width: auto; /* Fixing the button width */
  padding: 10px 20px;
  border-radius: 8px;
}
.carousel-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  max-width: 600px;
}

.btn-custom{
    background-color: white !important;
}

.btn-custom:hover{
    color: black !important;
}
/* Mobile & Tablet View */
@media (max-width: 768px) {
  .carousel-caption {
      top: auto;
      bottom: 10%;
      left: 50% !important;
      transform: translateX(-50%);
      max-width: 90%; /* Responsive width */
  }

  .carousel-caption h2 {
      font-size: 1.8rem;
  }

  .carousel-caption h3 {
      font-size: 1.5rem;
  }

  .carousel-caption .btn {
      font-size: 1rem;
      padding: 8px 16px;
  }
}



/*  2.1  mainmenu area
/*----------------------------------------*/
.mainmenu {
  margin-top: 0px;
}

.mainmenu ul li {
  display: inline-block;
  position: relative;
  margin-right: 15px;
}

.restrain {
  opacity: 0;
  z-index: -99;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}

.expand:hover .restrain {
  opacity: 1;
  z-index: 9999;
  transform: scaleY(1);
}

.mainmenu ul li a {
  padding: 10px 15px 10px;
  display: block;
  line-height: 32px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  color: #4a4a4a;
  font-family: Montserrat;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}

.mainmenu ul li a:hover,
.restrain a:hover {
  color: #03a5e9 !important;
}

.mainmenu ul li .mega-menu {
  padding: 20px;
  background: #3f3f3f;
  width: 100vw;
}

.mainmenu ul li ul.sub-menu {
  width: 205px;
  background: #3f3f3f;
  padding: 10px 0 10px 0;
}

.mainmenu ul li ul.sub-menu li {
  margin-right: 0;
  width: 100%;
  text-align: left;
}

.mainmenu ul li ul.sub-menu li a {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 2px 20px;
  text-transform: none;
  font-family: "Roboto", sans-serif;
}

.mainmenu ul li .mega-menu span {
  float: left;
  width: 23%;
  margin-right: 20px;
  text-align: left;
}

.mainmenu ul li .mega-menu span a.mega-menu-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  color: #fff;
  line-height: 10px;
  border-bottom: 1px solid #03a5e9;
  font-family: "Montserrat", sans-serif;
}

.mainmenu ul li .mega-menu span a {
  font-size: 20px;
  font-weight: 400;
  padding: 7px 0;
  text-transform: capitalize;
  color: #fff;
  padding: 5px 0;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
}

.mainmenu ul li .mega-menu span.block-last {
  margin-right: 0;
}

.mainmenu ul li a:after {
  content: "";
  border: 5px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 5px;
  bottom: 15px;
}

.mainmenu ul li ul li a:after,
.mainmenu ul li span a:after {
  display: none;
}

.mainmenu ul li a:hover:after {
  border-bottom-color: #03a5e9;
}

.mainmenu ul li .mega-menu.megamenu3,
.mainmenu ul li .mega-menu.megamenu4 {
  width: 500px;
}

.mainmenu ul li .megamenu3 span,
.mainmenu ul li .megamenu4 span {
  width: 47%;
}

.restrain.mega-menu.megamenu1 {
  left: 0;
}

.restrain.mega-menu.megamenu2 {
  left: 0;
}

.restrain.mega-menu.megamenu3 {
  left: 0;
}

.restrain.mega-menu.megamenu4 {
  left: 0;
}

/* 2.2 mobile menu
-------------------------*/

/* For devices up to 991px wide (i.e., tablets and smaller screens) */
@media only screen and (max-width: 991px) and (min-width: 0px) {
  .mobile-menu {
    display: block !important; /* Show mobile menu */
  }
  .mainmenu {
    display: none !important; /* Hide desktop menu */
  }

  .mobile-menu {
    background-color: #000; /* Black background color */
    padding: 10px 0;
    position: relative;
  }

  .mobile-menu-title {
    color: #fff; /* White text color */
    font-size: 18px;
    margin-right: 760px;
  }

  .menu-item-has-children > a {
    display: block;
    color: #fff;
    padding: 10px 20px;
    position: relative;
  }

  .menu-item-has-children > a i {
    float: right;
    margin-top: 2px;
  }

  .categories-menu {
    display: none;
  }

  .categories-list {
    list-style: none;
    padding: 0;
  }

  .categories-list li {
    margin: 10px 0;
  }

  .categories-list .sub-menu {
    display: none;
  }

  /* Hide scrollbar for mobile menu */
  .mobile-menu nav {
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; 
  }

  .mobile-menu nav::-webkit-scrollbar {
    display: none; /* Webkit browsers */
  }

  .show .categories-menu {
    display: block;
  }
}
@media only screen and (max-width: 844px) and (min-width: 600px) {
  .mobile-menu {
    display: block !important; /* Show mobile menu */
  }
  .mainmenu {
    display: none !important; /* Hide desktop menu */
  }

  .mobile-menu {
    background-color: #000; /* Black background color */
    padding: 10px 0;
    position: relative;
  }

  .mobile-menu-title {
    color: #fff; /* White text color */
    font-size: 18px;
    margin-right: 550px;
  }
}

@media only screen and (max-width: 601px) and (min-width: 481px) {
  .mobile-menu {
    display: block !important; /* Show mobile menu */
  }
  .mainmenu {
    display: none !important; /* Hide desktop menu */
  }

  .mobile-menu {
    background-color: #000; /* Black background color */
    padding: 10px 0;
    position: relative;
  }

  .mobile-menu-title {
    color: #fff; /* White text color */
    font-size: 18px;
    margin-right: 360px;
  }
}

@media only screen and (max-width: 480px) and (min-width: 380px) {
  .mobile-menu {
    display: block !important; /* Show mobile menu */
  }
  .mainmenu {
    display: none !important; /* Hide desktop menu */
  }

  .mobile-menu {
    background-color: #000; /* Black background color */
    padding: 10px 0;
    position: relative;
  }

  .mobile-menu-title {
    color: #fff; /* White text color */
    font-size: 18px;
    margin-left: 0px;
    margin-right: 280px;
  }
}

@media only screen and (max-width: 380px) and (min-width: 270px) {
  .mobile-menu {
    display: block !important; /* Show mobile menu */
  }
  .mainmenu {
    display: none !important; /* Hide desktop menu */
  }

  .mobile-menu {
    background-color: #000; /* Black background color */
    padding: 10px 0;
    position: relative;
  }

  .mobile-menu-title {
    color: #fff; /* White text color */
    font-size: 18px;
    margin-left: 0px;
    margin-right: 190px;
  }
}
/* For devices larger than 991px wide (i.e., desktops and larger screens) */
@media (min-width: 992px) {
  .mobile-menu {
    display: none !important; /* Hide mobile menu */
  }
  .mainmenu {
    display: block !important; /* Show desktop menu */
  }
}

/* Mobile menu styling */
.mobile-menu {
  background-color: #000; /* Black background color */
  padding: 10px 0;
  position: relative;
}

.mobile-menu-title {
  color: #fff; /* White text color */
  font-size: 18px;
  margin-left: 0;
}

.menu-item-has-children > a {
  display: block;
  color: #fff;
  padding: 10px 20px;
  position: relative;
}

.menu-item-has-children > a i {
  float: right;
  margin-top: 2px;
}

.categories-menu {
  display: none;
}

.categories-list .sub-menu {
  display: none;
}

.categories-list .sub-menu.show {
  display: block;
}

/* Icon styling */
.fa-bars {
  font-size: 24px;
  margin-right: 15px;
}

.fa-plus {
  color: #000000;
  font-size: 14px;
  margin-left: 5px;
}

.sub-menu li a {
  color: #888282 !important;
}

.sub-menu li a:hover {
  background-color: #dfdede;
}

/* Hide scrollbar for mobile menu */
.mobile-menu nav {
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer */
}

.mobile-menu nav::-webkit-scrollbar {
  display: none; /* Webkit browsers */
}

/* Show categories menu when mobile menu is toggled */
.show .categories-menu {
  display: block;
}



/*  2.3  language area
/*----------------------------------------*/
.lang-all {
  padding: 36px 0 36px 0;
}

@media (max-width: 1346px) {
  .lang-all > a {
    margin-right: 8px;
    padding-right: 8px;
  }
}
.lang-all > a {
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px solid #3f3f3f;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
  color: #4a4a4a;
  font-family: Montserrat;
  font-weight: 700;
  position: relative;
  line-height: 0;
}

.lang-all a img {
  margin-right: 5px;
  vertical-align: middle;
}

ul.restrain.language li {
  padding: 10px 0;
}

ul.restrain.language li a {
  color: #fff;
}

ul.restrain.language {
  width: 150px;
  padding: 10px;
  background: #3f3f3f;
  top: 100%;
}

.top-detail {
  font-family: Montserrat;
  text-transform: uppercase;
  font-size: 15px;
  text-align: right;
}

/*  2.4  addcart area
/*----------------------------------------*/
.disflow {
  display: inline-block;
}

a.sm-cart-product {
  float: left;
  width: 50px;
  margin-right: 5px;
}

.cart-toggler {
  position: relative;
}

.cart-toggler i {
  margin-left: 6px;
  font-size: 30px;
  color: #3f3f3f;
  display: block;
  padding-bottom: 33px;
}

.compare-button i {
  display: inline-block;
  margin: 0 10px;
  width: 40px;
  height: 35px;
  text-align: center;
  line-height: 34px;
  font-size: 18px;
  color: #3f3f3f;
  cursor: pointer;
  /* background: #fff; */
}

span.cart-quantity {
  background: #03a5e9;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 0;
  color: #fff;
  left: 35px;
  font-size: 10px;
}

@media (max-width:540px){
  span.cart-quantity {
    left: 20px;
  }
}

span.heart-quantity {
  background: #03a5e9;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: -6px;
  color: #fff;
  left: 16px;
  font-size: 10px;
}

.small-cart-content {
  width: 270px;
  position: absolute;
  top: 100%;
  background: #3f3f3f;
  padding: 15px;
  text-align: left;
  right: 0;
}

ul.cart-list li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.small-cart-detail .remove {
  float: right;
  margin-right: 0;
  color: #fff;
}

.small-cart-detail .edit-btn {
  float: right;
  margin-right: 8px;
}

.small-cart-detail .small-cart-name {
  color: #fff;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-size: 13px;
  display: block;
  margin: 5px 20px 10px 0;
  padding-top: 5px;
}

.small-cart-detail .quantitys {
  color: #fff;
}

.small-cart-detail .quantitys strong {
  font-size: 11px;
  margin-right: 5px;
}

.small-cart-detail .quantitys span {
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px;
}

p.total {
  color: #fff;
  float: left;
  margin: 10px 0 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
}

span.amount {
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px;
}

button {
  background: none;
  border: none;
}

.buttons {
  padding: 0;
  float: right;
  margin: 10px 0 0 5px;
}

.buttons .button {
  display: block;
  padding: 8px 25px;
  font-weight: 400;
  font-family: Montserrat;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  background: #eee;
  text-transform: uppercase;
  color: #333;
}

.buttons .button:hover {
  background: #03a5e9;
  color: #ffffff !important;
}

/*  2.5  search area
/*----------------------------------------*/
.search-icon.fa.fa-search {
  font-size: 18px;
  color: white;
  padding: 35px 0 20px 5px;
}

.header-search.expand {
  position: relative;
  cursor: pointer;
}

.product-search.restrain {
  position: absolute;
  top: 100%;
  background: #3f3f3f;
  padding: 0;
  text-align: left;
  right: 0;
}

.product-search input.form-control {
  background-color: #3f3f3f;
  border: none;
  outline: none;
  box-shadow: none;
  color: #8a8a8a;
  padding: 15px 20px;
  width: 200px; /* Adjusted width */
  /* margin-top: 20px; */
}

.header-search .btn-default {
  color: #fff;
  border: 0px;
}

.header-search .btn-default:active:focus {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  color: #ffffff;
}

.header-search .btn {
  padding: 0;
}

.header-search .btn:focus {
  outline: 0;
}

.header-search .btn:active {
  box-shadow: none;
}

.header-search button.btn.btn-default i {
  border-radius: 0;
  color: #000000;
  font-size: 25px;
  transition: 0.3s;
}

.header-search button.btn.btn-default i:hover {
  background: #9eabb1;
  color: #fff;
  border-color: #9eabb1;
  transition: 0.3s;
}

.sreach input{
  width: 550px !important; 
  border-radius: 15px !important; 
  padding: 25px;
  align-items: center;
}

.sreach span{
  position: absolute; 
  top: 1px; 
  right: 60px;
}

.user{
  font-size:29px;padding:0 12px;
}

@media (max-width:540px) {
  .cart-toggler i {
    font-size: 15px;
  }

  .add-to-wishlist a i {
    font-size: 15px;
  }
  
  .whatsapp-icon-custom-size {
    font-size: 15px;
  }

  .user{
    font-size: 15px;
    padding: 0px 0px;
  }

  .disflow {
    padding-left: 0px !important;
  }
 
  .fa-bars {
    font-size: 20px;
  }
}

.notfound{
    font-size: 18px; 
    color: red; 
    font-weight: bold; 
    text-align: center;
}

.noreturn{
    font-size: 15px; 
    color: grey; 
    text-align: center;
}

/*  2.6  dropdown menu 
/*----------------------------------------*/
.dropps-menu {
  padding-left: 8px;
  position: relative;
  padding-bottom: 30px;
}

.dropps-menu .language {
  right: 0;
  text-align: right;
}

.lang-all > a:hover,
.search-icon.fa.fa-search :hover {
  color: #03a5e9;
  transition: 0.3s;
}

.readon-red a {
  color: #3f3f3f;
}

.readon-red:hover {
  color: #ffffff;
  background: #362f2d;
  transition: 0.5s;
  border: 1px solid #3f3f3f !important;
}

.readon-red:hover a {
  color: #fff !important;
}

/* ---------------------------------------
  3. slider area
/*----------------------------------------*/
.hm-1 .slider-content .low-f {
  text-transform: capitalize;
}

.hm-1 .slider-content h2 {
  font-size: 55px;
  color: #c3a577;
  margin-bottom: 0;
}

.hm-1 .slider-content h3 {
  font-size: 90px;
  color: #000;
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
}

.hm-1 .slider-content h4 {
  font-size: 36px;
  color: #3f3f3f;
  font-weight: 400;
  text-transform: none;
}

.hm-1 .slider-content a.btn-title {
  color: #362f2d;
  font-family: Montserrat;
  font-size: 13px;
  border: 1px solid #362f2d;
  padding: 11px 29px;
  text-transform: uppercase;
  margin-top: 20px;
  display: inline-block !important;
}

.hm-1 .slider-content a.btn-title:hover {
  background: #362f2d;
  border-color: #362f2d;
  color: #fff;
}

.hm-1 .lft-pr {
  margin-left: 20%;
}

.clr .slider-content h2,
.clr .slider-content h3,
.clr .slider-content h4,
.clr .slider-content a.btn-title {
  color: #ffffff;
  border-color: #ffffff;
}

/* ---------------------------------------
  4. our product area
/*----------------------------------------*/
.area-title {
  text-align: center;
  padding: 28px 0;
  position: relative;
  margin-top: 30px;
}

.area-title h2 {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  color: #000000;
  /* background: #fff; */
  /* padding: 0 20px; */
  display: inline-block;
  letter-spacing: 4px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ddd;
}

.features-tab .nav-tabs {
  border-bottom: 0 none;
  justify-content: center;
  margin-bottom: 35px;
}

.features-tab .nav-tabs > .nav-item {
  float: none;
  margin-bottom: 0;
  display: inline-block;
}

.features-tab .nav-tabs > .nav-item > .nav-link {
  border: 0;
  border-radius: 0;
  line-height: 1.42857;
}

.features-tab .nav-tabs > .nav-item > .nav-link {
  border: 0 none;
  border-radius: 0;
  color: #747474;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857;
  margin: 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  border: 1px solid #ebebeb;
  letter-spacing: 2px;
  font-family: "Montserrat", sans-serif;
}

.features-tab .nav > .nav-item > .nav-link:focus,
.features-tab .nav > .nav-item > .nav-link:hover {
  background-color: inherit;
  text-decoration: none;
  border: 1px solid #03a5e9;
  color: #03a5e9;
}

.features-tab .nav-tabs > .nav-item > .nav-link.active,
.features-tab .nav-tabs > .nav-item > .nav-link:focus,
.features-tab .nav-tabs > .nav-item > .nav-link:hover {
  border: medium none;
  border: 1px solid #03a5e9;
  color: #03a5e9;
}

.product-img {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.product-content {
  padding: 0 5px;
  text-align: center;
  position: relative;
  background: #fff;
}

.product-img a {
  display: block;
}

.product-img a img {
  transition: all 0.3s ease 0s;
  width: 100%;
}

.product-img a img.secondary-image {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

.actions {
  position: absolute;
  text-align: center;
  top: 90%;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.single-product:hover .actions {
  opacity: 1;
  top: 80%;
  z-index: 9;
}

.action-zoom {
  position: absolute;
  text-align: center;
  top: 0%;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.single-product:hover .action-zoom {
  opacity: 1;
  top: 50%;
  z-index: 9;
}

.add-to-cart {
  display: block;
  margin-bottom: 15px;
}

.add-to-cart a {
  color: #3f3f3f;
  background: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 15px;
  text-transform: uppercase;
}

.add-to-links {
  display: inline-block;
}

.add-to-wishlist,
.compare-button,
.quickviewbtn {
  display: inline-block;
}

.add-to-wishlist a,
.compare-button a,
.quickviewbtn a {
  display: inline-block;
  margin: 0 8px;
}

.add-to-wishlist a i,
.compare-button a i,
.quickviewbtn a i {
  color: red;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  transition: all 0.3s ease 0s;
  width: 35px;
}

.add-to-wishlist a i {
  font-size: 30px;
}

.compare-button a i {
  color: #03a5e9;
  font-size: 30px;
}

.quickviewbtn {
  display: inline-block;
}

.action-buttons a:hover i,
.add-to-cart a:hover {
  color: #fff;
}

.compare-button a i:hover {
  color: #fff;
}

.add-to-wishlist a i:hover {
  color: #fff;
}

.single-product:hover .product-img a img.secondary-image {
  opacity: 1;
}

.product-img > a:before {
  background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.single-product:hover .product-img a:before {
  opacity: 0.2;
  z-index: 9;
}

.product-content p {
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1.1px;
  display: inline-block;
  line-height: 22px;
}

h2.product-name {
  margin: 0 0 5px;
}

h2.product-name a {
  font-size: 16px;
  font-weight: 700;
  font-family: Montserrat;
  color: #3f3f3f;
  text-decoration: none !important;
}

h2.product-name a:hover {
  color: #03a5e9;
}

span.old-price {
  color: #909295;
  font-size: 15px;
  margin-left: 10px;
  text-decoration: line-through;
}

span.sale-text {
  background: #fff none repeat scroll 0 0;
  color: #3f3f3f;
  font-family: Roboto;
  font-size: 15px;
  height: 26px;
  border: 1px solid #3f3f3f;
  left: 50%;
  margin-left: -25px;
  line-height: 25px;
  min-height: 25px;
  padding: 0 15px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  top: 5%;
  z-index: 10;
}

.single-product .price-box {
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 20px;
  position: absolute;
}

.single-product .price-box .new-price {
  margin: 0;
  background: #fff;
  padding: 10px 15px;
  display: inline-block;
  margin: 5px 0;
  font-size: 16px;
  color: #3f3f3f;
  font-family: Montserrat;
  font-weight: 700;
}

.single-product:hover .add-to-wishlist a {
  -webkit-animation: zoomIn 300ms ease-in-out;
  -moz-animation: zoomIn 300ms ease-in-out;
  -ms-animation: zoomIn 300ms ease-in-out;
  animation: zoomIn 300ms ease-in-out;
}

.single-product:hover .compare-button a {
  -webkit-animation: zoomIn 500ms ease-in-out;
  -moz-animation: zoomIn 500ms ease-in-out;
  -ms-animation: zoomIn 500ms ease-in-out;
  animation: zoomIn 500ms ease-in-out;
}

.single-product:hover .quickviewbtn a {
  -webkit-animation: zoomIn 700ms ease-in-out;
  -moz-animation: zoomIn 700ms ease-in-out;
  -ms-animation: zoomIn 700ms ease-in-out;
  animation: zoomIn 700ms ease-in-out;
}

.first-sale {
  margin-bottom: 40px;
  margin-top: 40px;
}

.owl-slider-rows--single .slider-item {
  margin-top: 40px;
  margin-bottom: 40px;
}
.owl-slider-rows--multiple .slider-item {
  margin-top: 40px;
}

.our-product-area .owl-theme .owl-nav {
  text-align: center;
  width: 54px;
  top: -20px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 1;
}

.our-product-area .owl-theme .owl-nav button {
  font-size: 28px;
  color: #3f3f3f;
  position: relative;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
  color: #00a9e0;
}

.our-product-area .owl-theme .owl-buttons .owl-prev {
  font-size: 0;
  color: transparent;
  background: none;
  width: 26px;
  float: left;
  position: relative;
}

.our-product-area .owl-theme .owl-buttons .owl-next {
  font-size: 0;
  color: transparent;
  background: none;
  width: 26px;
  float: right;
}

.our-product-area .owl-theme .owl-buttons div {
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
  filter: Alpha(Opacity=50);
  opacity: 1;
}

.our-product-area .owl-theme .owl-buttons > div:before {
  content: "\f104";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3f3f3f;
  font-size: 22px;
  float: left;
  width: 100%;
}

.our-product-area .owl-theme .owl-nav .owl-next:before {
  content: "\f105";
}

.our-product-area .owl-theme .owl-nav .owl-prev:after {
  content: "";
  height: 15px;
  border-left: 1px solid #c2c2c2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5px;
}

.our-product-area .owl-theme .owl-nav .owl-prev:hover:before,
.our-product-area .owl-theme .owl-nav .owl-next:hover:before {
  color: #00a9e0;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0; /* Default hidden */
    transition: opacity 0.3s ease-in-out;
}

.owl-carousel:hover .owl-nav {
    opacity: 1; /* Show on hover */
}

.owl-carousel .owl-nav button {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.owl-carousel .owl-nav button:hover {
    background: rgba(0, 0, 0, 0.8);
}


.product-img {
  position: relative;
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

.product-img a {
  display: block;
}
.product-img img {
  width: 100%;
  transition: all 0.3s ease;
}
.product-img img.secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.product-img a img {
  width: 100%;
  height: 350px; /* Aap is height ko adjust kar sakti hain */
  object-fit: contain; /* Images ko crop karke fit karega */
}
.single-product:hover .product-img img.secondary-image {
  opacity: 1;
}
.product-content {
  text-align: center;
  background: #fff;
  padding: 10px;
}
.product-content h2 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 5px;
}
.product-content p {
  font-size: 14px;
  color: #6d6d6d;
}
.new-price {
  font-size: 16px;
  font-weight: 700;
  color: #3f3f3f;
}
.actions {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 90%;
  opacity: 0;
  transition: all 0.3s ease;
}
.single-product:hover .actions {
  opacity: 1;
  top: 80%;
}
.add-to-links a {
  font-size: 30px;
  color: red;
  margin: 0 8px;
}
.compare-button a i {
  color: #03a5e9;
}

@media (max-width: 768px) {
  .product-img a img {
    height: 200px; 
  }
}

.product-image {
    max-width: 100%;
    height: auto;
}

.thumbnail-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}
    
.product-info h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #000;
}

/* ---------------------------------------
 5. banner area
/*----------------------------------------*/
.banner-area {
  margin-top: 30px;
}

.banner-area a,
.single-banner a {
  position: relative;
  display: inline-block;
  width: 100%;
}

.banner-area a:hover:before,
.single-banner a:hover:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 15px solid rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition: 0.3s;
}

.banner-area a:before,
.single-banner a:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  opacity: 0;
  content: "";
  left: 0;
  overflow: visible;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  transition: 0.3s;
}

.single-banner img {
  width: 100%;
  height: auto;
}

/*----------------------------------------
 6. latest post area
/*----------------------------------------*/
.latest-post-area {
  background: #f6f6f6;
  padding-bottom: 60px;
}

.latest-post-area .area-title h2 {
  background: #f6f6f6;
}

.post-thumb {
  position: relative;
}

.post-thumb img {
  width: 100%;
}

.post-thumb:after {
  content: "";
  width: 0%;
  height: 0%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  top: 0;
  z-index: 1;
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  -ms-transition: all 400ms ease-in;
  -o-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
  pointer-events: none;
}

.single-post:hover .post-thumb:after {
  width: 100%;
  height: 100%;
}

.post-thumb-info {
  background: #fff;
  padding: 15px 20px;
}

.post-thumb-info.blog-det {
  padding-top: 40px;
}

.post-time span,
.post-time a {
  font-size: 10px;
  letter-spacing: 1.1px;
  color: #3f3f3f;
  text-transform: uppercase;
  font-weight: 700;
}

.post-time a:hover {
  color: #03a5e9;
}

.postexcerpt p {
  color: #6d6d6d;
  line-height: 25px;
  font-size: 13px;
}

.postexcerpt h4 {
  color: #3f3f3f;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}

.postexcerpt h4 a {
  color: #666;
}

.post-time {
  margin: 0 0 10px;
}

.read-more {
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
  font-family: Montserrat;
  font-weight: 700;
  color: #3f3f3f;
  line-height: 27px;
  display: inline-block;
  margin-bottom: 10px;
}

.latest-post-area .all-singlepost {
  margin: 30px 0 0;
}

.blog-social-sharing h3 {
  font-size: 16px;
  padding-top: 10px;
}

.blog-social-sharing ul li {
  display: inline-block;
  margin-right: 5px;
}

.blog-social-sharing ul li:last-child {
  margin-right: 0;
}

.blog-social-sharing ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  border-radius: 50%;
  border: 1px solid #ededed;
}

.blog-social-sharing ul li:hover a {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

/*--- blog comment section start ---*/
.blog-area {
  padding-top: 30px;
  padding-bottom: 25px;
}

.comment-section h3 {
  color: #292825;
  font-size: 18px;
  font-weight: 600;
  padding-top: 50px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.comment-section ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #e7e4dd;
}

.comment-section ul li .author-avatar {
  -ms-flex-preferred-size: 70px;
  flex-basis: 70px;
}

.comment-section ul li.comment-children {
  margin-left: 40px;
}

.comment-section ul li .comment-body {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.comment-section ul li .comment-body h5 {
  color: #292825;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 5px;
  text-transform: capitalize;
}

.comment-section ul li .comment-body .comment-post-date {
  color: #888888;
  padding-bottom: 10px;
}

.comment-section ul li .comment-body .reply-btn {
  float: right;
}

.comment-section ul li .comment-body .reply-btn a {
  color: #03a5e9;
  font-size: 12px;
  display: inline-block;
  padding: 3px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-transform: capitalize;
  border: 1px solid #03a5e9;
}

.comment-section ul li .comment-body .reply-btn a:hover {
  color: #ffffff;
  background-color: #03a5e9;
}

/*--- blog comment section end ---*/
/*--- blog comment wrapper start ---*/
.comment-post-box label {
  display: block;
}

.blog-comment-wrapper {
  padding-bottom: 36px;
}

.blog-comment-wrapper h3 {
  border-bottom: 1px solid #ebebeb;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  padding: 20px 0 18px;
  text-transform: uppercase;
}

.blog-comment-wrapper > p {
  color: #6d6d6d;
  font-family: lato;
  font-size: 12px;
  margin-bottom: 10px;
  padding-top: 30px;
}

.comment-post-box label {
  color: #6d6d6d;
  display: block;
  font-family: lato;
  text-transform: capitalize;
}

.comment-post-box textarea {
  background: #f8f8f8;
  border: 1px solid #ebebeb;
  color: #6d6d6d;
  height: 130px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}

.coment-field {
  background: #f8f8f8;
  border: 1px solid #ebebeb;
  color: #959595;
  padding: 8px 10px;
  width: 100%;
}

.coment-btn > input {
  background: #333;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 20px;
  margin-top: 30px;
  text-transform: uppercase;
}

.coment-btn > input:hover {
  background: #03a5e9;
}

/*----blog comment wrapper end----*/
/*---blog sidebar css start---*/
.blog-sidebar {
  padding-bottom: 48px;
}

.blog-sidebar-inner {
  position: relative;
  margin-bottom: 30px;
}

.blog-sidebar-inner > h2 {
  color: #3f3f3f;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  position: relative;
  text-transform: uppercase;
}

.blog-sidebar-inner > h2::before {
  border-bottom: 1px dashed #ebebeb;
  bottom: -10px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.blog-sidebar-inner input {
  border: 1px solid #ddd;
  color: #838383;
  padding: 7px 30px 7px 7px;
  width: 100%;
}

.blog-sidebar-inner button {
  background: transparent;
  border: medium none;
  color: #6d6d6d;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog-sidebar-inner ul li a {
  color: #6d6d6d;
  font-family: lato;
}

.blog-sidebar-inner li {
  margin-bottom: 12px;
}

.blog-sidebar-inner ul li:hover a {
  color: #03a5e9;
}

.blog-sidebar-inner.tags a {
  border: 1px solid #333;
  color: #6d6d6d;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: capitalize;
}

.blog-sidebar-inner.tags a:hover {
  color: #03a5e9;
  border-color: #03a5e9;
}

/*---blog sidebar css end---*/
/*----------------------------------------
 7. block category area
/*----------------------------------------*/
.category {
  margin-top: 20px;
}

.product-img {
  text-align: center;
}
.product-content {
  text-align: left;
}

.block-category {
  margin: 10px 0 60px;
}

.block-category .block-title {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 40px;
  padding: 0;
}

.block-category .block-title h2 {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  color: #3f3f3f;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 4px;
  position: relative;
  z-index: 1;
  padding: 8px 20px;
  border: 1px solid #ebebeb;
}

.block-image {
  margin-right: 30px;
}

.category-info h3 a {
  font-size: 12px;
  color: #3f3f3f;
  margin-top: 10px;
}

.category-info p {
  font-size: 13px;
  color: #6d6d6d;
  letter-spacing: 1.1px;
  margin-top: 8px;
  line-height: 22px;
}

.category-info h3 a:hover {
  color: #03a5e9;
}

.cat-price {
  color: #3f3f3f;
  font-size: 13px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 30px;
}

span.old-price {
  color: #545454;
  text-decoration: line-through;
  font-size: 10px;
  font-weight: 400;
}

.single-block {
  overflow: hidden;
  margin-bottom: 40px;
}

.block-content .single-block:last-child {
  margin-bottom: 0px;
}

.cat-rating a {
  font-size: 12px;
  color: #3f3f3f;
}

.cat-rating a:hover {
  color: #03a5e9;
}

/*----------------------------------------
 8. testimonial-area
/*----------------------------------------*/
.testimonial-area {
  text-align: center;
  padding: 60px 0 50px;
  background: #f4f4f4;
}

.crusial-content span {
  padding-top: 10px;
  overflow: hidden;
  display: block;
  line-height: 86px;
  color: #3f3f3f;
  font-family: Montserrat;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}

.crusial-content span:before {
  content: "";
  width: 65px;
  border-top: 1px solid #3f3f3f;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.crusial-content p {
  font-size: 13px;
  color: #3f3f3f;
  font-family: Montserrat;
  display: block;
  width: 80%;
  font-style: italic;
  margin: 0 auto 25px;
}

.lap-ruffel .owl-theme .owl-controls .owl-page span {
  background: #fff;
  transition: 0.3s;
}

.lap-ruffel .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
  background: #3f3f3f;
  transition: 0.3s;
}

.brand-area {
  margin: 60px 0;
}

/*----------------------------------------
 9. footer area
/*----------------------------------------*/
.top-footer-area,
.info-footer {
  padding: 60px 0;
  /* background: #3f3f3f; */
  background: black;
}

.snap-footer-title h4 {
  font-size: 16px;
  color: white;
  margin-bottom: 25px;
}

.cakewalk-footer-content p {
  color: white;

  /* color: #3f3f3f; */

  line-height: 24px;
  width: 100%;
  font-size: 14px;
}

.cakewalk-footer-content .read-more {
  /* color: #fff; */
  color: #fff;
}

.cakewalk-footer-content .read-more:hover {
  color: #03a5e9;
}

.cakewalk-footer-content ul li a {
  line-height: 30px;
  font-size: 14px;
  /* color: #ccc; */
  color: #fff;
}

.cakewalk-footer-content ul li a:hover {
  color: #03a5e9;
}

.infof-icon {
  float: left;
  margin-right: 15px;
  margin-top: 3px;
}

.infof-icon i {
  width: 35px;
  height: 35px;
  /* border: 1px solid #03a5e9; */
  border-radius: 3px;
  font-size: 30px;
  color: #03a5e9;
  line-height: 30px;
  text-align: center;
}

.info-footer {
  border-top: 1px solid #4c4b4b;
}

.info-footer h3 {
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.info-footer p {
  font-size: 14px;
  color: #ccc;
}

.single-bannerfooter {
  border-right: 1px solid #363636;
}
.single-bannerfooter img {
  width: 100%;
}

.last-single {
  border: 0;
}

.single-bannerfooter a:hover {
  opacity: 0.6;
}

.address-footer {
  background: #252525;
  padding: 20px 0;
  clear: both;
}

.address-footer address {
  margin-top: 3px;
  float: left;
  margin-bottom: 0;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  color: #e2e2e2;
}

.address-footer address a {
  color: #03a5e9;
}

.address-footer address a:hover {
  color: #ffffff;
}

.social-footer ul li {
  color: #ccc;
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 10px;
}

.social-footer ul li a {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 21px;
  /* color: #fff; */
  color: #03a5e9;
  font-size: 15px;
  /* border: 1px solid #555; */
  border-radius: 3px;
  margin-right: 15px;
  display: inline;
}

.social-footer ul li a:hover {
  color: #026bbe;
}

/*----------------------------------------*/
/*  10. Home 2 area
/*----------------------------------------*/
.header-two .top-logo {
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
}

.header-two .mainmenu {
  margin-top: 2px;
}

.header-two .lang-all {
  padding: 37px 0 32px 0;
}

.unit-banner-area {
  margin-top: 60px;
}

.perfect-service {
  margin-top: 30px;
  background: #f6f6f6;
}

.creative-banner {
  padding: 50px;
}

.creative-info {
  margin-bottom: 50px;
  overflow: hidden;
}

.creative-icon {
  float: left;
  margin-right: 35px;
  margin-top: 3px;
}

.creative-text {
  margin-top: 14px;
  overflow: hidden;
}

.creative-text h3 {
  font-size: 13px;
  color: #3f3f3f;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.creative-text p {
  font-size: 13px;
  color: #959595;
  width: 82%;
  margin-top: 5px;
}

.creative-icon i {
  color: #3f3f3f;
  font-size: 10px;
  height: 79px;
  width: 79px;
  text-align: center;
  border-radius: 100%;
  line-height: 79px;
  background: #fff;
  font-size: 30px;
}

.utmost-image img {
  height: 100px;
  width: 100px !important;
  border-radius: 50%;
  margin: 0 auto;
}

.home-two .testimonial-area {
  background: none;
  padding-top: 10px;
}

.home-two .crusial-content {
  margin-top: 50px;
  background: #f6f6f6;
  padding: 20px;
}

.home-two .testimonial-area .area-title {
  margin: 0;
}

.perfect-banner {
  background: url(img/banner/perfect-banner.webp) no-repeat center bottom;
  min-height: 500px;
}

/*----------------------------------------*/
/*  11. Home 3 area
/*----------------------------------------*/
.main-area .ex-pro {
  margin-top: 40px;
}

.main-area .bn-pro {
  margin-top: 31px;
}

.banner-extension {
  border: 1px solid #3f3f3f;
}

.main-area .block-image {
  margin-right: 20px;
  width: 45%;
}

.home-three .cart-toggler i {
  margin-top: 32px;
}

.main-area .block-category {
  margin: 76px 0 0;
}

.block-category .bar-title {
  margin: 60px 0 40px;
}

.bar-ping {
  display: block;
  width: 10%;
  float: left;
  margin-right: 10px;
}

.bar-title h2 {
  font-size: 24px;
  border-bottom: 4px solid #f3f3f3;
  padding: 0;
  padding-bottom: 10px;
  color: #3f3f3f;
  display: inline-block;
  position: relative;
  word-wrap: break-word;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 4px;
}

.main-area .testimonial-area {
  background: none;
  overflow: hidden;
}

.bar-test {
  background: #f4f4f4;
  padding: 20px 10px;
  margin-top: 20px;
}

.main-area .latest-post-area {
  background: none;
  margin-top: 40px;
}

.main-area .product-content p {
  letter-spacing: 0.6px;
}

.info-footer {
  border-bottom: 1px solid #4c4b4b;
}

/*----------------------------------------*/
/*  12. Home 4 area
/*----------------------------------------*/
.home-four .onsale-area {
  margin-top: 60px;
}

.header-four .dropps-menu {
  padding-top: 33px;
}

.header-four .dropps-menu a {
  color: #fff;
}

.header-four .header-bottom {
  background: #3f3f3f;
  margin-bottom: 35px;
}

.header-four .mainmenu ul li a {
  color: #fff;
}

.header-four .cart-toggler i {
  color: #fff;
}

.shopping-carts {
  position: relative;
}

.header-four .product-search.restrain {
  background: #ccc;
}

.header-four .product-search input.form-control {
  background: #ccc;
  color: #3f3f3f;
}

.header-four .search-icon.fa.fa-search {
  padding-top: 7px;
}

.home-four .restrain.mega-menu.megamenu1 {
  left: -91px;
}

.home-four .restrain.mega-menu.megamenu2 {
  left: -154px;
}

.home-four .top-detail {
  padding-right: 15px;
}

.home-two .top-detail {
  padding-right: 15px;
}

.home-four .lang-all {
  padding: 36px 0 39px 0;
}

/* 12.1 category menu
-------------------------*/
.main-area .left-category-menu {
  margin-top: 0px;
}

.category-heading h2 {
  background: #03a5e9;
  color: #3f3f3f;
  cursor: pointer;
  font-size: 14px;
  line-height: 55px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  word-wrap: break-word;
}

.category-heading h2:before {
  background: none;
  content: "";
  display: block;
  float: left;
  font-family: "FontAwesome";
  font-size: 15px;
  font-weight: normal;
  height: 55px;
  line-height: 55px;
  text-align: center;
  width: 55px;
  color: #3f3f3f;
}

.category-menu-list {
  border: 1px solid #ebebeb;
  border-top: 0px solid #000;
  position: relative;
  width: 100%;
  z-index: 1000;
}

.category-menu-list ul li {
  background: #f6f6f6;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

.cat-left-drop-menu-left ul li {
  background: none;
}

.category-menu-list ul li:last-child {
  border-bottom: 0px solid #ebebeb;
}

.category-menu-list ul li a {
  position: relative;
  display: block;
  font-size: 13px;
  color: #5d5d5d;
  font-weight: 400;
  overflow: hidden;
  padding: 19px 15px 18.5px 40px;
  transition: background 300ms ease 0s;
  text-decoration: none;
}

.category-menu-list ul li span.cat-thumb {
  display: block;
  float: left;
  height: 25px;
  margin: 0 15px 0 0;
  width: 25px;
}

.category-menu-list ul li a i {
  right: 25px;
  position: absolute;
}

/* 12.2 category mega menu
-------------------------*/
.category-menu-list ul li .cat-left-drop-menu {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  left: 120%;
  padding: 25px 20px 20px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 486px;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}

.category-menu-list ul li .big-ldrop {
  width: 700px;
}

.category-menu-list ul li .cat-left-drop-menu-left {
  float: left;
  margin-right: 2%;
  margin-left: 2%;
  width: 46%;
}

.category-menu-list ul li .cat-left-drop-menu-left ul {
  margin-bottom: 20px;
  margin-top: 10px;
}

.category-menu-list ul li .cat-left-drop-menu-left ul li {
  border: none;
}

.category-menu-list ul li:hover .cat-left-drop-menu {
  visibility: visible;
  opacity: 1;
  left: 100%;
}

.category-menu-list ul li .cat-left-drop-menu-left ul li a {
  line-height: 28px;
  font-size: 12px;
  color: #6d6d6d;
  font-weight: 300;
  text-transform: capitalize;
  word-wrap: break-word;
  padding: 0;
}

.category-menu-list ul li .cat-left-drop-menu-left ul li a:hover {
  color: #03a5e9;
}

.category-menu-list ul li a.menu-item-heading {
  color: #6d6d6d;
  line-height: 20px;
  text-transform: capitalize;
  font-weight: 500;
  word-wrap: break-word;
  padding: 0;
}

.category-menu-list ul li .sub-drop {
  width: 33.33% !important;
  margin: 0 !important;
  float: left;
}

.category-menu-list ul li a:hover {
  color: #03a5e9;
  transition: 0.5s;
}

.category-menu-list ul li .subsm-drop {
  width: 220px;
}

.home-four .main-area .banner-area {
  margin: 35px 0 0;
}

.home-four .post-thumb-info {
  padding: 15px 0 0;
}

.home-four .postexcerpt p {
  font-size: 13px;
  color: #a6a6a6;
  margin: 0;
}

.aboutthumb-area {
  margin-top: 60px;
  overflow: hidden;
}

.home-four .single-post .about-thumb {
  margin-top: 30px;
}

.home-four .input-group input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #8a8a8a;
  text-transform: uppercase;
  opacity: 1;
}

.home-four .input-group input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8a8a8a;
  opacity: 1;
  text-transform: uppercase;
}

.home-four .input-group input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8a8a8a;
  opacity: 1;
  text-transform: uppercase;
}

.home-four .input-group input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8a8a8a;
  opacity: 1;
  text-transform: uppercase;
}

/*----------------------------------------*/
/*  13. Home 5 area
/*----------------------------------------*/
.header-5 {
  left: 0;
  margin: 0 auto;
  max-width: 100%;
  /* position: absolute; */
  right: 0;
  top: 0;
  z-index: 9999;
}

.home-five .mainmenu ul li a {
  color: #fff;
}
.home-five .about ul li a {
  color: #000000;
}

.home-five .lang-all > a {
  color: #fff;
}

.home-five .cart-toggler i {
  color: #000000;
}

.home-five .search-icon.fa.fa-search {
  color: #fff;
}
.home-five .card.fa.fa-search {
  color: #4114b4;
}

.home-five .dropps-menu a {
  /* font-size: 23px; */
  color: #fff;
}

.home-five .our-product-area {
  margin-bottom: 60px;
}

/*----------------------------------------*/
/*  14. Home 6 area
/*----------------------------------------*/
.bottom-hd {
  border-top: 1px solid #f0f0f0;
}

/*----------------------------------------*/
/*  15. Home 7 area
/*----------------------------------------*/
.header-7 {
  left: 0;
  margin: 0 auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}

.home-seven .mainmenu ul li a,
.home-seven .lang-all > a,
.home-seven .cart-toggler i,
.home-seven .search-icon.fa.fa-search,
.home-seven .dropps-menu a {
  color: #fff;
}

.deal-banner-area {
  clear: both;
  margin-bottom: 60px;
}

.col-timer {
  padding: 0;
}

.col-timer2 {
  background: #898989 none repeat scroll 0 0;
  color: #fff;
  min-height: 479px;
  padding: 60px;
}

.deal-banner-area .timer-details h2 {
  color: #fff;
  font-size: 24px;
  padding-bottom: 18px;
  position: relative;
  text-transform: uppercase;
}

.deal-banner-area .timer-details h2:after {
  border-top: 3px solid #fff;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 70px;
}

.deal-banner-area p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 40px;
  margin-top: 20px;
}

.deal-banner-area .cdown {
  float: left;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  margin-right: 3%;
  text-transform: uppercase;
  width: 17%;
}

.deal-banner-area .cdown span {
  border: 2px solid #fff;
  display: block;
  font-size: 36px;
  margin-bottom: 10px;
  padding: 20px 10px;
  text-align: center;
  width: 100%;
}

.deal-banner-area .dealbanner-img {
  background: rgba(0, 0, 0, 0) url("img/banner/banner-timmer.webp") no-repeat
    scroll center bottom;
  min-height: 479px;
}

.deal-banner-area p.buttons {
  float: left;
}

.deal-banner-area p.buttons a {
  clear: both;
  color: #3f3f3f;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 20px;
  text-transform: uppercase;
  float: left;
}

.deal-banner-area p.buttons a:hover {
  color: #fff;
  background: #03a5e9 none repeat scroll 0 0;
}

.home-seven .block-category .block-title {
  margin-top: 0;
}

.product-search.restrain .container {
  width: 1050px;
}

.product-search.restrain .container {
  width: 1050px;
}

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

/*  16. Home 8 area
/*----------------------------------------*/
.home-eight .single-banner.single-big {
  padding-right: 39px;
}
.home-eight .banner-row {
  margin-bottom: 30px;
}

.home-eight .single-big-btm {
  padding-left: 39px;
}

.home-eight .unit-banner-area {
  margin-top: 30px;
}

.home-eight .expand.lang-all.disflow {
  position: relative;
}

.home-eight ul.restrain.language {
  right: 0;
}

.home-eight .shopping-carts.text-end {
  position: relative;
}

.home-eight .creative-banner {
  padding: 50px 0;
}

.home-eight .creative-text p {
  width: 100%;
}

/*----------------------------------------*/
/*  17. Shop page area
/*----------------------------------------*/
/* .category-banner {
  background: url(img/banner/cat-banner-1.webp) right center no-repeat;
  background-size: cover;
  min-height: 270px;
  position: relative;
} */
.category-banner {
  background: url(img/banner/cat-banner.jpg)  center no-repeat;
  background-size: cover;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  min-height: 270px;
  position: relative;
}

.category-banner1 {
  background: url(img/slider/indexslider1.JPG)  center no-repeat;
  background-size: cover;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  min-height: 270px;
  position: relative;
}



.category-banner .cat-heading {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center;
}

.category-banner .cat-heading span {
  display: inline-block;
  border: 1px solid #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  /* color: #3f3f3f; */
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding: 2px 23px 0;
  line-height: 39px;
}
.category-banner1 .cat-heading {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center;
}

.category-banner1 .cat-heading span {
  display: inline-block;
  border: 1px solid #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  /* color: #3f3f3f; */
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding: 2px 23px 0;
  line-height: 39px;
}

.breadcrumbs ul li.home {
  float: left;
  margin-right: 10px;
}

.breadcrumbs ul li a {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
}

.breadcrumbs {
  margin: 15px 0;
}

span.ui-slider-handle.ui-state-default.ui-corner-all {
  border: none;
  background: #c38749;
  cursor: pointer;
  height: 16px;
  width: 16px;
  outline: none;
  margin-top: -1px;
  border-radius: 100%;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
  top: 0px;
  height: 6px;
  background: #c38749;
  outline: none;
  border: none;
}

div#slider-range {
  border: none;
  background: #dbdbdb;
  height: 6px;
  margin: 30px 0 20px;
}

.price_slider_amount input#amount {
  min-width: 50px;
  padding: 4px 10px 4px 0;
  border: 0;
  background: transparent;
  color: #949494;
  font-size: 12px;
  font-weight: bold;
  outline: none;
}

.price_slider_amount input[type="submit"] {
  display: none;
}

.shop-with-sidebar {
  margin: 100px 0;
}

.sidebar-title {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f4f4;
}

aside.sidebar-content {
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.tpbr-menu.col-md-12.nopadding {
  margin-bottom: 35px;
}

.sidebar-title h6 {
  color: #3f3f3f;
  font-family: Montserrat;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
  display: inline-block;
  font-size: 12px;
}

aside.sidebar-content ul li {
  padding: 5px 0;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 22px;
  color: #6d6d6d;
}

aside.sidebar-content ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
  line-height: 22px;
  display: inline-block;
}

aside.sidebar-content ul li a:hover {
  color: #03a5e9;
}

.sidebar {
  position: fixed;
  top: 0;
  left: -90%; 
  width: 80%;
  height: 100%;
  background: #fff;
  transition: 0.4s ease-in-out;
  padding: 15px;
  z-index: 1000;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
}

/* Show Sidebar */
.sidebar.active {
  left: 0; /* Slide in */
}

/* Close Button */
.sidebar-header {
  text-align: right;
}

.closebtn {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 5px 10px;
  font-size: 18px;
  border: 1px solid;
  border-radius: 5px ;
  cursor: pointer;
  text-decoration: none;
}


.sidebar-top-icons {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 10px 0;
}

.sidebar-top-icons a {
  text-decoration: none;
  color: #000;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 10px;
  padding: 15px;
  width: 100px; 
  height: 90px;
  display: flex;
  flex-direction: column; /* Icons upar aur text neeche */
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sidebar-top-icons a i {
  font-size: 30px;
  margin-bottom: 5px; /* Space between icon and text */
}


/* Line Separator */
hr {
  border: none;
  height: 1px;
  background: #ddd;
  margin: 10px 0;
}

/* Categories List */
.categories-list {
  list-style: none;
  padding: 0;
}

.categories-list li {
  padding: 10px;
}

.categories-list .expand-cat {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #333;
}

.sub-menu {
  display: none;
  /* padding-left: 15px; */
}

/* Overlay Effect */
.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}

/* Show Overlay */
.sidebar-overlay.active {
  display: block;
}

.bar-title {
  margin-bottom: 40px;
}

.bar-title h2 {
  letter-spacing: 1px;
}

.tags a {
  border: 1px solid #ebebeb;
  color: #9f9f9f;
  border-radius: 3px;
  display: block;
  float: left;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  margin: 0 5px 10px 0;
  padding: 6px 12px;
  text-transform: capitalize;
}

.tags a:hover {
  border-color: #3f3f3f;
  color: #3f3f3f;
}

.shop-toolbar {
  overflow: hidden;
  position: relative;
  font-size: 13px;
  color: #3f3f3f;
  font-family: Montserrat;
  border-bottom: 1px solid #e2e2e3;
}

.orderby-wrapper label,
.limiter label {
  vertical-align: middle;
  margin: 0 5px 5px 0;
  font-size: 13px;
  color: #3f3f3f;
  font-weight: normal;
}

.orderby-wrapper select.orderby,
.limiter select {
  padding: 5px 12px;
  margin: 0 0 1px;
  vertical-align: middle;
  text-align: center;
  background: #f2f2f4;
  color: #898888;
  font-size: 12px;
  width: 180px;
  border: 0;
  margin-right: 10px;
}

.limiter select {
  width: 70px;
}

.view-mode .nav {
  display: inline-flex;
}

.view-mode .nav-item {
  margin-right: 10px;
}
.view-mode .nav-item:last-child {
  margin-right: 0;
}

.view-mode .nav-link {
  background: #f7f6f8;
  font-weight: normal;
  height: 30px;
  width: 30px;
  color: #a3a2a3;
  font-size: 15px;
  text-align: center;
  line-height: 32px;
  padding: 0;
  margin: 0;
}

.shop .first-sale {
  margin-bottom: 40px;
  margin-top: 0;
  overflow: hidden;
}

.shop-content-bottom .shop-toolbar {
  margin-top: 30px;
  padding-bottom: 30px;
}

.view-mode .nav-item .nav-link.active {
  color: #3f3f3f;
}

.pages ul li,
.pages ul li a {
  text-decoration: none;
  float: left;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #ebebeb;
  border: none;
  color: #3f3f3f;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.pages ul li {
  margin-left: 5px;
}

.pages ul li:hover {
  background-color: #03a5e9;
  color: #ffffff;
  transition: 0.3s;
}

.pages ul li a:hover {
  color: #fff;
  background-color: #03a5e9;
}

.product-list-wrapper h2.product-name a {
  font-size: 18px;
  letter-spacing: 1.5px;
  font-weight: 400;
  color: 000000;
}

.product-list-wrapper h2.product-name a:hover {
  color: #03a5e9;
}

.product-list-wrapper .product-content {
  text-align: left;
}

.product-list-wrapper h2.product-name {
  margin: 20px 0 5px;
  line-height: 15px;
}

.rating-price {
  padding: 5px 0;
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 10px;
}

.pro-rating a {
  color: #3f3f3f;
  font-size: 12px;
}

.pro-rating a:hover {
  color: #03a5e9;
}

.price-boxes {
  padding: 10px 15px 10px 0;
  font-size: 24px;
  font-weight: 700;
  color: #3f3f3f;
}

.product-desc p {
  clear: both;
  line-height: 30px;
  color: #868686;
  padding-top: 10px;
  font-size: 16px;
  letter-spacing: inherit;
}

.product-desc p span {
  color: black;
  font-size: 18px;
}

.product-list-wrapper .actions {
  position: inherit;
  text-align: left;
  opacity: 1;
  transition: all 0.3s ease 0s;
  margin-top: 30px;
}

.product-list-wrapper .add-to-links {
  margin: 0 0 0 10px;
}

.product-list-wrapper .add-to-links a {
  margin: 0;
}

.product-list-wrapper .add-to-links i {
  border: 1px solid #fff;
  background: red;
  color: #fff;
  text-align: center;
  font-size: 14px;
  height: 31px;
  line-height: 29px;
  transition: all 0.3s ease 0s;
  width: 38px;
}

.product-list-wrapper .add-to-links i:hover {
  border: 1px solid red;
  background: red;
  color: #fff;
  text-align: center;
  font-size: 14px;
  height: 31px;
  line-height: 29px;
  transition: all 0.3s ease 0s;
  width: 38px;
}

.product-list-wrapper .add-to-cart {
  display: inline;
  margin-bottom: 0;
}

.product-list-wrapper .add-to-cart a {
  font-size: 13px;
  letter-spacing: 1.2px;
  padding: 9px 18px;
  line-height: 1;
  border-color: #03a5e9;
  color: #fff;
  background: #03a5e9;
  margin: 0;
}

.product-list-wrapper .add-to-cart a:hover {
  color: black;
}

.product-list-wrapper .single-product:hover .add-to-wishlist a {
  -webkit-animation: inherit;
  -moz-animation: inherit;
  -ms-animation: inherit;
  animation: inherit;
}

.product-list-wrapper .single-product:hover .compare-button a {
  -webkit-animation: inherit;
  -moz-animation: inherit;
  -ms-animation: inherit;
  animation: inherit;
}

/*----------------------------------------*/
/*  18. Product details area
/*----------------------------------------*/

.product-details-area .inputx-content {
  /* float: left; */
  margin-right: 10px;
}

.product-details-area .add-to-cart label {
  float: left;
  margin-right: 10px;
  font-weight: normal;
  padding: 8px 0 0;
  font-size: 14px;
}

.product-details-area .qty {
  text-align: center;
  min-width: 40px !important;
  background: #fff;
  height: 32px;
  line-height: 32px;
  border: 0;
  margin-bottom: 5px;
  color: #000;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  border-radius: 3px;
  width: 16px;
}

.product-details-area p.availability.in-stock {
  float: left;
  width: 100%;
  margin: 20px 0;
  color: #818181;
  font-size: 13px;
  letter-spacing: 0;
}

.product-details-area .availability.in-stock span {
  color: #03a5e9;
  margin-left: 5px;
}

.product-details-area .singl-share {
  margin: 23px 0;
}

.product-details-area .product-list-wrapper .add-to-links i:hover {
  background-color: #3f3f3f;
  color: #fff;
}

/* Single-zoom */
.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev {
  bottom: -100%;
  top: inherit;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: -100%;
  margin-top: 0px;
  outline: 0px none;
  height: 20px;
  z-index: 9999;
  left: 0px;
  width: 102px;
  text-indent: 1px;
  font-size: 0px;
}

.bx-wrapper {
  -moz-box-shadow: 0 0 0px;
  -webkit-box-shadow: 0 0 0px;
  box-shadow: 0 0 0px;
  border: 0px;
  background: inherit;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev,
.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next {
  text-align: center;
  height: 28px;
  line-height: 28px;
  width: 30px;
  border-radius: 50%;
  display: block;
  left: 30%;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev:hover,
.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next:hover {
  color: #03a5e9;
}

.bx-controls-direction a.bx-next:before,
.bx-controls-direction a.bx-prev:before {
  content: "\f104";
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 30px;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev:before {
  content: "\f105";
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next {
  top: 24px;
  left: -33px;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev {
  bottom: 29px;
  left: 100%;
}

.zoomLens {
  height: 230px !important;
  width: 190px !important;
  display: block;
  opacity: 0.5 !important;
  cursor: crosshair !important;
  border: 1px solid #ccc !important;
  background-color: white;
}

.zoomWindow {
  height: 100% !important;
  width: 100% !important;
  border: 2px solid #ccc !important;
  margin-left: 10px !important;
}

.zoomWrapper,
.single-zoom-thumb {
  position: relative;
}

.single-zoom-thumb {
  width: 356px;
  left: 10%;
  margin: 20px 0;
}
.single-zoom-thumb ul.nav {
  flex-wrap: initial;
}

.bx-wrapper {
  max-width: 100%;
}

.single-product-tab .details-tab {
  margin-bottom: 10px;
  background: #ebebeb;
  margin-top: 30px;
}

.single-product-tab .details-tab .nav-link {
  display: block;
  position: relative;
  padding: 15px 10px;
  border-left: 1px solid #e1e1e1;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #3f3f3f;
  border-bottom: none;
  font-family: Montserrat;
}

.single-product-tab .details-tab .nav-link.active,
.single-product-tab .details-tab .nav-link:hover {
  color: #03a5e9;
}

ul.details-tab li {
  display: inline-block;
}

.comments-content-wrap a {
  text-transform: lowercase;
}

.blog-post-bar article.blog-post-wrapper.item-post {
  margin-bottom: 0px;
}

h3.comment-reply-title {
  font-size: 24px;
  margin: 0 0 50px;
  padding: 22px 0 0;
  text-transform: uppercase;
  color: #3f3f3f;
}

.comments-list ul li {
  margin-bottom: 25px;
}

li.threaded-comments {
  margin-left: 50px;
}

.comments-list-img {
  float: left;
  margin-right: 15px;
}

.comments-content-wrap {
  border: 1px solid #ddd;
  color: #42414f;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px 63px;
  padding: 10px;
  position: relative;
  border-radius: 3px;
}

.comments-content-wrap:before {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}

.comments-content-wrap p {
  color: #909295;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}

li.threaded-comments {
  margin-left: 50px;
}

.comment-respond {
  margin-top: 60px;
}

span.email-notes {
  color: #42414f;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}

.comment-respond p {
  margin-bottom: 5px;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"] {
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 32px;
  margin-bottom: 15px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
}

.comment-respond textarea#message {
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  max-width: 100%;
  padding: 10px;
  height: 130px;
  width: 100%;
  outline: none;
}

.comment-respond input[type="submit"] {
  background: #3f3f3f;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}

.comment-respond input[type="submit"]:hover {
  background: #03a5e9;
}

.comment-form-comment {
  margin-bottom: 50px;
}

article.blog-post-wrapper.item-post .player {
  margin: 50px 0 0 0;
}

.product-tab-content p {
  clear: both;
  line-height: 26px;
  color: #868686;
  padding-top: 5px;
  font-size: 14px;
  letter-spacing: inherit;
}

.coupon_style {
  width: 100%;
  height: 45px;
}
.mr5 {
  margin-right: 5px;
}

#coupon_result {
  padding: 33px;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
}
#coupon_box {
  display: none;
}

#size_attr {
  width: 75px;
}

#cart_attr_msg {
  color: red;
  margin-top: 18px;
  font-size: 27px;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.field_error {
  color: red;
}
.accordion .accordion__hide {
  background: #f4f4f4;
  height: 65px;
  line-height: 65px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: "Poppins";
  cursor: pointer;
}
/*Accordion styles*/
.accordion .accordion__title {
  background: #f4f4f4;
  color: #000;
  height: 65px;
  line-height: 65px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: "Poppins";
  cursor: pointer;
}
.accordion .accordion__title:before {
  content: "\f278"; /* Default icon */
  font-family: "Material-Design-Iconic-Font";
  display: inline-block;
  padding-right: 10px;
  transition: all 0.3s ease-in-out 0s;
}

.accordion .accordion__title.active:before {
  content: "\f273"; /* Icon when accordion is active */
}
.accordion .accordion__body {
  padding-top: 20px;
  padding-bottom: 30px;
}

/*Accordion body form styles*/
.accordion__body__form {
  font-family: "Poppins";
}
.accordion__body__form .checkout-method__subtitle {
  letter-spacing: 1px;
  margin-bottom: 20px;
  color: #8c8c8c;
  font-family: "OldStandardTT";
}
.accordion__body__form .checkout-method__title {
  font-size: 14px;
  color: #3f3f3f;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.accordion__body__form .checkout-method .checkout-method__title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  color: #000;
  font-size: 16px;
}
.accordion__body__form .checkout-method .checkout-method__title i.zmdi {
  padding-right: 13px;
  font-size: 24px;
  line-height: 24px;
}
.accordion__body__form .checkout-method .checkout-method__single {
  margin-bottom: 40px;
}
.accordion__body__form .checkout-method .checkout-method__single:last-child {
  margin-bottom: 0px;
}
.accordion__body__form .checkout-method .checkout-method__single .single-input {
  margin-left: 20px;
}
.accordion__body__form
  .checkout-method
  .checkout-method__single
  .single-input
  label {
  font-weight: 500;
  color: #000;
}
.accordion__body__form
  .checkout-method
  .checkout-method__single
  .single-input
  input[type="radio"] {
  margin-right: 10px;
}
.accordion__body .checkout-method__login p.require {
  color: #f10;
  letter-spacing: 1px;
}
.accordion__body .checkout-method__login .single-input {
  margin-bottom: 20px;
}
.accordion__body .checkout-method__login .single-input label {
  font-weight: 500;
  color: #000;
}
.accordion__body .checkout-method__login .single-input label:before {
  content: "*";
  padding-right: 15px;
  color: #c2a476;
}
.accordion__body .checkout-method__login .single-input input {
  height: 32px;
  line-height: 32px;
  padding-left: 15px;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
}
.accordion__body .checkout-method__login .single-input input:focus,
.accordion__body .checkout-method__login .single-input input:active {
  background: transparent;
  border: 1px solid #c43b68;
}
.accordion__body .checkout-method__login .dark-btn {
  margin-top: 20px;
}

/*Billing Info*/
.bilinfo .single-input,
.paymentinfo-credit-content .single-input,
.shipinfo .single-input {
  margin-top: 20px;
}
.bilinfo .single-input.mt-0,
.paymentinfo-credit-content .single-input.mt-0,
.shipinfo .single-input.mt-0 {
  margin-top: 0px;
}
.bilinfo .single-input input,
.shipinfo .single-input input,
.paymentinfo-credit-content .single-input input,
.bilinfo .single-input select,
.paymentinfo-credit-content .single-input select,
.shipinfo .single-input select {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-family: "poppins";
  transition: all 0.3s ease-in-out 0s;
  border: 1px solid #888;
}
.bilinfo .single-input input:focus,
.shipinfo .single-input input:focus,
.paymentinfo-credit-content .single-input input:focus,
.bilinfo .single-input select:focus,
.shipinfo .single-input select:focus,
.paymentinfo-credit-content .single-input select:focus,
.bilinfo .single-input select:active,
.paymentinfo-credit-content .single-input select:active,
.shipinfo .single-input select:active {
  outline: none;
  border: 1px solid #c43b68;
}
/*Shipinfo*/
.shipinfo__title {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
}
.shipinfo p {
  font-family: "Poppins";
}
.shipinfo .ship-to-another-trigger {
  display: inline-block;
  margin-top: 20px;
  font-family: "Poppins";
  font-size: 16px;
}
.shipinfo .ship-to-another-trigger i.zmdi {
  padding-right: 5px;
}

.ship-to-another-content {
  display: none;
  margin-top: 30px;
}

/*Ship method*/
.shipmethod .single-input {
  margin-top: 20px;
}
.shipmethod .single-input:first-child {
  margin-top: 0px;
}
.shipmethod .single-input label {
  font-family: "Poppins";
  color: #3333;
  font-weight: 500;
}
.paymentinfo .single-method a i.zmdi {
  padding-right: 5px;
}
.paymentinfo .single-method a {
  display: inline-block;
  margin-top: 15px;
  font-family: "Poppins";
  font-size: 16px;
}

.paymentinfo-credit-content {
  margin-top: 30px;
  display: none;
}

/*Order details*/
.order-details {
  background: #f4f4f4;
}
.order-details .order-details__title {
  padding: 30px 0;
  margin: 0 15px;
  border-bottom: 1px solid #ebebeb;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  font-family: "poppins";
  font-size: 16px;
  font-weight: 600;
  color: #3f3f3f;
}
.order-details .order-details__item {
  padding: 15px 0;
  margin: 0 30px;
  border-bottom: 1px solid #ebebeb;
}
.order-details .order-details__item .single-item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  padding: 5px;
}
.order-details .order-details__item .single-item .single-item__content {
  flex-grow: 2;
}
.order-details .order-details__item .single-item .single-item__content a {
  font-size: 16px;
  font-family: "OldStandardTT";
  letter-spacing: 1px;
  color: #666;
  transition: all 0.3s ease-in-out 0s;
}
.order-details .order-details__item .single-item .single-item__content a:hover {
  color: #c43b68;
}
.order-details .order-details__item .single-item .single-item__content span {
  font-family: "Poppins";
  font-weight: 600;
  display: block;
}
.order-details .order-details__item .single-item .single-item__thumb {
  text-align: center;
  width: 60px;
  overflow: hidden;
  margin-right: 20px;
}
.order-details .order-details__item .single-item .single-item__remove {
  width: 35px;
  text-align: center;
  font-size: 22px;
  color: #212121;
}
.order-details .order-details__item .single-item .single-item__remove a:hover {
  color: #f10;
}
.order-details .order-details__count {
  margin: 0 30px;
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
}
.order-details .order-details__count .order-details__count__single {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  padding: 5px 0;
}
.order-details .order-details__count .order-details__count__single h5 {
  color: #3f3f3f;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 600;
}
.order-details .order-details__count .order-details__count__single span.price {
  width: 30%;
  text-align: left;
  font-weight: 600;
  font-family: "Poppins";
}
.order-details .ordre-details__total {
  margin: 0 30px;
  padding: 5px 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.order-details .ordre-details__total h5 {
  color: #3f3f3f;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 700;
}
.order-details .ordre-details__total span.price {
  text-align: left;
  font-weight: 700;
  font-family: "Poppins";
  letter-spacing: 1px;
}

.buttons-cart input,
.coupon input[type="submit"],
.coupon-info p.form-row input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover {
  background: #212121;
  color: #fff !important;
}
.buttons-cart--inner {
  display: flex;
  justify-content: space-between;
}
.buttons-cart a + a {
  margin-left: 20px;
}
.coupon {
  margin-bottom: 40px;
  overflow: hidden;
  padding-bottom: 20px;
}
.coupon h3 {
  margin: 0 0 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.coupon input[type="text"] {
  border: 1px solid #c1c1c1;
  float: left;
  height: 40px;
  margin: 0 6px 20px 0;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 170px;
}
.cart_totals {
  float: left;
  text-align: right;
  width: 100%;
}
.cart_totals h2 {
  border-bottom: 2px solid #c1c1c1;
  display: inline-block;
  font-size: 30px;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.cart_totals table {
  border: medium none;
  float: right;
  margin: 0;
  text-align: right;
}
.cart_totals table th {
  border: medium none;
  font-size: 14px;
  font-weight: bold;
  padding: 0 20px 12px 0;
  text-align: right;
  text-transform: uppercase;
  vertical-align: top;
}
.cart_totals table td {
  border: medium none;
  padding: 0 0 12px;
  vertical-align: top;
}
.cart_totals table td .amount {
  color: #252525;
  float: right;
  font-size: 13px;
  font-weight: bold;
  margin-left: 5px;
  text-align: right;
  text-transform: uppercase;
}
.cart_totals table td ul#shipping_method {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.cart_totals table td ul#shipping_method li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  text-indent: 0;
  width: 100%;
}
.cart_totals table td ul#shipping_method li input {
  margin: 0;
  position: relative;
  top: 2px;
}
a.shipping-calculator-button {
  font-weight: bold;
  color: #6f6f6f;
}
a.shipping-calculator-button:hover {
  color: #ff4136;
}
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
  font-size: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.wc-proceed-to-checkout a {
  background: #252525 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
  padding: 0 30px;
  text-transform: none;
}
.wc-proceed-to-checkout a:hover {
  background: #ff4136;
  color: #fff !important;
}
.owl-theme .owl-controls .owl-page span {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  border-radius: 100%;
  display: block;
  height: 13px;
  margin: 3px;
  width: 13px;
  transition: 0.3s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  border: 2px solid #c1c1c1;
}
.slider-area.slider-v4 {
  margin: 30px 0 35px 0;
}
.coupon p {
  margin-bottom: 12px;
}

.buttons-cart--inner {
  margin-bottom: 70px;
}
.ht__coupon__code {
  background: #ebebeb none repeat scroll 0 0;
  padding: 54px 70px;
}
.ht__coupon__code span {
  color: #3f3f3f;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.coupon__box {
  margin-top: 20px;
  position: relative;
}
.coupon__box input {
  background: #ffffff none repeat scroll 0 0;
  border: 0 none;
  height: 56px;
  padding: 0 30px;
}

.commonChack p,
p.alrdyReg {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
}

.commonChack p.savetime,
p.alrdyReg {
  color: #3f3f3f;
  font-size: 14px;
  font-weight: 700;
}

.commonChack label {
  color: #3f3f3f;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}

.commonChack input {
  margin: 0px;
  position: relative;
}

.regSaveTime label {
  font-weight: normal;
}

.reginputlabel {
  padding-left: 15px;
}

.regSaveTime li {
  color: #3f3f3f;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: 15px;
  position: relative;
}

.regSaveTime li:before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  position: absolute;
  text-decoration: inherit;
  top: 2px;
}

a.checkPageBtn {
  display: block;
  font-weight: 700;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  background: #3f3f3f;
  text-transform: uppercase;
  color: #fff;
  float: right;
  margin-bottom: 34px;
  text-align: center;
  width: 100px;
  font-family: "Montserrat", sans-serif;
}

a.checkPageBtn:hover {
  color: #03a5e9;
}

.plxLogin {
  color: #8c8c8c;
  font-size: 14px;
}

.plxLoginP {
  color: #3f3f3f;
  font-size: 14px;
  margin-bottom: 3px;
}

.plxrequired {
  color: #fe0200;
  font-size: 14px;
  margin-top: 3px;
}

.loginFrom span {
  font-weight: bold;
  padding-right: 3px;
}

.loginFrom input {
  border: 1px solid #cccccc;
  display: block;
  font-size: 14px;
  padding: 7px;
  width: 80%;
  background: #fff;
  outline: none;
}

.fgetpass {
  color: #00cccc;
  font-size: 14px;
  margin-bottom: 24px;
  margin-top: 10px;
}

.category-checkout h5 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 15px;
  width: 100%;
  background: #03a5e9;
  text-align: center;
}

.category-checkout ul li {
  border-bottom: 1px solid #ececec;
  font-size: 13px;
  margin-bottom: 12px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.category-checkout ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  left: 0;
  position: absolute;
  text-decoration: inherit;
  top: 0px;
}

.category-checkout ul li a {
  color: #3f3f3f;
  padding-left: 15px;
  position: relative;
  font-family: "Montserrat", sans-serif;
}

.category-checkout ul li a:hover {
  color: #03a5e9;
}

div#checkoutMethod {
  background: #f4f4f4;
}

.category-checkout {
  margin-bottom: 50px;
}

/*---------------------------------------
  09. Contact Area
----------------------------------------*/

#googleMap {
  width: 100%;
  height: 371px;
}

#googleMap2 {
  width: 100%;
  height: 371px;
}
.map-contacts--2 #googleMap {
  height: 500px;
  width: 100%;
}

.contact-box.message textarea {
  color: rgb(102, 102, 102);
  font-size: 16px;
  min-height: 220px;
  background: none 0px 0px repeat scroll rgb(245, 245, 245);
  border-width: 0px;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 18px 47px;
}
textarea {
  resize: none;
  width: 100%;
  font-size: 14px;
}

/*---------------------------------------
  23. Our Contact Area
----------------------------------------*/

.ht__bradcaump__area.bradcaump--2 {
  position: relative;
}
.bradcaump--2 .ht__bradcaump__wrap {
  height: auto;
  position: absolute;
  left: 320px;
  top: 113px;
}
.bradcaump--2 #googleMap {
  height: 670px;
}
.address {
  align-items: center;
  display: flex;
  margin-bottom: 40px;
}
.address__icon i {
  color: #fefefe;
  font-size: 36px;
}
.address__icon {
  background: #03a5e9 none repeat scroll 0 0;
  height: 120px;
  line-height: 125px;
  text-align: center;
  width: 110px;
}
.address__details {
  background: #f5f5f5 none repeat scroll 0 0;
  flex-basis: calc(100% - 110px);
  padding: 17.5px 10px 31.5px 37px;
}
.address__details h2 {
  color: #212121;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.address__details p {
  color: #666666;
  font-size: 16px;
  margin-top: 10px;
}
.address--2 {
  background: #f5f5f5 none repeat scroll 0 0;
  text-align: center;
}
.address--2 p a {
  color: #4d4d4d;
  font-size: 14px;
}
.address--2 p a i {
  color: #03a5e9;
  font-size: 18px;
  padding-right: 9px;
}
.address--2 p {
  padding: 41px 0;
}
.address--2 p + p {
  border-top: 1px solid #ffffff;
}
.title__line--6 {
  color: #4d4d4d;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 34px;
  text-transform: uppercase;
}

.contact-box input {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 0 none;
  color: #666666;
  font-size: 16px;
  height: 62px;
  padding: 0 20px;
}
.single-contact-form + .single-contact-form {
  margin-top: 30px;
}

.contact-box.message textarea {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 0 none;
  color: #666666;
  font-size: 16px;
  min-height: 220px;
  padding: 18px 47px;
}
.contact-btn {
  margin-top: 32px;
}
.fv-btn {
  background: #03a5e9 none repeat scroll 0 0;
  border: 1px solid #03a5e9;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 50px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.fv-btn:hover {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #026bbe;
  color: #026bbe;
}
.fv-btn i {
  padding-right: 9px;
}
.contact-box.name {
  display: flex;
  margin-left: 0px;
  margin-right: 0px;
}
.contact-box.name input {
  margin: 0 20px;
  width: 50%;
}

/*---------------------------------------
  19. Our Cart Area
----------------------------------------*/

.cart-title-area {
  padding-top: 30px;
}
.car-header-title h2 {
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
}
.table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #c1c1c1;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0 0 50px;
  text-align: center;
  width: 100%;
}
.table-content table th {
  border-top: medium none;
  padding: 15px 35px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
}
.table-content table th,
.table-content table td {
  border-bottom: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
}
.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 13px;
}
.table-content table td input {
  background: #e5e5e5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #6f6f6f;
  font-size: 15px;
  font-weight: normal;
  height: 40px;
  padding: 0 5px 0 10px;
  width: 60px;
}
.table-content table td.product-subtotal {
  color: #313131;
  font-size: 14px;
  width: 120px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.table-content table td.product-name a {
  color: #444;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.table-content table td.product-name {
  width: 380px;
}
.table-content table td.product-thumbnail {
  width: 200px;
}
.table-content table td.product-remove {
  width: 190px;
}
.table-content table td.product-remove i {
  color: #212121;
  display: inline-block;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.table-content table .product-price .amount {
  color: #313131;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-weight: 600;
}
.table-content table td.product-remove i:hover {
  color: #ee393e;
}
.table-content table td.product-quantity {
  width: 180px;
}

.table-content table td.product-price {
  width: 130px;
}
.table-content table td.product-name a:hover,
.buttons-cart a:hover {
  color: #c43b68;
}
.buttons-cart a {
  background: #ebebeb none repeat scroll 0 0;
  color: #3f3f3f;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 62px;
  line-height: 62px;
  padding: 0 45px;
  text-transform: uppercase;
  display: inline-block;
}
.buttons-cart input,
.coupon input[type="submit"],
.coupon-info p.form-row input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 20px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover {
  background: #03a5e9;
  color: #fff !important;
}
.buttons-cart--inner {
  display: flex;
  justify-content: space-between;
}
.buttons-cart a + a {
  margin-left: 20px;
}
.coupon {
  margin-bottom: 40px;
  overflow: hidden;
  padding-bottom: 20px;
}
.coupon h3 {
  margin: 0 0 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.coupon input[type="text"] {
  border: 1px solid #c1c1c1;
  float: left;
  height: 40px;
  margin: 0 6px 20px 0;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 170px;
}
.cart_totals {
  float: left;
  text-align: right;
  width: 100%;
}
.cart_totals h2 {
  border-bottom: 2px solid #c1c1c1;
  display: inline-block;
  font-size: 30px;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.cart_totals table {
  border: medium none;
  float: right;
  margin: 0;
  text-align: right;
}
.cart_totals table th {
  border: medium none;
  font-size: 14px;
  font-weight: bold;
  padding: 0 20px 12px 0;
  text-align: right;
  text-transform: uppercase;
  vertical-align: top;
}
.cart_totals table td {
  border: medium none;
  padding: 0 0 12px;
  vertical-align: top;
}
.cart_totals table td .amount {
  color: #252525;
  float: right;
  font-size: 13px;
  font-weight: bold;
  margin-left: 5px;
  text-align: right;
  text-transform: uppercase;
}
.cart_totals table td ul#shipping_method {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.cart_totals table td ul#shipping_method li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  text-indent: 0;
  width: 100%;
}
.cart_totals table td ul#shipping_method li input {
  margin: 0;
  position: relative;
  top: 2px;
}
a.shipping-calculator-button {
  font-weight: bold;
  color: #6f6f6f;
}
a.shipping-calculator-button:hover {
  color: #ff4136;
}
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
  font-size: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.wc-proceed-to-checkout a {
  background: #252525 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
  padding: 0 30px;
  text-transform: none;
}
.wc-proceed-to-checkout a:hover {
  background: #ff4136;
  color: #fff !important;
}
.owl-theme .owl-controls .owl-page span {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  border-radius: 100%;
  display: block;
  height: 13px;
  margin: 3px;
  width: 13px;
  transition: 0.3s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  border: 2px solid #c1c1c1;
}
.slider-area.slider-v4 {
  margin: 30px 0 35px 0;
}
.coupon p {
  margin-bottom: 12px;
}

.buttons-cart--inner {
  margin-bottom: 70px;
}
.ht__coupon__code {
  background: #ebebeb none repeat scroll 0 0;
  padding: 54px 70px;
}
.ht__coupon__code span {
  color: #3f3f3f;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.coupon__box {
  margin-top: 19px;
  position: relative;
}
.coupon__box input {
  background: #ffffff none repeat scroll 0 0;
  border: 0 none;
  height: 56px;
  padding: 0 30px;
}
.ht__cp__btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ht__cp__btn a {
  background: #212121 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 56px;
  line-height: 56px;
  padding: 0 27px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.ht__cp__btn a:hover {
  background: #c43b68 none repeat scroll 0 0;
}
.htc__cart__total h6 {
  background: #c43b68 none repeat scroll 0 0;
  font-size: 14px;
  font-weight: 500;
  height: 67px;
  line-height: 65px;
  padding: 0 32px;
  text-transform: uppercase;
  color: #fff;
}
.cart__total {
  border-top: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
}
.cart__total span {
  color: #3f3f3f;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.payment__btn {
  margin-top: 54px;
}
.payment__btn li a {
  background: #ebebeb none repeat scroll 0 0;
  color: #3f3f3f;
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  height: 65px;
  line-height: 65px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.payment__btn li + li {
  margin-top: 15px;
}
.payment__btn li a:hover,
.payment__btn li.active a {
  background: #212121 none repeat scroll 0 0;
  color: #fff;
}
.payment__btn li.active a:hover {
  background: #ebebeb;
  color: #3f3f3f;
}
.htc__cart__total {
  padding-left: 110px;
}

.cart__desk__list {
  display: flex;
  justify-content: space-between;
}
.cart__desc li {
  color: #3f3f3f;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.cart__desk__list {
  margin-bottom: 33px;
  margin-top: 38px;
}
.cart__desc li + li {
  padding-top: 18px;
}
.cart__price li + li {
  padding-top: 18px;
}
.cart__price li {
  color: #3f3f3f;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.product-name .pro__prize {
  margin-top: 4px;
}

/*---------------------------------------
  24. Our Wishlist Area
----------------------------------------*/
.wishlist-table table {
  background: #fff none repeat scroll 0 0;
  border-color: #c1c1c1;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  width: 100%;
}
.wishlist-table table th {
  font-weight: 600;
}
.wishlist-table table th,
.wishlist-table table td {
  border-bottom: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  color: #000;
  font-family: Old Standard TT;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 10px;
  text-align: center;
}
.wishlist-table table .product-remove {
  padding: 0 15px;
  width: 20px;
}
.wishlist-table table .product-remove > a,
.table-content table .product-remove > a {
  font-size: 25px;
}
.wishlist-table table .product-thumbnail {
  width: 60px;
}
.wishlist-table table td.product-price .amount {
  font-weight: 700;
}
.wishlist-table table .wishlist-in-stock {
  color: #444;
}
.wishlist-table table .product-add-to-cart > a {
  background: #03a5e9 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: 700;
  padding: 10px 56px;
  text-transform: uppercase;
  width: 260px;
}
.wishlist-table table .product-add-to-cart > a:hover {
  background: #026bbe;
  color: #fff;
}
.wishlist-table table .product-add-to-cart {
  width: 240px;
}
.wishlist-share {
  margin-bottom: 35px;
  margin-top: 20px;
}
.wishlist-share ul li {
  display: inline-block;
  height: 21px;
  margin-left: 0;
  margin-right: 0;
}
.wishlist-share ul li a {
  background-position: left top;
  border: medium none;
  display: inline-block;
  height: 21px;
  width: 21px;
}
.wishlist-share ul li a:hover {
  background-position: left bottom;
}
.wishlist-share .social-icon ul {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

/* ---------------------------------------
20. Wishlist page area
----------------------------------------*/
.wishlist-concept {
  margin: 60px 0;
}

.wish-left-menu ul li a {
  padding: 5px 0;
  display: block;
  border-bottom: 1px solid #f2f2f2;
}

.wishlist-concept .bar-title {
  margin-bottom: 25px;
}

.form-title h1 {
  margin-bottom: 30px;
  font-size: 18px;
  color: #3c3c3c;
}

.cart-table thead tr th {
  border: 1px solid #f2f2f2;
  border-collapse: collapse;
  color: #000;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

.wishlist-concept .cart-table tbody tr td {
  padding: 10px;
}

.cart-table tbody tr td {
  border: 1px solid #f2f2f2;
  border-collapse: collapse;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
}

.wishlist-concept table.cart-table tr td a.tb-img {
  display: block;
  width: 113px;
  height: 113px;
  margin: 0 0 5px;
}

.wishlist-concept table.cart-table tr td h6 {
  margin-top: 7px;
}

.wishlist-concept table.cart-table tr td a {
  font-size: 12px;
  text-transform: uppercase;
  color: #3f3f3f;
}

.wishlist-concept .cart-table tbody tr td p {
  font-size: 16px;
  line-height: 25px;
  color: #6d6d6d;
  font-weight: 400;
  font-family: Roboto;
}

.wishlist-concept textarea {
  display: block;
  width: 97%;
  height: 109px;
  border: 1px solid #e1e1e1;
}

.wishlist-concept span.special-price {
  margin: 5px 0;
  font-size: 13px;
  color: #3f3f3f;
  font-family: Montserrat;
  font-weight: 700;
}

.wishlist-concept form input {
  width: 32px;
  padding: 5px 2px;
  border: 1px solid #e1e1e1;
  text-align: center;
  font-size: 14px;
  margin: 10px 43px;
  vertical-align: middle;
}

a.cart-button-wi {
  display: block;
  padding: 7px 22px;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  border: 2px solid #03a5e9;
  color: #03a5e9;
  background: transparent;
  margin-bottom: 10px;
}

a.cart-button-wi:hover {
  background: #03a5e9;
  color: #fff !important;
}

.wishlist-concept a.edit:hover {
  color: #03a5e9;
}

.wishlist-concept table.cart-table tr td a:hover {
  color: #03a5e9;
}

.cartPage-btn {
  clear: both;
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #f2f2f2;
  text-align: right;
}

.cartPage-btn ul li {
  display: inline-block;
  line-height: 42px;
}

.cartPage-btn ul li a.cbtn {
  padding: 10px 20px;
  margin: 0px 0 0 10px;
  background: #3f3f3f;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  font-family: Montserrat;
  text-decoration: none;
}

.cartPage-btn ul li a.cbtn:hover {
  background: #03a5e9;
}

.back-button {
  clear: both;
  margin: 20px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid #f2f2f2;
  text-align: left;
}

/* ---------------------------------------
21. Shoping-cart area
------------------------------------------*/
/*7.1 Shopping Cart Table
----------------------------------------------------------------------------------------------*/
.table-responsive {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

table.cart-table {
  margin-bottom: 65px;
  width: 100%;
}

h4.cart-title {
  color: #000;
  margin-bottom: 34px;
  margin-top: 2px;
  text-transform: uppercase;
}

.cart-table thead tr th {
  border: 1px solid #ebebeb;
  border-collapse: collapse;
  color: #000;
  font-family: Arial;
  font-size: 12px;
  background: #ebebeb;
  font-weight: 300;
  height: 49px;
  text-align: center;
  vertical-align: middle;
}

.cart-table tbody tr td {
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  padding: 35px 48px;
  text-align: center;
  color: #3f3f3f;
}

.cart-table tbody tr td:nth-child(3) {
  padding: 36px 28px;
}

.cart-table tbody tr td:nth-child(5) {
  padding: 36px 59px;
}

.cart-table tbody tr td:last-child {
  padding: 35px 28px;
}

.cart-table tbody tr td i {
  font-size: 12px;
  font-weight: 400;
}

.cart-price,
.cart-subtotal {
  color: #3f3f3f;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.cart-table img.img-responsive {
  width: 133px;
}

.cart-table tbody tr td input {
  background-color: #f0f0f0;
  border: medium none;
  color: #000;
  font-size: 15px;
  height: 39px;
  text-align: center;
  width: 82px;
}

.cart-table tbody tr td.actions-crt {
  padding: 30px 0;
}

.cartPage-btn a {
  padding: 12px 100px;
}

.cart-table .cartPage-btn a:hover {
  padding: 12px 100px;
  color: #c2a376;
}

.cartPage-btn {
  float: none;
}

.cartPage-btn li {
  display: inline-block;
  margin-right: 9px;
}

.cartPage-btn li a.cbtn:hover {
  background: none repeat scroll 0 0 #0f99de;
}

.cart-area-start .cart-table tbody tr td {
  vertical-align: middle;
}

.actions-crt a {
  padding: 10px 20px;
  background: #3f3f3f;
  color: #fff !important;
  transition: 0.3s;
}

.actions-crt a:hover {
  background: #c2a376;
  color: #3f3f3f !important;
  transition: 0.3s;
}

.shipping {
  background: #ccc;
  padding: 30px 20px 0px;
}

.shipping.coupon h5 {
  margin-bottom: 22px;
  text-transform: uppercase;
  color: #3f3f3f;
}

.shipping.coupon > p {
  color: #8b8b8b;
  font-size: 12px;
  margin-bottom: 15px;
}

input.coupon-input,
.selectOption input {
  background: none repeat scroll 0 0 #f0f0f0;
  border: medium none;
  display: block;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: 29px;
  padding: 7px;
  width: 100%;
}

.shipping form button {
  background-color: #ffffff;
  border: medium none;
  color: #252525;
  border: 1px solid #d3d3d3;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 38px;
  line-height: 30px;
  margin-bottom: 53px;
  text-align: center;
  text-transform: uppercase;
  width: 126px;
}

.shipping form button:hover {
  color: #fff;
  border-color: #c2a376;
  transition: 0.3s;
  background: #c2a376;
}

.shippingTitle > p {
  color: #000;
  font-size: 12px;
  margin-bottom: 14px;
}

.shippingTitle span {
  color: #f00;
}

.selectParent > select {
  -webkit-appearance: none;
  appearance: none;
  background: no-repeat scroll 95% 47%/10px auto #f0f0f0;
  border: medium none;
  font-family: Arial;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin-bottom: 26px;
  outline: medium none;
  padding: 0 5px;
  width: 100%;
}

.cart-totals {
  background: #ffffff;
  border: 1px solid #ccc;
}

.cart-totals li {
  color: #3f3f3f;
  display: block;
  font-family: "Montserrat", sans-serif;
}

.cart-totals li.cartSubT {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: left;
}

.cart-totals li.cartSubT span {
  float: right;
}

.cart-totals li.cartGrandT {
  border-bottom: 1px solid #535353;
  font-size: 24px;
  padding-bottom: 20px;
  margin-bottom: 32px;
}

a.proceedbtn {
  background: #03a5e9;
  color: #fff;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

.multiCheckout > a {
  color: #03a5e9;
  display: block;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 30px;
  text-decoration: underline;
}

.cart-area-start .cart-table tbody tr td h6 {
  margin: 0;
  font-weight: 400;
}

.cart-area-start .cart-table tbody tr td a {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #3f3f3f;
  font-family: "Montserrat", sans-serif;
}

.cart-area-start .cart-table tbody tr td a:hover {
  color: #c2a376;
}

.cart-area-start {
  margin: 130px 0 50px;
}

.icon-hover-primary:hover {
  border-color: #3b71ca !important;
  background-color: white !important;
}

.icon-hover-primary:hover i {
  color: #3b71ca !important;
}
.icon-hover-danger:hover {
  border-color: #dc4c64 !important;
  background-color: white !important;
}

.icon-hover-danger:hover i {
  color: #dc4c64 !important;
}

.btn-process {
  color: #fff;
  background-color: #03a5e9;
  border-color: #03a5e9;
}
.btn-process:hover {
  color: #03a5e9 !important;
  background-color: #fff;
  border-color: #0f99de;
}

.wrapper {
  height: 25px;
  min-width: 90px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  /* box-shadow: 0 5px 10px rgb(0, 0, 0, 0.2); */
  margin-right: 50px;
  margin-top: 7px;
}

.wrapper span {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 200;
  cursor: pointer;
}

.wrapper span.num {
  font-size: 14px;
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  border-left: 2px solid rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.btn {
  display: inline-block;
  padding: 9px 9px;
  margin-top: 10px;
  margin-bottom: 5px;
  width: 54%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.82857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.modal .contact-btn .btn {
  display: inline-block;
  padding: 9px 9px;
  margin-top: 10px;
  margin-bottom: 5px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.82857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.customer-login .login-btn .btn {
  display: inline-block;
  padding: 10px 10px;
  margin-top: 10px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.82857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.loginbtn .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.bttnn {
  display: inline-block;
  padding: 6px 6px;
  margin-bottom: 0;
  margin-left: 66px;
  width: 80%;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* ----------------------------------
22. About us area
------------------------------------*/

/* 5. promotion area */
.promotion-img {
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
}
.promotion-area {
  padding-top: 30px;
  position: relative;
}
.promotion-text {
  padding-left: 65px;
}
.promotion-thumb img {
  width: 100%;
}
.promotion-text h3 {
  font-size: 28px;
  font-weight: 600;
}
.promotion-text > span {
  color: #777777;
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px;
}
.promotion-text > p {
  font-size: 18px;
  /* line-height: 30px; */
  margin-bottom: 30px;
  line-height: 1.87em;
}
.promotion-img-3 {
  width: 100%;
}

.heading {
  padding-top: 30px;
  text-align: center;
  color: rgb(69, 66, 66);
  font-size: 35px;
  font-family: playfair display, serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.heading .part {
  background: -webkit-linear-gradient(#03a5e9, #026bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.font_4 {
  font-size: normal 72px/1.25em;
  font-family: oswald-extralight, oswald, sans-serif;
}
.font_6 {
  font-size: normal 40px/1.35em;
  font-family: oswald-extralight, oswald, sans-serif;
}
.font_7 {
  font-size: normal 16px;
  font-family: playfair display, serif;
}

@media (min-width: 1300px) and (max-width: 2000px) {
  .promotion-text {
    padding-bottom: 80px;
    padding-left: 20px;
    padding-top: 80px;
  }
  .promotion-img-3 {
    width: 100%;
    min-height: 400px;
    position: inherit;
  }
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1300px) {
  .fade-heading p {
    margin-top: 10px;
  }

  .promotion-text {
    padding-bottom: 80px;
    padding-left: 20px;
    padding-top: 80px;
  }
  .promotion-img-3 {
    width: 100%;
    min-height: 400px;
    position: inherit;
  }
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .fade-heading p {
    font-size: 23px;
  }
  .fade-heading {
    padding-top: 10px;
  }

  .promotion-area {
    padding-top: 10px;
    position: relative;
  }
  .promotion-text {
    padding-left: 0;
  }
  .promotion-text > p {
    font-size: 15px;
  }
  .promotion-img-3 {
    width: 50%;
    min-height: 400px;
    position: inherit;
  }
  .promotion-img-3 {
    position: inherit;
    min-height: 400px;
  }
  /* .promotion-text.promo-2 {
        padding-top: 40px;
        padding-bottom: 0;
    } */

  .promotion-text {
    padding-bottom: 50px;

    padding-top: 50px;
  }
}

/* Extra small Device. */
@media (min-width: 440px) and (max-width: 767px) {
  .fade-heading {
    padding-top: 5px;
  }
  .fade-heading p {
    font-size: 16px;
  }

  .promotion-area {
    padding-top: 10px;
    position: relative;
  }
  .promotion-text {
    padding-left: 0;
  }
  .promotion-text > p {
    font-size: 15px;
  }
  .promotion-img-3 {
    position: inherit;
    min-height: 400px;
  }

  .promotion-text {
    padding-bottom: 50px;

    padding-top: 50px;
  }
}

/* SM Small Device :550px. */
@media only screen and (min-width: 280px) and (max-width: 440px) {
  .fade-heading p {
    font-size: 16px;
  }

  .promotion-area {
    padding-top: 10px;
    position: relative;
  }
  .promotion-text > p {
    font-size: 14px;
  }

  .promotion-img-3 {
    width: 100%;
    min-height: 250px;
    position: static;
  }
  .promotion-text {
    padding-bottom: 30px;
    padding-left: 0px;
    padding-top: 30px;
  }
}

/* ---------------------------------------
23. NNEW ABOUT US
-----------------------------------------*/

:root {
  --p-pos: 3rem;
  --p-2pos: 6rem;
  --p-neg: 3rem;
  --minwidth-1: 20rem;
  --maxwidth-1: 30rem;
}

.abt-banner {
  padding-top: var(--p-2pos);
  padding-bottom: var(--p-2pos);
  padding-right: 5%;
  padding-left: 5%;
}

@media only screen and (max-width: 576px) {
  .abt-banner {
    padding-top: var(--p-pos);
    padding-bottom: var(--p-pos);
  }
}

figcaption {
  font-family: var(--font-3);
  font-size: 1.5rem;
  margin-bottom: 0;
  text-align: left;
  padding-top: 0.3rem;
}

.abt-row {
  max-width: 80rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: var(--p-neg-1);
  margin-right: var(--p-neg-1);
  flex-wrap: wrap;
}

.abt-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: var(--p-pos);
  padding-right: var(--p-pos);
  flex: 0 0 50%;
  min-width: var(--minwidth-1);
}

.abt-col-txt {
  align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  .abt-col {
    flex: unset;
    padding-left: 15px;
    padding-right: 15px;
  }

  .abt-col-txt {
    padding-top: var(--p-pos);
    order: 1;
  }
}

.align-l {
  text-align: left;
}

.align-r {
  text-align: right;
}

.sub-text-1,
.subtext-2 {
  font-weight: 400;
  margin-bottom: 0.2rem;
}

.sub-text-1 {
  font-size: 0.85rem;
}

.sub-text-2 {
  font-size: 0.7rem;
}

/* ---------------------------------------
23. Contact Page area
-----------------------------------------*/
.main-contact-area {
  margin: 50px 0;
}

.map-size {
  width: 100%;
  height: 350px;
  margin: 0 auto;
}

.main-contact-area aside {
  clear: both;
}

.main-contact-area .bar-title {
  margin-bottom: 20px;
}

.main-contact-area aside.sidebar-content {
  margin-top: 30px;
  display: inline-block;
}

.vote-area label {
  font-weight: 400;
  font-family: Roboto;
}

.vote-area input {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.vote-area a {
  padding: 5px 10px;
  background: #3f3f3f;
  color: #fff;
  float: right;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

.vote-area a:hover {
  background: #03a5e9;
}

.contact-us-form {
  margin-top: 30px;
}

.sec-heading-area h2 {
  font-size: 18px;
  color: #3f3f3f;
}

span.legend {
  background: #fff;
  border: 1px solid #f2f2f2;
  font-size: 13px;
  left: 20px;
  padding: 0 3px;
  position: relative;
  top: 12px;
  color: #444443;
}

.form-top {
  border: 1px solid #f2f2f2;
  overflow: hidden;
  padding: 20px 20px 10px;
}

.sec-heading-area {
  margin-bottom: 10px;
}

.form-top label {
  color: #666;
  font-weight: normal;
  margin: 0 0 5px;
}

.submit-form {
  border-top: 1px solid #f2f2f2;
  margin-top: 30px;
  padding-top: 15px;
  padding-right: 0;
}

.submit-form p {
  color: #eb340a;
  font-size: 11px;
  margin: 0 0 5px;
}

.submit-form p sup {
  font-size: 14px;
  top: 0;
}

.submit-form a.add-tag-btn {
  padding: 5px 25px 3px;
}

.yourmessage {
  border: 1px solid #ddd;
  padding: 3px;
  width: 100%;
  height: 130px;
}

.contact-form .form-control {
  border: 1px solid #e1e1e1;
  border-radius: 0px;
  font-size: 12px;
  box-shadow: none;
  min-height: 25px;
  color: #666;
}

.submit-form.form-group.col-sm-12.submit-review {
  text-align: right;
}

.submit-form.form-group.col-sm-12.submit-review a {
  padding: 5px 15px;
  background: #3f3f3f;
  color: #fff;
  /* margin-top: 0px; */
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}

.submit-form.form-group.col-sm-12.submit-review a:hover {
  background: #c2a376;
}

/* ------------------------------------
24. Login page area
--------------------------------------*/

.field_error {
  color: red;
  font-weight: 400;
  font-size: 15px;
}

.field_success {
  color: rgb(9 161 38);
  font-weight: bold;
  font-size: 16px;
  padding-top: 15px;
}

.customer-login-area {
  margin-bottom: 50px;
}

.my-account {
  margin-top: 20px;
}

.form-fields {
  border-bottom: none;
  /* border-bottom: 1px solid #d3d3d3; */
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
  float: left;
  padding: 20px 25px;
  width: 100%;
}

.form-fields h2 {
  border-bottom: 1px solid #d3d3d3;
  .btn {
    display: inline-block;
    padding: 6px 6px;
    margin-bottom: 0;
    margin-left: 61px;
    width: 80%;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0 0 5px;
  text-transform: uppercase;
}

.form-fields label {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  margin: 10px 0 0px;
  color: #000000;
  font-weight: 400;
}

.form-row label span.required {
  color: red;
  font-weight: 700;
  border: 0;
  line-height: 2;
  font-size: 14px;
}

.form-fields input {
  background: #f0f0f0;
  border: 0;
  border-radius: 0;
  height: 36px;
  max-width: 100%;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: 1;
}

.customer-register .form-action,
.customer-login .form-action {
  background: #e0e0e0;
  border-bottom: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-top: none;
  float: left;
  padding: 6px 10px 6px;
  width: 100%;
}

.my-account p.lost_password {
  float: left;
  line-height: 20px;
  margin: 5px 0 0 0;
}

.my-account label.inline {
  float: right;
  font-weight: normal;
  line-height: 20px;
  margin: 10px 20px 0 0;
}

input#rememberme {
  margin-right: 3px;
  margin-top: 0;
  position: relative;
  top: 2px;
}

.my-account .actions-log {
  float: right;
}

.actions-log input {
  border: 0;
  background: #03a5e9;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  transition: 0.3s;
}

.actions-log input:hover {
  background: #026bbe;
  transition: 0.3s;
}

/* ----------------------------------------
  25. 404 login page area
-------------------------------------------- */
.page-not-found {
  min-height: 480px;
  text-align: center;
}

.page-not-found h1 {
  margin: 150px 0 0;
  font-size: 120px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #3f3f3f;
  font-weight: 700;
}

.page-not-found h2 {
  font-size: 18px;
  line-height: 1.35;
  color: #96a1a3;
  font-weight: 700;
}

.page-not-found a.go-to-home {
  font-size: 14px;
  color: #fff;
  background: #3f3f3f;
  border: 0;
  padding: 5px 20px;
  text-transform: uppercase;
  font-weight: 700;
  transition: 0.3s;
  display: inline-block;
  margin-top: 15px;
}

.page-not-found a.go-to-home:hover {
  background: #03a5e9;
  color: #3f3f3f;
  transition: 0.3s;
}

/* ----------------------------------------
  26. Shipping Info Page 
-------------------------------------------- */

.shipping_info h1 {
  font-size: 30px;
  margin-bottom: 15px;
  color: black !important;
}

.shipping_info h2 {
  font-size: 20px;
  margin-bottom: 10px;
  color: black !important;
}

.shipping_info p {
  font-size: 16px;
  margin-bottom: 10px;
  color: black !important;
}

.section .shipping_list ul li {
  list-style-type: disc;
  margin-bottom: 10px;
  margin-left: 50px;
  color: black !important;
}

.shipping_info .section {
  margin-bottom: 30px;
  color: black;
}

.shipping_info .container {
  margin: 130px 20px 10px 10px;
  padding: 18px;
}
.page-main .columns {
  position: relative;
  padding-bottom: 0px;
}

.column.main {
  padding-top: 0;
  padding-bottom: 10px;
}

@media screen and (min-width: 1400px) {
  .page-main {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .page-main {
    max-width: 100% !important;
  }
  .page-main {
    margin: 0 auto;
  }
  .page-main {
    position: relative;
    margin: 0;
  }
}
/* ----------------------------------------
  25. Cart description & Review page
-------------------------------------------- */
.htc__product__area {
  padding-top: 60px;
}

.pro__single__content.tab-pane:not(.active) {
  display: none;
}

.product__small__images {
  bottom: 35px;
  display: flex;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.htc__product__details__tab__content {
  position: relative;
}
.product__small__images li {
  border: 1px solid #fff;
  margin: 0 8px;
  transition: all 0.4s ease 0s;
}
.product__small__images li.active {
  border: 1px solid #c43b68;
}
.product__small__images li:hover {
  border: 1px solid #c43b68;
}
.ht__product__dtl h2 {
  color: #444;
  font-family: Old Standard TT;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.ht__product__dtl h6 {
  color: #100d13;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-top: 11px;
  margin-bottom: 11px;
}
.ht__product__dtl h6 span {
  color: #868686;
  font-family: "Old Standard TT", serif;
  font-size: 15px;
  text-transform: uppercase;
}
.ht__product__dtl .pro__prize {
  justify-content: flex-start;
}
.ht__product__dtl p {
  color: #666666;
  font-size: 16px;
  line-height: 26px;
  margin-top: 12px;
}
.sin__desc p {
  color: #868686;
  display: inline-block;
  font-family: "Old Standard TT", serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0;
}

.pro__color {
  display: flex;
  margin-left: 10px;
}
.sin__desc.align--left {
  align-items: center;
  display: flex;
  margin-top: 21px;
}
.pro__color li a {
  /*background: #000 none repeat scroll 0 0;*/
  display: inline-block;
  height: 20px;
  text-indent: -999999px;
  width: 20px;
}
.pro__color li + li {
  margin-left: 10px;
}
.pro__more__btn {
  margin-left: 10px;
}
.pro__more__btn a {
  border: 1px solid #d7d7d7;
  color: #212121;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 20px;
  line-height: 19px;
  padding: 0 8px;
  text-transform: uppercase;
}
.ht__pro__desc {
  margin-top: 20px;
}

.pro__cat__list {
  display: flex;
  margin-left: 10px;
}
.pro__share {
  display: flex;
  margin-top: 16px;
}

.pro__color li.red a {
  background: #003471 none repeat scroll 0 0;
}
.pro__color li.green a {
  background: #754c24 none repeat scroll 0 0;
}
.pro__color li.balck a {
  background: #100d13 none repeat scroll 0 0;
}
.pro__cat__list li a {
  color: #666666;
  font-size: 16px;
  transition: 0.3s;
}
.pro__cat__list li a:hover {
  color: #c43b68;
}
.pro__cat__list li + li {
  padding-left: 7px;
}
.pro__share li a {
  border-radius: 100%;
  color: #212121;
  display: inline-block;
  font-size: 16px;
  height: 32px;
  line-height: 36px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 32px;
}
.pro__share li a:hover {
  background: #c43b68 none repeat scroll 0 0;
  color: #fff;
}
.pro__share li + li {
  margin-left: 9px;
}
.sin__desc.product__share__link {
  margin-top: 18px;
}

.sin__desc.product__share__link {
  margin-top: 18px;
}
.pro__details__tab {
  align-items: center;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  display: flex;
  margin-bottom: 5px;
  margin-top: 25px;
}
.pro__details__tab li {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
}
.pro__details__tab li a {
  color: #9f9f9f;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.pro__details__tab li + li {
  border-left: 1px solid #e1e1e1;
}
.pro__details__tab li:last-child {
  border-right: 1px solid #e1e1e1;
}
.pro__details__tab li.active a {
  color: #333333;
}
.pro__details__tab li a:hover {
  color: #333333;
}
.pro__tab__content__inner p {
  color: #666666;
  font-size: 16px;
  line-height: 26px;
}
.pro__tab__content__inner h4.ht__pro__title {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 17px;
  margin-top: 30px;
  text-transform: capitalize;
}
.pro__tab__content__inner p + p {
  margin-top: 32px;
}
.ht__pro__details__content {
  padding-bottom: 90px;
}
select.select__size {
  border: 1px solid #afafaf;
  color: #afafaf;
  height: 22px;
  margin-left: 10px;
  width: 45px;
  padding: 0 4px;
}

select.select__size {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background: rgba(0, 0, 0, 0) url("images/icons/select-option.png") no-repeat
    scroll 87% 7px / 10px 5px;
  padding-right: 5px;
}

.sin__desc p {
  color: #868686;
  display: inline-block;
  font-family: "Old Standard TT", serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0;
}
.sin__desc p span {
  color: #100d13;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  text-transform: capitalize;
}
.pro__color {
  display: flex;
  margin-left: 10px;
}
.sin__desc.align--left {
  align-items: center;
  display: flex;
  margin-top: 21px;
}

#cart_attr_msg {
  color: red;
  margin-top: 18px;
  font-size: 27px;
}

.review_heading {
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: -10px;
  color: black;
}
#review .comment-rating {
  color: #c43b68;
  font-weight: bold;
}

.submit_review_hint {
  font-size: 16px;
  color: #ff5151;
}

.submit_review {
  font-size: 16px;
  color: grey;
}

.submit_review a {
  font-size: 16px;
  font-weight: bold;
}

.mt10 {
  margin-top: 10px;
}
/* ------------------------------------------
19. ThankyouPage area
--------------------------------------------*/

/*
#   $$$$$$\  $$\           $$\                 $$\
#  $$  __$$\ $$ |          $$ |                $$ |
#  $$ /  \__|$$ | $$$$$$\  $$$$$$$\   $$$$$$\  $$ | $$$$$$$\
#  $$ |$$$$\ $$ |$$  __$$\ $$  __$$\  \____$$\ $$ |$$  _____|
#  $$ |\_$$ |$$ |$$ /  $$ |$$ |  $$ | $$$$$$$ |$$ |\$$$$$$\
#  $$ |  $$ |$$ |$$ |  $$ |$$ |  $$ |$$  __$$ |$$ | \____$$\
#  \$$$$$$  |$$ |\$$$$$$  |$$$$$$$  |\$$$$$$$ |$$ |$$$$$$$  |
#   \______/ \__| \______/ \_______/  \_______|\__|\_______/
*/
@font-face {
  font-family: "Akkurat-Regular";
  src: url("../font/akkurat/lineto-akkurat-regular.eot");
  src: url("../font/akkurat/lineto-akkurat-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../font/akkurat/lineto-akkurat-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}

.site-header {
  margin: 0 auto;
  padding: 80px 0 0;
  max-width: 820px;
}
.site-header__title {
  padding-top: 110px;
  font-family: Montserrat, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.thankyou-wrap {
  padding: 0 20px;
  min-width: 300px;
  font-family: "Akkurat-Regular", sans-serif;
  background-color: #fffffe;
  color: #1a1a1a;
  text-align: center;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  background-color: #fffffe;
}

/*
#  $$\      $$\           $$\                  $$$$$$\                       $$\                          $$\
#  $$$\    $$$ |          \__|                $$  __$$\                      $$ |                         $$ |
#  $$$$\  $$$$ | $$$$$$\  $$\ $$$$$$$\        $$ /  \__| $$$$$$\  $$$$$$$\ $$$$$$\    $$$$$$\  $$$$$$$\ $$$$$$\
#  $$\$$\$$ $$ | \____$$\ $$ |$$  __$$\       $$ |      $$  __$$\ $$  __$$\\_$$  _|  $$  __$$\ $$  __$$\\_$$  _|
#  $$ \$$$  $$ | $$$$$$$ |$$ |$$ |  $$ |      $$ |      $$ /  $$ |$$ |  $$ | $$ |    $$$$$$$$ |$$ |  $$ | $$ |
#  $$ |\$  /$$ |$$  __$$ |$$ |$$ |  $$ |      $$ |  $$\ $$ |  $$ |$$ |  $$ | $$ |$$\ $$   ____|$$ |  $$ | $$ |$$\
#  $$ | \_/ $$ |\$$$$$$$ |$$ |$$ |  $$ |      \$$$$$$  |\$$$$$$  |$$ |  $$ | \$$$$  |\$$$$$$$\ $$ |  $$ | \$$$$  |
#  \__|     \__| \_______|\__|\__|  \__|       \______/  \______/ \__|  \__|  \____/  \_______|\__|  \__|  \____/
*/
.main-content {
  margin: 0 auto;
  max-width: 820px;
}
.main-content__checkmark {
  font-size: 4.0625rem;
  line-height: 1;
  color: #24b663;
}
.main-content__body {
  margin: 20px 0 0;
  font-size: 1rem;
  line-height: 1.4;
}

/*
#   $$$$$$\  $$\   $$\                     $$$$$$$$\                   $$\
#  $$  __$$\ \__|  $$ |                    $$  _____|                  $$ |
#  $$ /  \__|$$\ $$$$$$\    $$$$$$\        $$ |    $$$$$$\   $$$$$$\ $$$$$$\    $$$$$$\   $$$$$$\
#  \$$$$$$\  $$ |\_$$  _|  $$  __$$\       $$$$$\ $$  __$$\ $$  __$$\\_$$  _|  $$  __$$\ $$  __$$\
#   \____$$\ $$ |  $$ |    $$$$$$$$ |      $$  __|$$ /  $$ |$$ /  $$ | $$ |    $$$$$$$$ |$$ |  \__|
#  $$\   $$ |$$ |  $$ |$$\ $$   ____|      $$ |   $$ |  $$ |$$ |  $$ | $$ |$$\ $$   ____|$$ |
#  \$$$$$$  |$$ |  \$$$$  |\$$$$$$$\       $$ |   \$$$$$$  |\$$$$$$  | \$$$$  |\$$$$$$$\ $$ |
#   \______/ \__|   \____/  \_______|      \__|    \______/  \______/   \____/  \_______|\__|
*/
/* .site-footer {
	margin: 0 auto;
	padding: 80px 0 25px;
	padding: 0;
	max-width: 820px;
}
.site-footer__fineprint {
	font-size: 0.9375rem;
	line-height: 1.3;
	font-weight: 300;
}
 */

/*
#  $$\      $$\                 $$\ $$\                  $$$$$$\                                $$\
#  $$$\    $$$ |                $$ |\__|                $$  __$$\                               \__|
#  $$$$\  $$$$ | $$$$$$\   $$$$$$$ |$$\  $$$$$$\        $$ /  $$ |$$\   $$\  $$$$$$\   $$$$$$\  $$\  $$$$$$\   $$$$$$$\
#  $$\$$\$$ $$ |$$  __$$\ $$  __$$ |$$ | \____$$\       $$ |  $$ |$$ |  $$ |$$  __$$\ $$  __$$\ $$ |$$  __$$\ $$  _____|
#  $$ \$$$  $$ |$$$$$$$$ |$$ /  $$ |$$ | $$$$$$$ |      $$ |  $$ |$$ |  $$ |$$$$$$$$ |$$ |  \__|$$ |$$$$$$$$ |\$$$$$$\
#  $$ |\$  /$$ |$$   ____|$$ |  $$ |$$ |$$  __$$ |      $$ $$\$$ |$$ |  $$ |$$   ____|$$ |      $$ |$$   ____| \____$$\
#  $$ | \_/ $$ |\$$$$$$$\ \$$$$$$$ |$$ |\$$$$$$$ |      \$$$$$$ / \$$$$$$  |\$$$$$$$\ $$ |      $$ |\$$$$$$$\ $$$$$$$  |
#  \__|     \__| \_______| \_______|\__| \_______|       \___$$$\  \______/  \_______|\__|      \__| \_______|\_______/
#                                                            \___|
*/
@media only screen and (min-width: 40em) {
  .site-header {
    padding-top: 150px;
  }
  .site-header__title {
    font-size: 6.25rem;
  }
  .main-content__checkmark {
    font-size: 9.75rem;
  }
  .main-content__body {
    font-size: 1.25rem;
  }
}

.ht__cat__thumb a img {
  width: 100%;
}

/*---------------------------
  End Section Title
----------------------------*/

.cat__hover__inner::before {
  background: rgba(0, 0, 0, 0) url("images/others/shape/4.png") repeat scroll 0
    0 / cover;
  bottom: 0;
  content: "";
  height: 160px;
  left: 0;
  position: absolute;
  width: 5px;
  z-index: 2;
}

.category {
  position: relative;
  margin-top: 40px;
}
.fr__hover__info {
  position: absolute;
  right: 20px;
  top: 20px;
}
.fr__product__inner {
  padding-top: 23px;
  text-align: center;
}
.fr__product__inner h4 a {
  color: #444;
  font-family: Old Standard TT;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.fr__product__inner h4 a:hover {
  color: #c43b68;
}
.fr__pro__prize {
  display: flex;
  justify-content: center;
  margin-top: 6px;
}
.fr__pro__prize li {
  color: #313131;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  margin: 0 5px;
}
.fr__pro__prize li.old__prize {
  color: #888888;
}

@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Poppins:wght@500&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
/* Reset dropdown to be hidden initially */
ul.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: 0;
  margin: 0;
  list-style: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 200px;
}

/* Dropdown items */
ul.dropdown li {
  padding: 10px;
  white-space: nowrap;
  /* Prevent text wrapping */
}

ul.dropdown li a {
  color: #333;
  text-decoration: none;
  display: block;
}

/* Hover effect on dropdown items */
ul.dropdown li a:hover {
  background-color: #fff;
  color: #000;
}

/* Show dropdown on hover */
li.drop:hover > ul.dropdown {
  display: block;
}

/* Ensure the parent category menu is positioned relative */
li.drop {
  position: relative;
}

/* Optional: Style the parent category links */
li.drop > a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
}

li.drop > a:hover {
  color: #007bff;
  /* Optional: Change color on hover */
}

.nav-links {
  text-align: center;
  /* padding: 10px 0; */
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* Toggle visibility of mobile menu */
.mobile-menu.show {
  display: block;
}

.categories-menu {
  display: none; /* Default is hidden */
}

.categories-menu.show {
  display: block; /* Show menu when toggle button is clicked */
}

/* Sub-menu toggle for mobile */
.sub-menu {
  display: none; /* Default is hidden */
}

/* Marquee container */
.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: #f0f0f0; /* Optional background color */
  padding: 2px; /* Optional padding */
  border: 1px solid #ddd; /* Optional border */
}

/* Marquee text animation */
.marquee-text {
  display: inline-block;
  padding-left: 100%; /* Start outside the visible area */
  animation: scroll-left 40s linear infinite;
  font-size: 12px; /* Customize font size */
  font-weight: 600;
  color: #ff0000; /* Customize font color */
  font-family: "Arial", cursive;
}

/* Keyframes for scrolling effect */
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@media (min-width: 280px) and (max-width: 440px) {
  .sreach {
    max-width: auto;
  }

  .header-search button.btn.btn-default i {
    font-size: 20px;
  }

  .sreach input {
    border-radius: 10px !important;
    padding: 20px;
  }

  .sreach span {
    top: 0px;
    right: 30px;
  }
}
  .abc {
    height: 234px;
  }

#loader-wrapper {
  background-color: #dcdcdc;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#loader {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -100px 0 0 -100px;
}

.loader-ellips {
  font-size: 20px;
  position: relative;
  width: 64px;
  margin: 100px auto 0;
}
.ring {
  width: 200px;
  height: 200px;
  border: 0px solid rgb(0, 0, 0);
  border-radius: 50%;
  position: absolute;
}

.ring:nth-child(1) {
  border-bottom-width: 8px;
  border-color: #6e7db9;
  animation: rotate1 2s linear infinite;
}

.ring:nth-child(2) {
  border-right-width: 8px;
  border-color: #1299db;
  animation: rotate2 2s linear infinite;
}

.ring:nth-child(3) {
  border-top-width: 8px;
  border-color: #4d4a4b;
  animation: rotate3 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate2 {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate3 {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}