/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	 --white:#fff;
	 --black:#000;
}
/* .{height: calc(var(--vh,1vh)*100);}	 */
*,
:after,
::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:#eee6de;
	letter-spacing: 0; line-height: normal;
	font-weight: normal;
	font-family: Sharp, sans-serif;
	color: #111;
	}
img{ max-width: 100%; height: auto; }

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover,
a:focus { outline: none ; box-shadow: none; text-decoration: none;}
 
 
/* Common CSS for All components : End */
.container {
	padding: 0 15px;
	margin: 0 auto;
	display: block;
	width:1310px;
	max-width:1310px;
}
@media (min-width:240px){
	.container {
		width:100%;
		max-width:100%;
		padding: 0 30px;
	}
}
@media (min-width: 768px) {
	.container {
		width:750px;
		padding: 0 15px;;
	}
}
@media (min-width: 992px) {
	.container {
		width:970px;
	}
}
@media (min-width: 1100px) {
	.container {
		width:1070px;
	}
}
@media (min-width: 1280px) {
	.container {
		width:1250px;
		max-width:1250px;
	}
}

@media (min-width: 1380px) {
	.container {
		width:1310px;
		max-width:1310px;
	}
}
	

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Mazius';
	font-weight: normal;
	line-height: 1.2;
 
	 
}
 
h1 {
	font-size: 42px;
	 
}
h2 {
	font-size: 36px;
	 
}
h3 {
	font-size: 32px;
	 
}
h4 {
	font-size: 28px;
 
}
h5 {
	font-size: 24px;
 
}
h6 {
	font-size: 20px;
	 
}
p{margin: 0; padding: 0; color: var(--dark); font-weight: 400;font-size: 17px;line-height: 150%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}

.main-wapper{ overflow:hidden; }
.py-100{ padding-top: 100px;  padding-bottom: 100px; }
.pt-100{ padding-top: 100px;   }
.pb-100{  padding-bottom: 100px; }
#header{z-index: 10;  position: fixed; left: 0; top: 0; width: 100%; background: #c2a990;   }
.header-top{ padding: 32px 0; display: flex;align-items: center; justify-content: space-between;  }
.header-top .logo{ width: 25%; display: flex; align-items: center;}
.header-top .logo a{ display: flex;}
.header-top .logo a img{ width: 180px; height: auto; display: flex;}
.header-right-main{ position: relative; width: auto; display: flex; align-items: center;  justify-content: space-between; } 
.main-nav  ul{ display: flex; gap: 10px;}
.main-nav  ul li a{ display: flex; font-weight: 500; font-family: 'Mazius'; font-size: 17px; color: #111;}
.main-nav  ul li a:hover{ text-decoration: underline; }
.contact-number{font-family: 'Mazius'; font-size: 17px; color: #111; padding: 0 20px 0 0;   }
.contact-number a{ color: #c65e33; text-decoration: underline;}
.contact-number a:hover{ color: #111;}
.header-btn{ display: flex;}
.header-btn a{ background: #c65e33; font-weight: 500;  color: #fff; padding: 10px 16px; border-radius: .33rem; font-size: 15px;  display: flex;}
.header-btn a:hover{ background: #63636b;}

.contain-wapper{   position: relative; z-index: 2; padding: 130px 0 0 0; }
.sell-section-row{ gap: 104px; display: flex; align-items: flex-start;}
.sell-section-row .left-text{ width: 50%; }
.sell-section-row .right-image{ width: 50%; }
.sell-section-row .left-text h1{font-family: 'Mazius'; font-size: 40px; font-weight: normal;}
.sell-section-row .left-text .text{ padding: 20px 0 0 0; }
.sell-section-row .left-text .text p{ color: #63636b; font-style: italic; font-size: 17px;  }
.sell-section-row .left-text .text-sub{ padding: 20px 0 0 0; }
.sell-section-row .left-text .text-sub ul{ padding: 0 0 0 18px; display: block; list-style: none;}
.sell-section-row .left-text .text-sub ul li{ line-height: 1.6; display: list-item; list-style-type: disc; list-style-position: outside; color: #111; font-size: 17px;}
.sell-section-row .left-text .theme-btn{ padding: 24px 0 0 0; }
.theme-btn{ display: flex;}
.theme-btn a{ background: #c65e33; font-weight: 500;  color: #fff; padding: 10px 16px; border-radius: .33rem; font-size: 15px;  display: flex;}
.theme-btn a:hover{ background: #63636b;}
.sell-section-row .right-image img{ width: 100%; height: auto; border-radius: 24px;}

.recent_pro_block { position: relative; width: 100%; margin-top: 30px; }
.recent_pro_block .pro_slider { width: 100%; margin-top: 20px; }
.recent_pro_block .slick-list { margin: 0 -14px; }
.recent_pro_block .slick-list .slide-item { padding: 0 14px; }
.recent_pro_block .pro_slider .pro_imgbox { position: relative; width: 100%; display: flex;border-radius: 6px; border: solid 2px #c65e33; overflow: hidden; }
.recent_pro_block .pro_slider .pro_imgbox img { display: inline-flex; width: 100%; border-radius: 6px; }
.recent_pro_block .pro_slider .pro_heading { width: 100%; margin-top: 15px; }
.recent_pro_block .pro_slider .pro_heading h5 { font-size: 20px; color: #c65e33; }
.recent_pro_block .slick-dots { display: flex; width: 100%; margin-top: 15px; gap: 5px; justify-content: center; }
.recent_pro_block .slick-dots li { display: flex; }
.recent_pro_block .slick-dots li button { display: flex; padding: 0; margin: 0; font-size: 0; text-indent: -999px; width: 10px; height: 10px; background: none; border: solid 1px #c65e33; border-radius: 100%; cursor: pointer; }
.recent_pro_block .slick-dots li.slick-active button { background: #c65e33; }

.bg-primary{ background: #d6c4b2; }
.section-title { max-width: 800px; margin: 0 auto; display: block; width: 100%; text-align: center; }
.section-title h2{ font-size: 40px;}
.section-title  p { padding: 34px 0 0 0; font-size: 15px; font-family: 'Mazius'; } 

.icon-box-listing{ padding: 64px 40px 0; }
.row{ flex-wrap: wrap; display: flex; align-items: stretch; margin: 0 -20px;  }
.row>*{ padding: 0 20px; }
.row>.col-md-4{  width: 33.333%; }
.icon-box{ padding: 0 20px; width: 100%; text-align: center; display: block;}
.icon-box h3{ padding:16px 0 20px; font-size: 24px;}
.icon-box h4{ padding:16px 0 20px; font-size: 30px;}
.icon-box p{ display: block; font-size: 17px; line-height: 1.5;}
.icon-box .icon {display: flex; align-items: center; justify-content: center;}
.icon-box .icon img{ width: 150px; height: auto; }

.text-wrap { width: 100%; text-align: center;}
.text-wrap h2{ padding: 0 0 34px; font-size: 40px; }
.text-wrap p + p{ padding-top: 24px; }

.counter-block{ padding: 40px 0 0 0; }
.counter-box-main{ width: 100%; display: block; text-align: center;}
.counter-box-main .big-text{ padding: 0 0 20px; font-size: 52px; font-family: 'Mazius'; font-weight: bold; color: #c65e33;}

.full-image-in{ display: flex; align-items: center; justify-content: center; width: 100%;}
.full-image-in img{ border-radius: 16px; height: auto; display: flex; align-items: center; justify-content: center; width: 100%;}
.home-section-4   .theme-btn{ padding: 48px 0 0 0; justify-content: center; }
.home-section-4 .icon-box{ padding: 0 10px;  }


.footer-top{ display: flex;align-items:center; width: 100%;}
.footer-top .f-logo{ display: flex; width: 50%;}
.footer-top .f-logo a{ display: flex;}
.footer-top .f-logo img{ width: 320px; height: auto;}
.footer-top .footer-box h6{ display: block; padding: 0 0 20px; font-weight: bold; font-size: 17px; }
.footer-top .footer-box .f-link span{ margin: 0 0 16px; color: #636363; font-size: 15px; display: block; }
.footer-top .footer-box .f-link span a{ color: #636363;}
.footer-top .footer-box .f-link span a:hover{ color: #222;}


.menu-icon {display: none; z-index: 120; position: absolute;right: 0;top: 50%;margin: -32px 0 0;}
.menu-icon a {justify-content: center;width: 64px;height: 64px;display: flex;align-items: center;}
.menu-icon a span {justify-content: center;position: relative;display: flex;flex-direction: column;gap: 6px;width: 26px;height: 18px;}
.menu-icon a span .line {border-radius: 0px;position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #222;transition: all 0.3s ease-in-out;}
.menu-icon a span .line.line-2 {top: 8px;}
.menu-icon a span .line.line-3 {top: 16px;}
.menu-icon a.active span .line-1 {top: 8px;transform: rotate(45deg);}
.menu-icon a.active span .line-2 {opacity: 0;}
.menu-icon a.active span .line-3 {top: 8px;transform: rotate(-45deg);}
#header.active-menu:before{ transform: translateY(0);}
#header.active-menu  .logo a img{  filter: brightness(1) invert(0);}
#header.active-menu .menu-icon a span .line{ background: #222; }
.overlay-bg{ position: fixed; left: 0; top: 0; transition: all 0.3s ease-in-out; width: 100%; height: 100%; opacity: 0; pointer-events: none; background: rgba(35, 34, 32, 0.6); visibility: hidden;   }


.logo-listing-sub{  padding: 40px 0 0 0; display: block;  width: 100%;}
.logo-listing-sub ul{ display: flex; flex-wrap: wrap; gap: 20px;  align-items: center;   width: 100%;}
.logo-listing-sub ul li{ width: calc(25% - 15px); display: flex; align-items: center; justify-content: center;  }
.logo-listing-sub ul li span{ width: 100%; display: flex; align-items: center; justify-content: center;}
.logo-listing-sub ul li span img{ opacity: 0.5;   max-width: 200px; max-height: 80px; width: auto; }