/* 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;
}