body {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* @font-face {
    font-family: mm1;
    src: url(../fonts/airstrike.ttf);
} */

html {
	scroll-behavior: smooth;
}

/*--------------header start----------------*/
.hdrmbl {
	width: 100%;
	position: fixed;
	z-index: 999;
}

.hdrmblinnr {
	width: 75%;
	margin: auto;
}

.social-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.social-icons.active {
	opacity: 1;
	visibility: visible;
}
.hdrmbl{
            height:fit-content;
        }
.social-icons img {
	width: 88%;
	margin: auto;
	transition: 0.5s ease-in-out;
}

.social-icons img:hover {
	transform: scale(1.05);
}

.hdrmbllogo img {
	width: 100%;
	
}

.hdrmbllogo {
	width: 31%;
	margin: auto;
}

.ham_button {
	border: none;
	background: transparent;
	height: 30px;
}

.animated-icon1 {
	width: 35px;
	height: 20px;
	position: relative;
	margin-top: 0%;
	z-index: 999;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.animated-icon1.openham {
	transform: rotate(180deg);
}

.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none !important;
}

.animated-icon1 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.animated-icon1 span {
	background: #000;
}


.animated-icon1 span:nth-child(1) {
	top: 0px;
}

.animated-icon1 span:nth-child(2) {
	top: 10px;
}

.animated-icon1 span:nth-child(3) {
	top: 20px;
}

.animated-icon1.openham span:nth-child(1) {
	top: 8px;
	background-color: #541b12 !important;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.animated-icon1.openham span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

.animated-icon1.openham span:nth-child(3) {
	top: 8px;
	background-color: #541b12 !important;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #f2daaa;
	color: #541b12;
	padding: 10% 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	/* z-index: -1; */
	transition: opacity 0.3s ease-out;
}

.menu.activehm {
	opacity: 1;
	visibility: visible;
	z-index: 998;
	/* transition: all 0.5s ease-in-out; */
}

.menu nav:hover>a {
	opacity: 0.25;
}

.menu nav>a:hover {
	opacity: 1;
	translate: 8px 0;
}

.menu nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.menu a {
	position: relative;
	font-family: mm4;
	font-size: 2.2vw;
	padding: 10%;
	color: #541b12;
	text-decoration: none;
	/* opacity: 0; */
	/* transition: 0.4s; */
}

@keyframes appear {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.menu.activehm a {
	opacity: 1;
	animation: appear 5s forwards;
}

/*--------------header end----------------*/


/*----------- home page started ----------*/
.hm1 {
	background: url(../assets/img/MainBGImage.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	position: relative;
}

.hm1heartimg img {
	width: 100%;
	animation: heartbeat 1.5s infinite;
	transform-origin: center;
}

@keyframes heartbeat {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}
}

.hm1heartimg {
	width: 30%;
	margin: auto;
	padding-top: 20%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hm1soft img {
	width: 100%;
}

.hm1soft {
	width: 55%;
	margin: auto;
	position: absolute;
	left: 27%;
	top: 62%;
}

.hm1bnnr1img img {
	width: 100%;
}

.hm1bnnr1img {
	width: 70%;
	margin: auto;
}

.hm1carousel {
	padding: 6% 0;
}

.hm1bali3 {
	width: 7%;
	position: absolute;
	top: 5%;
	left: 2%;
}

.hm1bali2 {
	width: 6%;
	position: absolute;
	top: 7%;
	right: 8%;
}

.hm1bali1 {
	width: 16%;
	position: absolute;
	top: 26%;
	right: -1.5%;
	transition: all 4s;
}

.hm1bali4 {
	width: 12%;
	position: absolute;
	bottom: -8%;
	left: -5.5%;
	mix-blend-mode: multiply;
}

.hm1bali4 img,
.hm1bali3 img,
.hm1bali2 img,
.hm1bali1 img {
	width: 100%;
}

.carousel-indicators {
	position: absolute;
	bottom: -9%;
	right: 6.5% !important;
	left: unset !important;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 !important;
	list-style: none;
}

.carousel-indicators [data-bs-target] {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff !important;
	border: 2px solid #000;
	border-radius: 10px;
}




.hm2 {
	width: 75%;
	margin: auto;
	padding: 2% 0 0%;
}

.hm2 h3 {
	font-size: calc(1.6vw + 1.6vh);
	font-weight: 700;
	text-align: center;
	color: #000;
	margin-bottom: 1.5%;
}

.hm2 p {
	font-size:calc(0.9vw + 1.1vh);
	color: #000;
	text-align: justify;
	text-align-last: center;
	margin-top: 0;
	margin-bottom: 3%;
}

.hm2btn,
.hm7btn {
	text-align: center;
}

.hm2btn a,
.hm7btn a {
	font-size: calc(1vw + 1vh);
	background-color: #f25c2a;
	color: #fff;
	text-decoration: none;
	padding: 0.1% 1% 0.3%;
	border-radius: 13px;
}

.hm3 {
	background: url(../assets/img/Banner2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding:27% 0 6%;
	margin-top: -5%;
}

.hm3contimg img {
	width: 100%;
    -webkit-filter: drop-shadow(5px 5px 5px #222 );
    filter: drop-shadow(7px 7px 7px #222);
}

.hm3contimg {
    width: 65%;
    margin: auto;
    position: relative;
    right: 20%;
    transform: rotate(-15deg);
}

.hm4 {
	width: 96%;
	margin: auto;
}

.hm4stl {
	padding: 0.2%;
}

.hm4img img,
.hm4txt img {
	width: 100%;
}

.hm4img {
	width: 100%;
	position: relative;
}

.hm4txt {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.hm5 {
	background: url(../assets/img/Banner3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding: 28.1% 0;
}

.hm6 {
	background: url(../assets/img/Banner4.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding: 15.5% 0 15.4%;
}

.hm6txt img {
	width: 100%;
}

.hm6txt {
	width: 36%;
	margin-left: 5.8%;
}


.hm7 {
	width: 80%;
	margin: auto;
	padding: 3% 0;
}

.hm7 h3 {
	font-size: calc(1.6vw + 1.6vh);
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-bottom: 3%;
}

.hm7primg img {
	width: 100%;
}

.hm7primg {
	width: 70%;
	margin: auto;
}

.hm8 {
    width: 90%;
    margin: 2% auto;
}
.hm8 iframe {
    width:100%; 
    height:40vw;
}
.hm8 h3{
font-size: calc(1.6vw + 1.6vh);
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-bottom: 3%;
}
.hm8 .product-owl-carousel .owl-prev span, .hm8 .product-owl-carousel .owl-next span {
    display:none;
}

.hm8 .product-owl-carousel .owl-prev:before,
.hm8 .product-owl-carousel .owl-next:before {
	background: none;
	padding: 0;
	display: block;
	position: absolute;
	top: 35%;
	transform: translate(0, -50%);
	font-family: 'unicons';
	font-size: 2.5vw;
	line-height: normal;
	color: #000;
}

.hm8 .product-owl-carousel .owl-prev:before {
	content: '\25B2';
	left: -3%;
	transform: rotate(-90deg);
}

.hm8 .product-owl-carousel .owl-next:before {
	content: '\25B2';
	right: -3%;
	transform: rotate(90deg);
}

.hm9 {
	background: url(../assets/img/Banner5.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding: 25.1% 0;
}

.hm10 {
	width: 84%;
	margin: auto;
	padding: 3% 0 0;
}

.hm10 h3 {
	font-size: calc(2vw + 2vh);
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-bottom: 3%;
}

.hm10pr {
	background: url(../assets/img/Testimonial.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 83%;
	margin: auto;
	padding: 18% 14.5% 25% 14.5%;
}

.hmprofile img {
	width: 100%;
	border-radius: 50%;
}

.hmprofile {
	width: 51%;
	margin: auto;
	position: relative;
	border: 5px #fff solid;
	border-radius: 50%;
	z-index: 1;
}

.hm10pr p {
	font-size: calc(0.55vw + 0.55vh);
	text-align: center;
	color: #fff;
	line-height: 1;
	margin: 4% 0;
}

.hm10pr h5 {
	font-size: calc(0.55vw + 0.55vh);
	text-align: center;
	color: #000;
	margin: 0;
}

.hm10pr h5 span {
	font-size: calc(0.55vw + 0.55vh);
	color: #fff;
}

.hm10pr h6 {
	font-size: calc(0.5vw + 0.5vh);
	text-align: center;
	color: #fff;
	margin: 0;
}

.hm10 .product-owl-carousel .owl-nav.disabled,
.hm10 .product-owl-carousel .owl-dots.disabled {
	display: block;
}

.hm10 .product-owl-carousel .owl-nav span {
	display: none;
}

.hm10 .product-owl-carousel.owl-loaded {
	display: block;
}

.hm10 .product-owl-carousel .owl-prev:before,
.hm10 .product-owl-carousel .owl-next:before {
	background: none;
	padding: 0;
	display: block;
	position: absolute;
	top: 35%;
	transform: translate(0, -50%);
	font-family: 'unicons';
	font-size: 2.5vw;
	line-height: normal;
	color: #000;
}

.hm10 .product-owl-carousel .owl-prev:before {
	content: '\25B2';
	left: -3%;
	transform: rotate(-90deg);
}

.hm10 .product-owl-carousel .owl-next:before {
	content: '\25B2';
	right: -3%;
	transform: rotate(90deg);
}

/*----------- home page end ----------*/

.carousel-control-prev-icon {
	display: none;
}

.carousel-control-next-icon {
	display: none;
}

.carousel-indicators {
	position: absolute;
	bottom: -9%;
	right: 12% !important;
	left: unset !important;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 !important;
	list-style: none;
}

.carousel-indicators [data-bs-target] {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 2px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff !important;
	border: 2px solid #000;
	border-radius: 10px;
}

.carousel-indicators button::before {
	position: absolute;
	top: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
}

.carousel-indicators button::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
}

.carousel-indicators .active {
	width: 7px;
	height: 7px;
	/* margin: 0% 0%; */
	background-color: #000;
}


.owl-carousel .owl-nav span {
	display: none;
}

.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-next:before {
	background: none;
	padding: 0;
	display: block;
	position: absolute;
	top: 35%;
	transform: translate(0, -50%);
	font-family: 'unicons';
	font-size: 3vw;
	line-height: normal;
	color: #000;
}

.owl-carousel .owl-nav .owl-prev:before {
	content: '\25B2';
	left: -6%;
	transform: rotate(-90deg);
}

.owl-carousel .owl-nav .owl-next:before {
	content: '\25B2';
	right: -6%;
	transform: rotate(90deg);
}


/*-------------- footer started --------------*/

/* footer started */
footer {
	width: 100%;
	background-color: #feeecd;
	position: relative;
}

.ftr {
	width: 100%;
	margin: auto;
	/* padding: 5% 0 3%; */
}

.ftrlogo img {
	width: 100%;
}

.ftrlogo {
	width: 77%;
	margin: auto;
	padding-left: 12%;
}

.ftrleft {
	background-color: #541b12;
	padding: 5% 0 3%;
}

.qlinks h5 {
	font-size: calc(0.85vw + 0.85vh);
	color: #fff;
	margin-bottom: 5%;
	font-weight: bold;
	position: relative;
}

.qlinks h5::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 36%;
	height: 2px;
	background-color: #fff;
}



.qlink a,
.cinfo a {
	text-decoration: none;
	color: #fff;
	transition: transform 1s ease-in-out;
}

.qlink a:hover,
.cinfo a:hover {
	color: #feeecd;
}

.qlink a p {
	margin: 0;
	font-size: calc(0.8vw + 0.8vh);
	/* font-weight: 600; */
}

.cinfo a p {
	margin: 0;
	font-size: calc(0.8vw + 0.8vh);
	/* font-weight: 600; */
}

/*.continfo {*/
/*	margin-left: -22%;*/
/*}*/

.qlinks {
	margin-left: 16%;
}

.continfo h5 {
	font-size: calc(0.85vw + 0.85vh);
	color: #fff;
	font-weight: bold;
	margin-bottom: 4%;
	position: relative;
}

.continfo h5::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 17.5%;
	height: 2px;
	background-color: #fff;
}



.follow h5 {
	font-size: calc(0.85vw + 0.85vh);
	color: #fff;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-bottom: 3%;
}

.follow h5::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 35.8%;
	width: 27%;
	height: 2px;
	text-align: center;
	background-color: #fff;
}

.followbx {
	display: flex;
	width: 12%;
	margin: auto;
}

.fllwicon img {
	width: 100%;
	transition: 0.5s ease-in-out;
}

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

.fllwicon {
	width: 23%;
	margin: auto;
}

.ftrbtm {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8% 4.5%;
	background-color: #541b12;
	margin: 1% 0 0;
}

.ftrbtm p {
	margin: 0;
	font-size: calc(0.8vw + 0.8vh);
	font-weight: 600;
	color: #fff;
}

.ftrbtm a {
	text-decoration: none;
	color: #fff;
}


.topbtn {
	position: fixed;
	bottom: 40px;
	right: 1%;
	z-index: 9999;
	width: 45px;
	height: 45px;
	cursor: pointer;
	background: #f2daaa;
	border-radius: 10px;
	display: none;
	align-items: center;
	justify-content: center;
	color: #541b12;
	font-size: calc(1.5vw + 1.5vh);
	box-shadow: 1px 1px 3px #00000085;
	transition: all 0.4s;
}


.topbtn:hover {
	background: #000;
	border: 2px solid #000;
	color: #fff;
	cursor: pointer;
	font-size: calc(1.55vw + 1.55vh);
}

.topbtn a:hover {
	text-decoration: none;
}

.topbtnshow {
	display: grid;
}

/*-------------- footer started --------------*/

/* #############    product page started   ########### */
.prdsct1 {
	background: url(../assets/img/Banner-of-product-page.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding:42% 0 6%;
	/*margin-top: 15.4%;*/
	/* position: relative; */
}

.prdsct1 h3 {
	color: #fff;
	text-align: center;
	font-size: calc(4vw + 4vh);
	font-weight: bold;
	margin: 0;
}

.prdsct2 {
	position: relative;
	background-color: #f9f2e2;
}

.prdsct2innr {
	width: 75%;
	margin: auto;
	padding: 2% 0 7%;
}

.prd2img img {
	width: 100%;
}

.prd2img {
	width: 80%;
}

.prdsct2txt p {
	font-size: calc(1.1vw + 1.1vh);
	color: #000;
	text-align: justify;
	margin: 0;
	padding-top: 16%;
	padding-left: 8%;
}

.prdsect2txt1 p {
	font-size: calc(1.1vw + 1.1vh);
	color: #000;
	text-align: justify;
	margin: 0;
	padding-top: 16%;
	padding-right: 8%;
}

.prd2img2 img {
	width: 100%;
}

.prd2img2 {
	width: 80%;
	margin-left: auto;
}

.prdsct2bl1 img,
.prdsct2bl3 img,
.prdsct2bl5 img {
	width: 100%;
}

.prdsct2bl2 img,
.prdsct2bl4 img {
	width: 100%;
	transform: scaleX(-1);
}

.prdsct2bl1 {
	width: 15%;
	position: absolute;
	top: 4%;
	right: -3%;
}

.prdsct2bl2 {
	width: 15%;
	position: absolute;
	top: 34%;
	left: -4.2%;
}

.prdsct2bl3 {
	width: 15%;
	position: absolute;
	top: 45%;
	right: -3%;
}

.prdsct2bl4 {
	width: 15%;
	position: absolute;
	bottom: 17.5%;
	left: -4.2%;
}

.prdsct2bl5 {
	width: 15%;
	position: absolute;
	bottom: 10.5%;
	right: -3%;
}

/* #############    product page end   ########### */


/* #############    about page started   ########### */
.abt1 {
	background-image: url(../assets/img/Banner.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 0% 0% 44.7% 0%;
    /* margin-top: 15.4%; */
    background-position: bottom;
}

.abt1img img {
	width: 100%;
}

.abt1img {
	width: 42%;
	margin-left: 45%;
}

.abt2 {
	background-color: #f9f2e2;
	position: relative;
}

.abt2innr {
	width: 80%;
	margin: auto;
}

.abt2innr h3 {
	font-size: calc(2.5vw + 2.5vh);
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 3% 0 2%;
}

.abt2innr p {
	font-family: mm4;
	font-size: calc(1.3vw + 1.3vh);
	color: #000;
	text-align: justify;
	margin: 0;
	margin-bottom: 3%;
}

.abt2img1 img {
	width: 100%;
}

.abt2img1 {
	width: 100%;
	margin: 6% 0 4%;
}

.abt2mssn {
	margin-top: 5%;
}

.abt2mssnimg img {
	width: 100%;
}

.abt2mssnimg {
	width: 100%;
}

.abt2lftimg img {
	width: 100%;
}

.abt2lftimg {
	width: 95%;
}

.abt2lft {
	margin-right: 10%;
}

.abt2lft p {
	font-size: calc(1.35vw + 1.35vh);
	color: #000;
	text-align: justify;
	margin: 0;
	padding-right: 4%;
}

.abt2bl1 img,
.abt2bl3 img,
.abt2bl5 img {
	width: 100%;
}

.abt2bl2 img,
.abt2bl4 img {
	width: 100%;
	transform: scaleX(-1);
}

.abt2bl1 {
	width: 12%;
	position: absolute;
	top: 5%;
	right: -2%;
}

.abt2bl2 {
	width: 14%;
	position: absolute;
	top: 30%;
	left: -4%;
}

.abt2bl3 {
	width: 12%;
	position: absolute;
	top: 46%;
	right: -2%;
}

.abt2bl4 {
	width: 14%;
	position: absolute;
	bottom: 17.5%;
	left: -4%;
}

.abt2bl5 {
	width: 12%;
	position: absolute;
	bottom: -5%;
	right: -2.5%;
}

/* #############    about page end   ########### */

/* #############    contact page started   ########### */
.ctnsct1{
	/*margin-top: 15.4%;*/
	background-image:url(../assets/img/Banner_of_contact_us.png);
	padding:28%;
	background-size:cover;
	width: 100%;
}

.ctnsect {
	background-color: #f9f2e2;
}

.ctnsectinnr {
	width: 80%;
	margin: auto;
	padding: 4% 0;
}

.ctnsct2 {
	padding: 3%;
	margin-bottom: 4%;
	background-color: #ffffff;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.ctnsct2cont svg {
	font-size: calc(2.3vw + 2.3vh);
	color: #000;
}

.ctnsct2cont a {
	font-size: calc(0.95vw + 0.95vh);
	color: #000;
	text-decoration: none;
}

.ctnsct3innr {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.map-container iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.ctnsct3 a {
	text-decoration: none;
	font-size: calc(0.7vw + 0.7vh);
	color: #fff;
}

.ctnsct3 h3 {
	font-size: calc(2.5vw + 2.5vh);
	color: #fff;
	margin-bottom: 5%;
	line-height: 1;
	font-weight: bold;
}

.ctnsct3form {
	background-color: #541b12;
	padding: 3% 5% 3% 5%;
}

.ctnsct3field {
	margin: 2% 0 3%;
}

.ctnsct3field input,
.ctnsct3field textarea {
	width: 100%;
	border-radius: 15px;
	border: none;
	font-size: calc(0.53vw + 0.53vw);
	padding: 1.5% 3% 1.2%;
}

.ctnsct3field input::placeholder,
.ctnsct3field textarea::placeholder {
	font-size: calc(0.65vw + 0.65w);
}

.ctnsct3btn {
	margin: 5% 0;
}

.ctnsct3btn input {
	background-color: #fff;
	color: #000;
	font-weight: 600;
	font-size: calc(0.7vw + 0.7vh);
	border-radius: 15px;
	padding: 0.5% 4% 0.9%;
	border: none;
}

/* #############    contact page end   ########### */