@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);
@import url(css/ma5-menu.min.css);
@import url(css/responsive.css);
/* Global */
html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 500; font-family: 'Playfair Display', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: "Poppins", sans-serif;}
a{font-size: 15px; font-family: "Poppins", sans-serif; text-decoration: none;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: "Poppins", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: "Poppins", sans-serif;}
input{font-family: 'Playfair Display', serif;}
textarea{font-family: 'Playfair Display', serif;}
button{font-family: 'Playfair Display', serif;}
/* Start CSS */
.under-item{height: 800px; width: 100%;}
.wrap-slider-and-header {    position: relative; /*height: 100vh;*/}
.overlay__content {    padding: 20% 10%;}
.overlay__content span {  font-family: 'Playfair Display', serif;  font-size: 60px;    color: #fff;     font-weight: 500;}
.feature-subheader{font-family: "Poppins", sans-serif; color: #fff;}
.hover-grow a{    background: #fff;    padding: 15px 30px;    color: #000; border-radius: 5px; transition: 0.5s;     font-weight: 600;}
.hover-grow a:hover{background-color: #6c3b3f; color: #fff;}
.logo img{    position: relative;    z-index: 9;    filter: brightness(0) invert(1);}
/* Navigation */
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: normal;    color: #fff;    text-transform: uppercase;    padding: 20px 12px;    position: relative;    z-index: 1;    margin: 0;    font-size: 15px; font-weight: 400;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background: #312e29; position: absolute;  border: none;  top: 80px;  left: 0;  width: 250px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;   font-size: 14px;  font-weight: 400;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #fff; }
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}
.navbar{padding: 0px;}
.slide-text-hidden {    opacity: 0;    transform: translateY(20px);    transition: none !important; }
.slide-text-show {    opacity: 1;    transform: translateY(0);    transition: opacity 1s ease-out, transform 1s ease-out;}
.feature-subheader {    transition-delay: 0.2s;}
.line-1 {    transition-delay: 0.4s;}
.button {    transition-delay: 0.6s;}
.main-slider .slick-next:before {    content:'\f105';   font-family: "FontAwesome";}
.main-slider .slick-prev:before {    content:'\f104';   font-family: "FontAwesome";}
.main-slider .slick-next {  width: 50px; height: 50px; border-radius: 50px;  right: 43px;       background: #ffffff54; top: 58%; z-index: 9;}
.main-slider .prev { width: 50px;   height: 50px;  border-radius: 50px;   right: 40px;  }
.main-slider  .slick-prev { width: 50px; height: 50px; left: 40px;  border-radius: 50px;     background: #ffffff54; position: relative; z-index: 99; top: 58%;}
.slick-vertical .slick-slide{border: none;}
.main-slider .slick-dots{bottom: 0px !important; z-index: 9;}
.slider-item video{height: 800px; object-fit: cover; width: 100%;}
.hero-slider {   margin-top: -146px;}
.under-item {    z-index: 99;    position: relative;}
header {z-index: 999; position: relative;}
.hero-slider .overlay__content {position: relative; z-index: 2; }

.content-vide-overlay{position: absolute;} */
.content-vide-overlay{position: absolute; top: 46%; padding: 20% 10%;}
h2.video-heading{font-size: 50px;}
.video-btn a{    background: #fff; padding: 15px 30px;  color: #000;  border-radius: 5px;  transition: 0.5s; font-weight: 600; transition: 0.5s;}
.video-btn a:hover{background-color: #6c3b3f; color: #fff;}
.video-btn{margin-top: 40px;}
figure.effect-apollo {	background: #6c3b3f;}
figure.effect-apollo img {	opacity: 0.95;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(255,255,255,0.5);	content: '';	-webkit-transition: -webkit-transform 0.6s;	transition: transform 0.6s;	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p {	position: absolute;	right: 0;	bottom: 0;	margin: 3em;	padding: 0 1em;	max-width: 150px;	border-right: 4px solid #fff;	text-align: right;	opacity: 0;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-apollo h2 {	text-align: left;}
figure.effect-apollo:hover img {	opacity: 0.6;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before {	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p {	opacity: 1;	-webkit-transition-delay: 0.1s;	transition-delay: 0.1s;}
.grid {	position: relative;clear: both;margin: 0 auto;	max-width: 1000px;	list-style: none;	text-align: center;}
.grid figure {	position: relative;	float: left;	overflow: hidden;	max-width: 100%;	width: 100%;height: auto;	background: #6c3b3f;	text-align: center;	cursor: pointer; border-radius: 12px;}
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;}
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: capitalize;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden; font-size: 30px;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.categories_box span{font-family: 'Playfair Display', serif;}
.categories_box a { margin-top: 15px; font-family: 'Playfair Display', serif;}

.btn-part {  display: inline-flex;}
.categories { background: #eeeae1;}
.btn-part a { color: #0a0a0a;  font-size: 22px;}
.sldiebar{background-color: #6c3b3f; /*margin-top: 50px;*/}
.item-slide span {  font-family: 'Playfair Display', serif;  display: flex;    align-items: center;    font-size: 30px;    color: #fff;    margin-right: 15px;}
.item-slide img {    filter: brightness(0) invert(1);    margin-right: 14px;}
.about-us-image{	position: relative;	padding-left: 70px;}
.about-us-img figure{	border-radius: 400px 400px 0 0;	display: block;}
.about-us-img img{	width: 100%; border-radius: 400px 400px 0 0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.about-us-content h2 {    margin-bottom: 22px;}

.about-btn a {    background: #6c3b3f;    padding: 10px 30px; transition: 0.5s;}
.about-btn a:hover{background-color: #312e29;}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-shutter-out-horizontal:before {  content: ""; position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: #312e29;  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 50%;  transform-origin: 50%;  border-radius: 6px;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white;}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);}
.about-btn a {    border-radius: 6px;}
.about-us-content p {    text-align: justify;   line-height: 25px;}
.about-us {    background: #f9f9f9;}

img.vector-img-small-top {    width: 10%;    position: absolute;    top: 0; left: 0px; opacity: 0.1;}
img.vector-img-small-bottom {    width: 10%;    position: absolute;    bottom: 0; right: 0px;}

/* collab-under */
.collab-under {  position: relative;  display: inline-block;  width: 100%;   height: 400px;  overflow: hidden;}
.collab-under img {  position: absolute;  top: 0;  left: 0; width: 100%;  height: 100%;  object-fit: cover;  transition: opacity 0.4s ease-in-out; border-radius: 12px;}
.front-img {  opacity: 1;  z-index: 2;}
.back-img {  opacity: 0;  z-index: 1;}
.collab-under:hover .front-img {  opacity: 0;}
.collab-under:hover .back-img {  opacity: 1;}
small{font-family: "Poppins", sans-serif;}

.content-type span a{color:#000; font-weight: 500;}
.collab-under img {    border-radius: 20px;}
#toTop {    position: fixed;    bottom: 40px;    right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}
header {    width: 100%; }
.our-pillars {    background: #eeeae1;}

.pillars_box img{transition: 1s; perspective: 1000;}
.pillars_box img:hover{transform: rotateX(360deg);}
svg.edgtf-lighter-effect {    position: absolute;    bottom: -25px;    transform: rotate(180deg);    z-index: 999;}
/* img.latkan {    position: absolute;    z-index: 9;    top: 121%;    z-index: 99999;} */
.content-img-zig img {    height: 600px;    object-fit: cover;}
.content-side-zig h3 {    margin-bottom: 25px;}
.content-side-zig p {    text-align: justify;    line-height: 25px;}
.btn-more a {    padding: 10px 30px; background-color: #6c3b3f;   border-radius: 5px;}
.red-part {    background: #f1f1f1;}
.part_inner video{    object-fit: cover;    height: 860px;}
.part-of-section .text {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    padding: 35px;    z-index: 10;    color: #fff;    text-align: center;}
.part-of-section .text  span {    margin-bottom: 20px;    font-size: 24px;    font-weight: 600; font-family: 'Playfair Display', serif;}
.part_inner {    width: calc(50% - 10px);    aspect-ratio: 1 / 1;    overflow: hidden;    position: relative;}
.subscribe-btn a {    border: 2px solid #fff;    padding: 8px 25px;    color: #000;}
.subscribe-btn a{transition: 0.5s;}
.subscribe-btn a:hover{background-color: #6c3b3f;}
.part_inner{position: relative;}
.part_inner:after {    content: " ";    display: block;    position: absolute;    bottom: 0;    left: 13px;    width: 96%;    height: 50%;    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));}
.part-of-section {    background: #eeeae1;}
svg.pillar {    position: absolute;    top: -26px;}
.grid-full ul {display: flex; justify-content: center;}
.grid-full ul li img{width: 100%; height: 500px; object-fit: cover;}
.coffee-parttern {    position: absolute;    z-index: 999999;    bottom: 55px;  width: 100%;    text-align: center; }
.coffee-parttern p {    font-size: 24px;    color: #fff;    font-weight: 500;    margin-bottom: 35px;}
.coffee-parttern a {    border: 2px solid #fff;    padding: 7px 35px;    color: #fff;    font-weight: 500; transition: 0.5s;}
.coffee-parttern a:hover{background-color: #312e29;}
.grid-full ul li {      overflow: hidden;}
.grid-full ul li img{transition: 0.5s;}
.grid-full ul li:hover img {    transform: scale(1.05) rotate(.5deg);}
.summer-offerings{background-color: #f9f9f9;}
.summer-offerings .title span{ font-family: 'Playfair Display', serif; font-size: 30px;}
.video-set video{ border-radius: 400px 400px 0 0; }
.summer-video-set {  width: 75%;    text-align: center;    position: absolute;    bottom: 25px;    left: 55px;}
.Offerings_video video{height: 500px; object-fit: cover;}
.Offerings_video video{position: relative;}
.Offerings_video video:after{  content: " ";    display: block;    position: absolute;    bottom: 0;    left: 13px;    width: 96%;    height: 50%;    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));}
/* ziehharmonika */
.ziehharmonika span {    background-color: transparent;   color: #fff;    display: block; text-align: left;  cursor: pointer;    margin-top: 0;  font-size: 16x;    margin-bottom: 9px; padding-right: 40px;    transition: 0.25s all;  position: relative; padding: 12px 12px;}
.ziehharmonika span.active {    margin-bottom: 21px;    color: #fff;    background: #fff;}
/*.ziehharmonika span::before {   content: attr(data-prefix); font-size: 30px;    margin-right: 9px;}*/
.ziehharmonika span.alignLeft { padding-left: 35px;}
.ziehharmonika > div {  display: none;  background: #fff; text-align: left; padding: 31px 33px;}
.ziehharmonika .arrowDown { width: 0;   height: 0;  border-style: solid;    border-width: 13.0px 7.5px 0 7.5px; border-color: #272e35 transparent transparent transparent;  position: absolute; bottom: 0;  left: 40px; transition: 0.25s all;  opacity: 0;}
.ziehharmonika .active .arrowDown { bottom: -13px;  border-color: #312e29 transparent transparent transparent;  opacity: 1;}
.ziehharmonika .collapseIcon {  position: absolute; right: 20px;    top: 45%;   font-size: 35px;    font-weight: 300;   -ms-transform: translate(0, -50%);      transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {    right: initial; left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {    list-style-type: circle;}
.ziehharmonika p {    text-align: justify;}
.home-faqs{background-color: #f1f1f1;}
.ziehharmonika {border-bottom: 1px solid #d1c7bd;}
.home-input input {    border: none;  height: 35px;  background: transparent;    border-bottom: 1px solid #fff; color: #fff;}
.home-input textarea {    border: none;    background: transparent;    border-bottom: 1px solid #fff; height: 100px; width: 100%; color: #fff;}
.home-input input:focus{outline: none;}
.home-input textarea:focus{outline: none;}
.home-input input::placeholder{color: #fff;}
.home-input textarea::placeholder{color: #fff;}
.home-input button{background-color: transparent; border: none; color: #fff; padding: 10px 30px; border: 2px solid #fff; transition: 0.5s;}
.home-input button:hover{background-color: #6c3b3f;}
.home-input {    margin-bottom: 18px;}
.home_inner{  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); /* Safari */  background: rgba(255,255,255,0.15);  border: 1px solid rgba(255,255,255,0.2);  padding: 2rem;  border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.15);  }
/* Footer */
footer{     padding-top: 35px;    background-size: cover;    overflow: hidden;    background: #f7f7f7 url(img/footer-seeds.png) no-repeat;    background-position: center 100%;    padding-bottom: 280px;}
.copy-right {    background: #312e29;}
a.ft-company-name {    color: #fff;}
/* img.footer-leaf-1 {    position: absolute;    width: 12%;    transform: rotate(45deg);    top: 0;} */
img.footer-leaf-2 {    position: absolute;    width: 12%;   bottom: 0;    right: 0px; }
.home_inner .title img{filter: brightness(0) invert(1);}
ul.socialIcons li i {    color: #312e29;}
.product-btn-side a {    background: transparent;  font-style: italic; text-decoration: underline;}
/* .product-under {    height: 500px;} */
.main-products .slick-next:before{  content:'\f105';   font-family: "FontAwesome"; color: #000;}
.main-products .slick-prev:before{  content:'\f104';   font-family: "FontAwesome"; color: #000;}
.main-products .slick-next {    width: 50px;    height: 50px;    border-radius: 50px;    right: 43px;    background: #ffffffa8;    top: 40%;    z-index: 9;}
.main-products .slick-prev {    width: 50px;    height: 50px;    border-radius: 50px;   left: 43px;    background: #ffffffa8;    top: 40%;    z-index: 9;}
/* breadcumb */ 
.breadcumb{     padding: 200px 0px 150px 0; background: url(img/breadcumb.jpg) no-repeat;  margin-top: -90px;  background-position: 50% 0%;}
/* Projects */
.project-item{	position: relative;}
.project-image a{	position: relative;	display: block;	cursor: none;	border-radius: 26px;	overflow: hidden;}
.project-image figure::before{	content: '';	position: absolute;	top: 0;	bottom: 0;	left: 0;	bottom: 0;	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%);width: 100%;	height: 100%;	z-index: 1;}
.project-image img{	width: 100%;	height: 450px;	object-fit: cover;transition: all 0.4s ease-in-out;}
.project-item:hover .project-image img{	transform: scale(1.1);}
.project-content{	position: absolute;	right: 40px;	bottom: 40px;	left: 40px;	z-index: 2;}
.project-content h3{	font-size: 22px;	text-transform: capitalize;	color: #fff;}
.project-content h3 {transition: all 0.3s ease-in-out; font-size: 22px;}
.project-content h3 a:hover{	color: #fff;}
.our-Project-nav{	text-align: center;	margin-bottom: 80px;	overflow: hidden;}
.our-Project-nav ul{	list-style: none;	text-align: center;	display: inline-flex;	flex-wrap: wrap;	align-items: center;	justify-content: center;	gap: 10px 60px;	padding: 0;	margin: 0;}
.our-Project-nav ul li a{	position: relative;	display: inline-block;	color: #fff;	line-height: 1.4em;	font-weight: 400;	text-transform: capitalize;	transition: all 0.3s ease-in-out;}
.our-Project-nav ul li a::before{    content: '/';    position: absolute;    top: 0;bottom: 0;    right: -35px;	font-weight: 400;	color: red;}
.our-Project-nav ul li:last-child a:before{	display: none;}
.our-Project-nav ul li a.active-btn,
.our-Project-nav ul li a:hover{	color: #fff;}
.image-anime:after {    content: "";    position: absolute;    width: 200%;    height: 0%;   left: 50%;   top: 50%;    background-color: rgba(255, 255, 255, .3);    transform: translate(-50%, -50%) rotate(-45deg);    z-index: 1;}
.image-anime{	position: relative;overflow: hidden;}
.image-anime:after{	content: "";	position: absolute;    width: 200%;    height: 0%;    left: 50%;    top: 50%;    background-color: rgba(255,255,255,.3);    transform: translate(-50%,-50%) rotate(-45deg);    z-index: 1;}
.image-anime:hover:after{    height: 250%;    transition: all 600ms linear;    background-color: transparent;}
.img-side-details {  width: 40%;  float: left;  margin-right: 25px;}
.img-side-details img{  width: 100%;  float: left;}
.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}
.datails-content h2 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h3 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h4 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h5 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h6 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content ul {padding-left: 15px;}
.datails-content ul li {    margin-bottom: 10px;    list-style-type: disc;}
p.related-heading {    background-color: #6c3b3f;    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    border-radius: 5px;}
.read-btn a {    background: #312e29;    padding: 7px 15px;    color: #fff;}
.related_img img {    width: 100%;    object-fit: contain;    height: 250px;    margin: 10px 0px;    border: 1px solid #f1f1f1;    padding: 2px;}
.white-wrap .form {    background-color: #6c3b3f;    padding: 1px 20px 1px 20px;    position: relative;}
.inputBox button {    padding: 10px 0px;    background: #000;}
.inputBox input {    height: 45px;    padding-left: 15px;}
.inputBox input:focus {outline: none;}
.inputBox textarea:focus {outline: none;}
.inputBox textarea {    height: 100px;    padding-left: 15px;}
.color-site {    background: #312e29;}
.skin-color {  background-color: #a99b8e;}
.page-contact-us{	padding: 50px 0 50px; background-color: #eeeae1;}
.contact-info-body{    display: flex;    flex-wrap: wrap;    gap: 40px;}
.contact-info-box-1,
.contact-info-box-2{    position: relative;    width: 100%;	border: 1px solid var(--divider-color);	border-radius: 26px;    padding: 30px 40px;	overflow: hidden;}
.contact-info-box-1{    display: flex;    flex-wrap: wrap;    gap: 30px 60px;}
.contact-info-item{    position: relative;    width: calc(50% - 30px);}
.contact-info-box-1 .contact-info-item::before{    content: '';    position: absolute;    top: 50%;    right: 0;    transform: translate(30px, -50%);    height: 80%;    width: 1px;    background-color: var(--divider-color);}
.contact-info-box-1 .contact-info-item:last-child:before,
.contact-info-box-1 .contact-info-item:nth-child(2n + 2):before{	display: none;}
.contact-info-box-2 .contact-info-item{    display: flex;	width: 100%;}
.contact-info-item .icon-box{    position: relative;    background-color: #f9f9f9;    border-radius: 50%;    width: 60px;    height: 60px;    display: flex;    align-items: center;    justify-content: center;    overflow: hidden;    margin-bottom: 20px;}
.contact-info-item .icon-box::before{    content: '';    display: block;    position: absolute;    top: 0;    left: 0;    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);    border-radius: 50%;    width: 100%;    height: 100%;    transform: scale(0);    transition: all 0.4s ease-in-out;    z-index: 0;}
.contact-info-item:hover .icon-box::before{    transform: scale(1);}
.contact-info-item .icon-box img{	width: 100%;    max-width: 30px;	transition: all 0.4s ease-in-out;    z-index: 1;}
.contact-info-item:hover .icon-box img{	filter: brightness(0) invert(0);}
.contact-info-box-2 .icon-box{    margin: 0 20px 0 0;}
.contact-info-box-2 .contact-item-content{    width: calc(100% - 80px);}
.contact-item-content h3{    font-size: 18px;    text-transform: capitalize;    margin-bottom: 10px;}
.contact-item-content p{    margin: 0;}
.contact-item-content p a{	color: inherit;	transition: all 0.4s ease-in-out;}
.contact-item-content p a:hover{	color: #a0a0a0;}
.contact-us-form{	border: 1px solid #f1f1f1;	border-radius: 26px;    padding: 40px;	overflow: hidden;   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #f9f9f9;}
.contact-form-content{	margin-bottom: 40px;}
.contact-form-content h3{	font-size: 22px;text-transform: capitalize;	margin-bottom: 10px;}
.contact-form-content p{	color: #312e29;	margin: 0;}
.contact-us-form .form-control{    font-size: 18px;    font-weight: 400;    color: var(--primary-color);    padding: 0 0 15px 0;    background-color: transparent;	border: none;    border-bottom: 1px solid #333;    border-radius: 0px;    outline: none;    box-shadow: none;}
.contact-us-form .form-control::placeholder{    color: #000;}
.google-map{	padding: 50px 0 100px;}
.google-map-iframe,.google-map-iframe iframe{	width: 100%;	height: 300px;	border-radius: 26px;}
.google-map-iframe iframe{    filter: grayscale(1);    transition: all 0.4s ease-in-out;}
.google-map-iframe iframe:hover{    filter: grayscale(0);}
.contact-form-btn button {    width: 100%;  background-color: #6c3b3f;  border: none;    padding: 10px 0;}
.full-width-type {    background-color: #312e29;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}
.hvr-radial-out {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;    overflow: hidden;    background-color: #6c3b3f;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.our-presence{background-color: #eeeae1;}
.our-products {    background: #eeeae1;}
.product-details {    background: #eeeae1;}
.related-products {    background: #f9f9f9;}
.sitemap-link{    background-color: #eeeae1;}
svg.our-products-wave {   position: absolute;    top: -26px;}
/* Header */
header {  position: relative;  transition: all 0.3s ease;}
header.scrolled {  position: fixed;  top: 0;  left: 0;  width: 100%;  background: #eeeae1;  box-shadow: 0 2px 10px rgba(0,0,0,0.1);  z-index: 999999;}
header.scrolled a{color:#000 !important;}
header.scrolled img{    position: relative;    z-index: 9; filter: none !important;}
header.scrolled ul.dropdown-menu li a {    color: #fff !important;}
nav.mobile-menu {    display: none;}
.categories .title span {    font-size: 30px; font-family: 'Playfair Display', serif; font-weight: 500;}
.about-us-content small{font-family: 'Playfair Display', serif; font-size: 30px;}
.content-side-zig span {    font-weight: 400;    font-size: 30px; font-family: 'Playfair Display', serif;   margin-bottom: 20px;    display: block;}
.our-products .title span {font-family: 'Playfair Display', serif; font-size: 30px;}
.summer-video-set span {    font-size: 25px;    display: block; font-family: 'Playfair Display', serif;}
.best-sellers .title span{ font-size: 30px; font-family: 'Playfair Display', serif; font-weight: 500;}
.our-pillars  .title span{font-family: 'Playfair Display', serif; font-size: 30px;}
.home-faqs .products-heading span {    display: block;  font-family: 'Playfair Display', serif;  font-size: 30px;}
.home_inner .title span{display: block;  font-family: 'Playfair Display', serif;  font-size: 30px;}