@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@font-face{
    font-family:'bold';
    src:url('font/Jost-Bold.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;}
@font-face{
    font-family:'regular';
    src:url('font/Roboto-Regular.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;}
a{text-decoration:none!important; color: #fff !important;}
li{list-style-type: none!important;}
.pad{padding:90px 0;}
.fullpad{padding: 0!important; margin:0!important;}
.wrdbrk{white-space:pre;}
.marquee{width: 100%; overflow: hidden; font-size: 14px; line-height: 40px;}
.topbrd{border-right: 1px solid #fff;}
.text1 {position: relative; padding: 5px 0 0 30px; margin-top: -45px;}
.p10{padding: 10px;}
.logo{width: 85px;}
.navfont{font-family: Arial, sans-serif;  font-size: 18px; font-weight: bold; letter-spacing:1px;}
.navbar{padding:0!important}
.black{color:#000!important;}
.navbar .navbar-nav .nav-link{color: black !important;}
.navbar-light .navbar-nav .active > .nav-link {color: #dd1407 !important;}
.navbar .navbar-nav .nav-link:hover{color: #dd1407 !important;}
.navline a::before{content: "|"; color: #539ad2; padding-right: 10px;}
.navbar button {background-color: #fff;}
.regular{font-family:'helvetica';}
.bold{font-family: Arial, sans-serif;font-weight: 600;}
.smallfnt{font-size: 15px;}
.clr{color: #ff7f06 !important;}
.wc{z-index: 1; position: relative;}
.bg-overlay{position: relative;}
.bg-overlay::after{
    background-color: rgba(0, 0, 0, 0.89);
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.bg-overlay1{position: relative;}
.bg-overlay1::after{
    background-color: rgba(0, 0, 0, 0.678);
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.footer{background:url(../images/footer.webp) no-repeat scroll; background-color: #f7efff; padding:80px 0 80px 0; background-size:cover;}
.shop-btn {padding: 7px 12px;
    border-radius: 30px;
    background-color: #d30000; 
    color: #fff !important; 
    display: inline-block; 
    text-align: center;}
/* Home start */
.intro{position: relative; overflow: hidden;}
.intro::before{content: ""; position: absolute; background-image: url(../images/abt-2.webp); width: 100%;
    height: 160%;
    left: -200px;
    top: -380px;
    background-repeat: no-repeat;}
.gift img{position:relative; left:-155px;}
.backbg{position: relative; overflow: hidden;}
.backbg ::after{content: "";position: absolute;background-image: url(../images/abt-5.webp);width: 100%;
    height: 100%;
    left: 900px;
    top: 100px;
    background-repeat: no-repeat;}
.product-cart{position: relative; text-align: center;}
.product{width: 200px;
    text-align: center;
    overflow: hidden;
    transform: rotate(-45deg);
    height: 200px;
    position: relative;
    display: inline-block;}
.product-img1{left: -120px;position: relative;}
.product-img2{left: -39px;position: relative;}
.product-img3{left: 42px;position: relative;}
.product-img4{left: 124px;position: relative;}
.product-img5{left: -80px;position: relative;top: -60px;}
.product-img6{left: 0px;position: relative;top: -60px;}
.product-img7{left: 82px;position: relative;top: -60px;}
.product-img8{left: -40px;position: relative;top: -120px;}
.product-img9{left: 41px;position: relative;top: -120px;}
.product-img10{left: 0px;position: relative;top: -180px; }
.product img{  transform: rotate(45deg);}
.view{background: #de3c2f none repeat scroll 0 0;
    height: 200px;
    margin: 0 auto;
    right: 0;
    position: relative;
    text-align: center;
    top: 0px;
    width: 200px;
    z-index: 1;
    line-height: 198px;
    left: 0px;transform: rotate(45deg);
    font-size: 25px;transition: 1s;}
.view:hover{background-color: #ff7e00;color: #000000;}
.card-counter{
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 30px 10px;
    background-color: #fff;
    height: 150px;
    border-radius: 5px;}
.card-counter i{font-size:4rem; opacity: 0.2;}
.card-counter .count-numbers{
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 3rem;color: #fff;}
.card-counter .count-name{
    position: absolute;
    right: 35px;
    top: 100px;
    opacity: 0.9;
    font-size: 18px; color: #fff;}
.card-counter.yellow{background: linear-gradient(to right bottom, #FFD81B, #f9b12a);}
.card-counter.green{ background: linear-gradient(to right bottom, #a9dd23, #52C242); }
.cyan{ background: linear-gradient(to right bottom, #01AD9F, #008888); }
.card-counter.blue{ background: linear-gradient(to right bottom, #00C5EF, #0092f4);}
.sale{background-color: #d978788c; position: relative;}
.sale::before{content: ""; position: absolute; background-image: url(../images/circle.png); width: 300px; height:300px;top: -20px;left: -160px;opacity: 0.8;animation: spin 35s infinite; background-repeat: no-repeat;}
.align-center{align-self: center !important;}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {  transform: rotate(360deg);}}
.counterbg{background: url(../images/strip.webp);background-size: cover;}
/* Home end */
/* about start */
.cell img{  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%; animation:spin-n 30s infinite;}
.cell1 img{border-radius:  80% 65% 90% 50% / 90% 80% 75% 75%;animation:spin-n 10s infinite;}
@keyframes spin-n {
  0%, 80%, 100% {
    border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;}
  50% {
    border-radius:  80% 65% 90% 50% / 90% 80% 75% 75%;}
}
.paralax{background-image: url(../images/paralax.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;}
.top{border-top: 8px solid #008888; height: 200px; width: 200px; border-radius: 50%; overflow: hidden; text-align: center;}
.confettibg{background-image: url(../images/confetti.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;}
.icon{padding: 25px 0;}
.icon i{text-align: center;
    background-image: linear-gradient(to left,#ee5a24,#d30101);
    line-height: 60px;
    color: #ffffff;
    font-size: 26px;}
.productview{background-color: #f5d2a4a6;position: relative; overflow: hidden;}
.productview::before{
    content: "";
    background-image: url(../images/shape-1.webp);
    position: absolute;
    top: -140px;
    left: -30px;
    background-repeat: no-repeat;
    margin: auto;
    width: 300px;
    height: 300px;}
.productview::after{content: "";
    background-image: url(../images/shape2.webp);
    background-repeat: no-repeat;
    position: absolute;
    bottom: -190px;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 300px;
    height: 300px;}
/* about end */
/* safety page start */
.safety{background: url(../images/safety.webp); background-position: center; background-repeat: no-repeat;background-size: cover;}
.docard{border: 2px solid #5d8700; border-radius: 25px;}
.docardheading{color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #298145;
	padding: 20px 0px 20px 0px;
	border-radius: 20px 20px 0 0;}
.docardheadingbottom {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #298145;
	padding: 20px 0px 20px 0px;
	border-radius: 0px 0px 20px 20px;}
.dontcard{border: 2px solid #AD3737; border-radius: 25px;}
.dontcardheading{color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #AD3737;
	padding: 20px 0px 20px 0px;
	border-radius: 20px 20px 0 0;}
.dontcardheadingbottom {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#AD3737 ;
	padding: 20px 0px 20px 0px;
	border-radius: 0px 0px 20px 20px;}
.greenclr{color: #5d8700;}
.greenclr1{color: #77b255;}
.clr1{color: #f30909;}
.clr2{color: #d34242 !important;}
.icnwdth {width: 35px;}
/* safety page end */
/* contact us start */
.top-bg{background-color: #539ad2 ;color: #000;}
.contact i{font-size: 35px; color: #d30000;}
.address i{font-size: 35px; color: #d30000;}
.contact p{margin-left: 21px}
.address p{margin-left: 30px}
.social i{padding:10px;font-size: 40px; color:#d30000;}
/* contact us end */
.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 img{animation: blink 1s;
    animation-iteration-count: infinite;
    -webkit-animation: blink 1s;
    animation-iteration-count: 1;
    -webkit-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){
.whychoose{background: none;}
.phone{display: none;}
.shop-btn {margin: auto;}
.navline a::before{content: "";}
.product-img1{left: 0; top: 0;}
.product-img2{left: 0; top: 0;}
.product-img3{left: 0; top: 0;}
.product-img4{left: 0; top: 0;}
.product-img5{left: 0; top: 0;}
.product-img6{left: 0; top: 0;}
.product-img7{left: 0; top: 0;}
.product-img8{left: 0; top: 0;}
.product-img9{left: 0; top: 0;}
.product-img10{left: 0; top: 0;}
.gift img{width: 100%; left: 0;}
.intro::before,.backbg::after{background-image: none;}
}


@media (min-width:768px) and (max-width:991.98px){
.whychoose{background: none;}
.phone{display: none;}
.navline a::before{content: "";}
.product-img1{left: 104px; top: 0;}
.product-img2{left: 104px; top: 0;}
.product-img3{left: -104px; top: 205px;}
.product-img4{left: -104px; top: 0;}
.product-img5{left: 0; top: 0;}
.product-img6{left: 0; top: 0;}
.product-img7{display: none;}
.product-img8{left: 0; top: 0;}
.product-img9{left: 0; top: 0;}
.product-img10{left: 0; top: 0;}
}

.time-of-year {
    color: #000;
    font-size: 24px;
    margin: 100px 75px 10px 75px;
    position: relative;
    text-align: center;
    width: 200px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0); }
.time-of-year .tooltip {
    background: #539ad2;
    opacity: 0;
    border-radius: 3px;
    bottom: -49px;
    font-size: 20px;
    display: block;
    left: -60px;
    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; white-space: nowrap;}
.time-of-year .tooltip::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #539ad2;
    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);}