/******************************************************************
  Template Name: Male Fashion
  Description: Male Fashion - ecommerce teplate
  Author: Colorib
  Author URI: https://www.colorib.com/
  Version: 1.0
  Created: Colorib 
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Nunito Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Nunito Sans", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Nunito Sans", sans-serif;
	color: #3d3d3d;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

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

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 45px;
	text-align: center;
}

.section-title span {
	color: #e53637;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
	display: block;
}

.section-title h2 {
	color: #111111;
	font-weight: 700;
	line-height: 46px;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px 30px;
	color: #ffffff;
	background: #000000;
	letter-spacing: 4px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	background: #111111;
	font-weight: 700;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

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

.header {
	background: #ffffff;
}

.header__top {
	background: #111111;
	padding: 10px 0;
}

.header__top__left p {
	color: #ffffff;
	margin-bottom: 0;
}

.header__top__right {
	text-align: right;
}

.header__top__links {
	display: inline-block;
	margin-right: 25px;
}

.header__top__links a {
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-right: 28px;
	display: inline-block;
}

.header__top__links a:last-child {
	margin-right: 0;
}

.header__top__hover {
	display: inline-block;
	position: relative;
}

.header__top__hover:hover ul {
	top: 24px;
	opacity: 1;
	visibility: visible;
}

.header__top__hover span {
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	cursor: pointer;
}

.header__top__hover span i {
	font-size: 20px;
	position: relative;
	top: 3px;
	right: 2px;
}

.header__top__hover ul {
	background: #ffffff;
	display: inline-block;
	padding: 2px 0;
	position: absolute;
	left: 0;
	top: 44px;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__top__hover ul li {
	list-style: none;
	font-size: 13px;
	color: #111111;
	padding: 2px 15px;
	cursor: pointer;
}

.header__logo {
	padding:10px 0;
}

/* .header__logo img{
    height:80px;
    width:auto;
} */

.header__logo a {
	display: inline-block;
}

.header__menu {
	text-align: right;
    padding: 10px 0;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.header__logo img{
    height: 78px;
    width: 275px;
}

.product__item__pic{
    height:279px;
    width:202px;
    border-radius:20px;
    background-position: center;
}

.category-item{
    text-align:center;
}

.category-title{
    margin-top:10px;
    font-size:20px;
    font-weight:600;
    margin-right:24px;
}

.header__menu ul li.active a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover .dropdown {
	top: 32px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 56px;
	width: 150px;
	background: #111111;
	text-align: left;
	padding: 5px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 12px;
	color: #ffffff;
	font-weight: 400;
	padding: 5px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 16px;
	color: #111111;
	display: block;
	font-weight: 600;
	position: relative;
	padding: 3px 0;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #e53637;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.header__nav__option {
	text-align: right;
	padding: 30px 0;
}

.header__nav__option a {
	display: inline-block;
	margin-right: 26px;
	position: relative;
}

.header__nav__option a span {
	color: #0d0d0d;
	font-size: 11px;
	position: absolute;
	left: 5px;
	top: 8px;
}

.header__nav__option a:last-child {
	margin-right: 0;
}

.header__nav__option .price {
	font-size: 15px;
	color: #111111;
	font-weight: 700;
	display: inline-block;
	margin-left: -20px;
	position: relative;
	top: 3px;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero__slider.owl-carousel .owl-item.active .hero__text h6 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text p {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-nav button {
	font-size: 36px;
	color: #333333;
	position: absolute;
	left: 75px;
	top: 50%;
	margin-top: -18px;
	line-height: 29px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 75px;
}

/* .hero__items {
	height: 550px;
	padding-top: 230px;
} */

.hero__itemss{
    min-height: 700px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.videosection{
    position: relative;
    height: 880px;
    overflow: hidden;
}

.hero-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero__text h6 {
	color: #e53637;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 28px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text h2 {
	color: #111111;
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	margin-bottom: 30px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}

.hero__text p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 35px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.9s;
	-o-transition: all, 0.9s;
	transition: all, 0.9s;
}

.hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 1.1s;
	-o-transition: all, 1.1s;
	transition: all, 1.1s;
}

.hero__text .primary-btn span {
	font-size: 20px;
	position: relative;
	top: 4px;
	font-weight: 700;
}

.hero__social {
	margin-top: 190px;
}

.hero__social a {
	font-size: 16px;
	color: #3d3d3d;
	display: inline-block;
	margin-right: 32px;
}

.hero__social a:last-child {
	margin-right: 0;
}

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

.blog {
	padding-bottom: 55px;
}

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

.banner__item:hover .banner__item__text a:after {
	width: 40px;
	background: #e53637;
}

.banner__item.banner__item--middle {
	margin-top: -75px;
}

.banner__item.banner__item--middle .banner__item__pic {
	float: none;
}

.banner__item.banner__item--middle .banner__item__text {
	position: relative;
	top: 0;
	left: 0;
	max-width: 100%;
	padding-top: 22px;
}

.banner__item.banner__item--last {
	margin-top: 100px;
}

.banner__item__pic {
	float: right;
}

.banner__item__text {
	max-width: 300px;
	position: absolute;
	left: 0;
	top: 140px;
}

.banner__item__text h2 {
	color: #111111;
	font-weight: 700;
	line-height: 46px;
	margin-bottom: 10px;
}

.banner__item__text a {
	display: inline-block;
	color: #111111;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding: 3px 0;
	position: relative;
}

.banner__item__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #111111;
	content: "";
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

/*---------------------
  Categories
-----------------------*/

.categories {
	overflow: hidden;
	padding-top: 1px;
	padding-bottom: 60px;
}

.categories__text {
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

.categories__text:before {
	position: absolute;
	left: -485px;
	top: 0;
	height: 300px;
	width: 600px;
	background: #ffffff;
	z-index: -1;
	content: "";
}

.categories__text h2 {
	color: #b7b7b7;
	line-height: 72px;
	font-size: 34px;
}

.categories__text h2 span {
	font-weight: 700;
	color: #111111;
}

.categories__hot__deal {
	position: relative;
	z-index: 5;
}

.categories__hot__deal img {
	min-width: 100%;
}

.hot__deal__sticker {
	height: 100px;
	width: 100px;
	background: #111111;
	border-radius: 50%;
	padding-top: 22px;
	text-align: center;
	position: absolute;
	right: 0;
	top: -36px;
}

.hot__deal__sticker span {
	display: block;
	font-size: 15px;
	color: #ffffff;
	margin-bottom: 4px;
}

.hot__deal__sticker h5 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
}

.categories__deal__countdown span {
	color: #e53637;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
	display: block;
}

.categories__deal__countdown h2 {
	color: #111111;
	font-weight: 700;
	line-height: 46px;
	margin-bottom: 25px;
}

.categories__deal__countdown .categories__deal__countdown__timer {
	margin-bottom: 20px;
	overflow: hidden;
	margin-left: -30px;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item {
	width: 25%;
	float: left;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item:after {
	position: absolute;
	right: 0;
	top: 7px;
	content: ":";
	font-size: 24px;
	font-weight: 700;
	color: #3d3d3d;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item:last-child:after {
	display: none;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item span {
	color: #111111;
	font-weight: 700;
	display: block;
	font-size: 36px;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item p {
	margin-bottom: 0;
}

/*---------------------
  Instagram
-----------------------*/

.instagram {
	padding-bottom: 0;
}

.instagram__pic__item {
	width: 33.33%;
	float: left;
	height: 261px;
	background-position: center center;
}

.instagram__text {
	padding-top: 130px;
}

.instagram__text h2 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 30px;
}

.instagram__text p {
	margin-bottom: 65px;
}

.instagram__text h3 {
	color: #e53637;
	font-weight: 700;
}

/*---------------------
  Product
-----------------------*/

.product {
	padding-top: 50px;
	padding-bottom: 60px;
}

.filter__controls {
	text-align: center;
	margin-bottom: 45px;
}

.filter__controls li {
	color: #b7b7b7;
	font-size: 24px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 88px;
	cursor: pointer;
}

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

.filter__controls li.active {
	color: #111111;
}

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

.product__item.sale .product__item__pic .label {
	color: #ffffff;
	background: #111111;
}

.product__item.sale .product__item__text .rating i {
	color: #f7941d;
}

.product__item.sale .product__item__text .rating i:nth-last-child(1) {
	color: #b7b7b7;
}

.product__item:hover .product__item__pic .product__hover {
	right: 20px;
	opacity: 1;
}

.product__item:hover .product__item__text a {
	top: 22px;
	opacity: 1;
	visibility: visible;
}

.product__item:hover .product__item__text h6 {
	opacity: 0;
}

.product__item:hover .product__item__text .product__color__select {
	opacity: 1;
}

.product__item__pic .label {
	color: #111111;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	padding: 4px 15px 2px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 20px;
}

.product__item__pic .product__hover {
	position: absolute;
	right: -200px;
	top: 20px;
	-webkit-transition: all, 0.8s;
	-o-transition: all, 0.8s;
	transition: all, 0.8s;
}

.product__item__pic .product__hover li {
	list-style: none;
	margin-bottom: 10px;
	position: relative;
}

.product__item__pic .product__hover li:hover span {
	opacity: 1;
	visibility: visible;
}

.product__item__pic .product__hover li span {
	color: #ffffff;
	background: #111111;
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	position: absolute;
	left: -78px;
	top: 5px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__item__pic .product__hover li span:after {
	position: absolute;
	right: -2px;
	top: 5px;
	height: 15px;
	width: 15px;
	background: #111111;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
}

.product__item__pic .product__hover li img {
	background: #ffffff;
	padding: 10px;
	display: inline-block;
}

.product__item__text {
	padding-top: 25px;
	position: relative;
}

.product__item__text a {
	font-size: 15px;
	color: #e53637;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__item__text h6 {
	color: #111111;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__item__text .rating {
	margin-bottom: 6px;
}

.product__item__text .rating i {
	font-size: 14px;
	color: #b7b7b7;
	margin-right: -5px;
}

.product__item__text h5 {
	color: #0d0d0d;
	font-weight: 700;
}

.product__item__text .product__color__select {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__text .product__color__select label {
	display: inline-block;
	height: 12px;
	width: 12px;
	background: #5e64d1;
	border-radius: 50%;
	margin-bottom: 0;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}

.product__item__text .product__color__select label.black {
	background: #404a47;
}

.product__item__text .product__color__select label.grey {
	background: #d5a667;
}

.product__item__text .product__color__select label.active:after {
	opacity: 1;
}

.product__item__text .product__color__select label:after {
	position: absolute;
	left: -3px;
	top: -3px;
	height: 18px;
	width: 18px;
	border: 1px solid #b9b9b9;
	content: "";
	border-radius: 50%;
	opacity: 0;
}

.product__item__text .product__color__select label input {
	position: absolute;
	visibility: hidden;
}

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

.shop__sidebar {
	padding-right: 20px;
}

.shop__sidebar__search {
	margin-bottom: 45px;
}

.shop__sidebar__search form {
	position: relative;
}

.shop__sidebar__search form input {
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
	height: 42px;
}

.shop__sidebar__search form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.shop__sidebar__search form input::-moz-placeholder {
	color: #b7b7b7;
}

.shop__sidebar__search form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.shop__sidebar__search form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.shop__sidebar__search form input::placeholder {
	color: #b7b7b7;
}

.shop__sidebar__search form button {
	color: #b7b7b7;
	font-size: 15px;
	border: none;
	background: transparent;
	position: absolute;
	right: 0;
	padding: 0 15px;
	top: 0;
	height: 100%;
}

.shop__sidebar__accordion .card {
	border: none;
	border-radius: 0;
	margin-bottom: 25px;
}

.shop__sidebar__accordion .card:last-child {
	margin-bottom: 0;
}

.shop__sidebar__accordion .card:last-child .card-body {
	padding-bottom: 0;
	border-bottom: none;
}

.shop__sidebar__accordion .card-body {
	padding: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.shop__sidebar__accordion .card-heading {
	cursor: pointer;
}

.shop__sidebar__accordion .card-heading a {
	color: #111111;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}

.shop__sidebar__categories ul,
.shop__sidebar__price ul,
.shop__sidebar__brand ul {
	height: 225px;
}

.shop__sidebar__categories ul li,
.shop__sidebar__price ul li,
.shop__sidebar__brand ul li {
	list-style: none;
}

.shop__sidebar__categories ul li a,
.shop__sidebar__price ul li a,
.shop__sidebar__brand ul li a {
	color: #b7b7b7;
	font-size: 15px;
	line-height: 32px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.shop__sidebar__categories ul li a:hover,
.shop__sidebar__price ul li a:hover,
.shop__sidebar__brand ul li a:hover {
	color: #111111;
}

.shop__sidebar__brand ul {
	height: auto;
}

.shop__sidebar__price ul {
	height: auto;
}

.shop__sidebar__size {
	padding-top: 15px;
}

.shop__sidebar__size label {
	color: #111111;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid #e5e5e5;
	padding: 6px 25px;
	margin-bottom: 10px;
	margin-right: 5px;
	cursor: pointer;
}

.shop__sidebar__size label.active {
	background: #111111;
	color: #ffffff;
	border-color: #111111;
}

.shop__sidebar__size label input {
	position: absolute;
	visibility: hidden;
}

.shop__sidebar__color {
	padding-top: 15px;
}

.shop__sidebar__color label {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	position: relative;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 10px;
	cursor: pointer;
}

.shop__sidebar__color label.c-1 {
	background: #0b090c;
}

.shop__sidebar__color label.c-2 {
	background: #20315f;
}

.shop__sidebar__color label.c-3 {
	background: #f1af4d;
}

.shop__sidebar__color label.c-4 {
	background: #636068;
}

.shop__sidebar__color label.c-5 {
	background: #57594d;
}

.shop__sidebar__color label.c-6 {
	background: #e8bac4;
}

.shop__sidebar__color label.c-7 {
	background: #d6c1d7;
}

.shop__sidebar__color label.c-8 {
	background: #ed1c24;
}

.shop__sidebar__color label.c-9 {
	background: #ffffff;
}

.shop__sidebar__color label:after {
	position: absolute;
	left: -3px;
	top: -3px;
	height: 36px;
	width: 36px;
	border: 1px solid #e5e5e5;
	content: "";
	border-radius: 50%;
}

.shop__sidebar__color label input {
	position: absolute;
	visibility: hidden;
}

.shop__sidebar__tags {
	padding-top: 15px;
}

.shop__sidebar__tags a {
	color: #404040;
	font-size: 13px;
	font-weight: 700;
	background: #f1f5f8;
	padding: 5px 18px;
	display: inline-block;
	text-transform: uppercase;
	margin-right: 6px;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.shop__sidebar__tags a:hover {
	background: #111111;
	color: #ffffff;
}

.shop__sidebar__accordion .card-heading a:after,
.shop__sidebar__accordion .card-heading>a.active[aria-expanded=false]:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 24px;
	font-weight: 700;
	color: #111111;
	position: absolute;
	right: 0;
	top: 2px;
	line-height: 20px;
}

.shop__sidebar__accordion .card-heading.active a:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 24px;
	font-weight: 700;
	color: #111111;
	position: absolute;
	right: 0;
	top: 2px;
	line-height: 20px;
}

.shop__product__option {
	margin-bottom: 45px;
}

.shop__product__option p {
	color: #111111;
	margin-bottom: 0;
}

.shop__product__option__right {
	text-align: right;
}

.shop__product__option__right p {
	display: inline-block;
	margin-bottom: 0;
}

.shop__product__option__right .nice-select {
	float: none;
	display: inline-block;
	padding: 0;
	line-height: 26px;
	height: auto;
	border: none;
	padding-right: 28px;
}

.shop__product__option__right .nice-select:after {
	border-bottom: 1.5px solid #111111;
	border-right: 1.5px solid #111111;
	height: 8px;
	right: 12px;
	width: 8px;
}

.shop__product__option__right .nice-select span {
	color: #111111;
	font-size: 15px;
	font-weight: 700;
}

.shop__product__option__right .nice-select .list {
	border-radius: 0;
}

.product__pagination {
	padding-top: 25px;
	text-align: center;
}

.product__pagination a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #111111;
	height: 30px;
	width: 30px;
	border: 1px solid transparent;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
}

.product__pagination a.active {
	border-color: #111111;
}

.product__pagination a:hover {
	border-color: #111111;
}

.product__pagination span {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #111111;
	padding-left: 10px;
	padding-right: 15px;
}

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

.product__details__pic {
	text-align: center;
	background: #f3f2ee;
	padding: 40px 0 60px;
	margin-bottom: 100px;
}

.product__details__pic .nav-tabs {
	border-bottom: none;
	width: 105px;
}

.product__details__pic .nav-tabs .nav-item {
	margin-bottom: 10px;
}

.product__details__pic .nav-tabs .nav-item:last-child {
	margin-bottom: 0;
}

.product__details__pic .nav-tabs .nav-item .nav-link {
	padding: 0;
	display: block;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic {
	height: 120px;
	width: 95px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic i {
	height: 56px;
	width: 56px;
	border: 4px solid #ffffff;
	border-radius: 50%;
	font-size: 20px;
	color: #ffffff;
	line-height: 48px;
	display: inline-block;
	text-align: center;
}

.product__details__pic .nav-tabs .nav-item.show .nav-link,
.product__details__pic .nav-tabs .nav-link.active {
	background-color: transparent;
	border-color: transparent;
}

.product__details__breadcrumb {
	margin-bottom: 30px;
}

.product__details__breadcrumb a {
	font-size: 15px;
	color: #111111;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.product__details__breadcrumb a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.product__details__breadcrumb span {
	font-size: 15px;
	color: #b7b7b7;
	display: inline-block;
}

.product__details__pic__item {
	position: relative;
}

.product__details__pic__item a {
	height: 56px;
	width: 56px;
	border: 4px solid #ffffff;
	border-radius: 50%;
	font-size: 20px;
	color: #ffffff;
	line-height: 48px;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -28px;
	margin-left: -28px;
}

.product__details__text {
	text-align: center;
}

.product__details__text h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 10px;
}

.product__details__text .rating {
	margin-bottom: 20px;
}

.product__details__text .rating i {
	font-size: 15px;
	color: #f7941d;
	display: inline-block;
	margin-right: -5px;
}

.product__details__text .rating span {
	display: inline-block;
	color: #3d3d3d;
	margin-left: 5px;
}

.product__details__text h3 {
	color: #0d0d0d;
	font-weight: 700;
	margin-bottom: 16px;
}

.product__details__text h3 span {
	color: #b7b7b7;
	font-size: 20px;
	font-weight: 400;
	margin-left: 10px;
	text-decoration: line-through;
}

.product__details__text p {
	margin-bottom: 35px;
}

.product__details__option {
	margin-bottom: 30px;
}

.product__details__option__size {
	display: inline-block;
	margin-right: 50px;
}

.product__details__option__size span {
	color: #111111;
	display: inline-block;
	margin-right: 10px;
}

.product__details__option__size label {
	color: #111111;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid #e5e5e5;
	padding: 6px 15px;
	margin-bottom: 0;
	margin-right: 5px;
	cursor: pointer;
}

.product__details__option__size label.active {
	background: #111111;
	color: #ffffff;
	border-color: #111111;
}

.product__details__option__size label input {
	position: absolute;
	visibility: hidden;
}

.product__details__option__color {
	display: inline-block;
	position: relative;
	top: 10px;
}

.product__details__option__color span {
	color: #111111;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: -9px;
}

.product__details__option__color label {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	position: relative;
	margin-right: 10px;
	margin-bottom: 0;
	display: inline-block;
	cursor: pointer;
}

.product__details__option__color label.c-1 {
	background: #0b090c;
}

.product__details__option__color label.c-2 {
	background: #20315f;
}

.product__details__option__color label.c-3 {
	background: #f1af4d;
}

.product__details__option__color label.c-4 {
	background: #ed1c24;
}

.product__details__option__color label.c-9 {
	background: #ffffff;
}

.product__details__option__color label:after {
	position: absolute;
	left: -3px;
	top: -3px;
	height: 36px;
	width: 36px;
	border: 1px solid #e5e5e5;
	content: "";
	border-radius: 50%;
}

.product__details__option__color label input {
	position: absolute;
	visibility: hidden;
}

.product__details__cart__option {
	margin-bottom: 25px;
}

.product__details__cart__option .quantity {
	display: inline-block;
	margin-right: 20px;
}

.product__details__cart__option .quantity .pro-qty {
	width: 100px;
	height: 40px;
	border: 1px solid #e5e5e5;
	position: relative;
}

.product__details__cart__option .quantity .pro-qty input {
	color: #0d0d0d;
	font-size: 15px;
	font-weight: 700;
	width: 70px;
	height: 100%;
	text-align: center;
	border: none;
}

.product__details__cart__option .quantity .pro-qty .qtybtn {
	font-size: 18px;
	color: #0d0d0d;
	position: absolute;
	right: 15px;
	top: 3px;
	height: 10px;
	width: 10px;
	cursor: pointer;
	font-weight: 600;
}

.product__details__cart__option .quantity .pro-qty .qtybtn.inc {
	top: 16px;
}

.product__details__btns__option {
	margin-bottom: 40px;
}

.product__details__btns__option a {
	display: inline-block;
	font-size: 13px;
	color: #3d3d3d;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 20px;
}

.product__details__btns__option a:last-child {
	margin-right: 0;
}

.product__details__last__option h5 {
	color: #111111;
	font-weight: 700;
	font-size: 20px;
	position: relative;
	margin-bottom: 26px;
}

.product__details__last__option h5 span {
	background: #ffffff;
	padding: 0 30px;
}

.product__details__last__option h5:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	height: 1px;
	width: 460px;
	background: #e5e5e5;
	content: "";
	z-index: -1;
	margin: 0 auto;
}

.product__details__last__option ul {
	padding-top: 40px;
}

.product__details__last__option ul li {
	list-style: none;
	font-size: 15px;
	color: #111111;
	font-weight: 700;
	line-height: 30px;
}

.product__details__last__option ul li span {
	font-weight: 400;
	color: #b7b7b7;
}

.product__details__tab {
	padding-top: 60px;
}

.product__details__tab .nav-tabs {
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.product__details__tab .nav-tabs .nav-item {
	margin-right: 50px;
}

.product__details__tab .nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.product__details__tab .nav-tabs .nav-item .nav-link {
	font-size: 20px;
	color: #b7b7b7;
	padding: 0;
	border: none;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
}

.product__details__tab .nav-tabs .nav-item .nav-link.active {
	border-bottom: 2px solid #e53637;
}

.product__details__tab__content {
	padding-top: 35px;
}

.note {
	color: #111111;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 25px;
}

.product__details__tab__content__item {
	margin-bottom: 30px;
}

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

.product__details__tab__content__item h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
}

.product__details__tab__content__item p {
	margin-bottom: 0;
}

/*---------------------
  Related
-----------------------*/

.related {
	padding-bottom: 55px;
}

.related-title {
	color: #111111;
	font-weight: 700;
	margin-bottom: 45px;
	text-align: center;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	background: url("../../image/hawamahal2.jpg") no-repeat center bottom;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* light overlay */

.footer::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.65);
	z-index:1;
}

.footer .container{
	position:relative;
	z-index:2;
}

/* ABOUT */

.footer__about {
	margin-bottom: 30px;
}

.footer__about .footer__logo {
	margin-bottom: 30px;
}

.footer__about .footer__logo a {
	display: inline-block;
}

.footer__about p {
	color: #5c4a45;
	margin-bottom: 30px;
}

/* WIDGET */

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #b45555;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

/* LINKS */

.footer__widget ul li {
	line-height: 36px;
	list-style: none;
}

.footer__widget ul li a {
	color: #B45509;
	font-size: 15px;
	transition: 0.3s;
}

.footer__widget ul li a:hover {
	color: #b45555;
	padding-left: 5px;
}

/* NEWSLETTER */

.footer__widget .footer__newslatter p {
	color: #5c4a45;
}

.footer__widget .footer__newslatter form {
	position: relative;
}

.footer__widget .footer__newslatter form input {
	width: 100%;
	font-size: 15px;
	color: #5c4a45;
	background: transparent;
	border: none;
	padding: 15px 0;
	border-bottom: 2px solid #b45555;
}

.footer__widget .footer__newslatter form input::placeholder {
	color: #5c4a45;
}

.footer__widget .footer__newslatter form button {
	color: #b45555;
	font-size: 16px;
	position: absolute;
	right: 5px;
	top: 0;
	height: 100%;
	background: transparent;
	border: none;
}

/* SOCIAL ICONS */

.social-icons{
	display:flex;
	gap:15px;
	padding:0;
	margin-top:10px;
}

.social-icons li{
	list-style:none;
}

.social-icons a{
	color:#8b3a3a;
	font-size:20px;
	transition:0.3s;
}

.social-icons a:hover{
	color:#5a1f1f;
	transform:scale(1.2);
}

/* COPYRIGHT */

.footer__copyright__text {
	border-top: 1px solid rgba(0,0,0,0.15);
	padding: 20px 0;
	margin-top: 40px;
	text-align:center;
}

.footer__copyright__text p {
	color: #5c4a45;
	margin-bottom: 0;
	font-size:14px;
}

.footer__copyright__text p a {
	color: #b45555;
}


/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	background: #f3f2ee;
	padding: 20px 0;
}

.breadcrumb__text h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 8px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #111111;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.breadcrumb__links span {
	font-size: 15px;
	color: #b7b7b7;
	display: inline-block;
}

/*---------------------
  Breadcrumb Blog
-----------------------*/

.breadcrumb-blog {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 350px;
}

.breadcrumb-blog h2 {
	color: #ffffff;
	font-size: 60px;
	font-weight: 700;
}

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

.about {
	padding-bottom: 70px;
}

.about__pic {
	margin-bottom: 35px;
}

.about__pic img {
	min-width: 100%;
}

.about__item {
	margin-bottom: 30px;
}

.about__item h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 10px;
}

.about__item p {
	margin-bottom: 0;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial {
	background: #f3f2ee;
}

.testimonial__text {
	text-align: center;
	padding: 130px 150px 175px;
}

.testimonial__text span {
	color: #e53637;
	font-size: 72px;
}

.testimonial__text p {
	color: #111111;
	font-size: 20px;
	font-style: italic;
	line-height: 30px;
	padding-top: 12px;
	margin-bottom: 25px;
}

.testimonial__author {
	display: inline-block;
}

.testimonial__author__pic {
	float: left;
	margin-right: 20px;
}

.testimonial__author__pic img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}

.testimonial__author__text {
	overflow: hidden;
	padding-top: 3px;
}

.testimonial__author__text h5 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 5px;
}

.testimonial__author__text p {
	color: #b7b7b7;
	margin-bottom: 0 !important;
	padding-top: 0;
}

.testimonial__pic {
	height: 600px;
}

/*---------------------
  Counter
-----------------------*/

.counter {
	padding-bottom: 0;
}

.counter .container {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 70px;
}

.counter__item {
	margin-bottom: 30px;
	overflow: hidden;
}

.counter__item .counter__item__number {
	float: left;
	margin-right: 15px;
}

.counter__item .counter__item__number h2 {
	color: #111111;
	font-weight: 700;
	font-size: 60px;
	line-height: 50px;
	display: inline-block;
}

.counter__item .counter__item__number strong {
	color: #111111;
	font-weight: 700;
	font-size: 60px;
	line-height: 50px;
	display: inline-block;
}

.counter__item span {
	display: block;
	color: #3d3d3d;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	overflow: hidden;
}

/*---------------------
  Testimonial
-----------------------*/

.team {
	padding-bottom: 70px;
}

.team__item {
	margin-bottom: 30px;
}

.team__item img {
	min-width: 100%;
	margin-bottom: 25px;
}

.team__item h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 8px;
}

.team__item span {
	font-size: 15px;
	display: block;
	color: #b7b7b7;
}

/*---------------------
  Clients
-----------------------*/

.clients {
	padding-top: 0;
	padding-bottom: 25px;
}

.client__item {
	display: block;
	margin-bottom: 75px;
	text-align: center;
}

/*---------------------
  Shopping Cart
-----------------------*/

.shopping__cart__table {
	margin-bottom: 30px;
}

.shopping__cart__table table {
	width: 100%;
}

.shopping__cart__table table thead {
	border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table thead tr th {
	color: #111111;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 25px;
}

.shopping__cart__table table tbody tr {
	border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table tbody tr td {
	padding-bottom: 30px;
	padding-top: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item {
	width: 400px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
	float: left;
	margin-right: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text {
	overflow: hidden;
	padding-top: 21px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h6 {
	color: #111111;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h5 {
	color: #0d0d0d;
	font-weight: 700;
}

.shopping__cart__table table tbody tr td.quantity__item {
	width: 175px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 {
	width: 80px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 input {
	width: 50px;
	border: none;
	text-align: center;
	color: #111111;
	font-size: 16px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 .qtybtn {
	font-size: 16px;
	color: #888888;
	width: 10px;
	cursor: pointer;
}

.shopping__cart__table table tbody tr td.cart__price {
	color: #111111;
	font-size: 18px;
	font-weight: 700;
	width: 140px;
}

.shopping__cart__table table tbody tr td.cart__close i {
	font-size: 18px;
	color: #111111;
	height: 40px;
	width: 40px;
	background: #f3f2ee;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
}

.continue__btn.update__btn {
	text-align: right;
}

.continue__btn.update__btn a {
	color: #ffffff;
	background: #111111;
	border-color: #111111;
}

.continue__btn.update__btn a i {
	margin-right: 5px;
}

.continue__btn a {
	color: #111111;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: 1px solid #e1e1e1;
	padding: 14px 35px;
	display: inline-block;
}

.cart__discount {
	margin-bottom: 60px;
}

.cart__discount h6 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.cart__discount form {
	position: relative;
}

.cart__discount form input {
	font-size: 14px;
	color: #b7b7b7;
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
}

.cart__discount form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.cart__discount form input::-moz-placeholder {
	color: #b7b7b7;
}

.cart__discount form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.cart__discount form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.cart__discount form input::placeholder {
	color: #b7b7b7;
}

.cart__discount form button {
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #111111;
	padding: 0 30px;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.cart__total {
	background: #f3f2ee;
	padding: 35px 40px 40px;
}

.cart__total h6 {
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.cart__total ul {
	margin-bottom: 25px;
}

.cart__total ul li {
	list-style: none;
	font-size: 16px;
	color: #444444;
	line-height: 40px;
	overflow: hidden;
}

.cart__total ul li span {
	font-weight: 700;
	color: #e53637;
	float: right;
}

.cart__total .primary-btn {
	display: block;
	padding: 12px 10px;
	text-align: center;
	letter-spacing: 2px;
}

/*---------------------
  Checkout
-----------------------*/

.coupon__code {
	color: #0d0d0d;
	font-size: 14px;
	border-top: 2px solid #77b527;
	background: #f5f5f5;
	padding: 23px 30px 18px;
	margin-bottom: 50px;
}

.coupon__code span {
	margin-right: 15px;
}

.coupon__code a {
	color: #0d0d0d;
}

.checkout__title {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 25px;
	margin-bottom: 30px;
}

.checkout__input {
	margin-bottom: 6px;
}

.checkout__input p {
	color: #111111;
	margin-bottom: 12px;
}

.checkout__input p span {
	color: #e53637;
}

.checkout__input input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #b7b7b7;
	padding-left: 20px;
	margin-bottom: 20px;
}

.checkout__input input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.checkout__input input::-moz-placeholder {
	color: #b7b7b7;
}

.checkout__input input:-ms-input-placeholder {
	color: #b7b7b7;
}

.checkout__input input::-ms-input-placeholder {
	color: #b7b7b7;
}

.checkout__input input::placeholder {
	color: #b7b7b7;
}

.checkout__input__checkbox label {
	font-size: 15px;
	color: #0d0d0d;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	margin-bottom: 16px;
	display: block;
}

.checkout__input__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
	border-color: #e53637;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
	opacity: 1;
}

.checkout__input__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 3px;
	height: 14px;
	width: 14px;
	border: 1.5px solid #d7d7d7;
	content: "";
	border-radius: 2px;
}

.checkout__input__checkbox label .checkmark:after {
	position: absolute;
	left: 1px;
	top: -3px;
	width: 14px;
	height: 7px;
	border: solid #e53637;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	content: "";
	opacity: 0;
}

.checkout__input__checkbox p {
	color: #0d0d0d;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 22px;
}

.checkout__order {
	background: #f3f2ee;
	padding: 30px;
}

.checkout__order .order__title {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 25px;
	margin-bottom: 30px;
}

.checkout__order p {
	color: #444444;
	font-size: 16px;
	line-height: 28px;
}

.checkout__order .site-btn {
	width: 100%;
	margin-top: 8px;
}

.checkout__order__products {
	font-size: 16px;
	color: #111111;
	overflow: hidden;
	margin-bottom: 18px;
}

.checkout__order__products span {
	float: right;
}

.checkout__total__products {
	margin-bottom: 20px;
}

.checkout__total__products li {
	font-size: 16px;
	color: #444444;
	list-style: none;
	line-height: 26px;
	overflow: hidden;
	margin-bottom: 15px;
}

.checkout__total__products li:last-child {
	margin-bottom: 0;
}

.checkout__total__products li span {
	color: #111111;
	float: right;
}

.checkout__total__all {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 15px 0;
	margin-bottom: 26px;
}

.checkout__total__all li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	line-height: 40px;
	overflow: hidden;
}

.checkout__total__all li span {
	color: #e53637;
	font-weight: 700;
	float: right;
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-bottom: 55px;
}

.latest {
	padding-bottom: 55px;
}

.blog__item {
	margin-bottom: 45px;
}

.blog__item:hover a::after {
	width: 40px;
	background: #e53637;
}

.blog__item:hover .blog__item__text {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.05);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.05);
}

.blog__item__pic {
	height: 270px;
}

.blog__item__text {
	padding: 30px 30px 25px;
	margin: 0 30px;
	margin-top: -35px;
	background: #ffffff;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__item__text span {
	color: #3d3d3d;
	font-size: 13px;
	display: block;
	margin-bottom: 10px;
}

.blog__item__text span img {
	margin-right: 6px;
}

.blog__item__text h5 {
	color: #0d0d0d;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 10px;
}

.blog__item__text a {
	display: inline-block;
	color: #111111;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding: 3px 0;
	position: relative;
}

.blog__item__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #111111;
	content: "";
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar__item {
	text-align: center;
	margin-bottom: 65px;
}

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

.blog__sidebar__item form input {
	height: 50px;
	font-size: 15px;
	color: #444444;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	width: 100%;
	margin-bottom: 20px;
}

.blog__sidebar__item form input::-webkit-input-placeholder {
	color: #444444;
}

.blog__sidebar__item form input::-moz-placeholder {
	color: #444444;
}

.blog__sidebar__item form input:-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar__item form input::-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar__item form input::placeholder {
	color: #444444;
}

.blog__sidebar__title {
	text-align: center;
	margin-bottom: 35px;
}

.blog__sidebar__title h4 {
	color: #111111;
	font-weight: 700;
	position: relative;
	padding-bottom: 20px;
}

.blog__sidebar__title h4::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	width: 70px;
	background: #e1e1e1;
	content: "";
	margin: 0 auto;
}

.blog__sidebar__social a {
	display: inline-block;
	font-size: 18px;
	color: #111111;
	width: 50px;
	height: 50px;
	background: #f2f2f2;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	margin-right: 6px;
}

.blog__sidebar__social a:last-child {
	margin-right: 6px;
}

.recent__item {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
	text-align: left;
}

.recent__item__pic {
	float: left;
	margin-right: 25px;
}

.recent__item__text {
	overflow: hidden;
}

.recent__item__text h6 {
	color: #111111;
	line-height: 21px;
	font-weight: 700;
}

.recent__item__text span {
	font-size: 13px;
	color: #888888;
}

/*---------------------
  Blog Hero
-----------------------*/

.blog-hero {
	background: #f3f2ee;
	padding-top: 125px;
	padding-bottom: 190px;
}

.blog__hero__text h2 {
	color: #111111;
	font-size: 42px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 18px;
}

.blog__hero__text ul li {
	list-style: none;
	font-size: 15px;
	color: #3d3d3d;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.blog__hero__text ul li:after {
	position: absolute;
	right: -25px;
	top: 0;
	content: "|";
}

.blog__hero__text ul li:last-child {
	margin-right: 0;
}

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

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
	margin-top: -115px;
	padding-top: 0;
}

.blog__details__content {
	position: relative;
}

.blog__details__pic {
	margin-bottom: 60px;
}

.blog__details__pic img {
	min-width: 100%;
	border-radius: 5px;
}

.blog__details__share {
	text-align: center;
	position: absolute;
	left: -120px;
	top: 0;
}

.blog__details__share span {
	color: #111111;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	margin-bottom: 30px;
}

.blog__details__share ul li {
	list-style: none;
	margin-bottom: 15px;
}

.blog__details__share ul li a {
	color: #ffffff;
	font-size: 18px;
	height: 46px;
	display: inline-block;
	width: 46px;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	background: #4267b2;
}

.blog__details__share ul li a.twitter {
	background: #1da1f2;
}

.blog__details__share ul li a.youtube {
	background: #fe0003;
}

.blog__details__share ul li a.linkedin {
	background: #0173b2;
}

.blog__details__text {
	margin-bottom: 50px;
}

.blog__details__text p {
	font-size: 18px;
	line-height: 34px;
}

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

.blog__details__quote {
	background: #f3f2ee;
	padding: 50px 40px 35px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 45px;
}

.blog__details__quote i {
	font-size: 16px;
	color: #ffffff;
	height: 50px;
	width: 50px;
	background: #e53637;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	position: absolute;
	left: 40px;
	top: -25px;
}

.blog__details__quote p {
	color: #111111;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 20px;
}

.blog__details__quote h6 {
	color: #e53637;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.blog__details__option {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
	margin-bottom: 70px;
}

.blog__details__author__pic {
	display: inline-block;
	margin-right: 15px;
}

.blog__details__author__pic img {
	height: 46px;
	width: 46px;
	border-radius: 50%;
}

.blog__details__author__text {
	display: inline-block;
}

.blog__details__author__text h5 {
	color: #111111;
	font-weight: 700;
}

.blog__details__tags {
	text-align: right;
}

.blog__details__tags a {
	display: inline-block;
	color: #111111;
	font-weight: 700;
	margin-right: 10px;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__btns {
	margin-bottom: 40px;
}

.blog__details__btns__item {
	display: block;
	border: 1px solid #ebebeb;
	padding: 25px 30px 30px;
	margin-bottom: 30px;
}

.blog__details__btns__item.blog__details__btns__item--next {
	text-align: right;
}

.blog__details__btns__item.blog__details__btns__item--next p span {
	margin-right: 0;
	margin-left: 5px;
}

.blog__details__btns__item p {
	color: #b7b7b7;
	margin-bottom: 10px;
}

.blog__details__btns__item p span {
	font-size: 20px;
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.blog__details__btns__item h5 {
	color: #111111;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.blog__details__comment h4 {
	color: #333333;
	font-weight: 700;
	margin-bottom: 35px;
	text-align: center;
}

.blog__details__comment form input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	font-size: 15px;
	color: #b7b7b7;
	margin-bottom: 30px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__comment form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form input::-moz-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form input::placeholder {
	color: #b7b7b7;
}

.blog__details__comment form input:focus {
	border-color: #000000;
}

.blog__details__comment form textarea {
	height: 120px;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 15px;
	color: #b7b7b7;
	margin-bottom: 24px;
	resize: none;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__comment form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment form textarea::placeholder {
	color: #b7b7b7;
}

.blog__details__comment form textarea:focus {
	border-color: #000000;
}

.blog__details__comment form button {
	letter-spacing: 4px;
	padding: 14px 35px;
}

/*---------------------
  Map
-----------------------*/

.map {
	height: 500px;
}

.map iframe {
	width: 100%;
}

/*---------------------
  Contact
-----------------------*/

.contact__text .section-title {
	text-align: left;
	margin-bottom: 40px;
}

.contact__text .section-title h2 {
	font-size: 48px;
	margin-bottom: 18px;
}

.contact__text .section-title p {
	color: #707070;
	line-height: 26px;
	margin-bottom: 0;
}

.contact__text ul li {
	list-style: none;
	margin-bottom: 26px;
}

.contact__text ul li:last-child {
	margin-bottom: 0;
}

.contact__text ul li h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 8px;
}

.contact__text ul li p {
	line-height: 27px;
	margin-bottom: 0;
}

.contact__form input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	font-size: 15px;
	color: #b7b7b7;
	margin-bottom: 30px;
}

.contact__form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form input::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form input::placeholder {
	color: #b7b7b7;
}

.contact__form textarea {
	height: 150px;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 15px;
	color: #b7b7b7;
	margin-bottom: 24px;
	resize: none;
}

.contact__form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form textarea::placeholder {
	color: #b7b7b7;
}

.contact__form button {
	letter-spacing: 4px;
	padding: 14px 35px;
}

.social-icons{
    display:flex;
    gap:18px;
    padding:0;
}

.social-icons li{
    list-style:none;
}

.social-icons li a i{
    font-size:24px;   /* icon size bada */
    color:#d97676;
}

.social-icons li a i:hover{
    color:#d4af37;
}

/*loginoption page */
.login-section{
    background:#f3f3f3;
    text-align:center;
    padding:120px 20px;
}

.login-box{
    max-width:520px;
    margin:auto;
}

.login-box h2{
    font-size:34px;
    color:#777;
}

.login-desc{
    font-size:18px;
    color:#777;
    margin-bottom:40px;
    white-space:nowrap;
}

.login-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    background:#000;
    color:#fff;
    text-decoration:none;
    padding:18px;
    margin-bottom:22px;
    font-size:18px;
    font-weight:500;
}

.login-btn i{
    font-size:22px;
}

.login-terms{
    font-size:18px;
    margin-top:25px;
    color:#777;
    white-space:nowrap;
}  

/* continue with mobile */
.mobile-login-section{
background:#f3f3f3;
padding:120px 20px;
text-align:center;
}

.mobile-login-box{
max-width:500px;
margin:auto;
}

.mobile-login-box h2{
font-size:42px;
color:#777;
margin-bottom:15px;
}

.mobile-desc{
font-size:16px;
color:#777;
margin-bottom:40px;
}

.form-group{
text-align:left;
margin-bottom:25px;
}

.form-group label{
font-size:14px;
color:#666;
display:block;
margin-bottom:8px;
}

.form-group input{
width:100%;
padding:16px;
border:1px solid #2c6ed5;
border-radius:4px;
font-size:16px;
outline:none;
}

.submit-btn:hover{
background:#333;
}

.cancel-btn{
display:block;
margin-top:20px;
color:#777;
text-decoration:none;
font-size:14px;
}

/* otp page */
.otp-section{
background:#f3f3f3;
padding:120px 20px;
text-align:center;
}

.otp-box{
max-width:520px;
margin:auto;
}

.otp-box h2{
font-size:40px;
color:#777;
margin-bottom:10px;
}

.otp-desc{
color:#777;
font-size:16px;
margin-bottom:35px;
}

.otp-inputs{
display:flex;
justify-content:center;
gap:12px;
margin-bottom:35px;
}

.otp{
width:55px;
height:55px;
text-align:center;
font-size:20px;
border:1px solid #ccc;
border-radius:8px;
outline:none;
}

.otp:focus{
border-color:#2c6ed5;
box-shadow:0 0 4px rgba(44,110,213,0.4);
}

.otp-btn{
width:100%;
padding:18px;
background:#000;
color:#fff;
border:none;
font-size:16px;
cursor:pointer;
margin-bottom:20px;
}

.resend-text{
color:#333;
font-size:15px;
margin-bottom:25px;
}

.cancel-btn{
text-decoration:none;
color:#777;
font-size:14px;
}

.story-section{
padding:100px 0;
background:url("../../image/hawamahal.jpg");
background-size:cover;
background-position:center;
text-align:center;
}

.story-title h2{
font-size:40px;
color:#6a4a2f;
margin-bottom:10px;
font-family:serif;
}

.story-title p{
color:#8c7a65;
margin-bottom:15px;
}

.divider{
width:120px;
height:2px;
background:#b58b47;
margin:15px auto 60px;
position:relative;
}

.story-grid{
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap;
}

.story-card{
text-align:center;
width:260px;
}

.arch-frame{
width:260px;
height:420px;
border:4px solid #b58b47;
border-radius:140px 140px 20px 20px;
overflow:hidden;
position:relative;
background:#fff;
}

.arch-frame img{
width:100%;
height:100%;
object-fit:cover;
}

.story-card h3{
margin-top:18px;
font-size:20px;
color:#6a4a2f;
}

/* Coming Soon */
.coming img{
filter:blur(5px);
}

.coming-text{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:white;
font-size:24px;
font-weight:500;
}

.heritage-section{
    padding:80px 0;
    background:#faf8f5;
}

.heritage-title{
    font-size:36px;
    font-weight:500;
    color:#7b5a3a;
    margin-bottom:25px;
    font-family: 'Playfair Display', serif;
}

.heritage-text{
    color:#555;
    margin-bottom:15px;
}

.connect-section{
padding:80px 0;
background:#f5f3f2;
}

.connect-title{
text-align:center;
font-size:32px;
letter-spacing:3px;
margin-bottom:50px;
color:#3b2e2e;
font-weight:500;
}

/* GRID */

.connect-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

/* IMAGE */

.connect-image img{
width:100%;
height:100%;
object-fit:cover;
border-radius:6px;
}

/* FORM */

.connect-form form{
display:flex;
flex-direction:column;
gap:20px;
}

/* INPUT */

.connect-form input,
.connect-form textarea{
width:100%;
padding:16px 18px;
border:1px solid #ddd;
border-radius:8px;
font-size:14px;
background:#f7f7f7;
outline:none;
transition:0.3s;
}

.connect-form input:focus,
.connect-form textarea:focus{
border-color:#b8896b;
background:#fff;
}

/* DOUBLE INPUT */

.double-input{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
}

/* TEXTAREA */

.connect-form textarea{
height:120px;
resize:none;
}

/* BUTTON */

.connect-form button{
padding:16px;
border:none;
background:#dedede;
font-size:16px;
letter-spacing:1px;
cursor:pointer;
border-radius:8px;
transition:0.3s;
}

.connect-form button:hover{
background:#b8896b;
color:white;
}

.price-request-btn{
    display:inline-block;
    margin-top:10px;
    padding:10px 20px;
    font-size:13px;
    letter-spacing:1px;
    border:1px solid #d8a7a7;
    color:#c48b8b;
    text-decoration:none;
    background:#fff;
    transition:all .3s ease;
}

.price-request-btn:hover{
    background:#c48b8b;
    color:#fff;
}

.testimonial-section{
padding:80px 0;
background:#f6f3f2;
text-align:center;
}

.testimonial-title{
font-size:28px;
letter-spacing:3px;
color:#3a2d2d;
margin-bottom:60px;
font-weight:500;
}

.testimonial-item{
padding:30px;
max-width:420px;
margin:auto;
}

.quote{
font-size:70px;
color:#a7a7a7;
line-height:0;
margin-bottom:20px;
}

.testimonial-item p{
    font-size:14px;
    line-height:1.6;
    color:#555;

    max-width: 300px;   /* important */
    margin: 0 auto;

    word-break: break-word;
    overflow-wrap: break-word;
}

/* user */

.testimonial-user{
display:flex;
flex-direction:column;
align-items:center;
}

.testimonial-user img{
width:60px;
height:60px;
border-radius:50%;
object-fit:cover;
margin-bottom:10px;
}

.testimonial-user span{
font-size:14px;
color:#333;
}

/* owl dots */

.owl-dots{
margin-top:30px;
}

.owl-dot span{
width:10px;
height:10px;
background:#cfcfcf;
display:block;
border-radius:50%;
margin:5px;
}

.owl-dot.active span{
background:#000;
}

.register-section{
background:#f4f4f4;
padding:80px 20px;
}

.register-container{
max-width:520px;
margin:auto;
text-align:center;
}

.register-title{
font-size:42px;
color:#777;
margin-bottom:40px;
}

.form-group{
margin-bottom:22px;
position:relative;
}

.form-group label{
display:block;
text-align:left;
font-size:14px;
margin-bottom:6px;
color:#777;
}

.form-group input{
width:100%;
padding:16px;
border:1px solid #ccc;
border-radius:4px;
font-size:16px;
background:#fff;
}

/* password eye icon */

.password-field input{
padding-right:45px;
}

.eye-icon{
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
font-size:18px;
color:#777;
cursor:pointer;
}

/* button */

.register-btn{
width:100%;
padding:18px;
background:#000;
color:#fff;
border:none;
font-size:16px;
letter-spacing:1px;
cursor:pointer;
margin-top:15px;
}

.register-btn:hover{
background:#333;
}

.profile-menu {
    position: relative;
    list-style: none;
}

.profile-circle {
    width: 40px;
    height: 40px;
    background-color: #1c1b19;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.profile-dropdown {
    position: absolute;
    top: 50px;
    right: 0;
    background: #fff;
    width: 150px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: none;
    border-radius: 5px;
    padding: 10px 0;
    z-index: 999;
}

.profile-dropdown li {
    list-style: none;
}

.profile-dropdown li a,
.profile-dropdown li button {
    display: block;
    width: 100%;
    padding: 10px 15px;
    text-align: left;
    background: none;
    border: none;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.profile-dropdown li a:hover,
.profile-dropdown li button:hover {
    background: #f5f5f5;
}

.pagination {
    justify-content: center;
}

.pagination .page-link {
    border: none;
    color: #333;
    margin: 0 5px;
    border-radius: 6px;
    transition: 0.3s;
}

/* Hover effect fix */
.pagination .page-link:hover {
    background-color: #000;
    color: #fff;
    border-radius: 6px; /* circle remove */
	height: 38px; /* circle remove */
}

/* Active page */
.pagination .active .page-link {
    background-color: #000;
    color: #fff;
    border-radius: 6px;
}

/* Remove weird outline */
.pagination .page-link:focus {
    box-shadow: none;
}

.text-muted {
	display: none;
}

.containers{
max-width:1400px;
padding:40px 20px;
}

/* GRID */

.customize-grid{
display:grid;
grid-template-columns:1fr 2fr 1fr;
gap:25px;
}

/* CARD */

.card{
background:#fff;
padding:25px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

/* FORM GRID */

.form-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:20px;
}

/* INPUT */

.form-group{
display:flex;
flex-direction:column;
}

.form-group label{
font-size:13px;
margin-bottom:5px;
color:#555;
}

input,
select,
textarea{
padding:10px;
border:1px solid #ddd;
border-radius:6px;
font-size:14px;
width:100%;
}

/* TEXTAREA */

.full{
grid-column:1/4;
}

textarea{
height:80px;
}

/* BUTTON */

.submit-btn{
	margin-top:20px;
	width:100%;
	padding:12px;
	border:none;
	background:#3fa5ab;
	color:#fff;
	border-radius:6px;
	font-size:16px;
	cursor:pointer;
}


/* UPLOAD */

.upload-area{
border:2px dashed #ddd;
padding:40px;
text-align:center;
border-radius:8px;
}

/* CONTACT */

.contact-card input,
.contact-card textarea{
margin-bottom:12px;
}

.customize-top{
    padding:50px 20px;
    background:#f9f9f9;
}

.container{
    max-width:1200px;
    margin:auto;
}

/* VIDEO */

.video-box iframe{
    width:100%;
    height:400px;
    border-radius:10px;
}

/* HEADING */

.heading{
    text-align:center;
    margin:30px 0;
}

.heading h2{
    font-size:28px;
    font-weight:600;
}

.heading p{
    color:#777;
    margin-top:5px;
}

/* STEPS */

.steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.step{
    background:#fff;
    padding:20px;
    border-radius:10px;
    text-align:center;
    box-shadow:0 3px 10px rgba(0,0,0,0.08);
    transition:0.3s;
}

.step:hover{
    transform:translateY(-5px);
}

.icon{
    font-size:30px;
    margin-bottom:10px;
}

.step h4{
    margin-bottom:8px;
}

.step p{
    font-size:13px;
    color:#666;
}

.desktop-banner{
    display:block;
}

.mobile-banner{
    display:none;
}

.whatsapp-float{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 62px;
    height: 62px;
    z-index: 99999;
    border-radius: 50%;
    transition: .3s;
}

.whatsapp-float img{
    width:100%;
    height:100%;
    border-radius:50%;
}

.whatsapp-float:hover{
    transform: scale(1.1);
}

.collection-banner{
    width:100%;
}

.collection-banner-web{
    width:100%;
    height:550px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    display:block;
}

.collection-banner-mobile{
    display:none;
    width:100%;
    height:600px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.nature-section{
    margin-top: 50px !important;
    padding-top: 60px;   /* jitni space chahiye */
    background: #f8f8f3;
}

.nature-content{

    max-width:520px;

    margin:auto;

    text-align:left;

}

.nature-content h2{

    font-size:58px;

    font-weight:300;

    color:#555;

    line-height:1.1;

    margin-bottom:25px;

}

.nature-content p{

    font-size:22px;

    line-height:1.8;

    color:#555;

    margin-bottom:45px;

}

/* IMAGE */

.nature-image{

    width:430px;

    height:520px;

    overflow:hidden;

    margin:auto;

    border-radius:220px 220px 0 0;

}

.nature-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.collection-video-section{
    width:100%;
    padding:60px 0;
}

.collection-video-desktop{
    display:block;
}

.collection-video-mobile{
    display:none;
}

.collection-video-desktop video,
.collection-video-mobile video{
    width:100%;
    display:block;
    object-fit:cover;
}

.collection-fourth-section{
    background:#f8f7f3;
    padding:90px 0;
    text-align:center;
}

.fourth-title{
    font-size:48px;
    font-weight:300;
    color:#444;
    margin-bottom:70px;
}

.fourth-images{
    width:700px;
    height:480px;
    margin:auto;
    position:relative;
}

.fourth-images img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/*==============================
CENTER IMAGE
===============================*/

.center-shape{

    position:absolute;

    left:185px;
    top:0;

    width:280px;
    height:380px;

    overflow:hidden;

    z-index:2;

    /* same as screenshot */
    border-top-right-radius:110px;

}

.center-shape img{

    width:100%;
    height:100%;
    object-fit:cover;

}

/*==============================
LEFT IMAGE
===============================*/

.left-shape{

    position:absolute;

    left:70px;

    bottom:18px;

    width:170px;

    height:210px;

    overflow:hidden;

    z-index:5;

    border-top-right-radius:70px;

}

.left-shape img{

    width:100%;
    height:100%;
    object-fit:cover;

}

/*==============================
RIGHT IMAGE
===============================*/

.right-shape{

    position:absolute;

    right:85px;

    top:60px;

    width:170px;

    height:170px;

    overflow:hidden;

    border-radius:50%;

    z-index:6;

    border:10px solid #dff3fb;

}

.right-shape img{

    width:100%;
    height:100%;
    object-fit:cover;

}

/*==============================
DESCRIPTION
===============================*/

.fourth-description{
    width:70%;
    margin:60px auto 0;
    font-size:22px;
    line-height:42px;
    color:#555;
}

.difference-section{
    background:#f9f6ef;
    padding:90px 0;
	margin-top: 80px;
	margin-bottom: 80px;
}

.difference-section .container{
    max-width:1300px;
    width:92%;
    margin:auto;
}

.section-heading{
    text-align:center;
    margin-bottom:70px;
}

.section-heading h2{
    font-size:42px;
    font-family:"Playfair Display",serif;
    color:#222;
    margin-bottom:12px;
    font-weight:600;
}

.section-heading span{
    display:block;
    font-size:22px;
    color:#b89a57;
    font-family:"Playfair Display",serif;
    margin-bottom:25px;
}

.section-heading p{
    max-width:900px;
    margin:auto;
    color:#555;
    font-size:17px;
    line-height:32px;
}

.difference-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:50px 35px;
}

.difference-item{
    text-align:center;
    padding:10px 20px;
}

.icon{
    width:95px;
    height:95px;
    margin:auto;
    border:1px solid #c5b27b;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    transition:.3s;
}

.icon i{
    font-size:42px;
    color:#b89a57;
}

.difference-item:hover .icon{
    background:#b89a57;
}

.difference-item:hover .icon i{
    color:#fff;
}

.difference-item h4{
    font-size:28px;
    margin-bottom:18px;
    color:#222;
    font-family:"Playfair Display",serif;
    font-weight:500;
}

.difference-item p{
    font-size:16px;
    line-height:30px;
    color:#555;
}

.visit-image-section{

    width:100%;

    background:#fff;

	margin-top: 80px;

}

.visit-image-section img{
    width:100%;
    display:block;
    object-fit:cover;
}
.book-visit{
    background:#3f6814;
    padding:70px 0;
	margin-top: 80px;
}

.book-box{

    width:100%;

}

.book-box h2{

    color:#fff;

    text-align:center;

    margin-bottom:35px;

    font-size:34px;

}

.book-box input,
.book-box select{

    width:100%;

    height:55px;

    border:none;

    margin-bottom:18px;

    padding:15px;

}

.book-box button{

    width:220px;

    height:55px;

    display:block;

    margin:25px auto 0;

    border:none;

    background:#fff;

    color:#3f6814;

    font-weight:600;

}

.collection-story-section {
    width: 100%;
    padding: 0;
	margin-top: 80px;
}

.collection-story-wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
    min-height: 750px;
}

/* LEFT SIDE */
.collection-story-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 10%;
}

.collection-story-content h2 {
    margin: 0 0 35px;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.1;
    font-weight: 300;
    color: #4b4b4b;
}

.collection-story-description {
    max-width: 600px;
    font-size: 17px;
    line-height: 1.9;
    color: #555;
}


/* RIGHT SIDE IMAGE */
.collection-story-image {
    width: 100%;
    height: 100%;
}

.collection-story-image picture {
    display: block;
    width: 100%;
    height: 100%;
}

.collection-story-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.appointment-section {
    padding: 100px 0;
    background: #f8f7f5;
	margin-top: 80px;
}

.appointment-container {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 25px;
}

.appointment-title {
    margin: 0 0 55px;
    text-align: center;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 1px;
    color: #252525;
}


/* Main Layout */

.appointment-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 42px;
    align-items: stretch;
}


/* Image */

.appointment-image {
    width: 100%;
    height: 590px;
    overflow: hidden;
    border-radius: 7px;
}

.appointment-image picture,
.appointment-image img {
    display: block;
    width: 100%;
    height: 100%;
}

.appointment-image img {
    object-fit: cover;
    transition: transform 0.5s ease;
}

.appointment-image:hover img {
    transform: scale(1.03);
}


/* Form */

.appointment-form-wrapper {
    display: flex;
    align-items: center;
}

.appointment-form-wrapper form {
    width: 100%;
}


/* Inputs */

.appointment-input,
.appointment-textarea {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background: transparent;
    padding: 18px;
    font-size: 15px;
    color: #333;
    outline: none;
    font-family: inherit;
    transition: border-color 0.3s ease;
}

.appointment-input {
    height: 58px;
    margin-bottom: 20px;
}

.appointment-input::placeholder,
.appointment-textarea::placeholder {
    color: #666;
}

.appointment-input:focus,
.appointment-textarea:focus {
    border-color: #777;
}


/* Date + Time */

.appointment-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}


/* Textarea */

.appointment-textarea {
    height: 130px;
    resize: none;
    margin-bottom: 20px;
}


/* Button */

.appointment-button {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 8px;
    background: #dedede;
    color: #111;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.appointment-button:hover {
    background: #222;
    color: #fff;
}

.legacy-section{
    padding:80px 20px;
    background:#fff;
}

.legacy-section .container{
    max-width:900px;
    margin:auto;
}

.section-heading{
    text-align:center;
    margin-bottom:50px;
}

.section-heading h2{
    font-size:42px;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:20px;
    color:#2d2d2d;
    letter-spacing:1px;
}

.sub-heading{
    max-width:800px;
    margin:auto;
    font-size:18px;
    line-height:1.9;
    color:#666;
}

.legacy-content{
    text-align:center;
}

.legacy-image{
    margin-bottom:30px;
}

.legacy-image img{
    width:100%;
    max-width:420px;
    display:block;
    margin:auto;
    object-fit:cover;
}

.image-title{
    font-size:28px;
    text-transform:uppercase;
    margin-bottom:25px;
    color:#2d2d2d;
    font-weight:500;
    line-height:1.4;
}

.description{
    max-width:820px;
    margin:auto;
}

.description p{
    font-size:18px;
    line-height:1.9;
    color:#555;
}

.legacy-gallery-one{
    padding:80px 0;
}

.legacy-card{
    text-align:center;
}

.legacy-card img{
    width:100%;
    aspect-ratio:509/628;
    object-fit:cover;
    display:block;
}

.legacy-card h5{
    margin-top:15px;
    font-size:15px;
    line-height:24px;
    text-transform:uppercase;
    color:#555;
}


/*=========================
    SECTION 2
==========================*/

.legacy-gallery-two{
    padding:40px 0 80px;
}

.legacy-large-card{
    text-align:center;
}

.legacy-large-card img{
    width:100%;
    aspect-ratio:702/909;
    object-fit:cover;
    display:block;
}

.legacy-large-card h5{
    margin-top:15px;
    font-size:16px;
    line-height:24px;
    text-transform:uppercase;
    color:#555;
}

.echo-history{
    padding:80px 0;
}

.echo-history-content{
    max-width:538px;
    margin:0 auto;
    text-align:center;
}

/* 80x80 Icon */

.history-icon{
    width:80px;
    height:80px;
    display:block;
    margin:0 auto 25px;
}

/* Title */

.echo-history h2{
    max-width:538px;
    margin:0 auto 20px;
    font-size:32px;
    line-height:1.3;
    font-weight:500;
}

/* Description */

.echo-history p{
    max-width:538px;
    margin:0 auto 40px;
    font-size:16px;
    line-height:28px;
    color:#666;
}

/* Image */

.history-image{
    margin-bottom:35px;
}

.history-image img{
    width:100%;
    max-width:538px;
    height:auto;
    display:block;
    margin:0 auto;
}

/* Caption */

.history-image span{
    display:block;
    width:100%;
    max-width:538px;
    margin:15px auto 0;
    font-size:14px;
    text-transform:uppercase;
    color:#666;
}

.heritage-card-section{
    padding:80px 20px;
    display:flex;
    justify-content:center;
}

.heritage-card{

    width:100%;
    max-width:900px;
    min-height:1016px;

    background-image:url('../../image/jel_icon.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    padding:90px 70px;

    box-sizing:border-box;
}

/* Image */

.heritage-image{

    width:439px;
    margin-bottom:35px;

}

.heritage-image img{

    width:100%;
    height:548px;

    object-fit:cover;
    display:block;

}

/* Title */

.heritage-title{

    max-width:550px;

    text-align:center;

    font-size:34px;

    line-height:44px;

    text-transform:uppercase;

    margin-bottom:25px;

    color:#4d312d;

    letter-spacing:1px;

}

/* Description */

.heritage-desc{

    max-width:600px;

    text-align:center;

    font-size:18px;

    line-height:34px;

    color:#6a5c5a;

}

.heritage-card-section{
    width:100%;
    display:block;
    text-align:center;
}

.heritage-top-content{
    width:100%;
    max-width:850px;
    margin:0 auto 60px;
}

.heritage-card{
    width:900px;
    max-width:100%;
    margin:0 auto;
}

.heading-contactus{
    max-width:950px;
    margin:0 auto 70px;
    padding:0 15px;
}

.contact-subtitle{
    display:inline-block;
    color:#b68a35;
    font-size:14px;
    letter-spacing:3px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:12px;
}

.contact-titles{
    font-size:48px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:20px;
    color:#111;
}

.contact-titles span{
    color:#b68a35;
}

.contact-descriptions{
    font-size:18px;
    line-height:1.9;
    color:#666;
    max-width:900px;
    margin:auto;
}

.faq-section{
    max-width:1100px;
    margin:60px auto;
    padding:0 20px;
    font-family:'Poppins',sans-serif;
}

.faq-title{
    font-size:48px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.faq-description{
    color:#666;
    font-size:17px;
    line-height:1.8;
    margin-bottom:40px;
}

.faq-item{
    border-bottom:1px solid #ddd;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:22px 0;
    font-size:22px;
    font-weight:500;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:.3s;
}

.faq-item summary:hover{
    color:#b68a35;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    font-size:30px;
    font-weight:300;
    transition:.3s;
}

.faq-item[open] summary::after{
    content:"−";
}

.faq-content{
    padding:0 0 25px;
    color:#666;
    line-height:1.9;
    font-size:16px;
}

.faq-content p{
    margin-bottom:15px;
}

.faq-content ul{
    margin-left:20px;
}

.faq-content li{
    margin-bottom:8px;
}

.care-guide{
    max-width:1200px;
    margin:70px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.care-guide-header{
    text-align:center;
    margin-bottom:60px;
}

.care-guide-header span{
    display:inline-block;
    color:#b68a35;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.care-guide-header h1{
    font-size:54px;
    font-weight:700;
    color:#111;
    margin-bottom:18px;
    line-height:1.2;
}

.care-guide-header h3{
    font-size:24px;
    color:#b68a35;
    font-weight:500;
    margin-bottom:25px;
}

.care-guide-header p{
    max-width:950px;
    margin:0 auto 18px;
    font-size:17px;
    line-height:1.9;
    color:#666;
}

.everyday-care{
    max-width:1200px;
    margin:70px auto;
}

.everyday-title{
    text-align:center;
    margin-bottom:50px;
}

.everyday-title h2{
    font-size:42px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.everyday-title p{
    max-width:850px;
    margin:auto;
    color:#666;
    font-size:17px;
    line-height:1.8;
}

.care-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.care-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:15px;
    padding:35px;
    transition:.3s;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.care-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.10);
}

.care-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#f8f3e8;
    color:#b68a35;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:20px;
}

.care-card h3{
    font-size:24px;
    color:#111;
    margin-bottom:15px;
    font-weight:600;
}

.care-card p{
    color:#666;
    line-height:1.9;
    margin:0;
    font-size:16px;
}

.signature-care{
    max-width:1200px;
    margin:80px auto;
    font-family:'Poppins',Arial,sans-serif;
}

.signature-header{
    text-align:center;
    margin-bottom:60px;
}

.signature-header span{
    display:inline-block;
    color:#b68a35;
    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:15px;
}

.signature-header h2{
    font-size:44px;
    color:#111;
    font-weight:700;
    margin-bottom:15px;
}

.signature-header p{
    max-width:900px;
    margin:auto;
    color:#666;
    line-height:1.9;
    font-size:17px;
}

.signature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.signature-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}

.signature-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.signature-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#f8f3e8;
    color:#b68a35;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;
}

.signature-card h3{
    font-size:28px;
    color:#111;
    margin-bottom:20px;
    font-weight:600;
}

.signature-card p{
    color:#666;
    line-height:1.8;
    margin-bottom:18px;
}

.signature-card ul{
    padding-left:20px;
    margin:0;
}

.signature-card li{
    color:#555;
    line-height:1.9;
    margin-bottom:10px;
}

.care-highlight{
    max-width:1200px;
    margin:80px auto;
    font-family:'Poppins',sans-serif;
}

.highlight-box{
    background:linear-gradient(135deg,#fdfbf7,#f8f3e8);
    border:1px solid #eadfca;
    border-radius:20px;
    padding:50px;
    margin-bottom:35px;
    box-shadow:0 15px 35px rgba(0,0,0,.05);
    transition:.35s;
}

.highlight-box:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.highlight-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#b68a35;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:25px;
}

.highlight-box h2{
    font-size:38px;
    color:#111;
    margin-bottom:20px;
    font-weight:700;
}

.highlight-box p{
    color:#555;
    line-height:2;
    font-size:17px;
    margin-bottom:18px;
}

.highlight-note{
    border-left:5px solid #b68a35;
    background:#fff;
    padding:20px 25px;
    margin-top:25px;
    border-radius:10px;
    color:#444;
    font-style:italic;
}

.need-help-section{
    max-width:1200px;
    margin:80px auto;
    font-family:'Poppins',Arial,sans-serif;
}

.need-help-card{
    background:linear-gradient(135deg,#111,#1f1f1f);
    border-radius:20px;
    padding:60px;
    color:#fff;
    overflow:hidden;
    position:relative;
}

.need-help-card::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(182,138,53,.12);
}

.need-help-card::after{
    content:"";
    position:absolute;
    bottom:-120px;
    left:-120px;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(182,138,53,.08);
}

.need-help-content{
    position:relative;
    z-index:2;
}

.need-help-tag{
    display:inline-block;
    color:#d8b36a;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:13px;
    margin-bottom:15px;
    font-weight:600;
}

.need-help-card h2{
    font-size:44px;
    margin-bottom:20px;
    font-weight:700;
}

.need-help-card p{
    color:#ddd;
    font-size:17px;
    line-height:1.9;
    margin-bottom:35px;
}

.contact-info{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.info-box{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:15px;
    padding:25px;
    transition:.3s;
}

.info-box:hover{
    background:rgba(182,138,53,.12);
    border-color:#b68a35;
    transform:translateY(-5px);
}

.info-box h4{
    color:#d8b36a;
    font-size:20px;
    margin-bottom:12px;
    font-weight:600;
}

.info-box p{
    margin:0;
    color:#eee;
    font-size:16px;
    line-height:1.8;
}

.appointment-subtitle{
    font-size:24px;
    font-weight:500;
    margin-bottom:20px;
    line-height:1.5;
}

.appointment-description{
    max-width:850px;
    margin:0 auto 18px;
    font-size:17px;
    color:#666;
    line-height:1.9;
    text-align:center;
}

.appointment-container{
    text-align:center;
}

.appointment-layout{
    text-align:left;
    margin-top:55px;
}

.journey-section{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.journey-header{
    text-align:center;
    margin-bottom:60px;
}

.journey-header span{
    display:inline-block;
    color:#b68a35;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.journey-header h1{
    font-size:52px;
    font-weight:700;
    color:#111;
    margin-bottom:18px;
}

.journey-header h3{
    font-size:24px;
    color:#b68a35;
    font-weight:500;
    margin-bottom:25px;
}

.journey-content{
    max-width:1000px;
    margin:auto;
}

.journey-content p{
    font-size:17px;
    line-height:2;
    color:#555;
    margin-bottom:22px;
    text-align:justify;
}

.journey-content strong{
    color:#111;
}

.timeline-section{
    max-width:1200px;
    margin:90px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.timeline-header{
    text-align:center;
    margin-bottom:70px;
}

.timeline-header span{
    display:inline-block;
    color:#b68a35;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.timeline-header h2{
    font-size:46px;
    color:#111;
    font-weight:700;
    margin-bottom:15px;
}

.timeline-header p{
    max-width:800px;
    margin:auto;
    color:#666;
    line-height:1.9;
    font-size:17px;
}

.timeline-item{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
    margin-bottom:80px;
}

.timeline-image img{
    width:100%;
    border-radius:18px;
    display:block;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.timeline-content{
    position:relative;
    padding-left:35px;
}

.timeline-content::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:2px;
    height:100%;
    background:#d9c6a3;
}

.timeline-year{
    font-size:36px;
    font-weight:700;
    color:#b68a35;
    margin-bottom:12px;
}

.timeline-content h3{
    font-size:30px;
    color:#111;
    margin-bottom:18px;
    font-weight:600;
}

.timeline-content p{
    color:#555;
    line-height:1.9;
    margin-bottom:15px;
    font-size:16px;
}

.timeline-content ul{
    padding-left:20px;
    margin:0;
}

.timeline-content li{
    color:#555;
    line-height:1.9;
    margin-bottom:10px;
}


.responsibility-section{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.responsibility-header{
    text-align:center;
    margin-bottom:60px;
}

.responsibility-tag{
    display:inline-block;
    color:#b68a35;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.responsibility-header h1{
    font-size:52px;
    font-weight:700;
    color:#111;
    line-height:1.2;
    margin-bottom:18px;
}

.responsibility-header h3{
    font-size:24px;
    color:#b68a35;
    font-weight:500;
    margin-bottom:25px;
}

.responsibility-header p{
    max-width:980px;
    margin:0 auto 18px;
    font-size:17px;
    line-height:1.9;
    color:#666;
}

.responsibility-divider{
    width:90px;
    height:3px;
    background:#b68a35;
    margin:35px auto;
}

.responsibility-features{
    max-width:1200px;
    margin:70px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.feature-card{
    background:#fff;
    border:1px solid #ece7dc;
    border-radius:18px;
    padding:35px 30px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s ease;
}

.feature-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
    border-color:#b68a35;
}

.feature-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#f7f2e7;
    color:#b68a35;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:22px;
}

.feature-card h3{
    font-size:26px;
    color:#111;
    margin-bottom:18px;
    font-weight:600;
}

.feature-card p{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin:0;
}

/* Last two cards center */
.feature-card:nth-child(4){
    grid-column:1 / 2;
}

.feature-card:nth-child(5){
    grid-column:2 / 4;
}

.privacy-section{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.privacy-header{
    text-align:center;
    margin-bottom:60px;
}

.privacy-tag{
    display:inline-block;
    color:#b68a35;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.privacy-header h1{
    font-size:52px;
    color:#111;
    font-weight:700;
    line-height:1.2;
    margin-bottom:20px;
}

.privacy-divider{
    width:90px;
    height:3px;
    background:#b68a35;
    margin:25px auto 35px;
}

.privacy-header p{
    max-width:980px;
    margin:0 auto 20px;
    color:#666;
    font-size:17px;
    line-height:1.9;
}

.privacy-highlight{
    max-width:1000px;
    margin:45px auto 0;
    background:#faf8f3;
    border-left:5px solid #b68a35;
    border-radius:12px;
    padding:25px 30px;
}

.privacy-highlight p{
    margin:0;
    color:#444;
    font-size:16px;
    line-height:1.9;
}

.privacy-content{
    max-width:1200px;
    margin:70px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.privacy-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.privacy-card{
    background:#fff;
    border:1px solid #ece7dc;
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s ease;
}

.privacy-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.10);
    border-color:#b68a35;
}

.privacy-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#f8f3e8;
    color:#b68a35;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:22px;
}

.privacy-card h2{
    font-size:28px;
    color:#111;
    margin-bottom:18px;
    font-weight:600;
}

.privacy-card p{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin:0;
}

.privacy-legal{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.legal-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.legal-card{
    background:#fff;
    border:1px solid #ece7dc;
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s;
}

.legal-card:hover{
    transform:translateY(-8px);
    border-color:#b68a35;
    box-shadow:0 18px 40px rgba(0,0,0,.10);
}

.legal-icon{
    width:70px;
    height:70px;
    background:#f8f3e8;
    color:#b68a35;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:22px;
}

.legal-card h2{
    font-size:27px;
    font-weight:600;
    color:#111;
    margin-bottom:18px;
}

.legal-card p{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin:0;
}

.legal-card strong{
    color:#111;
}

.security-section{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.security-box{
    background:linear-gradient(135deg,#fdfbf7,#f7f1e4);
    border:1px solid #e8dbc0;
    border-radius:22px;
    padding:60px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    position:relative;
    overflow:hidden;
}

.security-box::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:280px;
    height:280px;
    background:rgba(182,138,53,.08);
    border-radius:50%;
}

.security-box::after{
    content:"";
    position:absolute;
    bottom:-120px;
    left:-120px;
    width:220px;
    height:220px;
    background:rgba(182,138,53,.06);
    border-radius:50%;
}

.security-content{
    position:relative;
    z-index:2;
}

.security-tag{
    display:inline-block;
    color:#b68a35;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:13px;
    font-weight:600;
    margin-bottom:18px;
}

.security-title{
    font-size:44px;
    color:#111;
    font-weight:700;
    margin-bottom:25px;
}

.security-text{
    color:#555;
    font-size:17px;
    line-height:2;
    margin-bottom:20px;
}

.security-highlight{
    margin-top:35px;
    background:#fff;
    border-left:5px solid #b68a35;
    border-radius:12px;
    padding:25px 30px;
}

.security-highlight h3{
    color:#111;
    font-size:24px;
    margin-bottom:15px;
}

.security-highlight p{
    margin:0;
    color:#666;
    line-height:1.9;
}

.security-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:35px;
}

.security-point{
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    padding:20px;
}

.security-point h4{
    color:#111;
    margin-bottom:10px;
    font-size:20px;
}

.security-point p{
    color:#666;
    margin:0;
    line-height:1.8;
    font-size:15px;
}

.privacy-contact{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
    font-family:'Poppins',Arial,sans-serif;
}

.contact-wrapper{
    background:linear-gradient(135deg,#111111,#1d1d1d);
    border-radius:24px;
    padding:60px;
    position:relative;
    overflow:hidden;
}

.contact-wrapper::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:260px;
    height:260px;
    background:rgba(182,138,53,.08);
    border-radius:50%;
}

.contact-wrapper::after{
    content:"";
    position:absolute;
    bottom:-100px;
    left:-100px;
    width:220px;
    height:220px;
    background:rgba(182,138,53,.06);
    border-radius:50%;
}

.contact-content{
    position:relative;
    z-index:2;
}

.contact-tag{
    display:inline-block;
    color:#c9a55a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.contact-title{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.contact-description{
    color:#d8d8d8;
    font-size:17px;
    line-height:1.9;
    max-width:900px;
    margin-bottom:45px;
}

.contact-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.contact-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:28px;
    transition:.35s;
}

.contact-card:hover{
    background:rgba(182,138,53,.10);
    border-color:#b68a35;
    transform:translateY(-6px);
}

.contact-card h3{
    color:#c9a55a;
    font-size:22px;
    margin-bottom:15px;
    font-weight:600;
}

.contact-card p{
    color:#f2f2f2;
    line-height:1.9;
    margin:0;
    font-size:16px;
}

.contact-cards p {
    /* color: #f2f2f2; */
    line-height: 1.9;
    margin: 0;
    font-size: 16px;
}

.contact-footer{
    margin-top:45px;
    padding-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.contact-footer p{
    color:#d8d8d8;
    text-align:center;
    font-size:16px;
    line-height:1.9;
    margin:0;
}


/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.categories__text h2 {
		font-size: 26px;
	}
	.header__menu ul li {
		margin-right: 38px;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 2px;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 2px;
	}
	.testimonial__text {
		padding: 130px 45px 175px;
	}

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

    .video-box iframe{
        height:300px;
    }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header__menu ul li {
		margin-right: 10px;
	}
	.header__nav__option a {
		margin-right: 10px;
	}
	.header__nav__option .price {
		margin-left: 0;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 2px;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 2px;
	}
	.banner__item.banner__item--middle {
		margin-top: 0;
	}
	.banner__item.banner__item--last {
		margin-top: 0;
	}
	.banner__item {
		margin-bottom: 40px;
	}
	.banner {
		padding-bottom: 60px;
	}
	.categories__text {
		margin-bottom: 40px;
	}
	.categories__hot__deal {
		margin-bottom: 40px;
	}
	.instagram__text {
		padding-top: 70px;
	}
	.shop__sidebar {
		padding-right: 0;
		padding-top: 40px;
	}
	.cart__discount {
		margin-top: 40px;
	}
	.testimonial__text {
		padding: 100px 105px 100px;
	}
	.blog__details__share {
		position: relative;
		left: 0;
		margin-bottom: 18px;
	}
	.blog__details__share span {
		margin-bottom: 14px;
		margin-right: 0;
	}
	.blog__details__share ul li {
		margin-bottom: 15px;
		display: inline-block;
		margin-right: 10px;
	}
	.blog__details__share ul li:last-child {
		margin-right: 0;
	}
	.heritage-card{

        padding:70px 40px;

    }

	/* .product__item__pic{
		height:108px;
		border-radius:1px;
		width: 85px;
	} */

	.category-title{
		font-size:12px;
	}

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

	.connect-title{
	font-size:26px;
	}

	.double-input{
	grid-template-columns:1fr;
	}

	.connect-section{
	padding:50px 20px;
	}

	.testimonial-title{
	font-size:24px;
	}

	.testimonial-item{
	padding:20px;
	}

	.whatsapp-float{
		width:55px;
		height:55px;
		right:15px;
		bottom:15px;
	}

	.collection-banner-web{
        display:none;
    }

    .collection-banner-mobile{
        display:block;
    }

	.nature-content{
		max-width:320px;
	}

	.nature-content h2{
		font-size:39px;
	}

	.nature-content p{
		font-size:18px;
	}

	.nature-image{
		width:300px;
		height:390px;
		border-radius:170px 170px 0 0;
	}

	.collection-video-desktop{
        display:none;
    }

    .collection-video-mobile{
        display:block;
    }

    .collection-video-section{
        padding:40px 15px;
    }

	.difference-section{
		padding:70px 0;
	}

	.section-heading h2{
		font-size:34px;
	}

	.section-heading span{
		font-size:20px;
	}

	.section-heading p{
		font-size:16px;
		line-height:30px;
	}

	.difference-grid{
		grid-template-columns:repeat(2,1fr);
		gap:40px 25px;
	}

	.header-mobile{
        position: relative;
        height: 70px;
    }

    /* Logo center */
    .header__logo{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    .header__logo img{
        height: 45px;
        width: auto;
    }

    /* Existing hamburger left */
    .canvas__open{
        position: absolute;
        left: 15px !important;
        right: auto !important;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
    }

    .canvas__open i{
        font-size: 24px;
    }

    /* Desktop menu hide */
    .header__menu{
        display: none;
    }

	 .collection-story-wrapper {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    .collection-story-content {
        padding: 60px 20px 45px;
    }

    .collection-story-content h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .collection-story-description {
        font-size: 15px;
        line-height: 1.8;
    }

    .collection-story-image {
        width: 100%;
        height: 500px;
    }

    .collection-story-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

	.appointment-layout {
        gap: 30px;
    }

    .appointment-image {
        height: 520px;
    }

    .appointment-title {
        font-size: 32px;
    }

	 .legacy-section{
        padding:60px 20px;
    }

    .section-heading h2{
        font-size:34px;
    }

    .sub-heading{
        font-size:17px;
    }

    .image-title{
        font-size:24px;
    }

    .description p{
        font-size:17px;
    }

	.legacy-gallery-one,
    .legacy-gallery-two{
        padding:60px 0;
    }

	.care-guide{
		margin:40px auto;
		padding:0 15px;
	}

	.care-guide-header span{
		font-size:12px;
		letter-spacing:2px;
	}

	.care-guide-header h1{
		font-size:34px;
	}

	.care-guide-header h3{
		font-size:20px;
	}

	.care-guide-header p{
		font-size:16px;
		line-height:1.8;
	}

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

	.everyday-title h2{
	font-size:30px;
	}

	.care-card{
	padding:25px;
	}

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

	.signature-header h2{
	font-size:32px;
	}

	.signature-card{
	padding:25px;
	}

	.signature-card h3{
	font-size:24px;
	}

	.highlight-box{
	padding:30px 25px;
	}

	.highlight-box h2{
	font-size:28px;
	}

	.highlight-icon{
	width:65px;
	height:65px;
	font-size:28px;
	}

	.highlight-box p{
	font-size:16px;
	line-height:1.8;
	}
	.need-help-card{
	padding:35px 25px;
	}

	.need-help-card h2{
	font-size:30px;
	}

	.need-help-card p{
	font-size:16px;
	}

	.contact-info{
	grid-template-columns:1fr;
	}

	.journey-header h1{
	font-size:34px;
	}

	.journey-header h3{
	font-size:20px;
	}

	.journey-content p{
	font-size:16px;
	line-height:1.9;
	text-align:left;
	}

	.timeline-content{
	padding-left:20px;
	}

	.timeline-header h2{
	font-size:32px;
	}

	.timeline-year{
	font-size:30px;
	}

	.timeline-content h3{
	font-size:24px;
	}

	.timeline-content p,
	.timeline-content li{
	font-size:15px;
	line-height:1.8;
	}

	.responsibility-section{
	margin:50px auto;
	padding:0 15px;
	}

	.responsibility-tag{
	font-size:12px;
	letter-spacing:2px;
	}

	.responsibility-header h1{
	font-size:34px;
	line-height:1.3;
	}

	.responsibility-header h3{
	font-size:20px;
	}

	.responsibility-header p{
	font-size:16px;
	line-height:1.8;
	}

	.responsibility-divider{
	width:60px;
	}

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

	.feature-card:nth-child(4),
	.feature-card:nth-child(5){
	grid-column:auto;
	}

	.responsibility-features{
	padding:0 15px;
	margin:50px auto;
	}

	.features-grid{
	grid-template-columns:1fr;
	gap:20px;
	}

	.feature-card{
	padding:25px;
	}

	.feature-card h3{
	font-size:22px;
	}

	.feature-card p{
	font-size:15px;
	line-height:1.8;
	}

	.feature-icon{
	width:60px;
	height:60px;
	font-size:28px;
	}

	.privacy-section{
		margin:50px auto;
		padding:0 15px;
	}

	.privacy-tag{
		font-size:12px;
		letter-spacing:2px;
	}

	.privacy-header h1{
		font-size:34px;
	}

	.privacy-header p{
		font-size:16px;
		line-height:1.8;
	}

	.privacy-divider{
		width:60px;
	}

	.privacy-highlight{
		padding:20px;
	}

	.privacy-grid{
	grid-template-columns:repeat(2,1fr);
	}
	.privacy-content{
	padding:0 15px;
	margin:50px auto;
	}

	.privacy-grid{
	grid-template-columns:1fr;
	gap:20px;
	}

	.privacy-card{
	padding:25px;
	}

	.privacy-card h2{
	font-size:22px;
	}

	.privacy-card p{
	font-size:15px;
	line-height:1.8;
	}

	.privacy-icon{
	width:60px;
	height:60px;
	font-size:28px;
	}
	.privacy-legal{
	padding:0 15px;
	margin:50px auto;
	}

	.legal-grid{
	grid-template-columns:1fr;
	gap:20px;
	}

	.legal-card{
	padding:25px;
	}

	.legal-card h2{
	font-size:22px;
	}

	.legal-card p{
	font-size:15px;
	line-height:1.8;
	}

	.legal-icon{
	width:60px;
	height:60px;
	font-size:26px;
	}

	.security-section{
    padding:0 15px;
	margin:50px auto;
	}

	.security-box{
	padding:30px 25px;
	}

	.security-title{
	font-size:30px;
	}

	.security-text{
	font-size:16px;
	line-height:1.8;
	}

	.security-highlight{
	padding:20px;
	}

	.security-highlight h3{
	font-size:20px;
	}

	.security-points{
	grid-template-columns:1fr;
	}

	.privacy-contact{
	padding:0 15px;
	margin:50px auto;
	}

	.contact-wrapper{
	padding:35px 25px;
	}

	.contact-title{
	font-size:30px;
	}

   .contact-description{
	font-size:15px;
	line-height:1.8;
	margin-bottom:30px;
	}

	.contact-card{
	padding:22px;
	}

	.contact-card h3{
	font-size:20px;
	}

	.contact-card p{
	font-size:15px;
	}

	.contact-footer p{
	font-size:15px;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #111111;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #111111;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 25px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #111111;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav {
		display: block !important;
	}
	.slicknav_nav .dropdown{
		position: relative;
		top: 0;
		opacity: 1 !important;
		visibility: visible !important;
		background: transparent;
		width: 100%;
	}
	.slicknav_nav .dropdown li a{
		color:#111 !important;
		padding-left:15px;
	}
	.offcanvas__option {
		text-align: center;
		margin-bottom: 30px;
	}
	.offcanvas__links {
		display: inline-block;
		margin-right: 25px;
	}
	.offcanvas__links a {
		color: #111111;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-right: 16px;
		display: inline-block;
		font-weight: 600;
	}
	.offcanvas__links a:last-child {
		margin-right: 0;
	}
	.offcanvas__top__hover {
		display: inline-block;
		position: relative;
	}
	.offcanvas__top__hover:hover ul {
		top: 24px;
		opacity: 1;
		visibility: visible;
	}
	.offcanvas__top__hover span {
		color: #111111;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 2px;
		display: inline-block;
		cursor: pointer;
		font-weight: 600;
	}
	.offcanvas__top__hover span i {
		font-size: 20px;
		position: relative;
		top: 3px;
		right: 2px;
	}
	.offcanvas__top__hover ul {
		background: #111111;
		display: inline-block;
		padding: 2px 0;
		position: absolute;
		left: 0;
		top: 44px;
		opacity: 0;
		visibility: hidden;
		z-index: 3;
		-webkit-transition: all, 0.3s;
		-o-transition: all, 0.3s;
		transition: all, 0.3s;
	}
	.offcanvas__top__hover ul li {
		list-style: none;
		font-size: 13px;
		color: #ffffff;
		padding: 2px 15px;
		cursor: pointer;
	}
	.offcanvas__nav__option {
		text-align: center;
		margin-bottom: 25px;
	}
	.offcanvas__nav__option a {
		display: inline-block;
		margin-right: 26px;
		position: relative;
	}
	.offcanvas__nav__option a span {
		color: #0d0d0d;
		font-size: 11px;
		position: absolute;
		left: 5px;
		top: 8px;
	}
	.offcanvas__nav__option a:last-child {
		margin-right: 0;
	}
	.offcanvas__nav__option .price {
		font-size: 15px;
		color: #111111;
		font-weight: 700;
		display: inline-block;
		margin-left: -20px;
		position: relative;
		top: 3px;
	}
	.offcanvas__text p {
		color: #111111;
		margin-bottom: 0;
	}
	.header__top {
		display: none;
	}
	.header .container {
		position: relative;
	}
	.header__menu {
		display: none;
	}
	.header__nav__option {
		display: none;
	}
	.search-model-form input {
		width: 100%;
		font-size: 24px;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 15px;
		top: 80%;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		left: 75px;
		right: 0;
	}
	.banner__section {
	   padding-top: 20px;
	}
	.banner__item.banner__item--middle {
		margin-top: 0;
	}
	.banner__item.banner__item--last {
		margin-top: 0;
	}
	.banner__item {
		margin-bottom: 40px;
	}
	.banner {
		padding-bottom: 60px;
	}
	.banner__item__pic {
		float: none;
	}
	.banner__item__pic img {
		min-width: 100%;
	}
	.banner__item__text {
		max-width: 100%;
		position: relative;
		top: 0;
		padding-top: 22px;
	}
	.filter__controls li {
		margin-right: 15px;
	}
	.categories__text {
		margin-bottom: 40px;
	}
	.categories__hot__deal {
		margin-bottom: 40px;
	}
	.instagram__text {
		padding-top: 70px;
	}
	.instagram__pic__item {
		width: 50%;
	}
	.shop__product__option__right {
		text-align: left;
		padding-top: 20px;
	}
	.shop__sidebar {
		padding-right: 0;
		margin-bottom: 40px;
	}
	.testimonial__text {
		padding: 100px 40px 100px;
	}
	.product__details__breadcrumb {
		text-align: left;
	}
	.product__details__pic .nav-tabs {
		width: auto;
		margin-bottom: 40px;
	}
	.product__details__pic .nav-tabs .nav-item {
		margin-bottom: 0;
		margin-right: 10px;
	}
	.product__details__option__size {
		display: block;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.product__details__last__option h5:before {
		width: 440px;
	}
	.product__details__tab .nav-tabs .nav-item {
		margin-bottom: 15px;
	}
	.shopping__cart__table {
		overflow-y: auto;
	}
	.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
		float: none;
		margin-right: 0;
	}
	.continue__btn {
		text-align: center;
	}
	.continue__btn.update__btn {
		text-align: center;
		margin-top: 20px;
	}
	.cart__discount {
		margin-top: 40px;
	}
	.checkout__order {
		margin-top: 20px;
	}
	.blog__details__share {
		position: relative;
		left: 0;
		margin-bottom: 18px;
	}
	.blog__details__share span {
		margin-bottom: 14px;
		margin-right: 0;
	}
	.blog__details__share ul li {
		margin-bottom: 15px;
		display: inline-block;
		margin-right: 10px;
	}
	.blog__details__share ul li:last-child {
		margin-right: 0;
	}
	.blog__details__author {
		text-align: center;
		margin-bottom: 20px;
	}
	.blog__details__tags {
		text-align: center;
	}
	.contact__text {
		margin-bottom: 40px;
	}
	.hero__social {
		margin-top: 180px;
	}

	.category-title{
		font-size:12px;
	}

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

	.connect-title{
	font-size:26px;
	}

	.double-input{
	grid-template-columns:1fr;
	}

	.connect-section{
	padding:50px 20px;
	}

	.hero__itemss{
        height: 500px;
        background-size: cover;
        background-position: top center;
    }

	.desktop-banner{
        display:none;
    }

    .mobile-banner{
        display:block;
    }

	.hero-oneimage{
		width:100%;
	}

	.hero-oneimage .hero__items{
		display:flex !important;
		align-items:center;
		gap:15px;
	}

	.hero-oneimage .hero__items img{
		width:100%;
		height:778px;
		flex-shrink:0;
	}

	.hero-oneimage .hero__items p,
	.hero-oneimage .hero__items h1,
	.hero-oneimage .hero__items h2,
	.hero-oneimage .hero__items h3,
	.hero-oneimage .hero__items h4,
	.hero-oneimage .hero__items h5,
	.hero-oneimage .hero__items div{
		width:55%;
		margin:0;
	}
	.collection-banner-web{
        display:none;
    }

    .collection-banner-mobile{
        display:block;
    }

	.nature-content{
		max-width:320px;
	}

	.nature-content h2{
		font-size:35px;
	}

	.nature-content p{
		font-size:18px;
	}

	.nature-image{
		width:300px;
		height:390px;
		border-radius:170px 170px 0 0;
	}

	.collection-video-desktop{
        display:none;
    }

    .collection-video-mobile{
        display:block;
        width:100%;
    }

    .collection-video-mobile video{
        width:100%;
        height:auto;
    }

	.collection-video-desktop{
        display:none;
    }

    .collection-video-mobile{
        display:block;
    }

    .collection-video-section{
        padding:40px 15px;
    }

	.collection-fourth-section{

		padding:60px 20px;

	}

	.fourth-title{

		font-size:32px;

		margin-bottom:40px;

	}

	.fourth-images{

		width:320px;

		height:330px;

	}

	/* Center */

	.center-shape{

		width:150px;

		height:220px;

		left:88px;

		border-top-right-radius:70px;

	}

	/* Left */

	.left-shape{

		width:95px;

		height:125px;

		left:5px;

		bottom:28px;

		border-top-right-radius:40px;

	}

	/* Right */

	.right-shape{

		width:95px;

		height:95px;

		right:5px;

		top:55px;

		border-width:6px;

	}

	.fourth-description{

		width:100%;

		margin-top:35px;

		font-size:16px;

		line-height:30px;

	}

	.collection-fourth-section{

		padding:60px 20px;

	}

	.fourth-title{

		font-size:32px;

		margin-bottom:40px;

	}

	.fourth-images{

		width:320px;

		height:330px;

	}

	/* Center */

	.center-shape{

		width:150px;

		height:220px;

		left:88px;

		border-top-right-radius:70px;

	}

	/* Left */

	.left-shape{

		width:95px;

		height:125px;

		left:5px;

		bottom:28px;

		border-top-right-radius:40px;

	}

	/* Right */

	.right-shape{

		width:95px;

		height:95px;

		right:5px;

		top:55px;

		border-width:6px;

	}

	.fourth-description{
		width:100%;
		margin-top:35px;
		font-size:16px;
		line-height:30px;
	}

	.difference-section{
		padding:70px 0;
	}

	.section-heading h2{
		font-size:34px;
	}

	.section-heading span{
		font-size:20px;
	}

	.section-heading p{
		font-size:16px;
		line-height:30px;
	}

	.difference-grid{
		grid-template-columns:repeat(2,1fr);
		gap:40px 25px;
	}

	.header-mobile{
        position: relative;
        height: 70px;
    }

    /* Logo center */
    .header__logo{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    .header__logo img{
        height: 105px;
        width: auto;
		padding-top: 34px;
    }

    /* Existing hamburger left */
    .canvas__open{
        position: absolute;
        left: 15px !important;
        right: auto !important;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
    }

    .canvas__open i{
        font-size: 24px;
    }

    /* Desktop menu hide */
    .header__menu{
        display: none;
    }

	 .collection-story-wrapper {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    .collection-story-content {
        padding: 60px 20px 45px;
    }

    .collection-story-content h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .collection-story-description {
        font-size: 15px;
        line-height: 1.8;
    }

    .collection-story-image {
        width: 100%;
        height: 500px;
    }

    .collection-story-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

	.appointment-section {
        padding: 70px 0;
    }

    .appointment-container {
        padding: 0 20px;
    }

    .appointment-title {
        margin-bottom: 35px;
        font-size: 28px;
    }

    .appointment-layout {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .appointment-image {
        height: 400px;
    }

    .appointment-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .appointment-input {
        height: 55px;
    }

    .appointment-textarea {
        height: 120px;
    }

	.legacy-section{
        padding:45px 15px;
    }

    .section-heading{
        margin-bottom:35px;
    }

    .section-heading h2{
        font-size:28px;
    }

    .sub-heading{
        font-size:15px;
        line-height:1.8;
    }

    .legacy-image img{
        max-width:100%;
    }

    .image-title{
        font-size:20px;
        line-height:1.5;
        margin-bottom:18px;
    }

    .description p{
        font-size:15px;
        line-height:1.8;
    }

	.legacy-gallery-one,
    .legacy-gallery-two{
        padding:40px 0;
    }

    .legacy-card h5,
    .legacy-large-card h5{
        font-size:13px;
        line-height:20px;
    }

    .legacy-gallery-two .col-lg-6{
        margin-bottom:20px;
    }

	  .echo-history{
        padding:50px 15px;
    }

    .echo-history-content{
        max-width:100%;
    }

    .history-icon{
        width:60px;
        height:60px;
        margin-bottom:20px;
    }

    .echo-history h2{
        font-size:24px;
        line-height:32px;
        margin-bottom:15px;
    }

    .echo-history p{
        font-size:14px;
        line-height:24px;
        margin-bottom:30px;
    }

    .history-image{
        margin-bottom:25px;
    }

    .history-image img{
        width:100%;
        max-width:100%;
    }

    .history-image span{
        font-size:13px;
        line-height:20px;
        margin-top:10px;
        padding:0 10px;
    }

	 .heritage-card-section{

        padding:40px 15px;

    }

    .heritage-card{

        min-height:auto;

        padding:45px 25px;

        background-size:100% 100%;

    }

    .heritage-image{

        width:100%;

        max-width:300px;

        margin-bottom:20px;

    }

    .heritage-image img{

        width:100%;

        height:auto;

    }

    .heritage-title{

        font-size:22px;

        line-height:30px;

        margin-bottom:15px;

    }

    .heritage-desc{

        font-size:14px;

        line-height:24px;

        max-width:100%;

    }

}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.cart__total {
		padding: 35px 30px 40px;
	}
	/* .hero__items {
		height: auto;
		padding-top: 130px;
		padding-bottom: 40px;
	} */
	.hero__text h2 {
		font-size: 36px;
		line-height: 48px;
	}
	.hero__social {
		margin-top: 145px;
	}
	.categories__deal__countdown .categories__deal__countdown__timer {
		margin-left: 0;
	}
	.instagram__pic__item {
		width: 100%;
	}
	.testimonial__text {
		padding: 60px 40px 60px;
	}
	.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic {
		width: 100%;
	}
	.product__details__pic .nav-tabs .nav-item {
		margin-bottom: 10px;
		width: calc(33.33% - 10px);
	}
	.product__details__last__option h5:before {
		width: 280px;
	}
	.product__details__cart__option .quantity {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.product__details__last__option h5 span {
		font-size: 16px;
	}
	.blog__hero__text h2 {
		font-size: 36px;
	}
	.categories__text h2 {
		font-size: 30px;
		line-height: 55px;
	}
	.categories__text:before {
		height: 250px;
	}
	.collection-banner-web{
        display:none;
    }

    .collection-banner-mobile{
        display:block;
    }
}

@media screen and (max-width: 480px) {
	.videosection {
      width: 100%;
	  height: 100vh;
	}
}

@media(max-width:1100px){

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

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

    .full{
    grid-column:1/3;
    }

}

@media(max-width:600px){

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

	.full{
	grid-column:auto;
	}
}

@media(max-width:576px){
    .steps{
        grid-template-columns:1fr;
    }

    .video-box iframe{
        height:220px;
    }

    .heading h2{
        font-size:22px;
    }
}