@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Brady Bunch Remastered';
    src: url('../webfonts/BradyBunchRemastered.woff2') format('woff2'),
        url('../webfonts/BradyBunchRemastered.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'berlin_sans_fb_demibold';
    src: url('../webfonts/berlin_sans_fb_demi_bold-webfont.woff2') format('woff2'),
         url('../webfonts/berlin_sans_fb_demi_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Chau+Philomene+One:ital@0;1&display=swap');
:root{
--bs-primary: #1175c0;
--bs-dark: #404040;
--bs-warning: #fbba4a;
--bs-danger: #ed3c38;
--bs-primary-rgb: 17, 117, 192;
--bs-dark-rgb: 64, 64, 64;
--bs-warning-rgb: 251, 186, 74;
--bs-danger-rgb: 237, 60, 56;
}


body{padding: 0; margin: 0; background-color: #fff; color: #7a7a7a; font: normal 16px/1.8 'Poppins', sans-serif;}
img{max-width: 100%; height: auto;}
a{text-decoration: none; color: var(--bs-primary);}
.text-poppins{font-family: 'Poppins', sans-serif !important;}
.text-pacifico{font-family: 'Pacifico', cursive !important;}
.text-ChauPhilomeneOne{font-family: 'Chau Philomene One', sans-serif !important;}
.text-BradyBunchRemastered{font-family: 'Brady Bunch Remastered', sans-serif !important;}

h1, .h1{font:400 60px/1.2 'Brady Bunch Remastered', sans-serif; color: var(--bs-primary); margin-bottom: 1.5rem;}
h2, .h2{font:400 60px/1.2 'Chau Philomene One', sans-serif; color: var(--bs-primary); margin-bottom: 1.5rem;}
h3, .h3{font-size: 30px; margin-bottom: 1.5rem;}
h4, .h4{font-size: 24px; margin-bottom: 1.5rem;}
h5, .h5{font-size: 20px;}
h6, .h6{font-size: 18px;}

.lead{font-size: 36px; line-height: 1.2; font-weight: 200;}
.fs-36{font-size: 36px; line-height: 1.2;}
.fs-30{font-size: 30px; line-height: 1.2;}
.fs-24{font-size: 24px; line-height: 1.5;}
.fs-18{font-size: 18px;}

.sec-title{font:400 58px/1.2 'Brady Bunch Remastered', sans-serif; color: var(--bs-primary); margin: 0;}
.sec-title > span{display: inline-block; position: relative; padding: 0 60px;}
.sec-title > span::after, 
.sec-title > span::before{content: ''; display: block; width: 48px; height: 8px; border-top: solid 1px var(--bs-primary); border-bottom: solid 1px var(--bs-primary); position: absolute; top: 50%; transform: translateY(-50%);}
.sec-title > span::after{right: 0;}
.sec-title > span::before{left: 0;}
.sec-title.text-white > span::after,
.sec-title.text-white > span::before{border-color: #fff;}

.media{display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start;}
.media-body{-ms-flex: 1; flex: 1;}

.btn{--bs-btn-border-radius:50px; --bs-btn-padding-x: 0.1rem; --bs-btn-padding-y: 0.82rem;}
.btn.t2{--bs-btn-padding-y: 0.37rem; line-height: 1.2;}
.btn-minwidth{min-width: 200px;}

.form-control{border-radius: 0; border:solid 1px #c4d2d6; font-size: 14px; padding: .88rem 1rem; border-radius: 50px;}
.form-select{border-radius: 0; border:solid 1px #c4d2d6; font-size: 14px; padding: .88rem 1rem; border-radius: 50px;}
.form-select.white{background-color:transparent; background-image: url(../images/dropdown2.png); background-size: 10px 6px; border-color:#fff; color:#fff;}
.form-select.white option{color: #000;}
.form-control.white{background-color:transparent; border-color:#fff; color:#fff;}
.form-control.white::-webkit-input-placeholder{color:#fff;}
.form-control.white::-moz-placeholder{color:#fff;}
.form-control.white:-ms-input-placeholder{color:#fff;}
.form-control.white::-ms-input-placeholder{color:#fff;}
.form-control.white::placeholder{color:#fff;}
.input-group-text{border-radius: 0;}
textarea.form-control{height: 80px; resize: none;}

.wrapper{overflow: hidden;}

.fullwidth{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100vw; max-width:100vw; clear:both;}

@media (min-width: 1230px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1200px;
}
}

/* Header CSS
------------------------------------------------------------ */

.header{padding:10px 0 5px 0; background: var(--bs-primary);}
.logo{width: 230px;}
.singlepage-logo{width: 230px;margin:0 auto;}

ul.header-social{padding: 0; margin: 0; list-style: none; position: fixed; z-index:900;  left:10px; top:200px;}
ul.header-social li{display: block; margin:10px;}
ul.header-social li a{width: 30px; height: 30px; line-height:30px; background:var(--bs-danger); border-radius: 100%; font-size: 16px; text-align: center; text-decoration: none; display: block; color: #fff; transition: all .15s ease-in-out;}
ul.header-social li a:hover{background: #f86966; scale: 1.1;}

@media screen and (min-width: 992px) {
    .header-wrap{min-height: 118px;}

    .top-menu{margin:0 -15px;}
    .top-menu ul{padding:0; margin:0; list-style:none;}
    .top-menu ul li{float:left; position:relative; z-index:991;}
    .top-menu ul li.dropdown > a:after{content:'\f078'; margin-left:3px; font-family:'Font Awesome 6 Free'; font-weight: 900; font-size:10px;}
    .top-menu ul li a{padding:22px 12px; color:#fff; line-height: 1.5; font-size:17px; font-weight: 600; display:block;}
    .top-menu ul li a:hover,
    .top-menu ul li:hover > a{color:var(--bs-warning);}
    .top-menu ul li.current-menu-item > a{color:#fff; background: url(../images/active-menu.png) center bottom no-repeat;}
    .top-menu ul ul{padding:0; margin:0; list-style:none; position:absolute; left:0; width: 220px; border-radius: 10px; background-color:#fff; border-top:#ed3d38 solid 2px; box-shadow: 0 0 10px 2px rgba(0,0,0,.2); padding:10px 0;}
    .top-menu ul ul li{float:none; padding:0 15px;}
    .top-menu ul ul li a{color:#70402b; display:block; padding:5px;}
    .top-menu ul ul li a:hover,
    .top-menu ul ul li:hover > a,
    .top-menu ul ul li.current-menu-item > a{color:#ed3d38; background: none;}
    .top-menu ul ul ul{left:100%; top:0;}
    .top-menu ul li:hover > ul{display:block;}
    .top-menu ul li ul {	
        opacity: 0;
        z-index: 10;	
        top: -9999em;	   		
        -webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
                   box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
                   
        -webkit-transform: scale(.9);
                   transform: scale(.9);
        
        -webkit-transform-origin: center top;
                   transform-origin: center top;
        
        -webkit-transition-property: -webkit-transform, opacity, top;
                   transition-property: transform, opacity, top;
                   
        -webkit-transition-duration: .3s, .3s, 0s;
                   transition-duration: .3s, .3s, 0s;
                   
        -webkit-transition-delay: 0s, 0s, .3s;
                   transition-delay: 0s, 0s, .3s;
    }
    
    .top-menu ul li:hover > ul {
        top:100%;
        opacity: 1;	
        -webkit-transform: scale(1);
                   transform: scale(1);
                   
        -webkit-transition-delay: 0s;
                   transition-delay: 0s;
    }
    
    .top-menu ul ul li:hover > ul{top:-10px; left:100%;}

.header.fix{position:fixed; width:100%; top:0; left:0; background: var(--bs-primary);  z-index:999; padding: 10px 0;
-webkit-animation-duration:1s; animation-duration:1s ;-webkit-animation-fill-mode:both; animation-fill-mode:both;
-webkit-animation-name:fadeInDown;animation-name:fadeInDown;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
    }
.header.fix .logo{width: 125px;}
.header.fix .header-right{padding-top: 0;}

.home-banner{background: url(../images/home-header-bg.png) center top no-repeat; background-size: 100% auto; padding: 140px 0 0;}
.home-banner h1{font-size: 138px; line-height: 0.8; margin: 0 0 1rem; color: var(--bs-primary);}
.home-banner h2{font-size: 72px; font-family: 'Pacifico', cursive; margin: 0; color: #f46035;}
.home-banner .con{max-width: 580px; margin-left: auto; position: relative;}
.home-banner .con .lolipop{position: absolute; bottom: 58%; left: 39%;}
.home-banner .img-element{left: 0; bottom: 0; z-index: 9;}

.home-slider{max-width: 841px; margin: 0 auto;}
.home-slider .carousel-indicators{bottom: 6%;}
.home-slider .carousel-indicators [data-bs-target]{width: 10px; height: 10px; border-radius: 100%; background-color: #f4623573;}
.home-slider .carousel-indicators [data-bs-target].active{background-color: var(--bs-danger);}

.in-banner{background: url(../images/banner-in-bg.jpg) center top no-repeat #fcba44; position: relative; padding: 80px 0 180px; text-align: center;}
.in-banner:after{content: ''; display: block; width: 100%; height: 79px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/water-pattern.png) center bottom repeat-x;}
.in-banner .container{position: relative; z-index: 9;}
.in-banner .thumb{margin: 0 auto;}
.in-banner h1{font-size: 125px; color: #0366b0; font-family: 'berlin_sans_fb_demibold', 'Brady Bunch Remastered', sans-serif;;}
/* .in-banner h1 span{display: inline-block; padding-right: 60px; position: relative;}
.in-banner h1 span::after{content: ''; display: block; width: 48px; height: 8px; border-top: solid 1px var(--bs-primary); border-bottom: solid 1px var(--bs-primary); position: absolute; bottom: 25%; right: 0;} */
.in-banner .con{padding-bottom: 50px;}

/* Main CSS
------------------------------------------------------------ */
.site-container{padding:60px 0;}

.product-cat-sec{padding: 180px 0 150px; position: relative;}

.img-element{position: absolute; z-index: -1;}
.product-cat-sec .element1{top: -105px; left: 360px;}
.product-cat-sec .element2{bottom:50px; left: 0;}
.product-cat-sec .element3{top: 50px; right: 0;}
.product-cat-sec .element4{bottom: 275px; left: 0;}
.product-cat-sec .element5{bottom: 50px; right: 0;}

.cat-box{max-width: 270px; margin: 0 auto; text-align: center; transition: 0.4s;}
@media screen and (min-width: 768px) {
.cat-box:hover{transform: translateY(-15px);}
}
.cat-box .thumb{width: 275px; height: 275px; background: url(../images/shape1.png) center center no-repeat; display: block; padding-top: 45px; margin-bottom: 15px;}
.cat-box .thumb img{border-radius: 100%; width: 185px; height: 185px; display: block; margin: 0 auto; box-shadow: 0 -8px 0 #ed3c38;}
.cat-box a{color: var(--bs-dark);}

@media screen and (min-width: 768px) {
.product-cat-grid{justify-content: center; display: flex; flex-wrap: wrap; margin-right: -30px; margin-left: -30px;}
.product-cat-grid .item{flex: 0 0 auto; width: 330px; padding-right: 30px; padding-left: 30px; padding-bottom: 30px;}
}
.product-cat-grid .owl-stage-outer .owl-stage .owl-item:nth-child(even) .cat-box .thumb,
.product-cat-grid .item:nth-child(even) .cat-box .thumb{background-image: url(../images/shape2.png);}

.gohona-bori-sec{padding: 70px 0; background: url(../images/red-bg.png); background-color: #f5432e; color: #fff; position: relative;}
.gohona-bori-sec::after{content: ''; height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 0; background: url(../images/pattern5.png) center top repeat-x #fff;}
.gohona-bori-sec .element1{z-index: 9; top: 100px; left: 0;}
.gohona-bori-sec .element2{z-index: 9; bottom: -100px; right: 0;}

.gohonabori-logo{text-align: center; margin-top: -170px; margin-bottom: 70px;}
.gohonabori-logo a{color: #000; display: inline-block; padding:0; border-bottom: solid 2px #000; transition: all 200ms ease-in-out;}
.gohonabori-logo a:hover{color: #fff; border-color: #fff;}

.olonkar-box{position: relative; z-index: 9; width: 600px; margin: 0 auto; text-align: center;}
.olonkar-box::before{content: ''; display: block; background-color: #fff; width: 600px; height: 600px; border-radius: 100%; position: absolute; left: 50%; top: -60px; transform: translateX(-50%);}
.olonkar-box img{margin-top: -145px; position: relative; z-index: 9;}
.olonkar-box .price{position: absolute; top: 0; right: 30px; z-index: 10; width: 98px; height: 98px; border-radius: 100%; background-color: #0366b0; box-shadow: 5px -2px 0 #fff; text-align: center;  font-size: 24px; font-weight: 600; line-height: 1; padding-top: 15px;}
.olonkar-box .price label{display: block; font-size: 18px; font-weight: 300;}
.olonkar-box .price span{font-family: Arial, Helvetica, sans-serif; display: block; font-weight: normal;}


.btn-watch{color: #fff; text-decoration: underline;}
.btn-watch img{margin-right: 15px;}
.btn-watch:hover{color: #fff; text-decoration: none;}


.product-box{max-width: 270px; margin: 0 auto; text-align: center;}
.product-box .thumb{max-width: 270px; position: relative; margin:0 auto -8%; display: block;}
/* .product-box .thumb::after{content: ''; display: block; width: 100%; height: 100%; background-image: url(../images/shape4.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0;} */
.product-box a{color: var(--bs-dark);}
.product-box h5{margin: 0; position: relative; z-index: 9;}
.product-box .price{font-size: 15px; color: var(--bs-primary);}
.product-box .price .symbol{font-family:Arial, Helvetica, sans-serif; color: var(--bs-danger); font-weight: normal;}
.product-box .price .amount{color: var(--bs-danger); font-weight: 600;}


.product-price{color: var(--bs-primary); font-size: 18px;}
.product-price .symbol{font-family:Arial, Helvetica, sans-serif; color: var(--bs-danger); font-weight: normal;}
.product-price .amount{color: var(--bs-danger); font-weight: 600;}

/* .shape-warning .product-box .thumb::after{background-image: url(../images/shape3.png);}
.shape-danger .product-box .thumb::after{background-image: url(../images/shape6.png);}
.shape-white .product-box .thumb::after{background-image: url(../images/shape5.png);} */
.shape-white .product-box,
.shape-white .product-box a,
.shape-white .product-box .price,
.shape-white .product-box .price .symbol,
.shape-white .product-box .price .amount{color:#fff;}

.owl-carousel{max-width: 1010px; padding: 0 60px; margin: 0 auto;}
.owl-carousel .owl-nav{margin: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 105px; width: 42px; height: 60px; display: block;}
.owl-carousel .owl-nav button.owl-next{background: url(../images/next.png) center center no-repeat !important; right: 0;}
.owl-carousel .owl-nav button.owl-prev{background: url(../images/prev.png) center center no-repeat !important; left: 0;}

.team-carousel{padding: 0;}
.team-carousel .thumb{max-width: 536px; margin: 0 auto;}

.fryums-sec{padding:100px 0 110px 0; position: relative;}
.fryums-sec .element1{left: 0; top: 70px;}
.fryums-sec .element2{right: 0; bottom: 70px;}
.fryums-sec .element3{left: 0; bottom: 0;}


.noodles-sec-btn{padding:0px !important;}
.cakes-sec{padding: 70px 0 140px; background: url(../images/blue-bg.png); background-color: #0a66af; color: #fff; position: relative; overflow: hidden;}
.cakes-sec:after{content: ''; display: block; width: 100%; height: 79px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/water-pattern.png) center bottom repeat-x;}
.cakes-sec .element1{left: 0; bottom: 0; z-index: 0;}
.cakes-sec .product-box{color: #9dcae8;}
.cakes-sec .product-box .price .symbol,
.cakes-sec .product-box .price .amount{color: var(--bs-warning);}

.candy-namkeen-sec{padding:110px 0 90px 0; position: relative;}
.candy-namkeen-sec .element1{left: 0; top: 90px;}
.candy-namkeen-sec .element2{right: 0; bottom: 70px;}
.candy-namkeen-sec .element3{left: 0; bottom: 250px;}
.candy-namkeen-sec .element4{right: 60px; top: 60px;}

.chips-sec{padding: 70px 0 160px; background: url(../images/yellow-bg.png); background-color: #de9613; color: #fff; position: relative; overflow: hidden;}
.chips-sec:after{content: ''; display: block; width: 100%; height: 79px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/water-pattern.png) center bottom repeat-x;}
.chips-sec .element1{left: 0; bottom: 0; z-index: 0;}
.chips-sec .product-box{color: #fbe8c9;}

.video-sec{padding-top: 110px;}
.vbox{width: 510px; height: 510px; margin: 0 auto; border-radius: 100%; padding:35px; border: solid 1px #0366b0; outline: solid 1px #0366b0; outline-offset: 35px; position: relative; z-index: 9; margin-top: -255px;}

.vbox::after,
.vbox::before,
.vbox .in::after,
.vbox .in::before{content: ''; width: 22px; height: 22px; background: #0366b0; border-radius: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.vbox::before{left: 0;}
.vbox::after{left:100%;}
.vbox .in::after{top:-35px; left: 50%;}
.vbox .in::before{top: calc(100% + 35px);  left: 50%;}

.vbox .in{border-radius: 100%; padding: 20px; background:#0366b0; position: relative;}
.vbox .thumb{width: 100%; border-radius: 100%;}
.vbox .vbtn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; text-align: center; font-size: 18px; color: #fff; border-bottom: solid 2px rgba( 255, 255, 255, .4 );}
.vbox .vbtn span{display: block; margin: 0 auto 10px; width: 54px; position: relative;}
.vbox .vbtn span::after {
	position: absolute;
    top: -27px; 
    left: -27px;
	content: "";    
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.20);
	border-radius: 100%;
	width: 106px;
	height: 106px;
	animation: pulse 2s infinite;
}
.vbox .vbtn span::before {
	position: absolute;
	content: "";
	left: -45.5px;
	top: -45.5px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.10);
	border-radius: 100%;
	width: 143px;
	height: 143px;
	animation: pulse2 2s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.5;
	}
	20%{
		opacity: 1;
	}
	100% {
		transform: scale(1.13);
		opacity: 0;
	}
}
@keyframes pulse2 {
	0% {
		transform: scale(1);
		opacity: 0.5;
	}
	20%{
		opacity: 1;
	}
	100% {
		transform: scale(1.26);
		opacity: 0;
	}
}
.cus_chkk .form_input_check {
	margin-bottom: 10px;
}

.about-sec1{padding: 115px 0 60px; position: relative;}
.about-sec1 .element1{top: 30px; left: 0;}
.about-sec1 .element2{bottom: 90px; left: 0;}
.about-sec1 .element3{top: 115px; right: 115px;}

.about-sec2{padding: 80px 0 120px; background: url(../images/yellow-light-bg.jpg); background-color: #f5432e; color: #fff; position: relative; text-align: center;}
.about-sec2::after{content: ''; height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 0; background: url(../images/pattern3.png) center top repeat-x;}

.board-sec{padding: 80px 0 110px; background: url(../images/blue-bg.png); background-color: #0a66af; color: #fff; position: relative; overflow: hidden;}
.board-sec:after{content: ''; display: block; width: 100%; height: 79px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/water-pattern.png) center bottom repeat-x;}
.board-sec h2{color: #fff;}

.team-box{width: 268px; text-align: center;}
.team-box .thumb{width: 242px; height: 254px; background: url(../images/board-member-bg.png) center center no-repeat; background-size: 100% 100%; position: relative; margin:0 auto 15px;}
.team-box .thumb img{width: 178px; height: 178px; border-radius: 100%; position: absolute; top: 40px; left: 25px;}
.team-box h4{font-weight: 400;}

.candys-sec{padding: 120px 0 50px; position: relative;}
@media (min-width: 992px){
.candys-sec .container{max-width: 970px;}
}
.candys-sec .element1{top:100px; left: 0;}
.candys-sec .element2{top:50%; left: 0;}
.candys-sec .element3{bottom: 150px; left: 0;}
.candys-sec .element4{top: 100px; right: 5%;}
.candys-sec .element5{top: 370px; right: 5%;}
.candys-sec .element6{top: 45%; right: 0;}


@media (min-width: 768px){
.poduct-grid{--bs-gutter-x:3rem;}
}

.poduct-grid{justify-content: center;}
.poduct-grid .item{flex: 0 0 auto; width: auto; margin-bottom: 40px;}
@media (min-width: 992px){
.poduct-grid .item:nth-child(9n+4) .product-box .thumb::after,
.poduct-grid .item:nth-child(9n+4) + .item .product-box .thumb::after,
.poduct-grid .item:nth-child(9n+4) + .item + .item .product-box .thumb::after{background-image: url(../images/shape3.png);}
.poduct-grid .item:nth-child(9n+7) .product-box .thumb::after,
.poduct-grid .item:nth-child(9n+7) + .item .product-box .thumb::after,
.poduct-grid .item:nth-child(9n+7) + .item + .item .product-box .thumb::after{background-image: url(../images/shape6.png);}
}
@media (max-width: 991.98px){
.poduct-grid .item:nth-child(6n+3) .product-box .thumb::after,
.poduct-grid .item:nth-child(6n+3) + .item .product-box .thumb::after{background-image: url(../images/shape3.png);}
.poduct-grid .item:nth-child(6n+5) .product-box .thumb::after,
.poduct-grid .item:nth-child(6n+5) + .item .product-box .thumb::after{background-image: url(../images/shape6.png);}
}

.product-details-sec{padding: 80px 0; position: relative;}
.product-details-sec .element1{top:100px; left: 0;}
.product-details-sec .element2{top:100px; right: 0;}
.product-details-sec .element3{bottom:100px; right: 0;}

.manufacturing-units-sec{padding: 80px 0 120px; position: relative;}
.manufacturing-units-sec .element1{bottom:20%; left: 0;}
.manufacturing-units-sec .element2{bottom:20%; right: 0;}

.contact-sec1{padding: 80px 0 0; position: relative;}
.contact-sec1 .element1{top:60px; left: 0;}

.contact-sec2{padding: 110px 0 180px; background: url(../images/blue-bg.png); background-color: #0a66af; color: #fff; position: relative; overflow: hidden;}
.contact-sec2:after{content: ''; display: block; width: 100%; height: 79px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/water-pattern.png) center bottom repeat-x;}
.contact-sec2 .element1{top:15%; right: 0; z-index: 1;}

.contact-info-box{background: url(../images/contact-info-bg.jpg) center center no-repeat #e93639; background-size: cover; border-radius: 40px; color: #fff; font-size: 24px; font-weight: 200; text-align: center; padding: 36px 15px; transform: translateY(50px); position: relative; z-index: 9;}
.contact-info-box a{color: #fff;}

.ipo-sec1{padding: 60px 0; position: relative;}
.ipo-sec1 .element1{top:200px; left: 0;}
.ipo-sec1 .element2{bottom:200px; left: 0;}
.ipo-sec1 .element3{top:45%; right: 0;}

.ipo-list .item{margin-bottom: 30px; background: #fff; border-radius: 50px; padding:15px 30px; box-shadow: 0 0 18px rgba( 0, 0, 0, .1 );}
.ipo-list h6{margin: 0; color: #404040; font-size: 18px; font-weight: 500;}

.btn-download{color: #e93639; font-weight: 500; font-size: 14px;}
.btn-download img{margin-right: 5px;}

.media-infobox{width: 270px; height: 270px; background: url(../images/shape4.png) center center no-repeat; text-align: center; padding: 50px 30px 0; position: relative;}
.media-infobox .hover{display: block; width: 100%; height: 100%; position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%;}
.media-infobox.b2{background-image: url(../images/shape6.png);}
.media-infobox.b3{background-image: url(../images/shape3.png);}
.media-infobox h2{font-size: 36px; color: #404040; margin: 0;}

.press-media-sec1{padding:60px 0 170px; min-height: 660px; background: url(../images/blue-bg.png); background-color: #0a66af; color: #fff; position: relative; overflow: hidden;}
.press-media-sec1:after{content: ''; display: block; width: 100%; height: 149px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/water-pattern.png) center bottom repeat-x; border-bottom:solid 70px #ffffff;}
.press-media-sec1 .container{position: relative; z-index: 9;}
.press-media-sec1 .thumb{position: absolute; left:50%; bottom:0; transform: translateX(-50%); z-index: 2;}
.press-media-sec1 h2{font-size: 36px;}
.press-media-sec1.redbg{background: url(../images/red-bg.png); background-color: #f32f2f; }
.press-media-sec1.yellowbg{background: url(../images/yellow-light-bg.png); background-color: #f6b445; }

.press-media-sec2{padding: 60px 0; text-align: center; position: relative;}
.press-media-sec2 .element1{left: 0; top:45%;}
.press-media-sec2 .element2{right: 0; top:40%;}

.frame{background: url(../images/frame-bg1.png) left top no-repeat; position: relative; z-index: 9; height: 100%;}
.frame .in{background: url(../images/frame-bg2.png) right top no-repeat; position: relative; height: 100%;}
.frame .con{background: url(../images/frame-bg3.png) right bottom no-repeat; position: relative; padding: 30px 20px; height: 100%;}
.frame .con::before{content: ''; display: block; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/frame-bg4.png) left bottom no-repeat;}

.frame::after, .frame::before{content: ''; display: block; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0;}
.frame::before{border-left: solid 3px #0967a9; border-right: solid 3px #0967a9; top: 28px; bottom: 28px;}
.frame::after{border-top: solid 3px #0967a9; border-bottom: solid 3px #0967a9; left: 28px; right: 28px;}

.frame .in::after, .frame .in::before{content: ''; display: block; position: absolute; z-index: -1; left: 8px; right: 8px; top: 8px; bottom: 8px;}
.frame .in::before{border-left: solid 2px #8fbad8; border-right: solid 2px #8fbad8; top: 25px; bottom: 25px;}
.frame .in::after{border-top: solid 2px #8fbad8; border-bottom: solid 2px #8fbad8; left: 28px; right: 28px;}
.frame h6{font-size: 14px; margin: 0; color: var(--bs-danger);}

.frame.white{color: #fff; background-image: url(../images/frame-bg1-white.png);}
.frame.white .in{background-image: url(../images/frame-bg2-white.png);}
.frame.white .con{background-image: url(../images/frame-bg3-white.png);}
.frame.white .con::before{background-image: url(../images/frame-bg4-white.png);}
.frame.white::after, .frame.white::before, .frame.white .in::after, .frame.white .in::before{border-color: #fff !important;}

.press-media-sec3{padding:130px 0 80px 0; position: relative; background: url(../images/orange-bg.png) #f05f2d; color: #fff;}
.press-media-sec3::before{content: ''; height:50px; width: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: url(../images/pattern4.png) center bottom repeat-x;}
.press-media-sec3 h2{color: #fff;}
.press-media-sec3 .element1{right: 0; bottom:0; z-index: 0;}

.press-media-sec4{padding: 80px 0; text-align: center;}

.press-media-sec5{padding: 80px 0; position: relative; text-align: center;}
.press-media-sec5 .element1{left: 0; top:30px;}
.press-media-sec5 .element2{right: 0; bottom:35%;}

.press-media-sec6{padding: 80px 0; position: relative; text-align: center;}

.box-shadow{padding: 15px; background: #fff; box-shadow: 0 0 18px rgba( 0, 0, 0, .1 );}

.press-media-sec7{padding: 80px 0; position: relative; text-align: center;}
.press-media-sec7 .element1{left: 0; top:30px;}
.press-media-sec7 .element2{right: 0; bottom:35%;}

/* Footer CSS
------------------------------------------------------------ */
.footer-widget-area{border-top: solid 1px #bdbdbd; padding-top: 60px; padding-bottom: 30px; font-size: 14px; position: relative;}
.footer-widget-area .footer-img{position: absolute; right: 0; bottom: -38px; z-index: -1;}

@media (min-width: 992px){
/* .footer-widget-area .widget{width: 28%;} */
}
.footer-widget-area h2{font-family: 'Chau Philomene One', sans-serif;}
.footer-widget-area .widget-title{font-size: 24px; color: var(--bs-primary); margin-bottom: 10px; font-family: 'Chau Philomene One', sans-serif;}
.footer-widget-area h6{font-size: 14px;}
.footer-widget-area ul{padding: 0; margin: 0; list-style: none;}
.footer-widget-area ul li + li{margin-top: 6px;}

/* .footer-widget-area .widget{text-align: center; width: 270px; height: 270px; background: url(../images/shape6.png) center center no-repeat; padding:55px 20px 20px;}
.footer-widget-area .widget2{background: url(../images/shape3.png) center center no-repeat;}
.footer-widget-area .widget3{background: url(../images/shape4.png) center center no-repeat;} */

.footer-carousel{margin-bottom: 100px;}
.footer-carousel .widget{text-align: center;}
.footer-carousel .icon{width: 33px !important; margin: 0 auto;}
.footer-carousel .owl-nav button.owl-next, .footer-carousel .owl-nav button.owl-prev{top: 60px;}

.footer{background: url(../images/pattern2.png) center top repeat-x; padding-top: 48px; color: #fff; font-size: 14px;}
.footer .bg{background: url(../images/red-bg.png); background-color: #f6432e;}
.footer a{color: #fff;}
.footer-top{padding: 30px 0 20px;}

.footer-bottom{padding: 20px 0; border-top: solid 1px #ec8a8d;}

ul.social-link{padding: 0; margin: 0; list-style: none;}
ul.social-link li{display: inline-block; margin: 5px;}
ul.social-link li a{display: block; width: 36px; height: 36px; border-radius: 100%; text-align: center; line-height: 36px; background-color: #fbba4a; font-size: 14px; color: #161616; transition: all 200ms ease-in-out;}
ul.social-link li a:hover{background-color: #161616; color: #fbba4a;}

.footer-menu ul{padding:0; margin:0; list-style:none; text-align: center;}
.footer-menu ul li{display: inline-block;}
.footer-menu ul li a{padding:10px 15px; color:#ffffff; font-size:14px; font-weight: 500; display:block;}
.footer-menu ul li a:hover,
.footer-menu ul li:hover > a,
.footer-menu ul li.current-menu-item > a{color:#fbba4a;}

#back-top{bottom:20px; position:fixed; right:20px; z-index:999; background:url(../images/up-arrow.png) center center no-repeat; width:40px; height:40px; border-radius:3px; display:none;}



/* Responsive CSS
------------------------------------------------------------ */
@media (max-width: 1899.98px) {
.home-banner .con{max-width: 540px;}
.candys-sec .element1{width: 250px;}
.candys-sec .element6{width: 300px;}
}

@media (max-width: 1599.98px) {
.home-banner .con{max-width: 425px;}
.home-banner h1{font-size: 110px;}
.home-banner h2{font-size: 52px;}
/*.home-banner .img-element{width: 210px;}*/
.home-banner .img-element{width: 350px;}
.home-slider{max-width: 600px;}

.product-details-sec .element1{width: 220px;}
.product-details-sec .element2{width: 280px;}
.product-details-sec .element3{width: 220px;}

.footer-widget-area .footer-img{width: 250px;}
}

@media (max-width: 1499.98px) {
.candy-namkeen-sec .element1{width: 250px;}
.candy-namkeen-sec .element2{width: 300px;}
}

@media (max-width: 1399.98px) {
.header{padding: 15px 0;}
.home-banner .con{max-width: 460px;}
.in-banner{padding-bottom: 130px;}
.in-banner .thumb{max-width: 350px;}
.in-banner .con{padding-left: 30px;}
.in-banner h1{font-size: 80px;}

ul.header-social{left: 0;}

.fryums-sec .element1{width: 280px;}
.fryums-sec .element2{width: 280px;}
.fryums-sec .element3{width: 230px;}
.cakes-sec .element1{width: 270px;}
.chips-sec .element1{width: 240px;}


.candys-sec .element1{width: 200px;}
.candys-sec .element6{width: 250px;}

.gohona-bori-sec .element2{width: 250px;}

.product-details-sec .element1{width: 170px;}
.product-details-sec .element2{width: 220px;}
.product-details-sec .element3{width: 170px;}

.contact-sec1 .element1{display: none;}

.ipo-sec1 .element1{width: 220px;}
.ipo-sec1 .element2{width: 220px;}
.ipo-sec1 .element3{width: 220px;}

.press-media-sec2 .img-element{display: none;}
.press-media-sec5 .img-element{display: none;}

.footer-widget-area .footer-img{width: 200px;}
}

@media (max-width: 1299.98px) {
.candys-sec .img-element{display: none;}
.press-media-sec7 .img-element{display: none;}
}

@media (max-width: 1199.98px) {
.logo{width: 160px;}
.singlepage-logo{width: 160px;margin:0 auto;}
.top-menu ul li a{font-size: 14px; padding: 20px 8px;}
.header-right{padding-top: 0;}
.home-banner .con{max-width: 340px;}
.home-banner h1{font-size: 90px;}
.home-banner h2{font-size: 36px;}

ul.header-social{top: 120px; position: absolute;}

.fryums-sec{padding-bottom: 50px;}

.product-cat-sec .element4,
.product-cat-sec .element5,
.fryums-sec .img-element,
.cakes-sec .img-element,
.candy-namkeen-sec .img-element{display: none;}

.product-box .thumb{max-width: 252px;}

.product-details-sec .img-element{display: none;}
.manufacturing-units-sec .img-element{display: none;}

.contact-sec2 .element1{display: none;}

.ipo-sec1 .element1{width: 150px;}
.ipo-sec1 .element2{width: 150px;}
.ipo-sec1 .element3{width: 150px;}

.footer-widget-area .footer-img{display: none;}
}

@media (max-width: 991.98px) {	
.hidden-menu {overflow: hidden;}
.btn-topmenu{background-color:#ed3d38 !important; border-color:#ed3d38 !important; color:#fff !important; padding: 0; width: 40px; height: 40px; line-height: 40px; position:fixed; z-index:9991; top:15px; right:15px; border-radius:100%; box-shadow:2px 3px 5px rgba(106, 16, 203, 0.4);}
.hidden-menu .btn-topmenu{display: none;}
.btn-topmenu-close{width:40px; height:40px; line-height:38px; text-align:center; padding:0;  color:#fff; border-radius:100%; background-color:#ed3d38 !important; border-color:#ed3d38 !important; color:#fff !important; box-shadow:0 3px 5px rgba(106, 16, 203, 0.4); position:fixed; z-index:9993; bottom:30px; left:50%; margin-left:-20px; transform:translateY(100%); -webkit-transform:translateY(100%); opacity:0;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
.top-menu.open .btn-topmenu-close{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.menu-cover{position:fixed; z-index:9990; top: 0; left: 0; width: 100vw; height: 100vh; display: none;}
.hidden-menu .menu-cover{display: block;}

.top-menu{position:fixed; z-index:9992; top:0; left:0; width:100%; height:100%; background:none; visibility:hidden;}
.top-menu.open{visibility:visible;}
.top-menu:after{content:''; display:block; background:#fff; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.top-menu.open:after{opacity:0.8;}
#NavMenu{padding:30px 0; transform:translateZ(0); -webkit-transform:translateZ(0); position: relative; z-index: 9992;}
#NavMenu:after,
#NavMenu:before{content:''; display:block; width:1100px; height:1100px; background-color:#ed3d38; border-radius:100%; position:fixed; left:0; top:0;}
#NavMenu:before{transform:translate(-50%,-50%) scale(0); -webkit-transform:translate(-50%,-50%) scale(0); opacity:0.8; z-index:-2;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;}
#NavMenu:after{transform:translate(-54%,-50%) scale(0); -webkit-transform:translate(-54%,-50%) scale(0); z-index:-1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.top-menu.open #NavMenu:before{transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1);}
.top-menu.open #NavMenu:after{transform:translate(-54%,-50%) scale(1); -webkit-transform:translate(-54%,-50%) scale(1);}

#NavMenu nav{overflow-y: scroll; height:480px; padding:0 30px;}
#NavMenu ul{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}
.top-menu.open #NavMenu ul{transform:translateY(0); -webkit-transform:translateY(0); opacity:1; max-width:300px;}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{padding:0; margin-bottom:2px;}
.top-menu ul li a{padding:5px 0; display:block;}
.top-menu ul li.current-menu-item > a{color:#fbba4a;}
.top-menu ul li a{display:block; color:#fff;}
.top-menu ul ul{padding-left:20px; display:none;}
.top-menu ul ul li a{font-size:14px;}

.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:40px; line-height:36px; text-align:center; color:#fff; font-size:18px; cursor:pointer;}
.top-menu ul ul li.dropdown .arrow{height:43px; line-height:38px;}
.top-menu ul li.dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107";}
.top-menu ul li.dropdown.open > .arrow:after{content:"\f106";}
.top-menu ul li.dropdown > a{padding-right:40px;}
.top-menu ul li.dropdown.open > ul{display:block;}

.home-banner .img-element{display: none;}

.in-banner{padding-top: 30px; padding-bottom: 70px;}
.in-banner h1{font-size: 60px;}


.product-cat-sec{padding-bottom: 150px; padding-top: 36px;}
.product-cat-sec .element1{top: 0; left: 300px;}
.product-cat-sec .element2{bottom: 0;}
.product-cat-sec .element3{display: none;}

.gohona-bori-sec{text-align: center;}
.gohona-bori-sec .img-element{display: none;}

.olonkar-box{margin-top: 200px;}

.cat-box{max-width: 190px;}
.cat-box .thumb{width: 190px; height: 190px; background-size: 100% auto;}
.cat-box .thumb img{width: 130px; height: 130px;} 

.about-sec1{padding-top: 60px;}
.about-sec1 .img-element{display: none;}

.candys-sec{padding-top: 70px;}

.ipo-sec1 .img-element{display: none;}

.press-media-sec1{padding-bottom: 0; text-align: center;}
.press-media-sec1 .thumb{position: relative; transform: translateX(0%); text-align: center; z-index: 99; left: 0;}

.press-media-sec3 .img-element{display: none;}

.footer-menu ul li a{padding: 5px;}
.footer-carousel{margin-bottom: 0;}
}

@media (max-width: 767.98px) {
.home-banner{padding-top: 125px;}
.home-banner .con{margin: 50px auto 0; text-align: center;}
.home-banner .con .lolipop{display: none;}

.in-banner{padding-bottom: 70px;}
.in-banner .thumb{max-width: 230px;}
.in-banner .con{padding:30px 0 0; text-align: center;}
.in-banner h1 span{padding: 0;}
.in-banner h1 span::after{display: none;}

.product-cat-sec .element1{left: 50%; top: 30px; margin-left: -64px;}
.product-cat-sec .element2{display: none;}

/* .product-cat-grid{margin-left: -10px; margin-right: -10px;}
.product-cat-grid .item{padding-left: 10px; padding-right: 10px; width: 50%;}*/

.cat-box{max-width: 270px;}
.cat-box .thumb{width: 270px; height: 270px; background-size: 100% auto;}
.cat-box .thumb img{width: 210px; height: 210px;} 

.olonkar-box::before{width: 400px; height: 400px;}
.olonkar-box{width: 300px;}

.owl-carousel{padding: 0;}

.vbox{width: 410px; height:410px;}
.vbox .vbtn{font-size: 14px;}

.poduct-grid .product-box{max-width: 225px;}
.poduct-grid .product-box .thumb{max-width: 225px;}

.manufacturing-units-sec{padding-top: 50px;}

.contact-sec1{padding: 50px 0 0;}

}

@media (max-width: 575.98px) {
h1, .h1, h2, .h2{font-size: 36px;}

#NavMenu:after,
#NavMenu:before{width:800px; height:800px;}
#NavMenu nav{height:330px;}
@media screen and (orientation:landscape) {
#NavMenu nav{height:260px;}
}

.home-banner{background-size: 150%;}

.vbox{width: 300px; height:300px;}


.poduct-grid .product-box{max-width: 160px; line-height: 1.4; font-size: 13px;}
.poduct-grid .product-box .thumb{max-width: 160px;}
.poduct-grid .product-box h5{font-size: 16px;}

.contact-info-box{font-size: 16px; font-weight: 400;}

.ipo-list h6{font-size: 16px;}
}

@media (max-width: 479.98px) {
.lead{font-size: 24px;}
.sec-title{font-size: 36px;}


.vbox{width: 300px; height:300px;}
}

@media (max-width: 399.98px) {
.header{padding: 7px 0;}
.logo{width: 110px;}
.singlepage-logo{width: 110px;margin:0 auto;}
.home-banner h1{font-size: 60px;}
/* .product-cat-grid .item{width: 100%;} */
.in-banner h1{font-size: 40px;}
.vbox .vbtn{font-size: 12px;}
.chips-sec .element1{display: none;}

.candy-namkeen-sec{padding: 50px 0;}

.vbox{width: 250px; height:250px; outline-offset: 20px;}
.video-sec{margin-bottom: 30px;}

.candys-sec{padding: 30px 0;}
.poduct-grid .product-box{max-width: 130px;}
.poduct-grid .product-box .thumb{max-width: 130px;}

.ipo-list .col{width: 100%; flex: 0 0 auto; padding-bottom: 10px;}
.product-cat-sec{padding-bottom: 0px; padding-top: 0px;}
}