@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&display=swap);

@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css);



:root {

	--primary-color: 0, 91, 38;

	--secondary-color: 27, 26, 26;

	--text-color: 35, 61, 98;

	--dark-text: 0, 0, 0;

	--light-text: 91, 98, 107;

	--text-green: 18, 166, 80;

	--border-color: 238, 238, 238;

	--dark-border: 204, 204, 204;

	--padding: 8px;

	--margin: 8px

}



html {

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%

}



body {

	font-family: Quicksand, sans-serif;

	font-size: 1rem;

	color: rgb(var(--light-text));

	font-weight: 500

}



li,

ol,

p,

ul {

	list-style: none;

	line-height: 30px

}



a {

	text-decoration: none;

	outline: 0;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s

}



b,

strong {

	color: rgb(var(--primary-color))

}



h1,

h2,

h3,

h4 {

	font-weight: 700;

	color: rgb(var(--text-color))

}



.form-control,

.form-select {

	height: 42px;

	border: 0;

	border-radius: 4px

}



textarea.form-control {

	height: 120px

}



img {

	width: 100%;

	height: auto

}



.btn,

.button,

button,

input[type=button],

input[type=submit] {

	position: relative;

	display: inline-block;

	font-size: 16px;

	font-weight: 700;

	color: #fff;

	line-height: 1;

	letter-spacing: 0;

	padding: calc(var(--padding)*2);

	background-color: rgb(var(--primary-color));

	outline: 0;

	cursor: pointer;

	text-transform: capitalize;

	vertical-align: top;

	border: 2px solid rgb(var(--primary-color));

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: all .3s ease-in-out;

	-khtml-transition: all 300ms ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.btn:hover,

.button:hover,

button:hover,

input[type=button]:hover,

input[type=submit]:hover {

	background-color: rgb(var(--secondary-color));

	border: 2px solid rgb(var(--secondary-color));

	color: #fff

}



.anar-btn__content {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	margin: 0 -5px

}



.anar-btn__content {

	flex: 0 0 auto;

	position: relative;

	padding-left: 5px;

	padding-right: 5px

}



.btn-icon {

	font-size: 20px;

	margin-top: -7px;

	margin-bottom: -7px

}



.anar-btn__content>span {

	flex: 0 0 auto;

	position: relative;

	padding-left: 5px;

	padding-right: 5px

}



.btn:hover .btn-icon {

	-webkit-animation: readmoreIcon .3s linear 0s;

	-khtml-animation: readmoreIcon 300ms linear 0s;

	-moz-animation: readmoreIcon .3s linear 0s;

	-ms-animation: readmoreIcon 300ms linear 0s;

	-o-animation: readmoreIcon .3s linear 0s;

	animation: readmoreIcon .3s linear 0s

}



@-webkit-keyframes readmoreIcon {

	0% {

		right: 0;

		opacity: 1

	}



	50% {

		right: 20px;

		opacity: 0

	}



	100% {

		right: 0;

		opacity: 1

	}

}



@-moz-keyframes readmoreIcon {

	0% {

		right: 0;

		opacity: 1

	}



	50% {

		right: 20px;

		opacity: 0

	}



	100% {

		right: 0;

		opacity: 1

	}

}



@-ms-keyframes readmoreIcon {

	0% {

		right: 0;

		opacity: 1

	}



	50% {

		right: 20px;

		opacity: 0

	}



	100% {

		right: 0;

		opacity: 1

	}

}



@-o-keyframes readmoreIcon {

	0% {

		right: 0;

		opacity: 1

	}



	50% {

		right: 20px;

		opacity: 0

	}



	100% {

		right: 0;

		opacity: 1

	}

}



@keyframes readmoreIcon {

	0% {

		right: 0;

		opacity: 1

	}



	50% {

		right: 20px;

		opacity: 0

	}



	100% {

		right: 0;

		opacity: 1

	}

}



/*Slick Slider*/

.slick-slider {

	position: relative;

	display: block;

	box-sizing: border-box;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent

}



.slick-list {

	position: relative;

	display: block;

	overflow: hidden;

	margin: 0;

	padding: 0

}



.slick-list:focus {

	outline: 0

}



.slick-list.dragging {

	cursor: pointer;

	cursor: hand

}



.slick-slider .slick-list,

.slick-slider .slick-track {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}



.slick-track {

	position: relative;

	top: 0;

	left: 0;

	display: block

}



.slick-track:after,

.slick-track:before {

	display: table;

	content: ''

}



.slick-track:after {

	clear: both

}



.slick-loading .slick-track {

	visibility: hidden

}



.slick-slide {

	display: none;

	float: left;

	height: 100%;

	min-height: 1px

}



[dir=rtl] .slick-slide {

	float: right

}



.slick-slide img {

	display: block

}



.slick-slide.slick-loading img {

	display: none

}



.slick-slide.dragging img {

	pointer-events: none

}



.slick-initialized .slick-slide {

	display: block

}



.slick-loading .slick-slide {

	visibility: hidden

}



.slick-vertical .slick-slide {

	display: block;

	height: auto;

	border: 1px solid transparent

}



.slick-arrow.slick-hidden {

	display: none

}



.slick-arrow {

	width: 50px;

	height: 50px;

	border-radius: 100%;

	background-color: rgb(var(--primary-color));

	outline: 0;

	border: 0;

	transition: all 0.2s ease;

	position: absolute;

	left: 20px;

	top: 50%;

	z-index: 1;

	opacity: 0;

	padding: 0

}



.slick-slider:hover .slick-arrow {

	opacity: 1

}



.slick-arrow:hover {

	opacity: 1

}



.slick-arrow.next-arrow {

	left: auto;

	right: 20px

}



.slick-arrow i {

	color: #fff;

	font-size: 32px

}



.scroll-to-top {

	display: none;

	width: 45px;

	height: 45px;

	background: rgb(var(--primary-color));

	position: fixed;

	bottom: 40px;

	right: 40px;

	z-index: 99;

	text-align: center;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	display: none;

	border-radius: 50%;

	transition: all .4s ease

}



.scroll-to-top i {

	color: #fff;

	font-size: 18px;

	line-height: 45px

}



#top-bar {

	position: relative;

	z-index: 10

}



.logo img {

	max-height: 60px;

	width: auto

}



.stricked-menu .logo img {

	max-height: 40px

}



.anar-menu__desktop {

	display: block

}



.stricked-menu {

	position: fixed;

	z-index: 9;

	top: 0;

	left: 0;

	background-color: #fff;

	width: 100%;

	visibility: hidden;

	transform: translateY(-120%);

	transition: transform .5s ease, visibility .5s ease;

	box-shadow: 0 10px 60px 0 rgb(0 0 0 / 5%)

}



.stricked-menu.stricky-fixed {

	transform: translateY(0);

	visibility: visible

}



.anar-menu__area {

	position: relative;

	width: 100%;

	text-align: right;

	z-index: 1

}



.anar-menu {

	width: 100%

}



.taste{

	display: none;

}



.anar-menu ul {

	border: 0;

	padding: 0;

	margin: 0;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s

}



.navigation-menu {

	padding: 0;

	margin: 0

}



.navigation-menu .menu-item {

	margin-right: calc(var(--margin)*2.5);

	display: inline-block;

	color: rgb(var(--text-color));

	position: relative

}



.navigation-menu .menu-item.anar-mega__menu {

	position: static

}



.navigation-menu .menu-item.submenu {

	margin-right: calc(var(--margin)*4.5)

}



.navigation-menu .menu-item a {

	font-size: 1.0625rem;

	font-weight: 700;

	padding: 0 var(--padding);

	color: rgb(var(--text-color));

	line-height: 100px;

	display: block;

	position: relative

}



.stricked-menu .navigation-menu .menu-item a {

	line-height: 70px

}



.navigation-menu .menu-item a.submenu-arrow:before {

	content: '';

	width: 0;

	height: 0;

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	border-left: 6px solid rgb(var(--primary-color));

	position: absolute;

	top: 0;

	right: -10px;

	top: 45px;

	transform: rotate(0);

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s

}



.stricked-menu .navigation-menu .menu-item a.submenu-arrow:before {

	top: 30px

}



.navigation-menu .menu-item a.submenu-arrow:hover:before {

	transform: rotate(90deg)

}



.navigation-menu .menu-item a.active,

.navigation-menu .menu-item a:focus,

.navigation-menu .menu-item a:hover {

	color: rgb(var(--text-green))

}



.navigation-menu .sub-menu {

	position: absolute;

	top: 100%;

	right: 0;

	background: #fff;

	border-radius: 0;

	padding: 10px 24px;

	overflow: hidden;

	visibility: hidden;

	min-width: 250px;

	opacity: 0;

	transform: scaleY(0);

	transform-origin: 0 0 0;

	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .1);

	box-shadow: 0 8px 15px rgba(0, 0, 0, .1)

}



.navigation-menu .sub-menu.mega-menu {

	min-width: 100%

}



.navigation-menu .sub-menu li {

	line-height: 1.8em

}



.navigation-menu .sub-menu li a {

	line-height: 20px;

	text-align: left;

	display: block;

	padding: 14px 0;

	font-size: 1rem;

	font-weight: 500

}



.stricked-menu .navigation-menu .sub-menu li a {

	line-height: 20px

}



.navigation-menu .sub-menu li a:hover {

	padding-left: 5px

}



.anar-menu .navigation-menu li:hover .sub-menu {

	opacity: 1;

	visibility: visible;

	transform: scaleY(1)

}



.navigation-menu .sub-menu.mega-menu li {

	margin-right: 0

}



.navigation-menu .sub-menu.mega-menu.three-column {

	display: flex;

	flex-wrap: wrap

}



nav>ul>li>ul>li:hover>ul {

	display: block;

	flex-wrap: wrap

}



.navigation-menu .sub-menu.mega-menu.three-column li {

	width: 33.33%;

	padding: 0 var(--padding);

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s

}



.navigation-menu .sub-menu.mega-menu.three-column li:hover {

	padding-left: calc(var(--padding)*1.5)

}



.taste:hover li{

	display: block;

}

.navigation-menu .sub-menu.mega-menu.three-column li a {

	border-bottom: 1px solid rgb(var(--border-color));

	position: relative;

	padding-left: calc(var(--padding)*3)

}



.navigation-menu .sub-menu.mega-menu.three-column li a:before {

	content: "\f135";

	display: inline-block;

	font-family: bootstrap-icons !important;

	font-style: normal;

	font-weight: 400 !important;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	vertical-align: -.125em;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	position: absolute;

	top: 15px;

	left: 0

}



.navigation-menu .sub-menu.mega-menu.three-column li:hover a {

	background: rgba(var(--dark-text), .05)

}





.anar-menu__mobile {

	display: none

}



.anar-menu__mobile .offcanvas-start {

	max-width: 250px;
	display: none;
    visibility: hidden !important;

}

.anar-menu__mobile .offcanvas-start.show {
    display: block;
    visibility: visible !important;
}



.anar-menu__mobile #sidebarCollapse {

	width: 40px;
    /* old Margin */
	margin-top: -49px;
	/* New Margin */
	/*margin-top: 5px;*/

	margin-right: 12px;

	height: 40px;

	position: relative;

	/* margin: auto; */

	z-index: 9999999;

	-webkit-transform: rotate(0);

	-moz-transform: rotate(0);

	-o-transform: rotate(0);

	transform: rotate(0);

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	cursor: pointer;

	background: 0 0;

	box-shadow: none;

	outline: 0 !important;

	border: none;

	padding: 0

}



.anar-menu__mobile #sidebarCollapse span {

	display: block;

	position: absolute;

	height: 3px;

	width: 100%;

	background: #000;

	opacity: 1;

	left: 0;

	-webkit-transform: rotate(0);

	-moz-transform: rotate(0);

	-o-transform: rotate(0);

	transform: rotate(0);

	-webkit-transition: 250ms ease-in-out;

	-moz-transition: 250ms ease-in-out;

	-o-transition: 250ms ease-in-out;

	transition: 250ms ease-in-out

}



.anar-menu__mobile #sidebarCollapse span:nth-child(1) {

	top: 0

}



.anar-menu__mobile #sidebarCollapse span:nth-child(2),

.anar-menu__mobile #sidebarCollapse span:nth-child(3) {

	top: 15px

}



.anar-menu__mobile #sidebarCollapse span:nth-child(4) {

	top: 30px

}



.anar-menu__mobile #sidebarCollapse.active span:nth-child(1) {

	top: 15px;

	width: 0%;

	left: 50%

}



.anar-menu__mobile #sidebarCollapse.active span:nth-child(2) {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg)

}



.anar-menu__mobile #sidebarCollapse.active span:nth-child(3) {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg)

}



.anar-menu__mobile #sidebarCollapse.active span:nth-child(4) {

	top: 15px;

	width: 0%;

	left: 50%

}



.anar-menu__mobile .btn-toggle {

	display: inline-flex;

	align-items: center;

	padding: .25rem .5rem;

	font-weight: 600;

	color: rgba(0, 0, 0, .65);

	background-color: transparent;

	border: 0

}



.anar-menu__mobile .btn-toggle:focus,

.anar-menu__mobile .btn-toggle:hover {

	color: rgba(0, 0, 0, .85);

	background-color: #e5e5e5

}



.anar-menu__mobile .btn-toggle::after {

	width: 1.25em;

	line-height: 0;

	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");

	transition: transform .35s ease;

	transform-origin: .5em 50%;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%)

}



.anar-menu__mobile .btn-toggle[aria-expanded=true] {

	color: rgba(0, 0, 0, .85)

}



.anar-menu__mobile .btn-toggle[aria-expanded=true]::after {

	transform: rotate(90deg)

}



.anar-menu__mobile .navigation-menu .menu-item {

	display: block;

	text-align: left;

	margin-right: 0

}



.anar-menu__mobile .navigation-menu .menu-item a {

	line-height: 30px;

	padding: var(--padding);

	background: 0 0

}



#breadcrumbs {

	background: #333;

	background-size: cover;

	background-position: left top

}



.ar-bc-main {

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 40px 0

}

.ar-bc-main>div {
	text-align: center
}
.banner-title {
	position: relative
}
.banner-title h1 {
	color: #333;
	font-size: 46px; 
	text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
	text-transform: uppercase
}
.breadcrumbs {
	margin: 0;
	list-style: none;
	padding: 0;
	text-align: center
}
.breadcrumbs li {
	padding: 0;
	margin-right: 3px;
	color: #fff;
	position: relative;
	display: inline-block;
	font-size: 14px
}
.breadcrumbs li a {
	color: #fff
}
.breadcrumbs li span.bread-current {
	font-weight: 500;
	padding-left: 3px
}
.breadcrumbs li:not(:last-child):after {
	content: "|";
	margin-left: 7px;
	font-family: FontAwesome;
	color: #fff;
	font-size: 16px;
	font-weight: 400
}
.section-gap {
	padding: 80px 0
}
.section-title span {
	font-size: 14px;
	font-weight: 500;
	padding: 0;
	line-height: 1px;
	margin: 0 0 5px 0;
	letter-spacing: 0;
	color: rgb(var(--text-green));
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 600
}
.section-title span::after {
	content: "";
	width: 120px;
	height: 1px;
	display: inline-block;
	background: rgb(var(--secondary-color));
	margin: 4px 10px
}
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
	margin: 0;
	margin: 0;
	font-size: 36px;
	font-weight: 700;
	color: rgb(var(--text-color))
}
.section-title.style-2 {
	text-align: center
}
.section-title.style-2 h2 {
	margin-bottom: 20px
}
.section-title.style-2 p {
	text-align: center
}
.section-title.style-2 span:after {
	display: none
}
.heading-underline {

	display: -webkit-inline-flex;

	display: -moz-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	align-items: center

}



.heading-underline span {

	display: -webkit-inline-flex;

	display: -moz-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	width: 336px;

	height: 2px;

	background-color: #dedede;

	position: relative

}



.heading-underline span:before {
	content: "";
	display: block;
	width: 112px;
	height: 4px;
	position: absolute;
	top: -1px;
	background-color: rgb(var(--secondary-color));
	transform: translateX(-50%);
	-webkit-animation: MOVE-BG 3s ease infinite alternate both;
	animation: MOVE-BG 3s ease infinite alternate both
}
.space-inner {
	margin-bottom: 25px
}
.space-inner.h-65 {
	margin-bottom: 65px
}
.ar-headline h3 {
	font-size: 1.3rem;
	color: rgb(var(--text-green))
}
.ar-sub-headling {
	margin-top: .75em;
	color: rgba(0, 0, 0, .8);
	line-height: 26px
}
ul.list-style li {
	padding-bottom: 8px
}



ul.list-style li:before {

	content: '';

	position: relative;

	margin-right: 15px;

	width: 6px;

	height: 6px;

	top: -2px;

	display: inline-block;

	background-color: rgb(var(--text-green))

}



ul.list-style.list-none li {

	position: relative;

	padding-left: 26px;

	text-transform: capitalize

}



ul.list-style.list-none li a {

	color: var(--light-text)

}



ul.list-style.list-none li:before {

	display: none

}



ul.list-style.list-none li i {

	color: rgb(var(--text-green));

	position: absolute;

	left: 0;

	top: 0

}



.grid-design {

	display: grid;

	grid-template-columns: 50% 50%;

}



#welcome {

	background: -webkit-linear-gradient(left, #fff 50%, rgba(108, 203, 130, .1) 50%);

	background: -moz-linear-gradient(left, #fff 50%, rgba(108, 203, 130, .1) 50%);

	background: -o-linear-gradient(left, #fff 50%, rgba(108, 203, 130, .1) 50%);

	background: -ms-linear-gradient(left, #fff 50%, rgba(108, 203, 130, .1) 50%)

}



.about-info {

	margin-bottom: 0;

	padding-left: 85px

}



.about-info h3 {

	font-size: 1.625rem;

	margin: -.3em 0 .46em;

	line-height: 1.34em;

	font-weight: 600

}



#products {

	background-color: #f6f7f8;

	background-position: top center;

	background-repeat: no-repeat;

	background-size: cover;
	overflow:hidden;

}



.anar-product__item {

	padding: 15px;

	/* float: left; */

	-webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);

	-khtml-transition: 300ms cubic-bezier(0.24, 0.74, 0.58, 1);

	-moz-transition: .3s cubic-bezier(.24, .74, .58, 1);

	-ms-transition: .3s cubic-bezier(.24, .74, .58, 1);

	-o-transition: .3s cubic-bezier(.24, .74, .58, 1);

	transition: .3s cubic-bezier(.24, .74, .58, 1)

}



.anar-product__item.slick-slide {

	display: block;

	height: 100%

}



.anar-product__content {

	--webkit-border-radius: 8px;

	-khtml-border-radius: 8px;

	-moz-border-radius: 8px;

	-ms-border-radius: 8px;

	-o-border-radius: 8px;

	border-radius: 8px

}



.anar-product__item .product-content {

	padding-bottom: 80px;

	-webkit-box-shadow: 0 3px 15px 0 rgba(37, 55, 69, .08);

	-khtml-box-shadow: 0px 3px 15px 0 rgba(37, 55, 69, 0.08);

	-moz-box-shadow: 0 3px 15px 0 rgba(37, 55, 69, .08);

	-ms-box-shadow: 0 3px 15px 0 rgba(37, 55, 69, .08);

	-o-box-shadow: 0 3px 15px 0 rgba(37, 55, 69, .08);

	box-shadow: 0 3px 15px 0 rgba(37, 55, 69, .08)

}



.anar-product__image {

	overflow: hidden;

	-webkit-border-radius: 8px 8px 0 0;

	-khtml-border-radius: 8px 8px 0 0;

	-moz-border-radius: 8px 8px 0 0;

	-ms-border-radius: 8px 8px 0 0;

	-o-border-radius: 8px 8px 0 0;

	border-radius: 8px 8px 0 0

}



.slick-slide img {

	display: inline-block !important;

	vertical-align: top;

	-webkit-transition: all .3s ease-in-out;

	-khtml-transition: all 300ms ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.product-content__inner {

	position: absolute;

	bottom: -217px;

	left: 0;

	right: 0

}

.inner-content {

	-webkit-transition: all .3s ease-in-out;

	-khtml-transition: all 300ms ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	padding: 30px 30px 40px

}



.inner-content .product-heading {

	height: 36px;

	overflow: hidden;

	margin-bottom: 15px

}



.inner-content .product-heading .product-name,

.inner-content .product-heading .product-name a,

.inner-content .product-heading h3,

.inner-content .product-heading h3 a {

	font-size: 20px;

	color: rgb(var(--text-color));

	margin-bottom: 0;

	font-weight: 700

}



.product-description {

	padding-top: calc(var(--padding)+2);

	margin-bottom: calc(var(--margin)*3);

	height: 100px;

	overflow: hidden

}



.anar-product__item .product-content:hover .inner-content {

	bottom: 0

}



#products .slick-arrow {

	display: none !important

}



#products .product-slider:hover .slick-arrow {

	display: block !important

}



.anar-product__item.slick-slide .product-content:hover img {

	-webkit-transform: scale(1.1);

	-khtml-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1)

}



#why-us {

	background: -webkit-linear-gradient(left, rgba(108, 203, 130, .1) 50%, #fff 50%);

	background: -moz-linear-gradient(left, rgba(108, 203, 130, .1) 50%, #fff 50%);

	background: -o-linear-gradient(left, rgba(108, 203, 130, .1) 50%, #fff 50%);

	background: -ms-linear-gradient(left, rgba(108, 203, 130, .1) 50%, #fff 50%)

}



.why-icon {

	width: 80px;

	max-width: 80px;

	min-width: 80px;

	height: 65px;

	background: rgba(108, 203, 130, .1) 50%;

	border-radius: 4px;

	display: flex;

	align-items: center;

	padding: 10px;

	justify-content: center;

	margin-right: 10px

}



.why-icon img {

	max-width: 38px

}



.why-point h4 {

	font-size: 16px;

	font-weight: 600;

	margin: 0

}



.anar-counter__box {

	background-color: rgb(var(--primary-color));

	width: 50%;

	float: left;

	text-align: center;

	padding: 43px 15px 43px

}



.anar-counter__box:nth-child(2),

.anar-counter__box:nth-child(3) {

	background: #21222c

}



.anar-counter__box .counter-title {

	font-size: 3rem;

	font-weight: 700;

}



.anar-application__img img {

	width: 100%;

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;

	transition: opacity .3s ease, -webkit-transform .3s ease;

	transition: transform .3s ease, opacity .3s ease;

	transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease

}



.anar_application__overlay {

	position: absolute;

	left: 10px;

	bottom: 10px;

	width: calc(100% - 20px);

	border-radius: 8px;

	right: 100%;

	padding: calc(var(--padding)*2);

	background-color: rgba(255, 255, 255, .9);

	-webkit-transition: all .5s ease;

	transition: all .3s ease;

	transform: scaleY(0);

	z-index: 1

}



.anar-industries__single a {

	border-radius: 8px

}



.anar-industries__single a h4,

.anar-industries__single a .application-title {

	font-size: 18px;

	text-align: center

}



.anar-industries__single a:hover .anar_application__overlay {

	transform: scaleY(1);

	right: 10px

}



.img-cover {

	position: relative;

	height: 100%;

	margin-bottom: 110px

}



.cover {

	position: relative;

	margin-right: 180px;

	z-index: 1;

	left: 20px;

	border: 5px solid rgb(var(--text-green));

	box-shadow: 0 0 10px rgba(0, 0, 0, .2)

}



.slide-right {

	-webkit-animation: slide-right 1.5s ease-in-out infinite alternate both;

	animation: slide-right 1.5s ease-in-out infinite alternate both

}



.img-cover2 {

	position: absolute;

	right: 0;

	bottom: 10px;

	max-width: 370px

}



.since-year {

	position: relative

}



.year {

	position: absolute;

	left: 20px;

	top: -5px;

	z-index: 1

}



.year span {

	color: rgb(var(--secondary-color));

	font-size: 42px;

	font-weight: 700;

	display: block;

	line-height: 70px;

	position: relative;

	text-transform: uppercase

}



.year strong {

	color: rgb(var(--text-green));

	font-size: 56px;

	font-weight: 700;

	display: block;

	line-height: 30px

}



@-webkit-keyframes slide-right {

	0% {

		-webkit-transform: translateX(0);

		transform: translateX(0)

	}



	100% {

		-webkit-transform: translateX(-20px);

		transform: translateX(-20px)

	}

}



@keyframes slide-right {

	0% {

		-webkit-transform: translateX(0);

		transform: translateX(0)

	}



	100% {

		-webkit-transform: translateX(-20px);

		transform: translateX(-20px)

	}

}



.gradient-bg {

	background: linear-gradient(90deg, #38a745, #4cce5b);

	padding: 5%

}



.gradient-bg .heading {

	font-size: 25px;

	line-height: 35px;

	color: #fff

}



.main-moto {

	padding: 50px;

	background: rgba(108, 203, 130, .1)

}



.solid-box-item {

	position: relative;

	overflow: hidden;

	background: rgb(var(--text-green));

	height: calc(100% - 20px);

	margin-bottom: 20px

}



.solid-box-item.style-2 {

	background: rgb(var(--secondary-color))

}



.solid-box-item:before {

	background-color: #00225a;

	width: 100%;

	height: 100%;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1

}



.box-content {

	z-index: 0;

	padding: 40px 35px;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	overflow: hidden

}



.box-content:before {

	color: rgba(255, 255, 255, .1);

	content: attr(data-count);

	display: block;

	position: absolute;

	bottom: -58px;

	right: -44px;

	font-size: 120px;

	font-weight: 900;

	line-height: 1;

	z-index: -1

}



.solid-box-item p {

	color: #fff

}



#last-section ul.list-style li:before {

	content: '';

	position: relative;

	margin-right: 15px;

	width: 6px;

	height: 6px;

	top: -2px;

	display: inline-block;

	background-color: rgb(var(--primary-color))

}



.row-certificate .col-lg-3 {

	border: 1px solid #eee;

	padding: 5%;

	align-items: center;

	display: flex

}



.glightbox-clean .gclose {

	padding: 0

}



.c-info-wrapper {

	border: 2px solid rgb(var(--primary-color));

	padding: 30px

}



.item-wrapper {

	margin-bottom: 30px;

	position: relative

}



.media {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	align-items: flex-start

}



.media .icon {

	height: 50px;

	width: 50px;

	font-size: 20px;

	background-color: rgb(var(--text-green));

	line-height: 1;

	transition: all ease .35s;

	-webkit-transition: all ease .35s;

	-moz-transition: all ease .35s;

	text-align: center;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #fff

}



.box-title h5 {

	text-transform: capitalize;

	font-weight: 700;

	font-size: 18px;

	line-height: 28px

}



.media .body {

	-ms-flex: 1;

	flex: 1

}



.media .body .box-content {

	font-size: 16px;

	padding: 0

}



.media .body .box-content a {

	color: var(--secondary-color)

}



.form-control,

.form-select {

	border: 1px solid #ced4da

}



.sticky {

	position: sticky;

	top: 130px;

	position: -webkit-sticky;

}



.feature-img-box {

	position: relative;

	overflow: hidden;

	border-radius: 8px

}



#footer {

	background: #21222c;

	padding: 40px 0 0

}



#footer h5,

#footer h6 {

	font-size: 22px;

	letter-spacing: .2px;

	margin-bottom: 20px;

	font-weight: 700

}



#footer ul {

	padding: 0

}



#footer ul li {

	position: relative;

	margin-bottom: 8px

}



#footer ul li:before {

	content: '';

	position: relative;

	margin-right: 15px;

	width: 6px;

	height: 6px;

	top: -2px;

	display: inline-block;

	background-color: rgb(var(--primary-color))

}



#footer ul li a {

	color: #c5c5c5

}



#footer ul li:hover a {

	color: #fff;

	padding-left: 2px

}



#footer .address-column {

	font-size: 16px

}



#footer .address-column .text-white a {

	padding-bottom: var(--padding);

	display: block

}



.social-icons {

	padding-top: calc(var(--padding)*2)

}



.social-icons a {

	color: #fff;

	font-size: 18px;

	width: 32px;

	display: inline-block;

	height: 32px;

	text-align: center;

	line-height: 32px

}



.social-icons a:not(:first-child) {

	margin-left: calc(var(--margin)*1.5)

}



.social-icons a:hover {

	color: rgb(var(--primary-color))

}



.copyright {

	margin-top: 40px

}



.copyright .container {

	padding-top: 12px;

	padding-bottom: 12px;

	border-top: 1px solid rgba(255, 255, 255, .08)

}



.copyright p {

	text-align: left

}



.copyright a {

	text-align: right

}



.goog-te-gadget .goog-te-combo {

	padding: 7px;

	border: 1px solid #ced4da;

	border-radius: 0

}



.goog-te-gadget {

	margin-right: 20px

}



@keyframes MOVE-BG {

	0% {

		left: 57px

	}



	to {

		left: 278px

	}

}



.page-small-title {

	font-size: 30px;

	color: rgb(var(--secondary-color));

	margin-bottom: 20px;

	text-transform: capitalize

}



h2.page-small-title,

h3.page-small-title,

h4.page-small-title {

	font-size: 20px;

	color: rgb(var(--secondary-color));

	margin-bottom: 20px;

	text-transform: capitalize

}



.separator-border {

	display: block;

	width: 65px;

	height: 4px;

	position: relative;

	margin-bottom: 30px !important;

	background: rgb(var(--text-green))

}



.section-content {

	margin-bottom: 50px

}



@media (min-width:991px) and (max-width:1399.98px) {

	.navigation-menu .menu-item {

		margin-right: calc(var(--margin)*1.5)

	}



	.container {

		max-width: 95%

	}



	.navigation-menu .menu-item a {

		font-size: 16px

	}



	.navigation-menu .menu-item.submenu {

		margin-right: calc(var(--margin)*3)

	}

	.inner-content .product-heading h3{
		font-size: 17px;
	}

}



@media all and (min-width:992px) {

	.dropdown-menu li {

		position: relative

	}



	.nav-item .submenu {

		display: none;

		position: absolute;

		left: 100%;

		top: -7px

	}



	.nav-item .submenu-left {

		right: 100%;

		left: auto

	}



	.dropdown-menu>li:hover {

		background-color: #f1f1f1

	}



	.dropdown-menu>li:hover>.submenu {

		display: block

	}

}

@media (max-width : 1200px){
	.product-content__inner {

		position: inherit;

	}

	.anar-product__item .product-content{
		padding-bottom: 0;
	}

	.product-readmore .btn{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.anar_application__overlay {
		transform: scaleY(1);
		right: 10px;
		position: inherit;
	}
}
@media (max-width:991px) {
	.anar-menu__desktop,
	.stricked-menu {
		display: none
	}
	.anar-menu__mobile {
		display: block
	}
	.modal-backdrop{
		background-color: transparent;
	}
	#welcome,
	#why-us {
		background: -webkit-linear-gradient(top, #fff 50%, rgba(108, 203, 130, .1) 50%);
		background: -moz-linear-gradient(top, #fff 50%, rgba(108, 203, 130, .1) 50%);
		background: -o-linear-gradient(top, #fff 50%, rgba(108, 203, 130, .1) 50%);
		background: -ms-linear-gradient(top, #fff 50%, rgba(108, 203, 130, .1) 50%)
	}
	.about-info {
		padding-left: 0;
		padding-top: 50px
	}
	#why-us .col-lg-6.pe-md-5 {
		padding-top: 50px;
		display: flex;
		flex-wrap: wrap
	}
}
@media (max-width:767px) {
	#top-bar {
		padding: 10px 0
	}
	.anar-counter__box h3 {
		font-size: 2.5rem
	}
	.footer-column:not(:first-child) {
		margin-top: 40px
	}
	.copyright a,
	.copyright p {
		text-align: center
	}
	#navigation-menu .container {
		padding: 0
	}
	.navbar .nav-item {
		border: 0
	}
	.navbar-nav .dropdown-menu {
		width: 100%;
		background: 0 0
	}
	.navbar .nav-item .dropdown-menu a {
		color: #fff
	}
	.navbar .dropdown-toggle::after {
		float: right;
		padding-top: 15px;
		margin-top: 13px
	}
	.dropdown-item {
		padding: .5rem 1rem
	}
	.certificate {
		display: flex
	}
	.certificate span img {
		width: 90%
	}
	.solid-box-item {
		height: auto
	}
}
/*Modal CSS*/
.modal-header{border-bottom:0px;}
.modal-footer{border-top:0px;}
.modal{z-index:9999999;overflow-y:hidden;}
.modal-dialog{max-width:810px;width:95%;}
.modal-content{margin-top:10%;}
.stick_popup{height:auto;min-height:auto;display:inline-block;width:100%;text-align:center;padding:0;}
.pop-img{display:block;max-width:70%;margin:45px;}
.stick_close{cursor:pointer;position:absolute;top:8px;right:8px;float:right;font-size:17px;background-color:#b1b2b2;color:#fff;padding:14px;text-decoration:none;}
.btn-close:hover{background-color:#b1b2b2;color:#fff; border: 0px;}
.modal-backdrop.in{filter:alpha(opacity=95);opacity:.95;}
.modal-backdrop{position:fixed;top:0;right:0;z-index:999999;background-color:transparent; display:none;}
.headerh3{font-size:19px;line-height:33px;font-weight:bold;color: #000;}
.modal-header{background-color:#005b26;color:#fff;}
.modal-title{margin: 0px auto !important;font-size:19px;color:#fff;}
.form-horizontal .form-group{clear:both;}
.form-control1{width:99%;}
.navbar23{overflow:hidden;background-color:#333;position:fixed;bottom:0;width:100%;z-index:999999;padding:10px 0px;}
.navbar23 button{font-size:12px;width:100%;}
.btn-danger{background-color:#005b26!important;border-color:#005b26!important;}
.sidebutton{left:0;position:fixed;top:250px;z-index:10000;}
.sidebutton1{right:0px;position:fixed;top:250px;z-index:10000;}
.formtop{margin-top:10px;}
.padd-0{padding:0px;}
.capside{margin-top:3px;padding: 10px !important;}
.submitbutton{background:#005b26 !important;color:#FFF!important;font-size:16px;line-height:13px;border-radius:5px;padding:6px 4px;border:1px solid #005b26;margin-bottom: 15px !important;}

/*----------------- End Modal CSS------------------------*/

/*-----------------Validation----------------------------*/
.example{margin:15px;font-size:14px;color:#656666;content:"Example";background-color:#fff;border-color:#929494;border-width:1px;border-radius:4px;padding:10px 20px 10px;border-style:solid;}

.form-control-feedback{display:none;}
.has-feedback label~.form-control-feedback{top:0!important;}
.error{text-align:left!important;display:table!important;}
label.error {
    color: #e70000;
    font-weight: 400;
    position: absolute;
    bottom: -15px;
    font-size: 12px;
    text-transform: capitalize;
}

/*-----------------End Validation----------------------------*/

.form-control, .form-select {
    margin-top: 10px !important; 
}


@media (max-width: 768px) {
            #company-profile .container {
                padding: 0 5px;
            }
            #company-profile .row {
                flex-direction: column;
            }
            #company-profile .col-lg-6 {
                width: 100%;
                margin-bottom: 20px;
            }
            #company-profile .welcome-section {
                padding: 5px;
            }
            #company-profile img {
                width: 100%;
                height: auto;
                margin: 20px 0;
            }
            .banner-title h1 {
                color: #333;
                font-size: 33px;
                text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
                text-transform: uppercase;
            }
            .onload-modal, #onload{
                overflow:scroll;
            }
            #onload23 img.pop-img , #onload img.pop-img{
    width: 100%;
    max-width: 40%;
    margin: 10px auto;
}
#onload23 .modal-header, #onload .modal-header {
    padding: 7px;
}
#onload23 #footer h5, #onload #footer h5 {
    font-size: 18px;
    letter-spacing: .2px;
    margin-bottom: 20px;
    font-weight: 700;
}
#onload23 form, #onload form {
    padding: 0 10px;
}
#onload23 form .form-group div, #onload form .form-group div {
    padding: 0 10px;
    margin-bottom:15px !important;
}
#onload23 form .form-group .col-md-12 .form-control, #onload form .form-group .col-md-12 .form-control{
   font-size: 0.9rem;
   height: 32px;
}
#refresh-captcha-inquery{
    display:none !important;
}
#onload23 #captcha, #onload #captcha{
    height:auto;
    font-size: 0.7rem;
    margin-top:0 !important;
}
label.error {
    bottom: -13px;
}
        }
        @media (max-width: 480px) {
            #company-profile .section-title {
                font-size: 18px;
            }
            #company-profile .section-title span {
                font-size: 16px;
            }
            #company-profile p {
                font-size: 17px;
            }
            .banner-title h1 {
                color: #333;
                font-size: 33px;
                text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
                text-transform: uppercase;
            }
        }
        
        
        
        
.sub-send-inquiry-form {
    position: fixed;
    left: -96px;
    top: auto;
    height: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999;
    bottom: 40%
}

.sub-send-inquiry-form a {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px
}

.sub-send-btn {
    background-color: #4fab54;
    border-radius: 0 0 30px 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px;
    transform: rotate(-90deg);
    animation: blink 3s linear infinite
}

@keyframes blink {
    0%,100% {
        background-color: #4fab54
    }

    50% {
        background-color: #0d5b2a
    }
}

main#main {
    overflow: hidden;
}



 @media (max-width: 768px){
    .sub-send-inquiry-form {
    bottom: 0px;
    height: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.sub-send-btn {
    transform: unset;
    border-radius: 0;
}
.sub-send-inquiry-form a {
    font-size: 15px;
}
.heading-underline span {
    width: 200px;
}

@keyframes MOVE-BG {

	0% {

		left: 57px

	}



	to {

		left: 160px

	}

}
.heading-underline span:before {
    width: 73px;
}
}