@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;}
.fullpad{padding: 0!important; margin:0!important;}
.wrdbrk{white-space:pre;}
.arial{font-family: Arial, sans-serif; font-weight: 600 !important;}
.helvetica{font-family: Helvetica, sans-serif;}
.marqueebg{background-color: #ec1922; color: #fff; width: 100%; overflow: hidden;line-height: 25px;}
.clr1{color: #ec1922;}
.clr2{color: #2e3192;}
.clr3{color: #000;}
.clr4{color: #febf0f;}
.navbgclr{
	background-color: #ffe913;
	padding: 2px 20px !important;
	border-radius: 45px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.navfont{font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;}
.navbar-light .navbar-nav .nav-link {color: #000 !important;}
.navbar-light .navbar-nav .active>.nav-link{color:#ec1922 !important;}
.about_section .image_background .circle_image1{
	width: 960px;
	height: 960px;
	left: -400px;
	border-radius: 50%;
	top: -29px;
	z-index: -1;
	position: absolute;
	background-color: rgba(255, 100, 0, 0.1);
}
.about_section .image_background .circle_image2{
	width: 960px;
	height: 960px;
	left: -445px;
	border-radius: 50%;
	top: -30px;
	z-index: -1;
	position: absolute;
	background-color: rgba(249, 219, 81, 0.23);
}
.image_block1{
	display: inline-block;
	border-radius: 15px;
	max-width: 450px;
	max-height: 630px;
	overflow: hidden;
	box-shadow: 0px 45px 63px 0px rgba(100, 105, 122, 0.33);
}
.image_block1 img{
	height: 653px;
  	/* width: 100%; */
	position: relative;
	z-index: 1;
}
.image_block2{
	border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 25px 50px 0px rgba(140, 140, 140, 0.33);
  position: absolute;
  z-index: -1;
  left: -258px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 340px;
  max-height: 425px;
}
.image_block2 img{
	height: auto;
  max-width: 100%;
  position: relative;
  z-index: 999;
}
.about_section .animation_background{
	position: relative;
	z-index: 1;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.about_section .animation_background .circle1{
	display: inline-block;
  width: 15px;
  height: 15px;
  top: 50px;
  right: 40%;
  border-radius: 50%;
  background: #f47b5b;
  position: absolute;
  animation: animationOne 25s infinite linear;
}
@keyframes animationOne{
	0%{
		transform:translate(0px, 0px) rotate(0deg)
	}
	20%{
		transform:translate(70px, -1px) rotate(35deg)
	}
	40%{
		transform:translate(140px, 70px) rotate(70deg)
	}
	60%{
		transform:translate(80px, 120px) rotate(110deg)
	}
	80%{
		transform:translate(-40px, 70px) rotate(145deg)
	}
	100%{
		transform:translate(0px, 0px) rotate(0deg)
	}
}
.about_section .animation_background .circle2 {
	display: inline-block;
  width: 20px;
  height: 20px;
  top: 200px;
  right: 25px;
  position: absolute;
  border-radius: 50%;
  background-color: #c647fe;
  animation: scale__two 5s infinite linear;
}
@keyframes scale__two{
	0%{
		-webkit-transform:scale(0.5);transform:scale(0.5)
	}
	40%{
		-webkit-transform:scale(0.8);transform:scale(0.8)
	}
	100%{
		-webkit-transform:scale(0.5);transform:scale(0.5)}
}
.about_section .animation_background .triangle{
	position: absolute;
	bottom: -250px;
	right: 14%;
	animation: rotatedHalf 40s infinite linear;
}
@keyframes rotatedHalf{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	50%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
	100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.about_section p{
	line-height: 2;
}
.why_section{
	overflow: hidden;
	background-color: #fff;
}
.why_section .why_section_img img{
	position: relative;
	right: -157px;
	top:-166px;
	z-index: 2;
	border-radius: 50%;
}
.why_section .why_section_img .why_circle{
	position: absolute;
	right: -154px;
	top:-140px;
	z-index: 1;
	width: 650px;
	height: 650px;
	border-radius: 50%;
	background-color: rgba(244, 123, 91, 0.4);
}
.why_section .why_section_img .why_circle_2{
	position: absolute;
	width: 70px;
	height: 70px;
	top: 16%;
	right: 350px;
	z-index: 999;
	background-color: rgba(249, 219, 81, 0.5);
	border-radius: 50%;
}
.why_section .why_section_img .why_circle_3{
	width: 250px;
	height: 250px;
	left: 32%;
	bottom: 35%;
	right: 300px;
	position: absolute;
	z-index: 2;
	background-color: rgba(198, 71, 254, 0.3);
	border-radius: 50%;
}
.why_section .why_text .circle1{
	display: inline-block;
	width: 12px;
	height: 12px;
	top: 10%;
	left: 40%;
	background: #c647fe;
	border-radius: 50%;
	position: absolute;
	animation: animationOne 25s infinite linear;
}
.why_section .why_text .circle2{
	display: inline-block;
	width: 15px;
	height: 15px;
	top: 44%;
	left: 4%;
	z-index: 1;
	background: #f47b5b;
	border-radius: 50%;
	position: absolute;
	animation: animationOne 30s alternate infinite linear;
}
.why_section .why_text .circle3{
	display: inline-block;
	width: 15px;
	height: 15px;
	top: 30%;
	left: 90%;
	background: #ff6400;
	position: absolute;
	border-radius: 50%;
	animation: animationTwo 35s infinite linear;
}
@keyframes animationTwo{
	0%{
		transform:translate(0px, 0px) rotate(0deg) scale(1)
	}
	20%{
		transform:translate(70px, -1px) rotate(35deg) scale(0.9)
	}
	40%{
		transform:translate(140px, 70px) rotate(70deg) scale(1)
	}
	60%{
		transform:translate(80px, 120px) rotate(110deg) scale(1.2)
	}
	80%{
		transform:translate(-40px, 70px) rotate(145deg) scale(1.1)
	}
	100%{
		transform:translate(0px, 0px) rotate(0deg) scale(1)
	}
}
.why_section .why_text .circle4{
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background: #273769;
	bottom: 40%;
	left: 60%;
	animation: animationOne 30s infinite linear;
}
.icon {margin-right: 1em;}
.icon i {
	color: #ec1922;
	font-size: 22px;
	background: #efefef;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
	-webkit-transform: scale(1);
	transform: scale(1);
	display: block;
	margin: 10px;
}
.product-section{
	background-color: #ec1922;
	background-image: url('../images/newconfetti.webp');
	background-repeat: repeat-y;
}
.product-section{position: relative;}
.product-section::before{
	content: '';
	background-image: url('../images/red-wave.webp');
	width: 100%;
	height: 95px;
	position: absolute;
	left: 0px;
	top: -94px;
	z-index: 1;
	animation-name: move;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
@keyframes move{
	0%{background-position: 1920px 0;}
	100%{background-position: 0 0 ;}
}
.product_bg{
	background-image: url('../images/new-addition-bg.webp');
}
.product-img{
	position: absolute;
	top: 60px;
	left: 90px;
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.product-img img:hover{
	transition: 0.70s;
    transition-duration: 0.7s;
    transition-timing-function: ease;
  -webkit-transition: 0.70s;
    transition-duration: 0.7s;
    transition-timing-function: ease;
  -moz-transition: 0.70s;
    transition-duration: 0.7s;
    transition-timing-function: ease;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(10deg) !important;
  -moz-transform: rotate(10deg) !important;
  -o-transform: rotate(10deg) !important;
  -ms-transform: rotate(10deg) !important;
  transform: rotate(10deg) !important
}
.product-img img{
	width: 200px;
}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
.product-name{
	position: absolute;
	background-image: url('../images/product-bg.webp');
	background-repeat: no-repeat;
	height: 60px;
	width: 100%;
	bottom: -6px;
	background-position: center;
}
.product-section::after{
	content: '';
	position: absolute;
	background: url('../images/dot-symbol.webp') repeat 0 0;
	width: 100%;
	height: 11px;
	margin-top: -30px;
}
.experience{
	background-color: #febf0f;
	background-image: url("../images/yellow-line.webp");
	background-repeat: repeat;
	height: 91px;
	width: 100%;
	animation: slide 10s linear infinite;
}
@keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}
.symbol{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background-color: #febf0f;
	position: relative;
	left: 40%;
	top: -70px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.06);
}
.symbol img{
	position: relative;
	top: -30px;
}
.symbol .crackersimg{
	position: absolute;
	left: 87px;
	width: 120px;
	bottom: 30px;
	font-size: 25px !important;
  	font-style: italic;
}
.counter{
	background-color: #febf0f;
}
.border_right{
	border-right: 1px solid black;
	height: 145px;
}
#counter{background: rgba(black, .05);}
#counter li{flex: 1; text-align: center;}
#counter li span.percent:after {content: ""; display: inline-block;}
.counttext{color: #000; font-size: 45px; font-weight: 700;}
.bannerhead {color: #000; font-size: 45px; font-weight: 700; text-transform: uppercase; line-height: 1.3em;}
.countfont{font-size: 13px;}
.counter::after{
	content: '';
	background-image: url('../images/yellow-wave.webp');
	width: 100%;
	height: 80px;
	position: absolute;
	margin-top: -80px;
	animation-name: move;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	transform: rotateZ(180deg);
}
.shop-btn{
	padding: 10px 20px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  background-color: #db0812 !important;
  color: #fff !important;
  display: inline-block !important;
  text-transform: uppercase;
  transition: transform 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  border-radius: 5px !important;
}
.shop-btn:hover{
	transform: rotate(12deg);
}
.footer {background: #2e3192;}
.footer_call {position: relative; top: -65px;}
.footer_call_content {background: #febf0f; padding: 30px 55px 25px 45px; border-radius: 10px; border: 1px solid #000;}
.footer_call_number {overflow: hidden;}
.footer_call_number_icon {float: left; margin-right: 35px;}
.footer_call_number_text {overflow: hidden;}
.footer_title {position: relative; z-index: 1;}
.footer_title h4 {color: #db241e; display: inline-block; padding-right: 12px; background: #142336;}
.footer_title::after {
    position: absolute;
    left: 0;
    top: 15px;
    height: 1px;
    width: 100%;
    background: #444;
    content: "";
    z-index: -1;}
.footer_copyright {border-top: 1px solid #fff; padding: 18px 0 0px 0px;}
.text1 {position: relative; padding: 0 0 0 25px; margin-top: -39px;}	
.safetytipsbg {background-image: url("../images/safetytips.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; padding:50px 0px;}	
.block-head {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px #cac9c9 solid;
    font-weight: normal;
    color: #b0812b;
}
.font{font-size: 45px;}
.block-head::before {
    position: absolute;
    bottom: -3px;
    left: 20px;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block;
    background-color: #ec2424;
}
.block-head::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    content: "";
    display: inline-block;
    background-color: #ec2424;
}
.icnclr1 {color: #559926; font-size: 40px;}
.icnclr2 {color: #b61818; font-size: 40px;}
.clr-green{color: #559926;}
.clr-red{color: #b61818;}
.text4 {position: relative; padding: 0 0 0 46px; margin-top: -60px;}
.text2 {position: relative; padding: 0 0 0 25px; margin-top: -38px;}
.line {
	border-bottom: 1px solid #d2d0d0;
	margin: 20px 0;
}
.about_welcome p{line-height: 2;}
.card-wrapper-retail{
	background-color: #febf0f; 
	padding: 0 78px 48px;
	border-radius: 40px;
	transform: rotate(355deg);
	height: 400px;
}
.card-wrapper-retail .card-title-wrapper{
	background-color: #ec1922;
	padding: 10px 32px;
	transform: rotate(340deg);
	width: fit-content;
	border-radius: 17px;
}
.r_img{margin-bottom: 10px;}
.mar-top{margin: 40px 0 0 0;}
.card-wrapper-wholesale{
	background-color: #ec1922;
	padding: 0 78px 48px;
	border-radius: 40px;
	transform: rotate(5deg);
	height: 400px;
}
.card-wrapper-wholesale .card-title-wrapper{
	background-color: #febf0f;
	padding: 10px 32px;
	transform: rotate(15deg);
	width: fit-content;
	border-radius: 17px;
}
.w_img{margin-bottom: 10px;}
.brand-section{
	background-color: #ec1922;
}
.brand-section{position: relative;}
.mar-btm{margin-bottom: 130px;}
.brand-section::before{
	content: '';
	background-image: url('../images/red-wave.webp');
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0px;
	top: -80px;
	z-index: 1;
	animation-name: move;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
.brand-section::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);
}
.contact-section{
	background-image: url('../images/shopping_bg.webp');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.contact-section::before{
	background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
}
.contact-section span{
	color: #febf0f;
  font-weight: 600;
  position: relative;
}
.contact-section span img{
	-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.contact-section span::after{
	position: absolute;
  bottom: 0;
  content: "";
  background: #fff;
  width: 28px;
  height: 2px;
  top: 30px;
  left: 52px;
}
.style1{
	background-color: #F41F31 !important;
	color: #fff !important;
	margin-right: 10px;
	font-weight: 700;
}
.style2{
	border: 1px solid #fff !important;
  	color: #fff !important;
}
.contact-section .pattasu-img{
	position: absolute;
  bottom: -100px;
  right: 0;
  max-height: 420px;
}
.online-shopping .shop-img-wrap{
  position: relative;
}
.online-shopping .shop-img1{
	background-image: url('../images/wala.webp');
	background-size: cover;
	width: 50%;
	height: 520px;
	border: 15px solid #fff;
	border-right: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.online-shopping .shop-img2{
	background-image: url('../images/flower_pots.webp');
	background-size: cover;
	width: 33%;
	height: 520px;
	border: 15px solid #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.online-shopping .shop-img3{
	width: 200px;
  height: 200px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -18px;
  border: 15px solid #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.online-shopping .shop-img3 img{
	border-radius: 50%;
}
.online-shopping .shop-shape1{
	position: absolute;
  bottom: 300px;
  left: 400px;
  max-width: 110px;
  z-index: -1;
}
.online-shopping .shop-shape2{
	position: absolute;
	top: 50%;
	left: -120px;
	z-index: -1;
	max-width: 140px;
}
.docardheading
{
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #2e3192;
  padding: 20px 0px 20px 0px;
  border-radius: 20px 20px 0 0;
}
.box-content{
	background-color: #f1f1f1;
	height: 200px;
	border-radius: 20px;
}
.box-content i{
	position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  background: #febf0f;
  border-radius: 50px;
  width: 55px;
  height: 55px;
  line-height: 50px;
  border: 2px solid #ec1922;
}
.blue-block{
	background-color: #2e3192;
	display: inline-block;
	padding: 1rem;
	border-radius: 30px;
	position: absolute;
	bottom: 35%;
	right: -29%;
	transform: translate(20%, 20%);
	z-index: 1;
}
.wrapper{
	color: #fff;
  border: 2px dashed #ffffff;
  border-radius: 20px;
  padding: 1.5rem;
}
.logo{width: 200px;}
.foot-content h1{
	border-bottom: 1px solid #cccc;
	width: 250px;
	position: relative;
}
.foot-content h1::after{
	content: "";
	position: absolute;
	width: 50px;
	background: #febf0f;
	left: 0;
	bottom: -2px;
	height: 4px;
}
.check-icon i{font-size: 22px;}

.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.priceicn2 {width: 180px;}
.point{bottom:10px; left:10px;}
.point1{bottom:70px; left:10px;}
.point2{bottom: 10px; 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;}
.logo{width: 160px;}
.navbg {
	position: static !important;
	width: 100%;
	z-index: 1021;
  }
.about_section .animation_background .triangle{
	position: absolute;
	bottom: 0px;
	right: 14%;
	animation: rotatedHalf 40s infinite linear;
}
.image_block1 img
{
  height: auto;
  width: 100%;
  position: relative;
  z-index: 1;
}
.why_section .why_section_img img {
	position: relative;
	right: -40px;
	top: -45px;
	z-index: 2;
	border-radius: 50%;
}
.why_section .why_section_img .why_circle {
	position: absolute;
	right: -18px;
	top: -35px;
	z-index: 1;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background-color: rgba(244, 123, 91, 0.4);
}
.why_section .why_section_img .why_circle_2 {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 32%;
	right: 270px;
	z-index: 999;
	background-color: rgba(249, 219, 81, 0.5);
	border-radius: 50%;
}
.why_section .why_section_img .why_circle_3 {
	width: 150px;
	height: 150px;
	left: 32%;
	bottom: 16%;
	right: 300px;
	position: absolute;
	z-index: 2;
	background-color: rgba(198, 71, 254, 0.3);
	border-radius: 50%;
}
.green_wave{
	width: 50px;
}
.product-section::before{
	content: '';
	background-image: url('../images/red-wave.webp');
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0px;
	top: -60px;
	z-index: 1;
	animation-name: move;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
.product-img{
	position: absolute;
	top: 20px;
	left: 45px;
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.product-img img{
	width: 100px;
}
.symbol {
    width: 203px;
    height: 200px;
    border-radius: 50%;
    background-color: #febf0f;
    position: relative;
    left: 20%;
    top: -70px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.06);
}
.symbol .crackersimg{
  position: absolute;
  left: 51px;
  width: 100px;
  bottom: 12px;
  font-size: 20px !important;
}
.border_right{
	border-right: none;
	height: 165px;
}
.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{
	transform: rotate(0deg);
	padding: 0 30px 48px;
	height: auto;
}
.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;
}
.online-shopping .shop-img1{
	width: 100%;
}
.online-shopping .shop-img2{
	width: 0%;
}
.marg-product{margin-top: 90px;}
.blue-block{
    background-color: #2e3192;
    display: inline-block;
    padding: 1rem;
    border-radius: 30px;
    position: relative;
    width: 100%;
    margin: 15px 0px;
	bottom: 0%;
	right: 0%;
    transform: translate(0%, 0%);
}
.online-shopping .shop-img3{
	width: 200px;
  height: 200px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -13px;
  border: 15px solid #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.product-name{
	position: relative;
	background-image: url('../images/product-bg.webp');
	background-repeat: no-repeat;
	height: 60px;
	width: 100%;
	bottom: -8px;
	background-position: center;
}
.navbgclr {
	background-color: #ffe913;
	padding: 10px 20px !important;
	border-radius: 45px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.footer_call_content {
	background: #febf0f;
	padding: 30px 20px 10px 20px;
	border-radius: 10px;
	border: 1px solid #000;
  }
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.logo{width: 200px;}
.about_section .animation_background .triangle{
	position: absolute;
	bottom: 0px;
	right: 14%;
	animation: rotatedHalf 40s infinite linear;
}
.product-section::before
{
  content: '';
  background-image: url('../images/red-wave.webp');
  width: 100%;
  height: 95px;
  position: absolute;
  left: 0px;
  top: -70px;
  z-index: 1;
  animation-name: move;
  animation-duration: 100s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}
.why_section .why_section_img img {
	position: relative;
	right: 0px;
	top: 0px;
	z-index: 2;
	border-radius: 50%;
}
.why_section .why_section_img .why_circle {
	position: absolute;
	right: -93px;
	top: -30px;
	z-index: 1;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background-color: rgba(244, 123, 91, 0.4);
}
.why_section .why_section_img .why_circle_2 {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 10%;
	right: 172px;
	z-index: 999;
	background-color: rgba(249, 219, 81, 0.5);
	border-radius: 50%;
}
.why_section .why_section_img .why_circle_3 {
	width: 120px;
	height: 120px;
	left: 52%;
	bottom: 68%;
	right: 300px;
	position: absolute;
	z-index: 2;
	background-color: rgba(198, 71, 254, 0.3);
	border-radius: 50%;
}
.symbol{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background-color: #febf0f;
	position: relative;
	left: 30%;
	top: -70px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.06);
}
.counter::after
{
  content: '';
  background-image: url('../images/yellow-wave.webp');
  width: 100%;
  height: 80px;
  position: absolute;
  margin-top: -15px;
  animation-name: move;
  animation-duration: 100s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  transform: rotateZ(180deg);
}
.online-shopping .shop-shape1{
  left: 530px;
}
.card-wrapper-retail{
	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{
	transform: rotate(0deg);
	height: 430px;
}
.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;
}
.retail{padding-top: 40px; padding-bottom: 40px;}
.image_block1 img{
	height: auto;
  	width: 100%;
	position: relative;
	z-index: 1;
}
.product-name {
	position: absolute;
	background-image: url('../images/product-bg.webp');
	background-repeat: no-repeat;
	height: 60px;
	width: 100%;
	bottom: -8px;
	background-position: center;
}
.symbol .crackersimg{
	position: absolute;
	left: 85px;
	width: 120px;
	bottom: 35px;
	font-size: 25px !important;
  	font-style: italic;
}
.product-img {
	position: absolute;
	top: 60px;
	left: 80px;
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
}

#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 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	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;
	-webkit-box-shadow: 0px 4px 15px -5px #0046d5;
	box-shadow: 0px 4px 15px -5px #0046d5;}

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

.time-of-year {
	color: #555;
	font-size: 24px;
	margin: 100px 75px 10px 75px;
	position: relative;
	text-align: center;
	width: 200px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0); 
	-webkit-font-smoothing: antialiased;}
.time-of-year .tooltip {
	background: #db2a1b;
	opacity: 0;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	z-index: 1102;
	-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;
	width: 0;
	height: 0;
	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);}