@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;}
p{font-size: 18px;}
.b-size{font-size: 55px;}
.fullpad{padding: 0!important; margin:0!important;}
.arial{font-family: Arial, sans-serif; font-weight: 600;}
.helvetica{font-family: helvetica, sans-serif;}
.marquee{width: 100%;overflow: hidden;font-size: 16px;line-height: 18px; background: linear-gradient(90deg, #ffe735, #FFB700); color: black;}
.head-clr{color: #db2a1b;}
.clr{color: #0046d5;}
.clr-yel{color: #FFB700;}
.navbar{padding: 20px 1rem; background: linear-gradient(90deg, #ffe735, #FFB700);margin: 0px 80px; border-radius: 50px; }
.navbar-light .navbar-brand {color:#db2a1b !important; font-size: 25px;}
.navbar-light .navbar-nav .nav-link {color: black !important; font-size: 20px !important;}
.navbar-light .navbar-nav .active > .nav-link{color:white !important;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff !important;}
.lik{padding: 0px 10px;}
.alink {position: relative;text-decoration: none;overflow: hidden;z-index: 1;}
.alink::before,
.alink::after { content: "";position: absolute;width: 0;height: 0;border-radius: 50%;background: radial-gradient(transparent, #db2a1b);z-index: -1;opacity: 0;transition: all 0.4s ease-out;}
.alink::before {top: 0;left: 0;}
.alink::after {bottom: 0;right: 0;}
.alink:hover::before,
.alink:hover::after {width: 200%;height: 200%;opacity: 0.6;transition: all 0.4s ease-out;}
.alink:hover::before {top: -50%;left: -50%;}
.alink:hover::after {bottom: -50%;right: -50%;}
.hoimg1{clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);}
.hoimg2{position: absolute;top: 255px;left: 280px; z-index: 1; animation: moveLR 0.9s infinite ease-in-out;}
.countsec1{background-color: #FFE55C; position: absolute; z-index: 1; padding: 25px 20px;border-radius: 30px;top: -7px;left: -30px;}
.order {position: relative; color: #0046d5; background: transparent; border: 3px groove #db2a1b;padding: 10px 24px;overflow: hidden; transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 1; font-size: 20px; border-radius: 10px;}
.order:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #db2a1b;transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index: -1; border-radius: 10px}
.order:hover {color: white;}
.order:hover:before {height: 100%;}
.order:active {  transform: scale(0.97); }
.home-bg1{background-image: url("../images/hombg.jpg"); background-attachment: fixed;background-position:center;background-repeat: no-repeat;background-size: cover;position: relative; padding: 100px 0px;}
.home-bg1::before{background: #000 none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.7;position: absolute;top: 0;width: 100%;}
.count2{position: relative; top: 80px;}
.bord{border-radius: 20px; border: 3px groove transparent; background: linear-gradient(white, white) padding-box,linear-gradient(45deg, #ff4800, #f7be04, #ff0062, #ffcc00) border-box;background-size: 300% 300%;animation: borderFlow 4s linear infinite;padding: 10px;}
.pro-bg{background-image: url("../images/pro.jpg"); background-attachment: scroll;background-position:center;background-repeat: no-repeat;background-size: cover;position: relative; padding: 100px 0px; 
	animation: fallDown 3s linear infinite;
}
.pro-bg::before{background: #000 none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.7;position: absolute;top: 0;width: 100%;}
.prod1{border-radius: 50%;}
.product-card {position: relative;overflow: hidden;border-radius: 20px;transition: transform 0.4s ease, box-shadow 0.4s ease;}
.product-card:hover {transform: translateY(-10px) scale(1.05);box-shadow: 0 10px 25px rgba(255, 174, 0, 0.5);}
.product-card img {width: 100%;transition: transform 0.6s ease;}
.product-card:hover img {transform: scale(1.1) rotate(3deg);}
.pro-hed{background-color: white; border-radius: 0px 0px 20px 20px; padding: 20px;}
.product-info {position: absolute;bottom: -100%;left: 0;width: 100%;background: linear-gradient(90deg,   #ff9a8b, #ffd166);text-align: center;padding: 15px;transition: bottom 0.5s ease;margin-bottom: 70px;}
.product-card:hover .product-info {bottom: 0;}
.rocket {animation: rocket 2s infinite;}
.fw-line svg {margin-top: 10px;width: 300px;height: auto;}
.cont{animation: float 2s ease-in-out infinite;}
.footer{background-color:  #ffe735}
.clr-b{color: #000;}
.sticky{position: sticky;top: 110px;}
.icnclr1{color: #559926;font-size: 40px;}
.clr1{color: #b61818;font-size: 40px;}
.safe-line{animation: moveLR 3s infinite ease-in-out;}
.safe-line svg {margin-top: 10px;width: 335px;height: auto;}
.con-bord{border-radius: 0;
border: 10px solid transparent;background: linear-gradient(white, white) padding-box,linear-gradient(45deg, #ff4800, #f7be04, #ff0062, #ffcc00) border-box;background-size: auto, auto;background-size: 300% 300%;animation: borderFlow 4s linear infinite;padding: 10px;}
.topbg{background-color: #ffe735;}
.demo{color: transparent; -webkit-text-stroke: 2px #db2a1b;  -webkit-background-clip: text;  background-clip: text;}
.abtimg1{clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);}
.firewrk1{position: absolute;z-index: 1;rotate: -220deg;top: -91px;left: -56px; animation: explode 3s ease-out 3s infinite;}
.firewrk2{position: absolute;z-index: 1;top: 290px;left: 250px;rotate: 150deg; animation: explode 3s ease-out 3s infinite;}
.abt-bg{background-image: url("../images/banner2.webp"); background-attachment: fixed;background-position:center;background-repeat: no-repeat;background-size: cover; position: relative; padding: 30px 0px;}
.abt-bg::before{background: #000 none repeat scroll 0 0;content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%;}
.mis{background: #007cff7a;padding: 20px 15px;
  border: 5px double white; border-radius: 10px;}
.icons { animation: spin 6s linear infinite;}
.choose-card {align-items: flex-start;background: #dfdbdb8a;padding: 15px 20px;margin: 35px 0px;border-radius: 15px;box-shadow: 0px 4px 25px rgba(0,0,0,0.1);transition: transform 0.3s ease; display: flex;
}
.clr-p{color: yellow;}
.icon-rotate {transition: transform 0.6s ease-in-out;}
.icon-rotate:hover {transform: rotate(360deg);}
/* .fam-img{ border-radius: 20px 0px 20px 0px;} */
.cho{width: 500px;}
.fam-img{border-radius: 20px;   object-fit: cover;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M920.7 444.6c29.5-58 5.5-128.8-53.2-156.8 5-64.8-44.3-121-109.2-124.5a115.7 115.7 0 0 0-148.5-73.2 115.7 115.7 0 0 0-165.2-10.8 115.7 115.7 0 0 0-156.8 53.2c-64.8-5-121 44.3-124.5 109.2a115.7 115.7 0 0 0-73.2 148.5 115.7 115.7 0 0 0-10.8 165.2 115.7 115.7 0 0 0 53.2 156.8c-5 64.8 44.3 121 109.2 124.5a115.7 115.7 0 0 0 148.5 73.2 115.7 115.7 0 0 0 165.2 10.9c58 29.4 128.8 5.4 156.8-53.3 64.8 5 121-44.2 124.5-109.1a115.7 115.7 0 0 0 73.2-148.5 115.7 115.7 0 0 0 10.8-165.3Z" fill="%23F09F33"></path></svg>');-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: contain;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M920.7 444.6c29.5-58 5.5-128.8-53.2-156.8 5-64.8-44.3-121-109.2-124.5a115.7 115.7 0 0 0-148.5-73.2 115.7 115.7 0 0 0-165.2-10.8 115.7 115.7 0 0 0-156.8 53.2c-64.8-5-121 44.3-124.5 109.2a115.7 115.7 0 0 0-73.2 148.5 115.7 115.7 0 0 0-10.8 165.2 115.7 115.7 0 0 0 53.2 156.8c-5 64.8 44.3 121 109.2 124.5a115.7 115.7 0 0 0 148.5 73.2 115.7 115.7 0 0 0 165.2 10.9c58 29.4 128.8 5.4 156.8-53.3 64.8 5 121-44.2 124.5-109.1a115.7 115.7 0 0 0 73.2-148.5 115.7 115.7 0 0 0 10.8-165.3Z" fill="%23F09F33"></path></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.abt-bg1{background-image: url("../images/gift.jpg"); background-attachment: fixed;background-position:center;background-repeat: no-repeat;background-size: cover; position: relative; padding: 100px 0px; animation: fallDown 5s linear infinite;}
.abt-bg1::before{background: #000  none repeat scroll 0 0;content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%;}



@keyframes moveLR {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(10px); }
  50%  { transform: translateX(-5px); }
  75%  { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
@keyframes borderFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes moveLR {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(10px); }
  50%  { transform: translateX(-5px); }
  75%  { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
@keyframes rocket {
  0% { transform: translateY(0); }
  40% { transform: translateY(-15px); }
  80% { transform: translateY(10px); }
  100% { transform: translateY(0); }
}
@keyframes fallDown {
	0%   { background-position: center top; }
	100% { background-position: center bottom; }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes explode {
   0% { transform: scale(0.1); opacity: 1; }
  50% { transform: scale(0.8); opacity: 1; }  
  100% { transform: scale(0.9); opacity: 0; }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}








.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;}
.heading4{font-size: 20px;} .heading6{font-size: 15px;}
.heading1{font-size: 35px;} .heading3{font-size: 20px;}
.heading2{font-size: 30px;}
.navbar{margin: 0px 15px;  border-radius: 0px;}
.navbar-nav .nav-link{padding: 10px 12px !important;}
.countsec1{top: -47px;left: 9px;padding: 20px 15px;}
.hoimg2{top: 165px;left: 115px; width: 60% !important;}
.count2{position: relative; top: 0px;}
.safe-line svg{width: 300px;}
.safe-line{margin-left: 0px;}
.firewrk1{top: -45px;left: -10px; width: 45% !important;}
.firewrk2{top: 218px;left: 154px; width: 45% !important;}
.b-size{font-size: 35px;}
.cho{width: 280px;}
.choose-card{display: block !important; text-align: center;}
.icon-rotate{ width: 50% !important; padding-bottom: 10px;}
.fam-img{mask-position: right;}
/* .space{margin-top: 20px !important;} */


}	


@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.heading4{font-size: 20px;} .heading6{font-size: 15px;}
.heading1{font-size: 35px;} .heading2{font-size: 30px;}
.heading3{font-size: 25px;}
.navbar-nav .nav-link{padding: 10px 12px !important;}
.hoimg2{top: 204px;left: 45px; width: 90% !important;}
.countsec1{padding: 15px;}
.firewrk1{top: 75px;left: -30px;}
.firewrk2{top: 325px;left: 210px;}
.b-size{font-size: 50px;}
.cho{width: 280px;}
.icon-rotate {width: 30% !important; text-align: center !important;}
.fam-img{mask-position: right;}





}

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