@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;}
.arial{font-family: Arial, sans-serif; font-weight: 600;}
.helvetica{font-family: helvetica, sans-serif;}
.backbg1 {height: 520px;border-right: 3px solid #f2c21a;}
.backbg2 {background-color: white !important;height: 520px;}
.homeleft1 {width: 60%; text-align: center;align-self: center; margin: 43px 70px !important;}
.homeleft { border-top-left-radius: 260px; border-bottom-right-radius: 260px;}
.homeright1 {position: absolute;top: 132px;left: -116px;}
.topbg {background-color: #f2c21a !important;}
.marquee {width: 100%;overflow: hidden;font-size: 14px;margin-top: 3px;}
.bgtop {background-color: #0f3661;}
.border-end {border-right: 1px solid #dee2e6 !important;}
.sticky-top .navbar-nav .nav-link { padding: 20px 0;}
.bg1 {background-color: #272630 !important;}
.navfont {font-family: Arial, sans-serif; font-weight: 600;font-size: 18px;}
.border2 {border-right: 9px solid #e6c720 !important; border-left: 9px solid #e6c720 !important;background-color: black;}
.backnav {background-color: white;padding: 0 15px;}
.light1 {color: #000000 !important;}
.icons1 {margin: 10px !important;font-size: 30px;}
.navbar {background-color:#ffffff !important;}
.navfont{font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size: 19px;font-weight: bold;}
.navbar-nav .active>.nav-link{color: #e6c720 !important;}
.navbar-nav .nav-link {position: relative;margin-left: 16px;padding: 9px 0;font-size: 18px;color: white !important;outline: none;transition: .5s;}
.clr1 {color: #0f3661 !important}
.clr2 {color: #f2c21a !important;}
.homeleft1 h2 {font-size: 80px;color: #ffb400;}
.homeleft1 h6 {color: white;}
.clr1 {color: #ffb400;}
.btn2 {
	background-color: #0f3661;
	padding: 13px 22px;
	border-radius: 15px;
	color: #fff !important;
	border: 4px double #ffffffc4;}
.btn5 {
	background-color: #0f3661;
	padding: 13px 22px;
	border-radius: 15px;
	color: #fff !important;
	border: 4px double #ffffffc4;}
.homesec1 {
	text-align: left;
	padding: 43px 0 0 0px;
	line-height: 30px;}
.padd24 {padding: 43px 0 27px 0;}
.lnht40 {line-height: 32px;}
.support1 li i {
	margin-right: 10px;
  	font-size: 45px;
  	color: #0f3661;
  	text-shadow: 0 0.5rem 3rem rgb(255, 239, 0) !important;}
.cracker01 {
	-webkit-text-fill-color: #0f3661;
	line-height: 1;
	font-size: 55px;
	font-weight: 800;}
.why1 {
	-webkit-text-stroke: 1px #0f3661;
  	line-height: 1;
  	font-size: 21px;}
.counttext {color: #000000;font-size: 55px;font-weight: 700;}
#counter li span.percent::after {content: "";display: inline-block;}
.bannerhead {
	color: #000000;
	font-size: 34px;
	font-weight: 700;}
.fullbg {
	background-color: #f2c21a;
	padding: 32px 0px;
	text-align: center;}
.secpad1 {padding: 90px 0px 0px 0px;}
/* count start */
#svg-7553 {display: contents;}
.u-text-palette-2-base .u-svg-link {fill: #0f3661;}
/* count end */
.parallax {
	background-image: url("../images/homeparallax.webp");
	padding: 90px 0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;}
.parallax::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;}
.border22 {border: 1px solid #f00 !important;}
.footer {
	border-top: 3px solid #f2c21a;
	background-image: url("../images/footer.webp");
	background-color: #0F3661;
	padding: 80px 0 20px;}
.borderright1 {border-right: 1px solid #ffffff1c !important;}
.head1 {
	font-size: 36px;
	line-height: 1.4;
	font-family: Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;}
.smallborder1 {width: 80px;height: 2px;background-color: #f2c21a;}
.border1 {padding: 9px 0px; }
.footclr {color: #ffffff !important;}
.para1 {line-height: 1.4;font-family: helvetica, sans-serif;font-weight: 400; }
.tact1 {padding-left: 3rem !important;}
.text10 {position: relative;padding: 4px 0 0 27px;margin-top: -45px; }
.bg-footer {border-top: 1px solid #ffffff1c;margin-top: 17px;padding-top: 10px; }
.product-section {position: relative;}
.product-section {background-color: #f2c21a;background-image: url("../images/newconfetti.webp");background-repeat: repeat-y;}
.product-img {position: absolute;top: 60px;left: 90px;}
.product-img img {width: 200px;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated {animation-duration: 1s;}
.pulse {-webkit-animation-name: pulse;animation-name: pulse; }
.product-name h5 {
	background-color: #0f3661;
  	border-top-right-radius: 82px;
  	border-top-left-radius: 82px;}
/* about start */
.aboutus {
	padding-top: 15rem;
	padding-bottom: 0px;
	background-color: #ffffff;
	overflow: hidden;}
.aboutus svg {
	position: absolute;
	left: 50%;
	top: 542px;
	transform: translateX(-50%);
	width: 837px;}
.aboutus .image1 {
	position: absolute;
	right: 8%;
	top: 728px;
	width: auto;
	animation: rev 5s ease-in-out infinite;}
.aboutus .image2 {
  	position: absolute;
  	left: 8%;
	top: 1058px;
	width: auto;
	animation: rev2 5s ease-in-out infinite;}
.aboutus .mbr-section-subtitle {color: black;}
.aboutus .mbr-section-title {color: #000000;margin-top: -81px;}
.aboutus .mbr-text {color: #000000;padding: 0 294px;}
.aboutus .mbr-section-btn {color: #ffffff;}
.mbr-section-btn {margin-left: -0.4rem;margin-right: -0.4rem;font-size: 0;}
.padd6 {padding: 114px 0 16px 0;}
.swinglogo {width: 100%; }
.swingimage {transform-origin: 50% 0;animation: swinging 3.5s ease-in-out forwards infinite; }
.aboutus svg path {fill: #00011e;}
#c1STRLUcV9 {fill: #f2c21a !important;}
.shadownew1 {
	text-shadow: 0px 1px 1px #555;
	color: #ca1f26;
	font-size: 3.5rem;}
.owl-nav {display: none;}
.feature-item::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .1);
	clip-path: polygon(101% 0px, 0% 0, 99% 100%, 0% 98%);}
.feature-item {background-color: #f2c21a !important;color: black;}
.service-item1 i {transition: all .5s;font-size: 61px;}
.black {color: black;}
.bg11 {margin-top: 100px;}
.app-bg {background-color: #ec1922;margin-top: 237px;}
.app-bg::before {
	content: '';
	background-image: url('../images/red-wave.webp');
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0px;
	z-index: 1;
	animation-name: move;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0s;}
.app-bg::after {
	content: '';
	background-image: url('../images/red-wave.webp');
	width: 100%;
	height: 80px;
	position: absolute;
	animation-name: move;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	transform: rotateZ(180deg);}
.pricemain {
	background-color: #f2c21a;
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url("../images/animate1.webp");
	background-repeat: no-repeat;
	background-position: right;}
.info-4 {
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 44px;
	border: 10px double rgb(0, 0, 0);}
.info-4 h2 {
	color: rgb(0, 0, 0);
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 10px;
	font-weight: 600;}
.info-4 p {
	text-align: justify;
	font-weight: 200;
	font-size: 16px;
	color: rgb(0, 0, 0);
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 52px;}
.btn4 {
	background-color: #0f3661;
	color: rgb(255, 255, 255) !important;
	border-radius: 10px;
	padding: 10px 20px;}
.section-title {padding-bottom: 30px;text-align: center;}
.section-title h2 {
	font-size: 2.2rem;
	font-weight: bolder;
	margin-bottom: 20px;
	padding-bottom: 0;
	color: #0f3661;
	letter-spacing: 2px;}
.section-title-divider {
	width: 100px;
	height: 3px;
	background: #0f3661;
	margin: 0 auto;
	margin-bottom: 1.8rem;}
.section-title p {margin-bottom: 0;font-size: 1.08rem;line-height: 2rem;}
.about12 .icon-box {margin-top: 40px;}
.about12 .icon-box .icon {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border: 2px solid #f9d0d0;
	border-radius: 50px;
	transition: 0.5s;}
.about12 .icon-box .icon i {color: #0f3661;font-size: 32px;}
.about12 .icon-box .title {margin-left: 85px;font-weight: 700;margin-bottom: 10px;font-size: 1.35rem;}
.about12 .icon-box .title a {color: #343a40;transition: 0.3s;}
.about12 .icon-box .description {margin-left: 85px;line-height: 24px;font-size: 1rem;}
.about12 .icon-box:hover .icon {background: #ffd700ab;border-color: #0f3661;}
.about3 {width: 310px !important;}
/* about end */
/* contact start */
.contactbox {
	margin-bottom: 20px;
	background: #f2c21a40;
	padding: 20px;
	text-align: center;
	border: 1px groove #0f3661;
	box-shadow: 0px 56px 36px -60px #121D12;
	height: 330px;
	border-radius: 30px;
	transition: transform 1.5s;}
.contactbox:hover {
	box-shadow: 0px 56px 36px -60px #485891;
	transform: scale(1.1);}
.brdtop {
	border-top: 2px solid #ffbc1e;
	background-color: black;}
.safetytipsbg {
	background-image: url("../images/safetytipsbanner.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}
.abtfnt {
	-webkit-text-stroke: 1px #151313;
	-webkit-text-fill-color: #fff;
	line-height: 1;
	font-size: 55px;
	font-weight: 800;}
/* contact end */
.safety-tipsbg {background: url("../images/newconfetti.webp");background-color: #fff; 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;}
.bg24 {margin-top: 60px;}
.icon45 i {
	color: #ec1922;
	font-size: 22px;
	background: #efefef;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	text-align: center;
	transition: .3s all ease;
	transform: scale(1);
	display: block;
	margin: 10px;}
.why_text {padding-left: 50px !important;}
.shape33 {
	position: absolute;
	right: -14px;
	top: -35px;
	opacity: 0.4;
	-webkit-animation: moveScale1 3s linear infinite;
	animation: moveScale1 3s linear infinite;
	width: 203px;}
.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 moveScale1 {
	0% {-webkit-transform: scale(0.6); transform: scale(0.6);}
	50% {-webkit-transform: scale(0.8); transform: scale(0.8);}
	100% {-webkit-transform: scale(0.6); transform: scale(0.6);}}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}}
@-webkit-keyframes blink {
    0% {opacity: 1;}
    50% { opacity: 0;}
    100% {opacity: 1;}}
@keyframes pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);}
	50% {opacity: 1;}}
@keyframes rev {
	0% {transform: translateX(0px) translateY(0px);}
	50% {transform: translateX(10px) translateY(-10px);}
	100% {transform: translateX(0px) translateY(0px);}
}
@keyframes rev2 {
	0% {transform: translateX(0px) translateY(0px);}
	50% {transform: translateX(15px) translateY(5px);}
	100% {transform: translateX(0px) translateY(0px);}
}
@keyframes swinging {
	0% {transform: rotate(10deg);}
	50% {transform: rotate(-5deg);}
	100% {transform: rotate(10deg);}
}
@keyframes move {
	0% {background-position: 1920px 0;}
	100% {background-position: 0 0;}
}


@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.aboutus svg {display: none;}
.aboutus .image1 {display: none;}
.aboutus .mbr-section-title {font-size: 41px !important;color: black;}
.aboutus .mbr-text {padding: 0 16px;color: black;}
.aboutus .image2 {display: none;}
.aboutus .mbr-section-btn {margin-bottom: 16px;}
.navbar-nav .nav-link {padding: 10px 0;}
.homesec1 {text-align: left;padding: 105px 0 0 10px;}
.product-img {position: absolute;top: 28px;left: 51px;right: 48px;}
.more1 {margin-bottom: 35px !important;}
.aboutus {padding-top: 22px;padding-bottom: 3px;}
.pricemain {background-image: none;}
.crack1 {font-size: 25px !important;}
.navbar-light .navbar-toggler {background-color: #e6c720 !important;}
.parallax {margin-top: 282px !important;}
.info-4 h2{font-size: 27px;}
.info-4 p {line-height: 37px;font-size: 21px;padding-bottom: 5px;}
.product-name h5 {font-size: 15px;}
.homeleft {border-top-left-radius: 60px; border-bottom-right-radius: 60px;margin-top: 31px;}
.homeleft1 {width: 100%;margin: 0px !important;}
.tact1 {padding-left: 18px !important;}
.homeright1 {display: none;}
.swinglogo{display: none;}
.backbg1 {height: auto;}
.why_text {padding-left: 10px !important;}
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.aboutus svg {display: none;}
.aboutus .image1 {display: none;}
.aboutus .mbr-text {padding: 0 107px;}
.aboutus .image2{display: none;}
.homesec1 {padding: 47px 0 0 48px;}
.more1 {margin-bottom: 35px !important;}
.pricemain {background-image: none;}
.aboutus .mbr-section-title {font-size: 41px !important;color: black;}
.aboutus .mbr-text {padding: 0 16px;color: black;}
.aboutus {padding-top: 22px;padding-bottom: 30px;}
.navbar-nav .nav-link {padding: 10px 0;}
.navbar-light .navbar-toggler {background-color: #e6c720 !important;}
.homeleft1 {width: 85%;margin: 22px 0px !important;}
.about3 {width: 100%;margin-top: 43px;}
.homeright1 {display: none;}
.parallax {margin-top: 150px !important;}
.homeleft {border-top-left-radius: 0;border-bottom-right-radius: 0;width: 90%;}
}

#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: #0f3661;
	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 #0f3661;
	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);}