@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;font-size: 14px;}
.gothic{font-family: Helvetica, sans-serif; font-weight:600;}
.beige{background: beige;}
.clr10{color:#062284;}
.marquee {width: 100%;overflow: hidden;font-size: 14px;line-height: 25px;background-color: #d72005;color: #fff;}
header 
.marquee-diamond{width: 184px;height: 25px;}
.homegrad {background-image: url("../images/texture.webp");}
.pad-top {padding-top: 125px;padding-bottom: 190px;}
.w-35 {width: 35%;}
.clr3{color:#fa4903;}
.border_right {border-right: 1px solid black;height: 145px;}
.counttext {color: #000;font-size: 45px;font-weight: 700;}
.countfont {font-size: 13px;}
.restmenuwrap {font-size: 12px;padding: 27px 0px 0px 0px;box-shadow: inset 0 0 0 16px #fff,inset 0 0 0 17px #eee,inset 0 0 0 18px #fff,inset 0 0 0 19px #eee,inset 0 0 0 20px #fff,inset 0 0 0 21px #eee,0 4px 20px rgba(0,0,0,0.1);transform: translateZ(0px);opacity: 1;pointer-events: auto;}
.restmenuwrap h3.maincat {font-size: 19px;padding-bottom: 10px;color: #cc580c;border-bottom: 4px double #eee;}
.restmenuwrap h5 {margin: 0;font-size: 14px;}
.phone{font-size: 28px;color: #1a9ba1;}
.locate{font-size: 28px;color: #ff3d00;}
.envel{font-size: 28px;color: #2196f3;}
.parallax3 {
	background-image: url("../images/fullview.webp");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;}
.parallax3::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;}
.bannerhead {
	color: #000;
	font-size: 45px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3em;}
.crackers_bg {
	background-image: url("../images/crackersbg.webp");
	background-size: cover;}
.down_font {
	background: linear-gradient(97.34deg, #F84141 25.43%, #F84141 25.44%, #F84141 25.44%, #FFC000 55.55%);
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-weight: bold;}
.headfont1 {font-size: 60px;}
.product_bg {
	background-image: url("../images/confetti.webp");
	background-size: cover;
	background-color: #ec0e0e;
	position: relative;}
.clr-yellow {color: #ede233;}
.product_bg::before {
	background-image: url("../images/red.webp");
	content: "";
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	top: -86%;
	width: 100%;}
.clr1 {color: #ec1922;}
.section-line {font-size:25px;}
.brand_bg {
	background: url("../images/footerimg.webp") no-repeat scroll;
	background-color: #FA9911;
	padding: 50px 0 50px 0;
	position: relative;}
.brand_bg:before{
	background-image: url("../images/orange1.webp");
	content: "";
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	top: -67%;
	width: 100%;}
.brand_bg_2 {
	background: url("../images/footerimg.webp") no-repeat scroll;
	background-color: #FA9911;
	padding: 50px 0 50px 0;
	position: relative;}
.brand_bg_2:before{
	background-image: url("../images/orange1.webp");
	content: "";
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	top: -96%;
	width: 100%;}
.shape_bg{background-image: url("../images/shape.webp");
	background-size: 100%;
	background-repeat: no-repeat;
	min-height: 285px;}	
.shape_bg img{transition: .25s;}	
.shape_bg:hover img{transform: rotate(15deg);}	
.product_button{background-image: linear-gradient(to right, #EDE233, #FEAC0A);
	border-radius: 50px;
	width: 75%;
	margin:0 auto 0 auto;
	padding: 3px 20px;
	color: #000;
	font-size: 20px;}
.get_btn1 {
	display: inline-block;
	padding: 0px 30px;
	border: 2px solid #ff9903;
	line-height: 50px;
	background-color: #ff9903;
	font-size: 16px;
	border-radius:50px;
	color: #000;
	font-weight: bold;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: color .5s;
	transition: color .5s;
	animation: tada 2s ease-in-out infinite;}
.get_btn1:hover{color:#fff;}	
.get_btn1::before {
	content: "";
	position: absolute;
	z-index: -1;
	background:#c21713;
	height: 250px;
	width: 300px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	-webkit-transition: all .7s;
	transition: all .7s;}
.get_btn1:hover::before {bottom: -50px;}	
.youtube_icns {position: absolute; right: 7%; bottom: 56%;}
@keyframes tada {
	0% {-webkit-transform: scaleX(1); transform: scaleX(1);}
	10%, 20% {-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg);}
	100% {-webkit-transform: scaleX(1); transform: scaleX(1);}}	  
.logo {
	width: 260px;
	position: absolute;
	top: 0px;
	background: white;
	border-radius: 0 0 25px 25px;
	padding: 0 9px 0px 9px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	z-index: 999;}
.icon-s {
	width: 45px;
	height: 45px;
	line-height: 40px;
	text-align: center;
	margin: 3px 20px 0px 0px;
	border: 1px solid #b3b2b2;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}
.icnclr {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #d00f0f;
	font-size: 20px;}
.icon-s .bi-telephone-fill::before {transform: rotate(-41deg);}
.icon-s {line-height: 40px;text-align: center;}
.navbar-light .navbar-nav .active > .nav-link{color:#440c7d  !important;}
.navbar-light .navbar-nav  .nav-link{color:#d31821 !important; transition: 1.5s ease;}
.text-red{color:#d72005;}
.foot{background-color:#d31821;}
.smallborder1 {width: 80px;height: 2px;background-color:#d31821;}
.sec-pad{padding: 10px 27px 37px 162px;}
.clr2{color:#feed00;}
.brand-item:hover img {transform: scale(0,0);}
.brand-item:hover .brand-hover {transform: scale(1,1);}
.brand-item img{transition: all 500ms ease; -webkit-transition: all 500ms ease;} 
.brand-item img{display: inline-block;} 
.brand-item .brand-hover{transform: translateY(100%);-webkit-transform: translateY(100%);}
.brand-item .brand-hover{position:absolute;}
.brand-item .brand-hover{top:0;right:0;left:0;bottom:0;}
.check-btn {background-color: #fed700;color: #292424 !important;border-color: #fed700;padding: 15px 30px;border-radius: 50px;}
.owl-dots{display:none;}
  .parallax1 {
	background-image: url("../images/parralax.webp");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;}
.parallax1::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.2;
	position: absolute;
	top: 0;
	width: 100%;}
.parallax {
	background-image: url("../images/paralax.webp");
	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%;}
.text1 {position: relative;padding: 5px 0 0 25px;margin-top: -42px;}
.gap{padding-top:155px;}
.wht-br30{padding:30px;background-color:#ffffff;}
.w-txt{color: #d72005;letter-spacing: 2px;}	
.pad-7rem {padding: 0 0 0 7rem!important;}
.abt-sec{position: relative;padding: 120px 0 0;}
.abt-sec::before{
	content: "";
	position: absolute;
	left: 20%;
	top: 32%;
	width: 300px;
	height: 300px;
	background: #FAE7FF;
	filter: blur(200px);
	z-index: -1;}
.brand-pad{padding: 120px 0;}
.abt-img{position: relative;text-align: center;padding-bottom: 30px;}
.count-section{background: -webkit-linear-gradient(45deg, #feed00,#ff9000, #ffb001 80%) !important;}
.counter-card {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 30px;}
.counter-card_icon {
	width: 112px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	position: relative;
	padding-left: 15px;
	margin-bottom: 2px;
	z-index: 2;}
.counter-card_icon::before, .counter-card_icon::after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color:#000;
	-webkit-clip-path: path( "M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508H13.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z" );
	clip-path: path( "M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508f3.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z" );
	z-index: -2;}
.counter-card:hover .counter-card_icon img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);}
.counter-card_icon img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;}
.counter-card_icon::after {background-color:#fff;top: 2px;left: 10px;z-index: -1;}
.count-fnt{font-size: 3.5rem;}
.featured_about img {height:50px;}
.footer-bg {background: #fcff9a url(../images/footer-bg.webp) no-repeat right bottom;padding: 80px 0 20px;}
.safetytip-bg {background: url('../images/safetytips-bg.webp'); background-size: contain; background-repeat: repeat;}
.safety_icon i {color: #fff;font-size: 40px; background: #298145; width: 65px; height: 66px; line-height: 65px;border-radius: 50%; text-align: center; display: block;}
.safety_iconr i {color: #fff; font-size: 40px; background: #dd1407; width: 65px; height: 66px; line-height: 65px;border-radius: 50%; text-align: center; display: block;}
.icon_right{margin-left: auto;}
.icon_center{margin: auto;}
.clr-green{color: #298145;}
.clr-red{color: #dd1407;}
.contact-box{
	flex: 1;
	text-align: center;
	padding: 25px 15px;
	border-radius: 7px;
	background: #fff;
	position: relative;
	overflow: hidden;
	box-shadow: -2px 2px 5px #d1d1d1;}
.contact-box::before{
	content: "";
	background: #298145;
	height: 70px;
	width: 70px;
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	filter: blur(55px);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;}
.c-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50%;
	position: relative;
	z-index: 2;}
.btn1 {
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 700;
	color: #fed700;
	background-color:#ec0e0e;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: 1s;
	transition: 1s;
	border-radius: 5px;}
.btn1:hover {background-color: #ec0e0e;color: #ffffff;border-radius: 50px;}
.about_welcome p{line-height: 2;}
.card-wrapper-retail{
	background-color: #fbaa3f; 
	padding: 0 78px 48px;
	border-radius: 40px;
	transform: rotate(355deg);
	height: 400px;}
.card-wrapper-retail .card-title-wrapper{
	background-color: #c21713;
	color:#fff;
	padding: 10px 32px;
	transform: rotate(340deg);
	width: fit-content;
	border-radius: 17px;}
.r_img{margin-bottom: 10px;border-radius: 16px;}
.mar-top{margin: 40px 0 0 0;}
.safetyimg{
	background: url("../images/pattern-1.webp");
	background-size: contain;
	background-repeat: repeat;
  }
  .faq-que button{
	width: 100%;
	border: none;
	outline: none;
	background: none;
	text-align: left;
	padding: 21px 10px;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
  }
  .faq-child{
	border-radius: 8px;
	margin-bottom: 30px;
	background: var(--white);
	border-left: 3px solid #f13926;
	border-right: 3px solid #f13926;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  }
  .faq-child1{
	border-radius: 8px;
	margin-bottom: 30px;
	background: var(--white);
	border-left: 3px solid #0f5106;
	border-right: 3px solid #0f5106;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  }
  .icnclr1 {
	color: #ffffff;
	font-size: 21px;
	background-color: #559926;
	border-radius: 68px;
	display: inline-flex;
	padding: 3px;
  }
  .icnclr2 {
	color: #ffffff;
	font-size: 21px;
	background-color: #f13926;
	border-radius: 68px;
	display: inline-flex;
	padding: 3px;
  }
.green {color: green;}
.red {color: red;}
.card-wrapper-wholesale{
	background-color: #c21713;
	padding: 0 78px 48px;
	border-radius: 40px;
	transform: rotate(5deg);
	height: 400px;}
.card-wrapper-wholesale .card-title-wrapper{
	background-color: #fbaa3f;
	padding: 10px 32px;
	transform: rotate(15deg);
	width: fit-content;
	border-radius: 17px;}
.w_img{margin-bottom: 10px;border-radius: 16px;}
.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.priceicn3{width: 65px;}
.priceicn2 {width: 120px;}
.point{bottom:10px; left:10px;}
.point1{bottom:70px; left:10px;}
.point3 {bottom: 120px;left: 4px;}
.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){
.w-35 {width: 80%;}
.icon_right {margin-left: 0;}
.order1{order:2;}
.order2{order:1;}
.countfont {font-size: 19px;}
.pad-top {padding-top: 30px;padding-bottom: 100px;}
.card-wrapper-retail {transform: rotate(0deg);padding: 0 30px 48px;height: auto;}
.card-wrapper-retail .card-title-wrapper {
	background-color: #ec1922;
	padding: 10px 32px;
	transform: rotate(0deg);
	width: fit-content;
	border-radius: 17px;
	position: relative;
	top: -25px;
	left: 65px;}
.card-wrapper-wholesale .card-title-wrapper {
	background-color: #febf0f;
	padding: 10px 32px;
	transform: rotate(0deg);
	width: fit-content;
	border-radius: 17px;
	position: relative;
	top: -25px;
	left: 40px;}
.card-wrapper-wholesale {transform: rotate(0deg);padding: 0 30px 48px;height: auto;}
.product_bg::before {top: -74%;}
.crackers_bg {background-position: center;}
.border_right {border-right: none;height: 165px;}
.brand_bg::before {top: -37%;}
.brand_bg_2::before {top:-99%;}
.headfont1 {font-size: 40px;}
.logo{width:365px; position:relative; bottom: 0; box-shadow:none !important;}
.navbar-toggler{margin: auto;}
.abt-sec {padding: 20px 0 0;}
.brand-pad {padding: 20px 0 0;}
.pad{padding:40px 0;}
header .header-info .marque-diamond {width: 124px;height: 19px;background: #fff;left:52%;}
.w-txt {color: #d72005; letter-spacing: 0px;}
.abt-sec::before {left:0;}}

@media (min-width:768px) and (max-width:991.98px){
.pad-top {padding-top: 30px;padding-bottom: 100px;}
.logo{width:260px; position:relative; bottom: 0; left: 0; box-shadow:none !important;}
.icon_right {margin-left: 0;}
.card-wrapper-retail {transform: rotate(0deg);height: 430px;}
.card-wrapper-wholesale { transform: rotate(0deg); height: 430px;}
  .card-wrapper-retail .card-title-wrapper {
    background-color: #ec1922;
    padding: 10px 32px;
    transform: rotate(0deg);
    width: fit-content;
    border-radius: 17px;
    position: relative;
    top: -25px;
    left: 190px;}
.card-wrapper-wholesale .card-title-wrapper {
    background-color: #febf0f;
    padding: 10px 32px;
    transform: rotate(0deg);
    width: fit-content;
    border-radius: 17px;
    position: relative;
    top: -25px;
    left: 180px;}
.brand_bg::before {top: -44%;}
.brand_bg_2::before {top:-84%;}
header .header-info .marque-diamond {width: 124px;height: 19px;background: #fff;left:50%;}
.pad{padding:40px 0;}
.brand-pad {padding:10px 0 0;}
.headfont1, .headfont2 {font-size: 40px;}
.abt-sec {position: relative;padding: 20px 0 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);}