/* slider css */
/* .bee-svg{
  -webkit-animation: qodefBeeFourRow 5.5s cubic-bezier(.62,.01,.42,1.01) infinite .8s;
  animation: qodefBeeFourRow 5.5s cubic-bezier(.62,.01,.42,1.01) infinite .8s;
  offset-path: path("M.5 122.7s24.7-275 276.9 0c327.1 356.7 266.1-330.3 548-33.3 256.9 270.7 271.1 0 271.1 0");
  -webkit-transform: translate(-30px,40px) rotate(30deg);
  -ms-transform: translate(-30px,40px) rotate(30deg);
  transform: translate(-30px,40px) rotate(30deg);
  offset-distance: 100%
} */

@keyframes qodefBeeFourRow {
  0%,100% {
      -webkit-transform: rotate(-20deg) translateY(0);
      transform: rotate(-20deg) translateY(0)
  }

  50% {
      -webkit-transform: rotate(-23deg) translateY(-15px);
      transform: rotate(-23deg) translateY(-15px)
  }
}

.slide-heading{
  font-family: Quicksand;
  font-size: 56px;
  font-weight: 700;
  line-height: 84.28px;
  color: var(--green);
}
#slider{
  background-color: #FAEAD1;
  padding: 8% 0 3% 0;
}
.slider-right-svg{
  position: absolute;
  right: 0;
  top: 70px;
}
.slider-content-box  .btn-wrap{
  background: #fff;
  border: 1px solid var(--yellow);
  padding: 8px 10px
}
.slider-content-box .btn-wrap svg{
  background:var(--green)
}
.slider-content-box .btn-wrap:hover::before{
  background:var(--yellow)
}
.slider-content-box  .btn-wrap:hover .theme-btn{
  color: var(--green);
}
.slider-main-image{
  text-align: end;
  position: relative;
  right: -15px;
  width: 595px;
  height: 590px;
  top: -50px;
}
.slider-left-image{
  position: relative;
    text-align: left;
    margin-top: 30px;
    width: max-content;
}
.slider-left-image img{
  position: relative;
  z-index: 1;
  top: 45px;
  left: -20px;
  width: 275px;
  height: 205px;
  object-fit: cover;
}
.slider-left-image svg{
  position: absolute;
  left: -39%;
}
.slider-main-image img{
  height: 100%;
  width: 100%;object-fit: cover;
}
#slider .slider-nav-arrow{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  top: -5%;
  left: 5%;
  gap: 10px;
}
.carousel-caption{
position: unset;
}
#slider .carousel-control-next,#slider .carousel-control-prev{
  width: 50px;
  height: 45px;
  opacity: 1;
  background: var(--green);
  color: var(--white);
  position: unset;
  clip-path: polygon(97.305% 40.845%, 97.305% 40.845%, 98.088% 42.58%, 98.698% 44.379%, 99.133% 46.226%, 99.394% 48.105%, 99.481% 50%, 99.394% 51.895%, 99.133% 53.774%, 98.698% 55.621%, 98.088% 57.42%, 97.305% 59.155%, 89.179% 75%, 80.626% 91.075%, 80.626% 91.075%, 79.698% 92.633%, 78.645% 94.059%, 77.478% 95.345%, 76.209% 96.485%, 74.848% 97.471%, 73.407% 98.297%, 71.896% 98.955%, 70.327% 99.438%, 68.711% 99.739%, 67.058% 99.85%, 50% 100%, 32.942% 99.85%, 32.942% 99.85%, 31.289% 99.739%, 29.673% 99.438%, 28.104% 98.955%, 26.593% 98.297%, 25.152% 97.471%, 23.791% 96.485%, 22.522% 95.345%, 21.355% 94.059%, 20.302% 92.633%, 19.374% 91.075%, 10.821% 75%, 2.695% 59.155%, 2.695% 59.155%, 1.911% 57.42%, 1.302% 55.621%, 0.867% 53.774%, 0.606% 51.895%, 0.519% 50%, 0.606% 48.105%, 0.867% 46.226%, 1.302% 44.379%, 1.911% 42.58%, 2.695% 40.845%, 10.821% 25%, 19.374% 8.924%, 19.374% 8.924%, 20.302% 7.367%, 21.355% 5.941%, 22.522% 4.655%, 23.791% 3.515%, 25.152% 2.529%, 26.593% 1.703%, 28.104% 1.045%, 29.673% 0.562%, 31.289% 0.262%, 32.942% 0.15%, 50% 0%, 67.058% 0.15%, 67.058% 0.15%, 68.711% 0.262%, 70.327% 0.562%, 71.896% 1.045%, 73.407% 1.703%, 74.848% 2.529%, 76.209% 3.515%, 77.478% 4.655%, 78.645% 5.941%, 79.698% 7.367%, 80.626% 8.924%, 89.179% 25%, 97.305% 40.845%);
}
#slider .carousel-control-next:hover,#slider .carousel-control-prev:hover{
  background: var(--yellow)
}
.slider-nav-arrow i{
  font-size: 22px;
}
#slider .carousel-inner{
  overflow: unset;
}
.slider-top-img{
  position: absolute;
    top: 20px;
    width: 300px;
    height: 250px;
    object-fit: cover;
    animation: updown 4s infinite linear;
    animation-direction: alternate;
}
.slider-btm-content-box-wrap{
  position: absolute;
  left: 20%;
  right: 0;
  margin: 0 auto;
  width: max-content;
  bottom: -10%;
}
.slider-btm-content-box{
  clip-path: polygon(56.464% 1.746%, 56.464% 1.746%, 55.238% 1.196%, 53.967% 0.768%, 52.663% 0.462%, 51.337% 0.279%, 50% 0.218%, 48.663% 0.279%, 47.337% 0.462%, 46.033% 0.768%, 44.762% 1.196%, 43.536% 1.746%, 25% 11.186%, 6.491% 20.965%, 6.491% 20.965%, 5.37% 21.63%, 4.344% 22.385%, 3.418% 23.223%, 2.597% 24.135%, 1.886% 25.115%, 1.291% 26.152%, 0.817% 27.241%, 0.469% 28.372%, 0.252% 29.537%, 0.171% 30.729%, 0% 50.093%, 0.171% 69.458%, 0.171% 69.458%, 0.252% 70.65%, 0.469% 71.815%, 0.817% 72.946%, 1.291% 74.034%, 1.886% 75.072%, 2.597% 76.052%, 3.418% 76.964%, 4.344% 77.802%, 5.37% 78.557%, 6.491% 79.222%, 25% 89.001%, 43.536% 98.441%, 43.536% 98.441%, 44.762% 98.991%, 46.033% 99.419%, 47.337% 99.725%, 48.663% 99.908%, 50% 99.969%, 51.337% 99.908%, 52.663% 99.725%, 53.967% 99.419%, 55.238% 98.991%, 56.464% 98.441%, 75% 89.001%, 93.509% 79.222%, 93.509% 79.222%, 94.63% 78.557%, 95.656% 77.802%, 96.582% 76.964%, 97.403% 76.052%, 98.114% 75.072%, 98.709% 74.034%, 99.183% 72.946%, 99.531% 71.815%, 99.748% 70.65%, 99.829% 69.458%, 100% 50.093%, 99.829% 30.729%, 99.829% 30.729%, 99.748% 29.537%, 99.531% 28.372%, 99.183% 27.241%, 98.709% 26.152%, 98.114% 25.115%, 97.403% 24.135%, 96.582% 23.223%, 95.656% 22.385%, 94.63% 21.63%, 93.509% 20.965%, 75% 11.186%, 56.464% 1.746%);
  background: #033D50;
  width: 149px;
  height: 172px;
}
.slider-btm-arrow{
  position: absolute;
  clip-path: polygon(56.464% 1.746%, 56.464% 1.746%, 55.238% 1.196%, 53.967% 0.768%, 52.663% 0.462%, 51.337% 0.279%, 50% 0.218%, 48.663% 0.279%, 47.337% 0.462%, 46.033% 0.768%, 44.762% 1.196%, 43.536% 1.746%, 25% 11.186%, 6.491% 20.965%, 6.491% 20.965%, 5.37% 21.63%, 4.344% 22.385%, 3.418% 23.223%, 2.597% 24.135%, 1.886% 25.115%, 1.291% 26.152%, 0.817% 27.241%, 0.469% 28.372%, 0.252% 29.537%, 0.171% 30.729%, 0% 50.093%, 0.171% 69.458%, 0.171% 69.458%, 0.252% 70.65%, 0.469% 71.815%, 0.817% 72.946%, 1.291% 74.034%, 1.886% 75.072%, 2.597% 76.052%, 3.418% 76.964%, 4.344% 77.802%, 5.37% 78.557%, 6.491% 79.222%, 25% 89.001%, 43.536% 98.441%, 43.536% 98.441%, 44.762% 98.991%, 46.033% 99.419%, 47.337% 99.725%, 48.663% 99.908%, 50% 99.969%, 51.337% 99.908%, 52.663% 99.725%, 53.967% 99.419%, 55.238% 98.991%, 56.464% 98.441%, 75% 89.001%, 93.509% 79.222%, 93.509% 79.222%, 94.63% 78.557%, 95.656% 77.802%, 96.582% 76.964%, 97.403% 76.052%, 98.114% 75.072%, 98.709% 74.034%, 99.183% 72.946%, 99.531% 71.815%, 99.748% 70.65%, 99.829% 69.458%, 100% 50.093%, 99.829% 30.729%, 99.829% 30.729%, 99.748% 29.537%, 99.531% 28.372%, 99.183% 27.241%, 98.709% 26.152%, 98.114% 25.115%, 97.403% 24.135%, 96.582% 23.223%, 95.656% 22.385%, 94.63% 21.63%, 93.509% 20.965%, 75% 11.186%, 56.464% 1.746%);
  background: var(--yellow);
  height: 41px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  z-index: 1;
}
.slider-btm-arrow i{
  color: #fff;
  font-size: 18px;
  transform: rotateZ(-40deg);
}
.slider-btm-heading{
  display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #fff;
      height: 100%;
      width: 75%;
      margin: 0 auto;
}
.slider-btm-content-box-wrap:hover .slider-btm-content-box-wrap{
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.slider-bee-wrap{
  position: absolute;
  left: 33%;
  bottom: 8%;
  display: flex;
}
.slider-bee{
  position: relative;
  bottom: 52px;
  height: 62px;
  animation: bee-animation-2 5s infinite linear;
}

@keyframes bee-animation-2 {
	from {
		left: 0%;
	}

	to {
		left: 50%;
	}
}

/* benefits */
.benefits-sec-inner{
  padding-bottom: 5%;
}
.benefits-box  h4{
  color: var(--green);
}
.benefits-img-box-inner .benefits-icon-wrap{
  height: 60px;
  width: 55px;
  line-height: 50px;
  text-align: center;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon( 56.464% 1.746%,56.464% 1.746%,55.238% 1.196%,53.967% 0.768%,52.663% 0.462%,51.337% 0.279%,50% 0.218%,48.663% 0.279%,47.337% 0.462%,46.033% 0.768%,44.762% 1.196%,43.536% 1.746%,25% 11.186%,6.491% 20.965%,6.491% 20.965%,5.37% 21.63%,4.344% 22.385%,3.418% 23.223%,2.597% 24.135%,1.886% 25.115%,1.291% 26.152%,0.817% 27.241%,0.469% 28.372%,0.252% 29.537%,0.171% 30.729%,0% 50.093%,0.171% 69.458%,0.171% 69.458%,0.252% 70.65%,0.469% 71.815%,0.817% 72.946%,1.291% 74.034%,1.886% 75.072%,2.597% 76.052%,3.418% 76.964%,4.344% 77.802%,5.37% 78.557%,6.491% 79.222%,25% 89.001%,43.536% 98.441%,43.536% 98.441%,44.762% 98.991%,46.033% 99.419%,47.337% 99.725%,48.663% 99.908%,50% 99.969%,51.337% 99.908%,52.663% 99.725%,53.967% 99.419%,55.238% 98.991%,56.464% 98.441%,75% 89.001%,93.509% 79.222%,93.509% 79.222%,94.63% 78.557%,95.656% 77.802%,96.582% 76.964%,97.403% 76.052%,98.114% 75.072%,98.709% 74.034%,99.183% 72.946%,99.531% 71.815%,99.748% 70.65%,99.829% 69.458%,100% 50.093%,99.829% 30.729%,99.829% 30.729%,99.748% 29.537%,99.531% 28.372%,99.183% 27.241%,98.709% 26.152%,98.114% 25.115%,97.403% 24.135%,96.582% 23.223%,95.656% 22.385%,94.63% 21.63%,93.509% 20.965%,75% 11.186%,56.464% 1.746% );
}
.benefits-icon-wrap1,.benefits-icon-wrap4{
  background:var(--orange);
}
.benefits-icon-wrap2,.benefits-icon-wrap5{
  background:var(--green);
}
.benefits-icon-wrap3,.benefits-icon-wrap6{
  background:var(--yellow);
}
.benefits-para-box  h5{
  font: 600 18px / 25px var(--font-one);
  color:var(--green);
}
.benefits-box:hover .benefits-icon-wrap{
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.benefits-box:hover svg path {
  fill:#fff;
}
.benefits-que-img{
  height: 100%;
  width: 100%;
  object-fit: contain;
  animation: updown 4s infinite linear;
	animation-direction: alternate;
}

@keyframes updown {
	0% {
		transform: translateY(30px);
	}

	100% {
		transform: translateY(0px);
	}
}

/* offer Banner */
#offer-banner{
  background-color: var(--green);
  position: relative;
  background-size: 100% 100% !important;
  margin-top: 5%;
}
.banner-col{
  flex-direction: column;
  height: 100%;
  display: flex;
  justify-content: center;
}
.banner-per-shape{
  clip-path: polygon(56.464% 1.746%, 56.464% 1.746%, 55.238% 1.196%, 53.967% 0.768%, 52.663% 0.462%, 51.337% 0.279%, 50% 0.218%, 48.663% 0.279%, 47.337% 0.462%, 46.033% 0.768%, 44.762% 1.196%, 43.536% 1.746%, 25% 11.186%, 6.491% 20.965%, 6.491% 20.965%, 5.37% 21.63%, 4.344% 22.385%, 3.418% 23.223%, 2.597% 24.135%, 1.886% 25.115%, 1.291% 26.152%, 0.817% 27.241%, 0.469% 28.372%, 0.252% 29.537%, 0.171% 30.729%, 0% 50.093%, 0.171% 69.458%, 0.171% 69.458%, 0.252% 70.65%, 0.469% 71.815%, 0.817% 72.946%, 1.291% 74.034%, 1.886% 75.072%, 2.597% 76.052%, 3.418% 76.964%, 4.344% 77.802%, 5.37% 78.557%, 6.491% 79.222%, 25% 89.001%, 43.536% 98.441%, 43.536% 98.441%, 44.762% 98.991%, 46.033% 99.419%, 47.337% 99.725%, 48.663% 99.908%, 50% 99.969%, 51.337% 99.908%, 52.663% 99.725%, 53.967% 99.419%, 55.238% 98.991%, 56.464% 98.441%, 75% 89.001%, 93.509% 79.222%, 93.509% 79.222%, 94.63% 78.557%, 95.656% 77.802%, 96.582% 76.964%, 97.403% 76.052%, 98.114% 75.072%, 98.709% 74.034%, 99.183% 72.946%, 99.531% 71.815%, 99.748% 70.65%, 99.829% 69.458%, 100% 50.093%, 99.829% 30.729%, 99.829% 30.729%, 99.748% 29.537%, 99.531% 28.372%, 99.183% 27.241%, 98.709% 26.152%, 98.114% 25.115%, 97.403% 24.135%, 96.582% 23.223%, 95.656% 22.385%, 94.63% 21.63%, 93.509% 20.965%, 75% 11.186%, 56.464% 1.746%);
  background: var(--yellow);
  width: 290px;
  height: 336px;
  position: absolute;
  left: -4%;
  z-index: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.banner-per-wrap{
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
#banner .banner-text{
  color: var(--green);
}
.banner-right-img{
  margin-top: -26%;
  height: auto;
  width: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
  max-height: 605px;
  max-width: 526px;
}
.banner-shape-one{
  clip-path: polygon(79.996% 75.307%, 100% 0.238%, 0% 0.238%, 20.004% 75.307%, 20.004% 75.307%, 21.103% 79.119%, 22.273% 82.571%, 23.505% 85.655%, 24.794% 88.359%, 26.133% 90.675%, 27.517% 92.591%, 28.938% 94.099%, 30.391% 95.188%, 31.869% 95.849%, 33.365% 96.071%, 66.635% 96.071%, 66.635% 96.071%, 68.131% 95.849%, 69.609% 95.188%, 71.062% 94.099%, 72.483% 92.591%, 73.867% 90.675%, 75.206% 88.359%, 76.495% 85.655%, 77.727% 82.571%, 78.897% 79.119%, 79.996% 75.307%);
  height: 23px;
  width: 90px;
  background: var(--yellow);
  position: absolute;
  top: 0;
  left: 0;
}
.banner-shape-two{
  clip-path: polygon( 76.952% 9.668%,100% 98.187%,0% 98.187%,23.048% 9.668%,23.048% 9.668%,23.543% 7.913%,24.069% 6.324%,24.623% 4.905%,25.202% 3.66%,25.804% 2.594%,26.426% 1.712%,27.065% 1.018%,27.718% 0.516%,28.382% 0.212%,29.054% 0.11%,70.946% 0.11%,70.946% 0.11%,71.618% 0.212%,72.282% 0.516%,72.935% 1.018%,73.574% 1.712%,74.196% 2.594%,74.798% 3.66%,75.377% 4.905%,75.931% 6.324%,76.457% 7.913%,76.952% 9.668% );
  position: absolute;
  bottom: -2px;
  right: 0;
  height: 51px;
  width: 200px;
  background: var(--yellow);
}
.banner-box{
  clip-path: polygon(41.217% 3.82%, 41.217% 3.82%, 42.887% 3.088%, 44.615% 2.518%, 46.386% 2.111%, 48.186% 1.867%, 50% 1.785%, 51.814% 1.867%, 53.614% 2.111%, 55.385% 2.518%, 57.113% 3.088%, 58.783% 3.82%, 75% 11.886%, 90.935% 20.108%, 90.935% 20.108%, 92.515% 21.025%, 93.961% 22.071%, 95.268% 23.235%, 96.426% 24.506%, 97.43% 25.872%, 98.27% 27.322%, 98.94% 28.844%, 99.432% 30.427%, 99.739% 32.059%, 99.854% 33.73%, 100% 49.883%, 99.854% 66.036%, 99.854% 66.036%, 99.739% 67.706%, 99.432% 69.339%, 98.94% 70.922%, 98.27% 72.444%, 97.43% 73.894%, 96.426% 75.26%, 95.268% 76.531%, 93.961% 77.695%, 92.515% 78.741%, 90.935% 79.658%, 75% 87.88%, 58.783% 95.945%, 58.783% 95.945%, 57.113% 96.678%, 55.385% 97.248%, 53.614% 97.655%, 51.814% 97.899%, 50% 97.98%, 48.186% 97.899%, 46.386% 97.655%, 44.615% 97.248%, 42.887% 96.678%, 41.217% 95.945%, 25% 87.88%, 9.065% 79.658%, 9.065% 79.658%, 7.485% 78.741%, 6.039% 77.695%, 4.732% 76.531%, 3.574% 75.26%, 2.57% 73.894%, 1.73% 72.444%, 1.06% 70.922%, 0.568% 69.339%, 0.261% 67.706%, 0.146% 66.036%, 0% 49.883%, 0.146% 33.73%, 0.146% 33.73%, 0.261% 32.059%, 0.568% 30.427%, 1.06% 28.844%, 1.73% 27.322%, 2.57% 25.872%, 3.574% 24.506%, 4.732% 23.235%, 6.039% 22.071%, 7.485% 21.025%, 9.065% 20.108%, 25% 11.886%, 41.217% 3.82%);
  z-index: 0;
  background: var(--yellow);
  position: absolute;
  -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
  animation: bouncess 5s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bouncess {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-20px);
}

}
.banner-box-1{
  height: 98px;
  width: 85px;
  left: 27%;
  top: -70px;
}
.banner-box-2{
  height: 260px;
  width: 225px;
  right: -10%;
  top: -28%;
}
.banner-box-3{
  height: 98px;
  width: 85px;
  right: 35px;
  bottom: 25%;
}
.banner-box-4{
  bottom: 5%;
  width: 140px;
  height: 160px;
  left: 45px;
}
.banner-shape-three{
  clip-path: polygon( 9.192% 23.108%,100% 0.027%,100% 99.557%,9.192% 76.477%,9.192% 76.477%,7.504% 76.012%,5.976% 75.519%,4.611% 74.999%,3.414% 74.455%,2.389% 73.89%,1.54% 73.306%,0.873% 72.707%,0.391% 72.094%,0.098% 71.471%,0% 70.84%,0% 28.744%,0% 28.744%,0.098% 28.113%,0.391% 27.49%,0.873% 26.877%,1.54% 26.278%,2.389% 25.694%,3.414% 25.129%,4.611% 24.585%,5.976% 24.065%,7.504% 23.572%,9.192% 23.108% );
  position: absolute;
  background: var(--yellow);
  right: 0;
  bottom: 10px;
  width: 50px;
  height: 195px;
}

/*Banner */
#banner{
  z-index: 1;
}
#banner::after{
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: var(--green);
  z-index: -1;
  opacity: 0.6;
}


/* Flavor */
.flavor-bottom-content{
  clip-path: polygon(47.875% 98.372%, 2.057% 48.639%, 2.057% 48.639%, 1.689% 48.191%, 1.353% 47.68%, 1.05% 47.113%, 0.782% 46.494%, 0.55% 45.829%, 0.357% 45.124%, 0.203% 44.384%, 0.092% 43.616%, 0.023% 42.824%, 0% 42.014%, 0% 7.729%, 0% 7.729%, 0.055% 6.481%, 0.213% 5.298%, 0.467% 4.194%, 0.807% 3.186%, 1.225% 2.29%, 1.712% 1.521%, 2.26% 0.895%, 2.86% 0.429%, 3.503% 0.137%, 4.181% 0.037%, 95.819% 0.037%, 95.819% 0.037%, 96.497% 0.137%, 97.14% 0.429%, 97.74% 0.895%, 98.288% 1.521%, 98.775% 2.29%, 99.193% 3.186%, 99.533% 4.194%, 99.787% 5.298%, 99.945% 6.481%, 100% 7.729%, 100% 42.014%, 100% 42.014%, 99.977% 42.824%, 99.908% 43.616%, 99.797% 44.384%, 99.643% 45.124%, 99.45% 45.829%, 99.218% 46.494%, 98.95% 47.113%, 98.647% 47.68%, 98.311% 48.191%, 97.944% 48.639%, 52.125% 98.372%, 52.125% 98.372%, 51.723% 98.756%, 51.305% 99.055%, 50.877% 99.268%, 50.44% 99.396%, 50% 99.439%, 49.56% 99.396%, 49.123% 99.268%, 48.695% 99.055%, 48.277% 98.756%, 47.875% 98.372%);
  background: #fff;
  width: 100%;
  position: absolute;
  height: 160px;
  width: 280px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -30%;
  transition: all .4s linear;
  opacity: 0;
}
.flavor-para{
  font-family: Quicksand;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.92px;
  text-align: center;
  max-width: 65%;
  margin: 0 auto
}
.flavor-content:hover .flavor-bottom-content{
  bottom: 10px;
  opacity: 1;
}
#flavors .owl-nav{
  display: flex;
  width: max-content;
  gap: 10px;
  position: absolute;
  right: 0;
  align-items: center;
  height: 100%;
  top: -25px;
  right: -10%;
}
.flavor-left-img{
  position: absolute;
  left: 0;
  top: 1%;
}
.flavor-box{
  position: absolute;
  background-color: var(--yellow);
}
.flavor-box-1{
  clip-path: polygon( 56.464% 1.746%,56.464% 1.746%,55.238% 1.196%,53.967% 0.768%,52.663% 0.462%,51.337% 0.279%,50% 0.218%,48.663% 0.279%,47.337% 0.462%,46.033% 0.768%,44.762% 1.196%,43.536% 1.746%,25% 11.186%,6.491% 20.965%,6.491% 20.965%,5.37% 21.63%,4.344% 22.385%,3.418% 23.223%,2.597% 24.135%,1.886% 25.115%,1.291% 26.152%,0.817% 27.241%,0.469% 28.372%,0.252% 29.537%,0.171% 30.729%,0% 50.093%,0.171% 69.458%,0.171% 69.458%,0.252% 70.65%,0.469% 71.815%,0.817% 72.946%,1.291% 74.034%,1.886% 75.072%,2.597% 76.052%,3.418% 76.964%,4.344% 77.802%,5.37% 78.557%,6.491% 79.222%,25% 89.001%,43.536% 98.441%,43.536% 98.441%,44.762% 98.991%,46.033% 99.419%,47.337% 99.725%,48.663% 99.908%,50% 99.969%,51.337% 99.908%,52.663% 99.725%,53.967% 99.419%,55.238% 98.991%,56.464% 98.441%,75% 89.001%,93.509% 79.222%,93.509% 79.222%,94.63% 78.557%,95.656% 77.802%,96.582% 76.964%,97.403% 76.052%,98.114% 75.072%,98.709% 74.034%,99.183% 72.946%,99.531% 71.815%,99.748% 70.65%,99.829% 69.458%,100% 50.093%,99.829% 30.729%,99.829% 30.729%,99.748% 29.537%,99.531% 28.372%,99.183% 27.241%,98.709% 26.152%,98.114% 25.115%,97.403% 24.135%,96.582% 23.223%,95.656% 22.385%,94.63% 21.63%,93.509% 20.965%,75% 11.186%,56.464% 1.746% );
  width: 43px;
  height: 50px;
  bottom: 13%;
  left: 12%;
}

.flavor-box-2{
  clip-path: polygon(9.192% 23.108%, 100% 0.027%, 100% 99.557%, 9.192% 76.477%, 9.192% 76.477%, 7.504% 76.012%, 5.976% 75.519%, 4.611% 74.999%, 3.414% 74.455%, 2.389% 73.89%, 1.54% 73.306%, 0.873% 72.707%, 0.391% 72.094%, 0.098% 71.471%, 0% 70.84%, 0% 28.744%, 0% 28.744%, 0.098% 28.113%, 0.391% 27.49%, 0.873% 26.877%, 1.54% 26.278%, 2.389% 25.694%, 3.414% 25.129%, 4.611% 24.585%, 5.976% 24.065%, 7.504% 23.572%, 9.192% 23.108%);
  position: absolute;
  right: 0;
  top: 15%;
  height: 115px;
  width: 45px;
}