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

a {
	text-decoration: none !important;
}

li {
	list-style-type: none !important;
}

.heading1 {
	font-size: 2.5rem;
}

.heading2 {
	font-size: 2rem;
}

.heading3 {
	font-size: 1.75rem;
}

.heading4 {
	font-size: 1.5rem;
}

.heading5 {
	font-size: 1.25rem;
}

.heading6 {
	font-size: 1rem;
}

.pad {
	padding: 90px 0;
}

.wrdbrk {
	white-space: pre;
}

.fullpad {
	padding: 0 !important;
	margin: 0 !important;
}

.tahoma {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-weight: 700 !important;
}

.futura {
	font-family: Futura, sans-serif;
}

.topbg {
	background-color: #c91325 !important;
}

.marquee {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}

.marquee span {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 20s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

.navbg12 {
	background-image: url("../images/footerimg.webp");
	background-position: center;
	background-color: rgb(245, 245, 220);
}

.btn-four:hover {
	border-color: #121135;
	color: white !important;
}

.btn-four {
	background: #208f05;
	font-weight: 500;
	color: #FFF;
	display: inline-flex;
	align-items: center;
	font-size: 17px !important;
	line-height: 26px;
	padding: 16px 30px;
	text-align: center;
	z-index: 3;
	position: relative;
	transition: 0.4s;
	text-transform: none;
	overflow: hidden;
	border-radius: 50px;
	text-transform: capitalize;
}

.btn-four:hover {
	border-color: #121135;
	color: white !important;
}

.btn-four:hover::before {
	left: 0;
}

.btn-four::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #062A26;
	position: absolute;
	top: 0;
	z-index: -1;
	transition: ease-out 0.3s;
	border-radius: 50px;
	left: -100%;
}

.bgsecond {
	background-color: #c91325 !important;
	border-radius: 60px 60px 0 0;
	margin: 0px auto !important;
}

.navbg {
	background-color: #c91325;
}

.navfont {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 16px;
	font-weight: 600;
}

.navbar-light .navbar-nav .active>.nav-link {
	color: rgb(240, 238, 77) !important;
}

.navbar-light .navbar-nav :hover.nav-link {
	color: rgb(240, 238, 77) !important;
}

.txt12 {
	text-align: center;
}

.navbg12 {
	background-image: url("../images/footerimg.webp");
	background-position: center;
	background-color: beige;
}

.img2 {
	width: 60px;
}

.three_tagline {
	font-size: 18px;
	color: black;
	text-transform: uppercase;
}

.three_tagline_left-border {
	width: 39px;
	height: 3px;
	display: inline-block;
	background-color: #FEAA15;
	position: relative;
	margin-right: 20px;
	top: -5px;
}

.three_tagline_left-border::after {
	position: absolute;
	left: 0;
	top: -4px;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #FDA915;
	animation: zumpX 4s linear infinite;
}



.about-five__image {
	position: relative;
	z-index: 2;
	display: inline-block;
}

.about-five__image__one {
	position: relative;
}

.about-five__image__one img {
	max-width: 80%;
	border-radius: 100px 0 100px 0;
}

.about-five__image__two {
	position: relative;
	display: flex;
	justify-content: flex-end;
	max-width: 207px;
	margin: -112px 60px 0 auto;
	overflow: hidden;
	border: 7px solid #fff;
	border-radius: 100px 0 50px 0;
	animation: messageMove 3s linear 0s infinite;
}

.about-five__image__two img {
	max-width: 100%;
	height: auto;
}

.about-five__image__experiance {
	position: absolute;
	right: -125px;
	top: -86px;
	bottom: 0;
	margin: auto;
	height: 69px;
	display: flex;
	align-items: center;
	background-color: #040404;
	border-radius: 10px;
	border: 3px solid #ff4a4a;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	text-transform: capitalize;
	padding: 0 28px 0 0;
}

.about-five__image__experiance__count {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 84px;
	height: 69px;
	background-color: #FFAB15;
	color: #000;
	margin: 0 30px 0 -3px;
}

.clr1 {
	color: #f00;
}

.clr3 {
	color: #2e5685;
}

.clr4 {
	color: yellow !important;
}

.about-five__content__list-two {
	position: relative;
	margin: 0 0 42px;
	padding: 0;
	list-style: none;
}

.about-five__content__list-two li {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	color: #191919;
	transition: all 300ms ease;
}

.about-five__content__list-two li i {
	font-size: 50px;
	color: #FFAC1A;
	display: inline-block;
	transition: all 0.6s ease;
}

.about-five__content__list-two li:hover i {
	transform: rotateY(180deg);
}

.about-five__content__list-two li+li {
	border-top: 1px solid #e1e1e1;
	padding-top: 19px;
	margin-top: 19px;
}

.btn-two {
	display: inline-block;
	vertical-align: middle;
	border: none;
	outline: none !important;
	background-color: #FFAC1A;
	color: #171717;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	padding: 10px 27px;
	transition: 500ms;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
	overflow: hidden;
	text-align: center;
}

.btn-two::before {
	content: "";
	display: block;
	top: -2em;
	left: -2em;
	width: 50px;
	height: 50px;
	transform: translate(-50%, -50%);
	position: absolute;
	border-radius: 50%;
	z-index: -1;
	background-color: #0F0F0F;
	transition: 1.2s ease;
}

.btn-two::after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	left: calc(100% + 2em);
	top: calc(100% + 2em);
	transform: translate(-50%, -50%);
	position: absolute;
	border-radius: 50%;
	z-index: -1;
	background-color: #131313;
	transition: 1.2s ease;
}

.btn-two__left-star {
	position: absolute;
	width: 26px;
	height: 22px;
	left: 0;
	top: 0;
	background-color: #0F0F0F;
	mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 26 22" xmlns="http://www.w3.org/2000/svg"><path d="M-8.64164 -20.6659L3.02618 -11.0528L15.7743 -19.179L10.2373 -5.11165L25.9051 0.501377L6.81525 6.58246L0.278275 21.6498L-2.5108 3.01452L-17.6007 2.09559L-4.85257 -6.03058L-8.64164 -20.6659Z"/></svg>');
	mask-repeat: no-repeat;
	mask-position: left top;
	mask-size: cover;
}

.btn-two__right-star {
	position: absolute;
	width: 25px;
	height: 22px;
	right: 0;
	bottom: 0;
	background-color: #1b272a;
	mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 25 22" xmlns="http://www.w3.org/2000/svg"><path d="M36.1322 42.5018L24.0766 33.3797L11.6757 42.0264L16.6259 27.742L0.73579 21.6166L18.6016 15.8741L24.6346 0.587992L29.0268 19.0953L44.1418 19.3891L31.7408 28.0358L36.1322 42.5018Z"/></svg>');
	mask-repeat: no-repeat;
	mask-position: right bottom;
	mask-size: cover;
}

.btn-two i {
	font-size: 13px;
	margin-left: 12px;
}

.btn-two:hover {
	color: #fff;
}

.btn-two:hover::after,
.btn-two:hover::before {
	height: 500px;
	width: 500px;
}

.funfact-three__item {
	position: relative;
	background-color: #F4F6FF;
	border-radius: 10px;
	min-height: 77px;
	padding: 33px 10px 26px 115px;
	overflow: hidden;
	transition: all 500ms ease;
}

.funfact-three__item__bg {
	background-image: url("../images/funfact-3-shape.png");
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.2);
	transition: all 500ms ease;
}

.funfact-three__item__icon {
	width: 77px;
	height: 77px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 44px;
	color: #FFAC19;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	z-index: 2;
	filter: drop-shadow(0 0 50px rgba(0, 0, 0, 0.15));
	transition: all 500ms ease;
}

.funfact-three__item__icon i {
	transform: scale(1);
	transition: all 500ms ease;
}

.funfact-three__item__icon::after {
	position: absolute;
	content: "";
	background-color: #FFAB15;
	width: 130%;
	height: 0%;
	left: 50%;
	top: 50%;
	border-radius: 10px;
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: -1;
	transition: all 500ms ease;
}

.funfact-three__item__count {
	display: flex;
	align-items: center;
	font-size: 30px;
	font-weight: 700;
	margin: 0 0 4px;
}

.funfact-three__item__text {
	margin: 0;
}

.funfact-three__item:hover .funfact-three__item__bg {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.funfact-three__item:hover .funfact-three__item__icon {
	color: #242222;
}

.funfact-three__item:hover .funfact-three__item__icon i {
	transform: scale(0.9);
}

.funfact-three__item:hover .funfact-three__item__icon::after {
	height: 130%;
}

.parall1 {
	position: relative;
	z-index: 1;
}

.parall1::before {
	bottom: 0;
	background: url("../images/parall1.webp") repeat-x;
	content: "";
	position: absolute;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 60px;
	top: -9px;
	transform: rotate(180deg);
}

.parallax2 {
	background-image: url("../images/slide.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0px;
	background-attachment: fixed;
}

.underline {
	width: 200px;
}

.toll-free-cta {
	background: white;
	display: inline-block;
	text-align: center;
	padding: 15px 45px 10px;
	position: relative;
	margin-top: 25px;
	font-size: 22px;
}

.toll-free-cta::before {
	bottom: 100%;
	left: 121px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: white;
	border-width: 20px;
}


.homeparallax {
	background-image: url("../images/homeparallax.webp");
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

/* .homeparallax::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
  } */


.service-three__item {
	position: relative;
	z-index: 2;
	padding: 40px 0 20px;
}

.service-three__item__content {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border-radius: 20px 20px 0 0;
	padding: 0 24px 22px;
}

.service-three__item__icon {
	position: relative;
	z-index: 3;
	top: -40px;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto -22px;
	background-color: rgba(255, 7, 7, 0.8);
	font-size: 42px;
	color: #FDAA16;
	transition: all 500ms ease;
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.08));
}

.service-three__item__title {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 10px;
}

.service-three__item__title a {
	color: inherit;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
	transition: all 500ms ease;
}

.service-three__item__text {
	line-height: 26px;
	margin: 0;
	transition: all 300ms ease;
}

.service-three__item__content::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	z-index: -1;
	opacity: 0;
	background-color: #0F0F0F;
	border-radius: 20px 20px 0 0;
	transition: all 0.4s;
}

.service-three__item__image {
	position: relative;
}

.service-three__item__image img {
	width: 100%;
	height: auto;
	clip-path: polygon(0% 0%, 100% 0, 100% 69%, 50% 100%, 0 69%);
}

.service-three__item__rm {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -19px;
	margin: 0 auto;
	width: 52px;
	height: 52px;
	background-color: #111;
	border: 4px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #FFAB16;
	justify-content: center;
}

.service-three__item__rm span {
	display: inline-block;
	backface-visibility: hidden;
}

.service-three__item:hover .service-three__item__icon span {
	animation: bounceIn 1s linear;
	animation-duration: 2s;
}

.service-three__item:hover .service-three__item__title {
	color: #fff;
}

.service-three__item__title a:hover {
	color: #FDA914;
}

.service-three__item__title a:hover {
	background-size: 100% 1px;
}

.service-three__item:hover .service-three__item__text {
	color: #C7C7C7;
}

.products-img {
	background-image: url("../images/background.png");
	background-color: beige;
	background-position: center;
	background-size: cover;
}

.service-three__item:hover .service-three__item__content::after {
	height: 100%;
	opacity: 1;
}

.service-three__item__rm:hover {
	background-color: #F7A617;
	color: #0B0B0B;
}

.service-three__item__rm:hover span {
	animation: iconTranslateX 0.4s forwards;
}

.homebg2 {
	position: relative;
	background-color: #f7ff05;
	overflow: hidden;
}

.home2 {
	position: absolute;
	top: calc(57% + 5px);
	right: -260px;
	transform: translateY(-50%);
	mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 534.000000"><g transform="translate(0.000000,534.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M186 5282 c-18 -67 -21 -144 -5 -174 9 -16 6 -29 -12 -63 -23 -43 -23 -43 -3 -70 29 -43 31 -46 64 -113 24 -51 28 -68 19 -84 -15 -28 -3 -67 26 -80 30 -13 26 -36 -12 -74 -20 -20 -22 -28 -13 -39 10 -12 2 -25 -45 -71 l-57 -56 7 -71 c6 -72 -8 -135 -35 -152 -5 -3 -10 -25 -10 -48 0 -32 -7 -49 -28 -72 -41 -44 -62 -100 -62 -164 0 -48 5 -64 31 -99 34 -47 33 -67 -6 -82 -25 -10 -35 -43 -15 -55 5 -3 18 -26 29 -51 12 -25 32 -51 49 -61 16 -9 36 -33 44 -52 15 -34 15 -38 -3 -67 -10 -17 -19 -34 -19 -37 0 -3 16 -23 36 -43 l35 -38 -25 -13 c-23 -12 -24 -16 -14 -38 6 -14 28 -33 49 -42 21 -10 39 -24 39 -30 0 -16 -39 -17 -75 -3 -20 8 -35 5 -68 -11 -50 -25 -77 -48 -77 -64 0 -25 49 -65 79 -65 35 0 130 -24 160 -39 11 -6 30 -11 43 -11 30 0 48 -18 48 -48 0 -13 5 -32 10 -43 9 -16 7 -21 -16 -29 -31 -12 -53 -7 -101 26 -54 37 -81 32 -136 -25 -51 -52 -50 -59 10 -90 29 -15 29 -29 1 -33 -33 -4 -34 -39 -3 -68 26 -24 33 -50 14 -50 -6 0 -9 -12 -7 -26 2 -21 12 -30 45 -43 64 -25 83 -47 83 -96 0 -26 6 -48 15 -55 19 -16 19 -49 1 -56 -8 -3 -19 -18 -26 -34 -14 -34 -3 -61 42 -98 27 -23 28 -26 13 -43 -27 -29 -15 -53 30 -59 l40 -5 5 -53 c3 -29 10 -56 16 -60 25 -16 32 -47 18 -72 -7 -14 -13 -34 -14 -45 0 -12 -5 -26 -12 -33 -9 -9 -7 -16 6 -31 17 -19 17 -20 -10 -37 -29 -20 -54 -69 -54 -107 0 -13 12 -41 26 -62 23 -34 24 -41 12 -63 -12 -23 -10 -27 28 -61 23 -20 47 -46 53 -59 10 -20 9 -23 -13 -32 -53 -20 -45 -76 16 -110 78 -44 94 -70 43 -70 -13 0 -26 -4 -30 -10 -10 -16 71 -50 122 -50 26 -1 75 -7 108 -15 33 -8 97 -15 143 -15 72 0 82 -2 82 -18 0 -10 -7 -27 -15 -38 -20 -26 -20 -169 0 -204 8 -14 14 -48 15 -77 0 -46 4 -56 35 -87 32 -33 34 -38 28 -81 -3 -27 -1 -55 5 -68 7 -12 16 -34 21 -49 16 -43 199 -137 305 -157 28 -5 66 -24 98 -48 29 -22 65 -48 81 -58 22 -14 27 -24 27 -59 0 -62 29 -73 193 -75 70 -1 137 -5 149 -10 30 -11 281 21 302 39 27 22 42 -2 21 -34 -14 -21 -25 -26 -59 -26 -47 0 -86 -9 -86 -20 0 -4 53 -9 118 -12 125 -6 223 1 432 28 30 4 179 6 331 5 l275 -3 38 26 c34 23 49 26 121 26 45 0 107 -5 136 -11 30 -6 118 -11 196 -10 134 1 142 0 148 -20 4 -11 16 -24 28 -28 32 -12 362 -4 386 8 33 18 96 13 116 -9 22 -24 50 -25 89 -5 44 23 87 19 111 -11 17 -22 32 -27 87 -33 36 -4 75 -4 85 0 10 4 43 8 74 8 37 1 61 6 69 16 10 12 39 15 139 15 72 0 156 7 196 15 88 19 109 19 125 0 15 -18 84 -21 78 -3 -3 7 -20 16 -39 21 -30 8 -32 10 -14 18 26 10 484 10 555 -1 50 -7 57 -6 81 16 21 20 36 24 90 24 40 1 71 6 83 15 12 9 41 14 78 14 32 -1 65 4 73 11 8 7 53 13 102 15 49 1 104 9 123 17 47 20 94 36 156 53 65 18 242 22 271 7 17 -9 22 -9 27 3 3 10 19 15 43 15 21 0 47 7 57 15 26 20 86 20 86 1 0 -8 -9 -18 -20 -21 -29 -9 -14 -25 24 -25 39 0 50 -8 35 -26 -13 -16 -3 -35 16 -28 19 8 27 34 14 50 -15 18 -3 34 26 34 14 0 43 10 65 21 34 18 39 24 28 36 -19 23 17 46 64 40 21 -3 40 -1 43 3 3 4 42 11 87 15 46 4 90 13 98 20 8 7 26 15 40 18 46 10 101 34 118 50 9 9 25 36 37 59 14 30 31 48 57 60 33 16 37 21 32 47 -7 33 17 86 52 114 13 10 24 24 24 31 0 17 43 56 61 56 26 0 148 65 148 79 1 8 -7 23 -16 33 -24 26 -8 49 48 68 52 19 81 59 60 84 -7 9 -23 16 -35 16 -19 0 -56 43 -56 64 0 3 26 19 58 35 60 31 182 155 182 185 0 9 -9 21 -20 28 -30 19 -25 30 31 65 55 36 135 63 182 63 35 0 127 41 148 66 12 14 10 19 -14 40 -28 23 -29 44 -3 44 7 0 21 9 32 21 18 20 18 21 -5 38 l-23 18 27 21 c15 12 33 22 39 22 16 0 86 83 86 103 0 10 8 17 20 17 29 0 29 55 0 63 -15 4 -20 14 -20 40 0 52 -7 64 -53 87 -98 48 -125 95 -68 115 52 17 59 36 28 77 -15 19 -27 40 -27 47 0 17 -78 51 -117 51 -21 0 -37 7 -47 22 -15 21 -14 24 11 44 15 12 24 27 21 35 -8 22 -132 79 -171 79 -29 0 -77 34 -64 46 2 2 26 7 53 10 85 11 124 53 59 64 -35 6 -44 26 -16 35 29 9 26 25 -3 25 -30 0 -72 33 -62 48 4 7 18 12 31 12 54 0 37 45 -21 56 -40 7 -43 19 -12 44 30 24 13 45 -43 54 -28 5 -43 12 -46 25 -6 23 -31 31 -94 31 -29 0 -51 6 -59 15 -9 11 -33 15 -84 15 -80 0 -116 17 -116 54 0 12 10 32 23 44 21 20 34 22 124 22 75 0 111 5 139 18 49 21 115 72 109 82 -2 4 -41 10 -86 14 -45 4 -94 13 -110 21 -17 9 -56 15 -98 15 -79 0 -121 12 -121 35 0 8 4 15 9 15 5 0 21 4 35 10 l26 10 -19 32 -20 32 31 35 c39 45 80 66 142 75 74 11 97 25 94 55 -2 19 5 30 29 45 37 24 42 42 13 51 -27 9 -46 43 -31 58 6 6 11 19 11 28 0 9 7 22 15 29 22 18 19 51 -5 57 -26 7 -25 19 1 33 20 11 20 12 3 31 -9 10 -27 19 -39 19 -41 0 -60 45 -30 70 17 14 3 40 -22 40 -8 0 -33 10 -56 21 -23 12 -76 27 -117 34 -50 8 -63 13 -40 14 47 1 77 24 82 61 5 36 3 38 -76 65 -33 11 -62 27 -66 35 -27 61 -39 77 -67 89 -26 12 -31 20 -36 60 -5 48 5 71 31 71 30 0 82 24 87 41 9 27 -34 87 -81 115 -51 30 -49 44 5 44 20 0 41 4 47 10 5 5 53 12 107 16 69 5 105 12 119 24 25 20 16 40 -17 40 -35 0 -40 18 -15 45 l23 24 -24 25 c-13 14 -31 26 -40 26 -9 0 -22 7 -29 15 -7 8 -18 15 -26 15 -29 0 -20 18 26 53 27 20 58 37 69 37 19 0 108 68 123 94 12 21 -8 30 -77 36 -41 3 -59 9 -57 18 1 9 -801 12 -3987 12 l-3988 0 -17 -58z m8142 -2168 c88 -14 50 -37 -53 -32 -32 2 -60 8 -62 13 -5 15 50 45 62 35 6 -5 30 -12 53 -16z m-28 -289 c0 -21 -98 -31 -118 -12 -14 14 -13 16 9 21 69 15 109 12 109 -9z m-8005 -55 c3 -5 -3 -10 -14 -10 -12 0 -21 5 -21 10 0 6 6 10 14 10 8 0 18 -4 21 -10z"/> <path d="M8316 3211 c18 -18 240 -19 229 -1 -4 6 -56 10 -123 10 -71 0 -112 -4 -106 -9z"/> <path d="M7723 473 c-23 -2 -47 -11 -53 -19 -7 -7 -27 -14 -45 -14 -18 0 -38 -7 -45 -15 -8 -9 -30 -15 -60 -15 -30 0 -52 -6 -60 -15 -7 -8 -21 -15 -31 -15 -21 0 -45 -38 -32 -51 4 -4 40 3 78 18 39 14 84 28 100 31 17 3 46 15 66 28 20 12 58 26 85 29 27 4 55 12 61 17 15 12 8 29 -10 26 -7 -1 -31 -3 -54 -5z"/> <path d="M1340 297 c0 -24 24 -37 68 -37 50 0 55 23 6 28 -16 2 -33 8 -38 13 -14 13 -36 11 -36 -4z"/> <path d="M6605 230 c-12 -19 11 -33 41 -26 28 8 24 19 -13 30 -12 4 -24 2 -28 -4z"/> <path d="M3433 154 c-31 -35 -29 -46 10 -42 27 3 32 6 29 28 -4 38 -15 41 -39 14z"/> <path d="M1410 150 c0 -5 9 -10 21 -10 11 0 17 5 14 10 -3 6 -13 10 -21 10 -8 0 -14 -4 -14 -10z"/> <path d="M5520 130 c-22 -14 -7 -21 59 -27 51 -5 61 -3 61 10 0 8 -7 18 -16 21 -24 9 -87 7 -104 -4z"/> </g> </svg>');
	mask-repeat: no-repeat;
	mask-position: top center;
	mask-size: auto;
}

.home2 img {
	max-width: 100%;
	height: auto;
	mix-blend-mode: luminosity;
}

.headfnt {
	font-size: 40px;
}

.our-history__item {
	position: relative;
	z-index: 2;
	transition: all 0.5s;
	background-color: #F5F6FA;
	border-radius: 10px 10px 0 0;
	padding: 10px;
	margin-bottom: 0px;
	counter-increment: count;
}

.our-history__item__top {
	position: relative;
	background-color: #F6F7FD;
	border-radius: 10px;
	border: 1px dashed #d7d7d7;
	padding: 30px 25px 22px;
}

.our-history__item__number {
	width: 65px;
	height: 65px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #191A20;
	position: relative;
	filter: drop-shadow(0 0 50px rgba(0, 0, 0, 0.15));
	margin-bottom: 25px;
	transition: all 0.4s;
}

.our-history__item__number::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.number1::after {
	content: "01";
}

.number2::after {
	content: "02";
}

.number3::after {
	content: "03";
}

.number4::after {
	content: "04";
}

.our-history__item__text {
	line-height: 26px;
	margin: 0;
}

.our-history__item__title {
	color: #fff;
	margin: 18px 0 4px;
	text-align: center;
	font-size: 22px;
}

.our-history__item::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	content: "";
	background-color: #f00;
	z-index: -1;
	transition: all 0.5s;
}

.our-history__item:hover::after {
	border-radius: 10px 10px 0 0;
	height: 100%;
}

.our-history__item:hover .our-history__item__number {
	background-color: #f00;
	color: #fff;
}

.footer {
	background: transparent linear-gradient(93deg, #f70905, #c80700) 0 0 no-repeat padding-box;
	padding: 50px 0 10px 0;
}

.footer__title {
	position: relative;
	z-index: 1;
}

.footer__title h4 {
	color: yellow;
	display: inline-block;
	background: #0f0000;
	border-radius: 0 19px 18px 0;
	padding: 5px 15px 5px 6px;
	border: 1px dashed yellow;
}

.clr-ylw {
	color: yellow !important;
}

.footer__title::after {
	position: absolute;
	left: 0;
	top: 18px;
	height: 1px;
	width: 100%;
	background: #d3d2d2;
	content: "";
	z-index: -1;
}

.text1 {
	position: relative;
	padding: 0 0 0 25px;
	margin-top: -39px;
}

.clr2 {
	color: #ea0804 !important;
}

.dk-footer-box-info {
	position: relative;
	top: 0;
	background: transparent linear-gradient(93deg, #fcbd24, #ffee38) 0 0 no-repeat padding-box;
	padding: 90px 15px;
	left: 2px;
	right: 16px;
	text-align: center;
	border-radius: 50px 50px 0 0;
	padding-top: 51px;
}

.footercopy {
	background-color: #000000 !important;
}

.w025 {
	width: 10%;
}

.w075 {
	width: 75%;
}



.border1 {
	width: 120px;
}

.brdr4 {
	border-left: 5px solid #00cd88;
	padding: 0 6px 0 23px;
	border-radius: 4px;
}

.three3 img {
	border: 1px solid #212529;
	padding: 8px;
	border-radius: 27px 0;
	background-color: #00cd88;
	width: 26%;
}

.safety-tipsbg {
	background: url("../images/banner10.webp");
	background-size: contain;
	background-repeat: repeat;
}

.text-black {
	color: black !important;
}

.clr-green {
	color: #0F5106;
}

.icon1 i {
	color: #fff;
	font-size: 28px;
	background: #0F5106;
	width: 65px;
	height: 66px;
	line-height: 65px;
	border-radius: 50%;
	text-align: center;
	display: inline-block !important;
}

.clr-red {
	color: #D10024;
}

.iconr i {
	color: #fff;
	font-size: 28px;
	background: #EF1527;
	width: 65px;
	height: 66px;
	line-height: 65px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
}

.smallborder1 {
	background-color: red;
	width: 30px;
	height: 5px;
	margin: 0 auto 6px;
}

.border12 {
	border: 1px solid #dee2e6 !important;
	text-align: center;
	padding: 36px !important;
}

.border12 img {
	width: 60px !important;
}

.safetytipsbg {
	background-image: url("../images/safetytipsbanner.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 0px;
	position: relative;
}

.safetytipsbg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
}


.product-layout {
	margin-top: 20px;
}

.product-layout .product-thumb {
	transition: 0.4s ease;
	margin-top: 2px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #eee;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}

.product-thumb .image {
	position: relative;
	margin: 7px;
}

.sale {
	position: absolute;
	top: 15px;
	right: 10px;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	line-height: normal;
	font-size: 12px;
	border: none;
	background: #FCB800;
	color: #000;
	border-radius: 5px;
	transition: 0.3s ease;
	text-align: center;
	padding: 2px 7px;
	opacity: 1;
}

.product-thumb .caption {
	padding: 7px 15px 15px 15px;
}

.protitle {
	font-size: 16px;
	margin: 0;
	transition: 0.3s ease;
	padding: 8px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	margin-bottom: 0;
	position: relative;
}


.price-p {
	font-weight: 600;
	padding: 4px 0;
	margin: 0;
	color: #4d4d4d;
	letter-spacing: 1px;
	font-size: 15px;
}

.price-new {
	display: inline-block;
	padding-left: 0;
	font-weight: 700;
	position: relative;
	margin: 10px 0;
	font-size: 14px;
}

.old-price {
	font-size: 13px;
	position: relative;
	margin-left: 0px;
	color: #4d4d4d;
}

.old-price::before {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	width: 105%;
	height: 1px;
	background: #4d4d4d;
	top: 50%;
}

.black {
	color: black !important;
}




.desktop-fixed12 {
	position: sticky;
	bottom: 0;
	width: 100%;
	color: #071b64;
}

.fnt2 {
	font-size: 13px;
	font-weight: bold;
}

.total_products_count {
	color: #071b64;
}

.fnt1 {
	font-size: 14px;
	position: relative;
}

.badgescntr {
	align-items: center;
	display: flex;
	place-content: center;
}

.badges1 {
	position: absolute;
	background-color: #f10a0a;
	border-radius: 37%;
	color: #fff;
	width: 25px;
	height: 25px;
	font-size: 12px !important;
	bottom: 59%;
	border: 2px solid white;
	left: 0px !important;
}

.fixed-bottom-clr12 {
	background-color: #ffffff;
	padding: 10px 10px;
	border-radius: 50px;
}

.bg-category {
	color: #071b64;
	background-color: #ffffff !important;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.pricelist_product_row_vk_cover {
	color: #000000;
}

/* .product_vk_row1 {
	background-color: #ffffff !important;
} */

.vk_quantity {
	appearance: textfield;
	width: auto;
	margin: auto;
}























.dropbtn {
	padding: 14px 0;
	font-size: 17px;
	border: 1px solid black;
	cursor: pointer;
	width: 100%;
	background-color: #f8f9fa;
}

.dropdown-content li a:hover {
	padding-left: 35px;
	transition: all 300ms ease-in;
	-webkit-transition: all 300ms ease-in;
}

.dropdown-content {
	display: none;
	position: absolute;
	overflow: auto;
	background-color: white;
	width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.ulmobile {
	list-style-type: none;
	padding: 0;
}

.show {
	display: block;
}

.dropdown-content {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
}

.dropdown-content.show {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.dropdown-toggle::after {
	position: relative;
	top: 4px;
	font-size: 20px;
}

.dropdown-content li a {
	color: black;
	padding: 6px 15px;
	display: block;
	font-size: 15px;
	border: 1px solid #8080800f;
	font-family: arial;
	font-weight: 500;
}

nav ul {
	padding-left: 0;
	list-style-type: none;
}

nav .megamenu {
	padding: 30px 40px;
	position: absolute;
	top: 70px;
	left: 10px;
	right: 0;
	max-width: 1500px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.menuwidth {
	width: 20%;
}

.navboxhead {
	font-size: 16px;
	color: #78aa13;
}

.navboxin {
	font-family: 'arial', sans-serif;
	margin: 6px 0;
	color: black !important;
	transition: 0.5s;
	transform: 0.5s;
	font-size: 12px;
}

.navboxin:hover {
	color: #78aa13 !important;
	padding-left: 5px;
}

.dropdown-menu li {
	padding: 5px 12px !important;
	transition: .3s;
}

.search {
	padding: 15px 10px 15px 8px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0px 2px 2px 0px;
	font-size: 16px;
	width: 100%;
}

.ht55 {
	height: 55px;
}



























main {
	/* width: 100vw;
	height: 45vh; */
	text-align: center;
	background-color: #204056;
}

/* hgroup {
	position: absolute;
	top: 22%;
	left: 50%;
	transform: translate(-50%,-50%);
	h1 {
	  color: #F75D5D;
	  font-weight: bold;
	}
  } */
hgroup h1 {
	color: #F75D5D;
	font-weight: bold;
}

.btn01 {
	padding: 9px 0px;
	cursor: pointer;
	margin-top: 11px;
}

h3.nav01 {
	position: absolute;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
}

nav.side-slide {
	background-color: #ffffff;
	top: 0;
	right: -285px;
	height: 100%;
	position: fixed;
	width: 285px;
	z-index: 9999;

	h3 {
		color: #000000;
		top: 0px;
		left: 240px;
	}
}

nav.side-slide ul {
	border-top: 1px solid #F44646;
	margin: 59px 0 0 0;
	padding: 0;
}

nav.side-slide li {
	text-align: center;
	border-bottom: 1px solid #F44646;
	line-height: 40px;

	&:hover {
		background-color: #F44646;
	}
}

nav.side-slide a {
	color: #EDEDED;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;

	&:hover {
		color: #fff;
	}
}

.buttonhero2 span {
	background-color: #0C0C0C;
	background-size: 100%, 100%, 100%, 4px 4px;
	border-radius: 10px;
	transition: -webkit-transform .1s ease-in-out;
	display: inline-block;
	padding: 10px 40px 10px 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.w0 {
	width: 0%;
}

.fixed {
	position: fixed;
	z-index: 2;
}

.priceicn {
	width: 50px;
}

.priceicn2 {
	width: 120px;
}

.point {
	bottom: 10px;
	left: 10px;
}

.point1 {
	bottom: 70px;
	left: 10px;
}

.point2 {
	bottom: 15px;
	right: 10px;
}

.blink {
	-webkit-animation: blink 1s;
	animation: blink 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes zumpX {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: calc(100% - 8px);
	}
}

@keyframes messageMove {

	0%,
	100% {
		transform: translateX(0);
	}

	25%,
	75% {
		transform: translateX(5px);
	}

	50% {
		transform: translateX(10px);
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-animation-timing-function:
			cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform:
			scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform:
			scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform:
			scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform:
			scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform:
			scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform:
			scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@media (min-width:1px) and (max-width:767.98px) {
	.pad {
		padding: 40px 0;
	}

	.pricelist_table th,
	.pricelist_table td,
	.strike {
		padding: 2px !important;
		font-size: 12px !important;
	}

	.about-five__image__experiance {
		right: 0;
	}

	.funfact-three__item {
		margin-top: 12px;
	}



}

@media (min-width:768px) and (max-width:991.98px) {
	.pad {
		padding: 40px 0;
	}
}

#notfound {
	position: relative;
	height: 100vh;
}

#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.notfound {
	max-width: 410px;
	width: 100%;
	text-align: center;
}

.oopslogo {
	width: 350px;
}

.notfound h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

.notfound p {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;
}

.notfound a {
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;
}

@media only screen and (max-width: 767px) {
	.notfound .notfound-404 {
		height: 142px;
	}
}

.time-of-year {
	margin: 100px 75px 10px 75px;
	position: relative;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.time-of-year .tooltip {
	background: #db2a1b;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;
}

.time-of-year .tooltip::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #db2a1b;
	bottom: 58px;
	content: " ";
	position: absolute;
	left: 0%;
	margin-left: -13px;
	transform: rotate(92deg);
}

.time-of-year:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.canvas-fixed {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	border-top: 1px solid #c1c1c1;
}

.cart_customer_cover {
	overflow-y: scroll;
	scrollbar-width: thin;
	height: 221px;
}