@font-face {

  font-family: 'bahnschrift_0';

  src: url(../fonts/bahnschrift_0.ttf);

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: 'BERNHC';

  src: url(../fonts/BERNHC.TTF);

  font-weight: 400;

  font-style: normal

}


@font-face {

  font-family: 'Quicksand_Book';

  src: url(../fonts/Quicksand_Book.otf);

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: 'Raleway-Black';

  src: url(../fonts/Raleway-Black.ttf);

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: 'Raleway-Bold';

  src: url(../fonts/Raleway-Bold.ttf);

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: 'Raleway-Light';

  src: url(../fonts/Raleway-Light.ttf);

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: 'Raleway-Medium';

  src: url(../fonts/Raleway-Medium.ttf);

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: 'Raleway-SemiBold';

  src: url(../fonts/Raleway-SemiBold.ttf);

  font-weight: 400;

  font-style: normal

}



body {

  background: url(../images/bg.png) no-repeat center center;

  background-size: cover;

  float: left;

  font-family: 'Raleway-Medium';

  overflow-x: hidden;

  width: 100% !important;

  /* overflow: auto !important; */

}

/* overwrite classes start*/

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link,

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{

  color:#E07E1B !important;

}



.dropdown-toggle::after{

  display:none !important;

}

.dropdown-menu{

    min-width: 8rem !important;

    color:  #404041 !important;

    background-color:#fbecc9 !important;

}

.dropdown-item{

  font-family: 'Raleway-SemiBold' !important;

  padding:0.20rem 1rem !important;

  font-size:14px !important;

}

.dropdown-item:focus, .dropdown-item:hover{

  background-color:#fbecc9 !important;

}

.MultiCarousel .leftLst, .MultiCarousel .rightLst{

  width: auto !important;

  height: auto !important;

}

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over{

  background: transparent !important;

}



/* overwrite classes end*/

/* New Classes start */

.down-arrow{

  box-sizing: border-box;

    height: 24%;

    width: 6%;

    border-style: solid;

    border-color: #F05736;

    border-width: 0px 1px 1px 0px;

    transform: rotate(45deg);

    position: absolute;

    margin: 8.5% 8%;

}

.arrows{

  font-size: 2rem;

    font-weight: bold;

    color: #F05736;

}
.arrows:hover {
   color: #F05736;
}
.nav-item-content{

  width: 7vw!important;

  text-align: center;

  border-right: 1px solid #F05736;

  height: 4vh;

  line-height: 4vh;

  padding: 0;

  font-size: 14px;

}


.nav-item-content:last-child{


  border-right:none;


}

/* .dropdown {
  display: flex;
} */

/* New Classes end */

section{

    overflow-x: hidden;

}

.navbar-brand {

  max-width: 115px

}

a:hover{

  color: #E07E1B !important;

  text-decoration: none !important;

}

#navbar {

  position: fixed;

  top: 0px;

  height: 10vh;

  width: 100%;

  display: block;

  transition: top 0.3s;

  z-index: 99999;

}



.fix {}



.navbar-dark .navbar-nav .nav-link {

  color: #404041;

   font-family: 'Raleway-SemiBold';

   padding:0 10px;

}



.navbar-dark .navbar-nav .nav-link:hover {

  color: #F05736

}



.banner {

  height: 100vh;

  

}

.abtbanner{
position: relative;
}
.abtoverlay {
  position: absolute;
inset: 0;
}

.abtbannercaption{
    position: absolute;
    inset: 0;
    z-index: 999;
}
.abtbannercaption h1{
       font-family: 'Quicksand_Book';
       text-align: center;
       color: #fff;
       font-size: 4rem;
       top: 9%;
       position: relative;
}

.bnrheart{
  bottom: 7%;
  width: 140%;
}
.midimg {

  /* width: 35%; */

margin-top: 13% !important;

}



.bowl {

  transform: rotate( -110deg);

  transition: all 1s ease;

      width: 84%;

    margin: 0 8%;

}



.aslogo {

    top: 21%;

    left: 6%;

    width: 64%;

    right: 0;

    margin: 0 auto;

}



.rotate {

  transform: rotate(0deg);

  transition: all 1s ease;

}



.left {

  left: 0;

  top: 0;

  width: 50%;

}



.left .img1 {
    width: 66%;
    z-index: -1;
    position: relative;
    left: -3vw;
    top: 5vh;

}



.left .img2 {

width: 48%;
    z-index: -1;
    position: relative;
    top: -360px;
    bottom: auto;
    left: -12vw;

}



.left .img3 {

 
    width: 26%;
    z-index: -1;
    position: absolute;
    top: 360px;
    bottom: auto;
    left: -6vw;


}


.banner .right {

  right: 0;

  top: 0;

  width: 50%;

}



.right .img4 {

    width: 98%;

  z-index: -1;

  position: relative;

  right: -26%;

  top: 97px;

}



.right .img5 {

    width: 75%;

    z-index: -1;

    position: absolute;

    right: -54%;

    bottom: 47px;

}

.right .img6 {

    width: 76%;

    z-index: -1;

    position: absolute;

    right: -39%;

    top: 11px;

}



.left .img1,

.left .img2,

.left .img3,

.aslogo,

.right .img4,

.right .img5,

.right .img6 {

  visibility: hidden;

}



.animate__slideInRight,

.animate__zoomIn,

.animate__slideInLeft {

  visibility: visible !important;

}



.banner .animate__animated.animate__faster {

  -webkit-animation-duration: calc(var(--animate-duration)/4) !important;

  animation-duration: calc(var(--animate-duration)/4) !important;

}



.arrow {

  width: 30px;

  margin: 5% auto 0;

  animation: bounce 2s infinite alternate;

  -webkit-animation: bounce 2s infinite alternate;

}



@keyframes bounce {

  from {

    transform: translateY(0px);

  }

  to {

    transform: translateY(-15px);

  }

}



@-webkit-keyframes bounce {

  from {

    transform: translateY(0px);

  }

  to {

    transform: translateY(-15px);

  }

}



.aboutsection .section2left {

  left: 0;

}



.aboutsection .section2right {

  right: 0;

}



.aboutsection,

.app {

  height: 100vh;

}



.aboutsection h4 {

  font-family: 'Raleway-Bold';

  color: #58595B;

}



.aboutsection h1 {

  font-family: 'Raleway-SemiBold';

  color: #E07E1B

}



.section2left img,

.section2right img {

  height: 90vh;

  margin: 5vh 0;

}



p {

  font-family: 'Raleway-Medium';

  color: #404041;

}



#list-3 {

  height: auto !important;

}



.products .title {

  font-family: 'Raleway-Black';

  color: #E07E1B;

  font-size: 55px;

}



.wave1 {

  position: relative;

  top: 38%;

  float: right;

}



.products h1 {

  color: #512119;

  font-family: 'Raleway-Black';

  font-size: 50px;

  text-transform: uppercase;

}



.product2 h1 {

  right: 0;

}



.allproducts h1 {}



.wave3 {

  margin-top: -23%;

  position: relative;

}



.viewproduct {

  color: #F05736;

  font-family: 'Raleway-Bold'

}



.viewline {

  display: inline-block;

  position: relative;

 

  margin-top: 3%;

}



.btmline {

  width: 50%;

  border-top: 2px solid #F05736;

  transition: all 1s ease-out;

}

.viewline:hover .btmline {

  width: 100%;

  transition: all 1s ease-out;

 

}



.app {

  background: url(../images/appbanner.png) no-repeat center center;

  background-size: cover;

}



.app h1 {

  font-family: 'BERNHC';

  color: #F05736;

  font-size: 100px;

}



footer {

  background: #684D4C;

}



footer h6 {

  color: #FFCD2A;

  font-family: 'bahnschrift_0';

}



footer p {

  color: #fff;

  font-family: 'bahnschrift_0';

}



footer ul {

  padding-inline-start: 0px;

}



footer ul li {

  list-style-type: none;

  color: #fff;

  font-family: 'bahnschrift_0';

}



.border-mid {

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

}



.orange {

  color: #E07E1B !important;

}



.copyright {

  color: #E0AAAA;

  position: absolute;

  left: 5%;

}



.social i {

  color: #FFCD2A;

  border: 1px solid;

  width: 30px;

  height: 30px;

}



.innerpage .banner {

 height: 90vh;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-top: 10vh;


}



.innerpage .banner .mainbanner {

  width: 100%;

}

.solitaire {

  width: 40%;

  margin-left: 50%;

}



.snackquestlogo {

  width: 30%;

  margin-left: 60%;

}





/*  .productsection{

            min-height: 100vh;

          }*/



.title h1 {

  font-family: 'Raleway-Black';

  color: #E07E1B;

}



.productbox figure {

  border: 3px solid #7C3732;

  border-radius: 32px

}



.productbox button {

  background: #FDEBC5;

  outline: 0;

  transform: translateY(-50%);

  border: 3px solid #7C3732;

  font-family: 'Raleway-Bold';

  color: #7C3732;

  width: 70%;

}



.productbox button:hover {

  background: #7C3732;

  border: 3px solid #FDEBC5;

  color: #FDEBC5;

}



.almonds img {

  width: 100%;

}








.show {

  display: block !important;

}



.commondesignproduct h1{

color: #9C5530;

  font-family: 'Raleway-Black';

}



.commondesignproduct  h2{

color: #9C5530;

font-weight: 600;

   font-family: 'Raleway-Bold';

   border-top: 2px solid #9C5530;

      border-bottom: 2px solid #9C5530;

    width: fit-content;



}

/*.commondesignproduct .contentbox1 h2{

 margin-left: 15%;

}*/

.commondesignproduct .contentbox1 .curve1{

margin-left: -30%;

}



.commondesignproduct  .contentbox1{

    margin-top: 7%;

}



.commondesignproduct  .contentbox2{

    margin-top: 7%;

}

.commondesignproduct  .contentbox2 h2{

   float: right;

}

.commondesignproduct .contentbox2 .curve2{

    margin-right: -30%;

    float: right;

}



/*.commondesignproduct  .contentbox2 h1{

margin-top:5%

}*/



.commondesignproduct .textbox

{

    position: relative;

    top: 99px;

    float: right;

    text-align: right;

}

.donut {

    width: 40%;

    position: absolute;

    margin-left: 74%;

    bottom: 0;

    margin-top: 15%;

        bottom: -6%;



}



.ingredientdetails{

  border-left: 1px solid #9C5530;

  height: 390px;

}



.ingredientdetails h4{

background: #9C5530;

    padding: 20px;

     font-family: 'Raleway-Black';

    color: #FCE9BC;

}



.ingredientdetails .circle{

       position: absolute;

    width: 25px;

    height: 25px;

    border: 1px solid #9C5530;

    top: 0;

    background: #FDEBC5;

        transform: translateX(-50%);

}

.bottomcontent{

     font-family: 'Raleway-SemiBold';

    padding: 10px;

    color: #9C5530;

}

.ingredientdetails p

{

    font-family: 'Raleway-SemiBold';

      padding: 20px;

      color: #9C5530;

}



.productrange .productrangebox{

color: #7D3733;

    border-bottom: 2px solid #7D3733;

    padding: 7% 0;

    min-height: 93px;

    display: flex;

    align-items: center;



}

.productrangebox h5{

  font-size: 15px;

    font-family: 'Raleway-Bold';

}



.cashews h2{

text-align: left;

  font-family: 'Raleway-Black';

}



.aboutpage_section2 {

  position: relative;

  overflow-x: auto;



    display: initial;

}



.vision h5{

  font-family: 'Raleway-Bold';

color: #E07E1B;

}



.mission p{

  color: #7C3732;

   font-family: 'Raleway-Bold';

}

.fiximg .right1{

    right: 0;

   

    bottom: 0;



}

.right2{

    right: 10%;

   

    bottom: -5%;

}

.aboutpage  .title {

    font-family: 'Raleway-Black';

    color: #E07E1B;

    font-size: 55px;

}

.mission .mid{

  border-left: 2px solid #E07E1B;

  

        display: flex;

    justify-content: center;

}

.missionicon  img{

  width: auto;

  height: 50px;

}

/*.right1{

  position: absolute;

  right: 0;

}*/



.fbbg{

  width: 500px;

}

.fbbgcontentbox{

    top: 19%;

    width: 90%;

    margin: 0 5%;

}
.aboutdetailsbox

{       border: 3px solid #7C3732;
    border-radius: 32px;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  .aboutdetailsicons{
  border: 3px solid #7C3732;
    background: #FDEBC5;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    padding: 4%;
    transform: translateY(-50%);
    margin: 0 auto;
    position: absolute;
    top: 0;
  }
.aboutdetailsbox h4{

   font-family: 'Raleway-Black';

   color: #7C3732;


}



.left1{

  left: 0;

}

.aboutdetailsbox img{

 height: 40px;
    width: auto !important;
}



.aboutdetails .right1{

      right: 0;

    bottom: 0;

}

/*.aboutdetails {

      display: initial;

}

*/



.deskbanner{

  display: block;

}

.mobbanner{

  display: none;

}

.fixnav{

  background: #fbecc9;

}



.productbox {

  padding: 12%;

}

.leftimgbnr img, .rightimgbnr img{
height: 100%;
    width: auto;
    max-width: fit-content;
}
.leftimgbnr img{
  position: relative;
top: 100px;
}
.rightimgbnr img{
  position: relative;
  left: -100%;
}

.bazana{
  border-right: 1px solid #666666;
}
.tb1{
  margin-bottom: 0% auto;
}
.tb3{
margin: 5% auto;
}

.tb2{
 margin: 11% auto 13%;

}
@media screen and (max-width: 1366px){

/* overwrite classes start*/







/* overwrite classes end*/

/* new classes start */

.nav-item-content{

  width: auto!important;

  text-align: center;

  border-right: 1px solid #F05736;

  height: 4vh;

  line-height: 4vh;

  padding: 0 1%;

}

/* new classes end */

.bowl {

    width: 60%;

    margin: 0 20%;

  }




.left .img1 {
width: 54%;
      left: 2vw;
    top: 5vh;
 

}





.left .img2 {
width: 39%;
      top: -23px;
      left: -21vw;

}







.left .img3 {

   left: 0;
    top: 68%;
    width: 24%;


}






.right .img4 {

    width: 68%;

    left: 23%;

    top: 16%;

  }



.right .img5 {

    width: 39%;

    left: 60%;

    bottom: 47px;

}





.right .img6 {

    width: 66%;

    left: 45%;

    top: 11px;




.midimg {

    margin-top: 12% !important;

}

.aslogo {

    width: 47%;

    margin: 0 25%;

}



  /******** career -contact- customers css start ********/



  /******** career -contact- customers css end ********/

  }



@media screen and (max-width: 1600px) {

  /* overwrite classes start*/



/* overwrite classes end*/

/* new classes start */

.nav-item-content{

  width: 9vw!important;

  text-align: center;

  border-right: 1px solid #F05736;

  height: 4vh;

  line-height: 4vh;

  padding: 0;

  font-size: 12px;

}

section{

  overflow:visible;

}

/* new classes end */


    .midimg {

            margin-top: -1% !important;

            }

}
@media screen and (min-device-width: 1300px) and (max-device-width: 1400px)

{
  #navbar {

    width: 100%;
    display: flex;
}
  .navbar-dark .navbar-brand img{
    height: 7vh;
  }

.bnrheart {
       bottom: -9%;
    width: 140%;
    position: relative !important;
}

.innerpage .banner {
    height: auto;
  
}
}

@media screen and (max-width: 1024px) {

  /* overwrite classes start*/

.navbar-dark .navbar-nav .nav-link {
    font-size: 16px;
}

  .nav-item-content{

    width: auto!important;

    text-align: center;

    border-right: 1px solid #F05736;

    height: 4vh;

    line-height: 4vh;

    padding: 0 1%;
white-space: nowrap;
  }
  ul.navbar-nav.right {
    margin-right: 5%;
}
#navbar {
      height: auto;
          background: #fbecc9;

}

  /* overwrite classes end*/
.innerpage .banner {
    height: 100vh;
    overflow-y: hidden;
  /*  margin-top: 0;*/
    top: 0;

    margin-top: 0;

}
.bowl {

 

    width: 60%;

    margin: 0 20%;



}

.deskbanner{

  display: none;



}

.mobbanner{

  display: block;

}

.innerpage .banner .mainbanner {

  width: 100%;

  height: 100vh;

}

.aslogo {

  top: 25%;

  left: 8%;

  margin: 0 22%;

  width: 45%;

}





.wavebox{

  display: none;

}

.banner .right {

    right: auto;



}

.banner .right {

    right: 0;

   

  }

.left {

    left: 0;

    width: 38%;

    

}




.right .img4 {

    width: 77%;

    right: 0;

    top: 27px;



}



.right .img5 {

width: 59%;

    bottom: 47px;

    right: 0;

}

.right .img6 {

 

    width: 86%;



      right: 47%;

 

}

.left .img1 {

     width: 70%;
    left: 4vw;
    top: -12px;
}



.left .img2 {

    left: -35%;
    width: 60%;
    bottom: auto;
    top: -294px;


}

.left .img3 {

      left: 0;
    top: 40%;
    width: 32%;

}
.border-mid {

       border: 0;

}



.section2left img, .section2right img {

    height: 30vh;



}

  /******** career -contact- customers css start ********/

  .ourcustomerpage .fiximg .left1  img{

    width: 40%;

}

div.fiximg figure.right6, div.fiximg figure.right5{

 display: none;

}

  /******** career -contact- customers css end ********/

}
@media screen and (max-width: 768px) 
{
  .navbar-dark .navbar-nav .nav-link {
    font-size: 12px;
    white-space: nowrap;
}
}

@media screen and (max-width: 767px) {

/* overwrite classes start*/



/* overwrite classes end*/

/* new classes start */



.innerpage .banner {
    height: 100vh;
    overflow-y: hidden;
    /*margin-top: 0;*/
  /*  top: 0;*/
}
.abtbannercaption h1 {
      font-size: 1.5rem;
      top: 17%;

}

.navbar-dark .navbar-nav .nav-link{

  padding:0 19px;

}

.ordernowpage{
  height: auto !important;
margin-top: 40vh;
}
.down-arrow {

  box-sizing: border-box;

  height: 24%;

  width: 2%;

  border-style: solid;

  border-color: #F05736;

  border-width: 0px 1px 1px 0px;

  transform: rotate(45deg);

  position: absolute;

  margin-top: 3%;

  margin-left: 2%;

}

.nav-item-content{

  width: 100%!important;

  text-align: right;

  border-right: 1px solid #F05736;

  height: 4vh;

  line-height: 4vh;

  padding: 0 1%;

}

/* new classes end */

.navbar-brand {

    max-width: 80px;

}

.navbar-dark .navbar-toggler {

    color: #fff;

    border-color: rgb(240 110 75);

    background: #e07e1b;

}

.fbbg {

  width: 250px;

}

.factorybannercontent h2 {
font-size: 22px;
font-weight: 800;
}
.factorybannercontent p {
    font-size: 12px;
}

.bowl {

  width: 80%;

  margin: 0 10%;



}

.aslogo {

  top: 25%;

  left: 3%;

  margin: 0 22%;

  width: 56%;

}



.banner .right, .banner .left{

  display: none;

}



/* .left {

    left: 0;

    width: 33%;

    top: 13%;



} */

.left .img1 {

      width: 77%;

    left: 34%;

    top: -12px;

}

.left .img2 {

      left: 5%;

    width: 43%;

    bottom: 170px;

}

.left .img3 {

    left: 0;

    top: 0%;

    width: 80%;

}





.right .img5 {

    left: auto;

}

.navbar-collapse{

    padding: 0;

    background: #fbecc9;



  }

ul.navbar-nav.right {
    margin-right: 0;
}

li.nav-item {

    text-align: right;

}



.products .title {

        font-size: 35px;

}

.products h1 {

     font-size: 40px;

      /* -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: #fff3d9; */

 }



 .products img{

width: 80%;

    margin: 0 10%;

 }

 .app h1 {

    font-size: 60px;

}





.aboutpage .fiximg .left1  img, .aboutdetails .left1  img{

    width: 40%;

}



.fiximg .right1 img{

  width: 40%;

  margin-left: 60%;

}



.mission .mid {

   

     border-left: none;

         justify-content: initial;

}

.aboutdetailsbox h4 {
    font-size: 20px;
}

  /******** career -contact- customers css start ********/

.ourcustomerpage .fiximg .left1  img{

    width: 40%;

}

div.fiximg figure.left3{

  display:none;

}

  /******** career -contact- customers css end ********/

.productbox {
    padding: 0;
}
.productbox figure {
     border-radius: 25px;
}
.productbox button {
       font-size: 11px;
}

.solitaire {
    width: 90%;
    margin-left: 5%;
}

.bazana{
  border-right:0;

  border-bottom: 1px solid #666666;

}

.tb1{
  margin-bottom: 0%;
}
.tb3{
margin: 5% auto;
}

.tb2{
  
}
.innerpage .banner .mainbanner {
    width: auto;
    height: 100vh;
        max-width: none;
}

.fiximg .right1 img, .disnone
{
display: none;
}

}