@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;}
html {scroll-behavior: smooth !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;}
.logo{width: 200px;}
.smallfnt{font-size: 14px;}
.top-bg1{background-color: #ff0;}
.marquee {width: 100%;overflow: hidden !important;font-size: 16px;line-height: 25px;}
.navbar-light .navbar-nav .nav-link {color:rgb(255, 255, 255) !important;}
.navbar-light .navbar-nav .nav-link:hover{ color: #ff0 !important;transition:.5s;}
.navbar-light .navbar-nav .active>.nav-link{ color: #ff0 !important;}
.navfnt {font-family: 'Arial', sans-serif;font-size: 19px;font-weight: 500;}
.navbar {background-color: #31018a;border-bottom: 1px solid #ffda6a;position: sticky;top: 0;}
.ico1 {background-color: #31018a;padding: 6px;border-radius: 36px;display: flex;font-size: 32px;color: white;}
.border-btm {border-bottom: 4px solid #31018a;padding-bottom: 13px;}
.about-us {border-radius: 60px !important;}
.clr1 {color: #b41818 !important;}
.crack1 {background-color: #00235d;}
.bg-ground1 {background-color: #ffe47b !important;}
.owl-dots {display: none;}
.shadownew1 {text-shadow: 0px 1px 1px #555;color: #000000;}
.clr2 {color: #ffff00 !important;}
.footer {background-image: url("../images/footer.webp");background-color: #1c014e;background-size: contain;background-position: bottom center;background-repeat: no-repeat;padding: 100px 0 60px;color: #fff !important;}
.headft1 {border-bottom: 2px dotted white;font-size: 30px;margin-bottom: 30px;padding-bottom: 26px;}
.glowing-text {
	font-size: 17px;
	color: white !important;
	animation-name: glow;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	text-decoration: none;}
.about-list .list-wrap li {
	display: flex;
	align-items: baseline;
	color: #000;
	margin-bottom: 10px;}	
.about-list .list-wrap li i {
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #ef1c26;
	box-shadow: 4px 4px 15px rgba(254, 93, 20, 0.4);
	color: white;
	font-size: 12px;
	margin-right: 15px;}	
.footer-quick-links li {padding-right: 10px;padding-left: 10px;border-right: thin #fff solid;}
.td-list-inline li {display: inline-block;}
.details {border: 1px solid #ffffff29;padding: 22px 0;}
.retail1 {padding-left: 20px;}
.border_left {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 2px;
	height: 100%;
	background: #073B8C;}
.border-long::before {
	content: "";
	position: absolute;
	top: 125px;
	left: 0;
	width: 2px;
	height: 8px;
	background: #efef70;}
.clr3 {color: #31018a !important;}
.shopnow-btn {background-color: #31018a !important	; padding: 15px 20px;color: white !important;border-radius: 10px;}
.fire2 {width: 70px;}
.icon-box {
	padding: 20px 20px;
	transition: all ease-in-out 0.3s;
	background: #fefefe;
	box-shadow: 0px 5px 30px 0px rgba(104, 136, 155, 0.58);
	border-radius: 18px;
	border: 2px solid black;
	position: absolute;
	top: 92px;
	left: -44px;}
.bg-light1 {background-color: #efef70 !important;}
.servimg {width: 100px !important;margin-bottom: 30px;}
.icon-box .crack06 {font-weight: 700;margin-bottom: 15px;font-size: 1.3rem;}
.services .icon-box .crack06 a {color: #282828;transition: ease-in-out 0.3s;}
.icon-box p {font-size: 1rem;line-height: 2.2rem;margin-bottom: 0;}
.crack6 img {margin-top: -60px !important;}
.owl-prev span{
	width: 55px;
	height: 55px;
	opacity: 1;
	font-size: 22px;
	color: #f00 !important;
	background-image: url("../images/arrowleft.webp");
	background-size: contain;
	display: block;
	position: relative;
	left: -500px;
	top: -310px;
	background-repeat: no-repeat;}
.owl-next span{
	width: 55px;
	height: 55px;
	opacity: 1;
	font-size: 22px;
	color: #f00 !important;
	background-image: url("../images/arrowright.webp");
	background-size: contain;
	display: block;
	position: relative;
	left: 500px;
	top: -310px;
	background-repeat: no-repeat;}
.service-item1 i {font-size: 45px;background-color: #1a3663;padding: 17px;border-radius: 59px;display: inline-flex;}
.choose{position: relative;z-index: 1;}
.safetytipsbg {
	background-image: url("../images/safetytips.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}
.choose::before {
	background: url("../images/s1.webp") no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 346px;
	top: 6px;}
.choose::after {
	background: url("../images/s1.webp") no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 30px;
	width: 30px;
	right: 350px;
	position: absolute;
	top: 6px;}
.choose1::before {
	background: url("../images/s2.webp") no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 390px;
	top: 6px;}
.choose1::after {
	background: url("../images/s2.webp") no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 30px;
	width: 30px;
	right: 390px;
	position: absolute;
	top: 6px;}
.choose2::before {
	background: url("../images/s4.webp") no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 275px;
	top: 0px;}
.choose2::after {
	background: url("../images/s4.webp") no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 30px;
	width: 30px;
	right: 275px;
	position: absolute;
	top: 4px;}
.about_exp {
	background-image: url("../images/10.webp");
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
	z-index: 0;
	height: 490px;}
.about_exp::before {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	top: 20px;
	content: '';
	z-index: -1;}
.bordert {border-right: none !important;}
.about_exp_inner_upper {
	position: absolute;
	left: 0;
	left: 20px;
	top: 20px;
	bottom: 20px;
	right: 20px;
	background-color: #ffffffd6;
	color: #000;
	mix-blend-mode: screen;}
.about_exp_inner span {
	font-size: 280px;
	line-height: 300px;
	font-family: "Helvatica",sans-serif;
	font-weight: 900;
	letter-spacing: -39px;
	position: relative;
	right: 32px;}
.about_exp_inner p {font-size: 30px;font-weight: 800;}
.retail {padding: 53px;}
.border_left1 {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	border: 6px solid #602021;
  	background-color: #e4d6dc63;
  	z-index: -9999;}
.shopbtn {margin-top: 35px;}
.bglight4 {background-color: #fce444 !important;}
.parallax {background-image: url("../images/12.webp");background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.bg-overlay {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%;}
.bg-overlay::after {background-color: #1e1d1e94;z-index: 0;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;}
.box-bg {position: relative;z-index: 1;}
#counter{background: rgba(black, .05);}
#counter li{flex: 1; text-align: center;width: 100%;text-align: center;border-style: dotted;border-color: #f2f2f2;font-size: 30px;margin-top: 28px;background-color: #31018a;}
#counter li span.percent:after { content: ""; display: inline-block;}
.counttext{color: #ffffff; font-size: 50px; font-weight: 700; font-family:  Helvetica, sans-serif;}
.bannerhead {color: #ffffff; font-size: 50px; font-weight: 700; text-transform: uppercase; line-height: 1.3em;}
.head60 {font-size: 60px;}
.smallborder1 {width: 70px;height: 2px; background-color: #f00;margin: 10px auto;}
#owl-demo2 .owl-nav {display: none !important;}
.homeparallax {
	background-image: url("../images/main.webp");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;}
.homeparallax::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0.5;}
.btn1 {
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 700;
	background-color: #ec2424;
	color: #fff !important;
	display: inline-block;
	text-transform: uppercase;
	transition: 1s;
	border-radius: 5px;}
.feature-h, .feature-s {margin-bottom: 35px; }
.icons11, .icons12 {margin-right: 1em;}
.icons11 i {
	color: #048404;
	font-size: 52px;
	background: #efefef;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50px;
	text-align: center;
	transition: .3s all ease;
	transform: scale(1);
	display: block;}
.icons12 i {
	color: #bc0f0f;
	font-size: 52px;
	background: #efefef;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50px;
	text-align: center;
	transition: .3s all ease;
	transform: scale(1);
	display: block;}
.feature-s:hover .icons11 i {border: 2px solid #048404;color: #048404;background-color: transparent;transform: scale(1.07);}
.feature-s:hover .icons12 i {border: 2px solid #bc0f0f;color: #bc0f0f;background-color: transparent;transform: scale(1.07);}
.green {color: #08b923 !important;}
.red {color: #b50000 !important;}
.contt {width: 245px !important;}
.rele {position: relative;top: -45px; left: -19px; color: black !important;font-size: 24px !important;}
.why1 {
	transition: all ease-in-out 0.3s;
	background: #fefefe;
	box-shadow: 0px 5px 30px 0px rgba(104, 136, 155, 0.58);
	border-radius: 18px;
	border: 2px solid black;
	padding: 30px 20px 30px;
	color: black;
	height: 230px;}
.why-animate i {font-size: 38px;} 
.contactbg1 {background-color: #31018a;}
.pad1 {padding: 90px 0px !important;}
.black {color: black !important;}
.text-right1 {text-align: right !important;}
.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;}}


@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.contt1 {width: 100% !important;height: 21% !important;}
.rele1 {top: -36px;left: -31px;font-size: 16px !important;}
.pad1 {padding-bottom: 360px !important;padding-top: 0px !important;}
.crack6 {display: none;}
.icon-box {position: absolute;top: 0px;left: 0px;}
.choose {font-size: 24px;}
.choose::before {display: none !important;}
.choose::after {display: none !important;}
.choose1::before {display: none !important;}
.choose1::after {display: none !important;}
.choose2::after{display: none !important;}
.choose2::before{display: none !important;}
.sec10 {margin-top: 20px !important;}
.retail {padding: 10px !important;}
.shopbtn {margin-top: 26px;margin-bottom: 26px; }
#counter li {margin: 17px auto 0px;width: 59%;}
.about_exp_inner span {font-size: 205px;}
.font20 {font-size: 20px !important;}
.navbar-light .navbar-toggler {color: rgb(0, 0, 0) !important;border-color: rgba(0,0,0,.1);background-color: white;}
.owl-prev span {left: 0;top: 0;}
.owl-next span {left: 0;top: 0;}
.fire2 {display: none;}
.text-right1 {text-align: left !important;}
.whole1 {text-align: center;}
.footer {padding: 0px 0px 0px;}
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.sec10 {margin-top: 20px !important;}
.choose2::before{left: 60px !important;}
.choose2::after {right: 60px !important;}
.icon-box {position: relative !important;top: 64px !important; left: -66px !important;}
.navbar-light .navbar-toggler {color: rgb(0, 0, 0) !important;border-color: rgba(0,0,0,.1);background-color: white;}
.choose1::before{left: 180px !important;}
.choose1::after {right: 180px !important;}
.choose::before{left: 150px !important;}
.choose::after {right: 150px !important;}
.owl-prev span {left: 0;top: 0;}
.owl-next span {left: 0;top: 0;}
.text-right1 {text-align: left !important;}
}

#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;}
}