@charset "utf-8";

:root {
  /* colors */
  --black: #000000;
  --black-02: #303030;
  --white: #ffffff;
  --gray-01:#f0f0f0;
  --gray-02:#757575;
  --gray-04:#3b3b3b;
  --gray-05:#929292;
  --grape-01:#8c2782;
  --grape-02:#a4284d;
  --green-01:#619b24;
  --green-02:#21a73f;
  --brown-01:#bc312d;
  --blue-01:#535a98;
  --peach-01:#e4aa72;
  --yellow-01:#db8600;

  /* Font sizes */
  --font-size-12: clamp(0.625em, 1vw + 0.25em, 0.75em);
  --font-size-14: clamp(0.7em, 1vw + 0.25em, 0.875em);
  --font-size-16: clamp(0.75em, 1vw + 0.5em, 1em);
  --font-size-18: clamp(0.75em, 1vw + 0.5em, 1.125em);
  --font-size-20: clamp(1em, 1vw + 0.5em, 1.25em);
  --font-size-24: clamp(1em, 1vw + 0.5em, 1.5em);
  --font-size-30: clamp(1.125em, 1vw + 0.5em, 1.875em);
  --font-size-36: clamp(1.25em, 1.25vw + 1em, 2.25em);
  --font-size-48: clamp(1.27em, 2vw + 1em, 3em);
  --font-size-60: clamp(1.4em, 2.3vw + 1em, 3.75em);
  --font-size-65: clamp(1.5em, 1.5vw + 1em, 4.0625em);
  --font-size-72: clamp(1.75em, 3vw + 1em, 4.5em);
  --font-size-90: clamp(1.875em, 3vw + 1em, 4.85em);
  --font-size-95: clamp(3.35em, 3.5vw + 1em, 5.9375em);
  --font-size-150: clamp(3.5em, 7.5vw + 1em, 9.375em);

  
}

/* Common-css */
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  outline: none;
  border: none;
  position: relative;
  line-height: 1.2em;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
}
body {
  margin: 0;
  padding: 0;
  background-color: var(--white);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: var(--black);
  min-width: 320px;
  font-family: 'Livvic', sans-serif;
  /* font-family: 'Poppins', sans-serif; */
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.rows {
  width: 100%;
}
.container,section > .uagb-container-inner-blocks-wrap{
  width: 92% !important;
  margin: 0 auto !important;
  max-width: 1800px !important;
}
section > .uagb-container-inner-blocks-wrap{padding: 0 !important;row-gap: 0 !important;column-gap: 0 !important;}
.cover {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(5, 5, 5, 0.9);
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}
.flex {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.align-end {
  align-items: flex-end;
}
.justify-end {
  justify-content: flex-end;
}
.justify-left {
  justify-content: flex-start;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
.align-self-start{
  align-self: flex-start;
}
.text-center{text-align: center;}

.ws-nowrap {
  white-space: nowrap;
}

br {
  line-height: 0;
}
.max-720{max-width:58%}
.home_slider_panel .uagb-ifb-title{display:none !important}
  /* Header-css */
  header{position: fixed; left: 0; top: 0; z-index: 9; padding: 1em 0;}
  header .desk_logo{display: none;}
  header .logo_container img{max-width: 3em;}
  header nav{position: fixed; right: -100%; top: 0; height: 100%;background-color: var(--white); width: 76%; max-width: 18em; padding: 1.5em; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index: 2;}
  header .close img{max-width: 1.5em;}
  header nav a{font-weight: 700; color: var(--grape-01); font-size: var(--font-size-24);}
  /* header nav a:hover{color: var(--grape-01);} */
  header nav li{margin-bottom: 1em;}
  header.active nav{right: 0;}
  header.active .cover{display: block;}
  header .menu_container{margin-top: 1.5em;}
  header.sticky{background-color: var(--white); padding: 0.75em 0;}
  header.sticky.active{backdrop-filter: initial;}
  .hamburger_menu{margin-top: 0.65em;}
  .hamburger_menu img{max-width: 1.5em;}
  .hamburger_menu .black{display: none;}
  header.sticky .hamburger_menu .black{display: block;}
  header.sticky .hamburger_menu .white{display: none;}
  header.type02 .hamburger_menu .white{display: none;}
  header.type02 .hamburger_menu .black{display: block;}
    /* 120124 */
    header  nav .menu-item-has-children{background: url(../images/drop-arrow-grape-01.png) no-repeat right 0.5em}
    header  nav .menu-item-has-children.active{background: url(../images/up-arrow-grape-01.png) no-repeat right 0.5em}
    header  nav .menu-item-has-children > a{width: 100%; display: inline-block;}
    header nav  .sub-menu{margin-left: 1em; display: none; margin-top: 1.5em;}
    header nav a{width: 100%; display: inline-block;}
    header nav .menu-item-has-children li:nth-child(1) a{color: #cb3943;}
    header nav .menu-item-has-children li:nth-child(2) a{color: #535a98;}
    header nav .menu-item-has-children li:nth-child(3) a{color: #619b24;}
    header nav .menu-item-has-children li:nth-child(4) a{color: #e4aa72;}
    header nav .menu-item-has-children li:nth-child(5) a{color: #d48918;}
    header nav .menu-item-has-children li:nth-child(6) a{color: #9e2f4e;}
    /* header .right_menu > li:first-child,header .right_menu > li:nth-child(2),header .right_menu > li:nth-child(3){display: none;} */
    /* 120124 */
  /* Header-css */

  /* Footer-css */
  footer .col_right > a{display: none !important;}
  footer .col_right > .row1 > a{display: none !important;}
  footer *{font-family: 'Poppins', sans-serif;}
  footer{padding: clamp(2em, 5vw + 0.25em, 5.625em) 0 clamp(3em, 10vw + 0.25em, 11.5625em); background-color: var(--gray-01);}
  footer .links li:not(:last-child){margin-bottom: 0.5em;}
  footer .links li a{font-size: var(--font-size-18); color: var(--black); font-weight: 600;}
  footer .links li a:hover{color: var(--grape-01);}
  footer .other_links li a{font-weight: 400;}
  footer .other_links {justify-content: space-between;}
  footer .logo{align-items: flex-start;}
  footer .logo img{max-width: 3em; }
  footer .col_right {flex: 1; padding-left: 2.5em}
  footer .row1 {justify-content: space-between;}
  footer .copyr{font-size: var(--font-size-16); margin-top: 2em;}
  .social{column-gap: 0.5em;}
  .social a{width: 1.25em; height: 1.25em;}
  .social a.facebook{background: url(../images/facebook-logo-01.png) no-repeat center center; background-size: contain;}
  .social a.twitter{background: url(../images/twitter-logo-01.png) no-repeat center center; background-size: contain;}
  .social a.instagram{background: url(../images/instagram-logo-01.png) no-repeat center center; background-size: contain;}
  .social a.tiktok{background: url(../images/tiktok-logo-01.png) no-repeat center center; background-size: contain;}
  .social a.untappd{background: url(../images/untapped-logo-01.png) no-repeat center center; background-size: contain;}
  /* Footer-css */

  /* Common font size */
  p{font-size: var(--font-size-20); line-height: 1.5em;}
  h1{font-size: var(--font-size-95);line-height: 1em;}
  h2{font-size: var(--font-size-65);line-height: 1em;}
  h3{font-size: var(--font-size-48);line-height: 1em;}
  h4{font-size: var(--font-size-36);line-height: 1em;}
  h5{font-size: var(--font-size-24);line-height: 1em;}

  /*Buttons*/
  .round_btn{font-size: var(--font-size-18);color: var(--grape-01);background-color: var(--white);border-radius: 30px;padding: 0.875em 2em;font-weight: 700;cursor: pointer;border: 1px solid var(--white);transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;background-image: url(../images/right_arrow.png); background-size: auto; background-position-y: 50%;background-position-x: 92%;background-repeat: no-repeat;width: 100%;display: inline-block;}
  .round_btn:hover{background-color: var(--grape-01);color: var(--white);border: 1px solid var(--grape-01);background-image: url(../images/right_arrow_white.png); background-size: auto; background-position-y: 50%;background-position-x: 92%;background-repeat: no-repeat;}
  .round_secondary_btn,.round_btn_invert{width: auto !important;font-size: var(--font-size-18);color: var(--white);background-color: var(--grape-01);border-radius: 30px;padding: 0.875em 3.44em 0.875em 2.3em;font-weight: 700;cursor: pointer;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;background-image: url(../images/right_arrow_white_2.png); background-size: auto; background-position-y: 50%;background-position-x: 88%;background-repeat: no-repeat;border: 1px solid var(--grape-01);display: inline-block;}
  .round_secondary_btn:hover{color: var(--grape-01);background-color: var(--white);border: 1px solid var(--grape-01);background-image: url(../images/right_arrow_2.png); background-size: auto; background-position-y: 50%;background-position-x: 88%;background-repeat: no-repeat;}
  .round_btn_invert{background-image: url(../images/right_arrow_white.png); background-size: auto; background-position-y: 50%;background-position-x: 92%;background-repeat: no-repeat;}
  .round_btn_invert:hover{background-image: url(../images/right_arrow.png); background-size: auto; background-position-y: 50%;background-position-x: 92%;background-repeat: no-repeat;color: var(--grape-01);background-color: var(--white);}

  .btn_2{display: block;width: 100%;background-color: var(--grape-01);border-radius: 10px;text-align: center;padding: 0.875em;font-size: var(--font-size-20);color: var(--white);font-weight: 500;cursor: pointer;border: 1px solid var(--grape-01);}
  .btn_2:hover{background-color: var(--white);color: var(--grape-01);}
  /*Buttons*/
  
  /*Home*/
  .home_banner::after
    {
      content: "Stay wild, Cheers!";
      display: block;
      position: absolute;
      top: 55%;
      left: 50%;
      z-index: 8;
      color: white;
      font-size: var(--font-size-95);
      font-weight: bold;
      transform: translate(-50%);
      width: 90%;
      text-align: center;
    }
    .home_banner{padding: 0 !important;}
    .home_banner .swiper-wrapper{min-height: auto !important}
    .home_banner .swiper-slide .swiper-content{padding: 0 !important;border-bottom-left-radius: 2rem;border-bottom-right-radius: 2rem;}
    .home_banner .home_banner_child1 .swiper-content{background-position-x: 65%;}
    .home_banner  .home_banner_child2 .swiper-content{background-position-x: 18%;}
    .home_banner  .home_banner_child3 .swiper-content{background-position-x: 36%;}
    .home_banner .swiper-content  .wp-block-uagb-info-box{padding: clamp(18em , 20.5vw + 1em , 22em) 0 clamp(7em , 12.5vw + 1em , 14em) 0 !important;}
    .home_banner h1.uagb-ifb-title{color: var(--white);margin-bottom: 0 !important;letter-spacing: -1px; display:none !important}
    .home_banner .uagb-container-inner-blocks-wrap{max-width: 100% !important;}

    .home_banner::after{letter-spacing: -1px;font-size: var(--font-size-95);line-height: 1em;}
    .home_slider_panel h1{display:none !important; color: var(--white);margin-bottom: 0 !important;letter-spacing: -1px;font-size: var(--font-size-95) 
      !important;  font-family: 'Livvic', sans-serif !important;font-weight: 700 !important;}
      .home_banner::after{font-size: var(--font-size-95) !important;}
    .home_slider_panel img{object-fit: contain !important;}
    .home_banner::after{font-size: var(--font-size-95) !important;}

    .home_banner .uagb-swiper{border-bottom-left-radius: 2rem;border-bottom-right-radius: 2rem;}
    .home_banner .swiper-slide .swiper-content{transition: transform 1000ms linear 0s;}
    .home_banner .swiper-slide-active .swiper-content{ transform: scale(1.05, 1.05);}
    .home_banner .swiper-slide, .home_banner .swiper-slide-active{transition-timing-function: linear !important;}
    /* .home_banner .swiper-slide-active .swiper-content{ animation: shrink 5.5s infinite alternate;} */
    @keyframes shrink {
      0% {
        background-size: 100% 100%;
      }
      100% {
        background-size: 120% 120%;
        opacity: 0.75;
      }
    }

    .flavors_panel{padding: 4.0625em 0 3.625em 0 !important;}
    .flavors_panel .title_panel {padding: 0 !important;}
    .flavors_panel .title_panel h2 span{color: var(--gray-02);}

    .flavors_info{padding: 0 0 clamp(3.5em , 5vw + 1em , 7em) 0 !important;}
    .flavors_info h1{ padding: 0.8333em 0 !important;z-index: 2;}
    .flavors_info h1 span.gray{color: var(--gray-02);}
    .flavors_info h1 span.green{color: var(--green-02);}
    .flavors_info .swiper-wrapper,.we_are_slider .swiper-wrapper{
      -webkit-transition-timing-function:linear!important;
      transition-timing-function:linear!important; 
    }
    .flavors_info .swiper-slide,.we_are_slider .swiper-slide{width: auto !important;}
    .flavors_info .info_card figure{position: absolute;top: 0;left: 50%;z-index: 1;width: 4.5em !important;height: auto;}
    .flavors_info .info_card .gluten{top: 2.35em;left: 42%;}
    .flavors_info .info_card .vegan{top: initial;left: 45%;bottom: 1em;}
    .flavors_info .info_card .brewed{top: 0.25em;left: 45%;}
    .info_card{width: auto !important;}
    .info_card h1{ margin-right: 0.5em;}

    .wild_story_panel,.wild_story_panel .wild_story_card_panel {padding: 0 !important;}
    .wild_story_panel .wild_left_box {padding: 0 !important;}
    .wild_right_box {justify-content: flex-start !important;text-align: left;}
    .wild_story_panel .wild_left_box img{border-top-left-radius: 1em;border-top-right-radius: 1em;}
    .wild_story_panel .wild_right_box{background-color: var(--grape-01);padding: 2.5em 1.5em;border-bottom-left-radius: 1em;border-bottom-right-radius: 1em;}
    .wild_right_box h2{color: var(--white);margin-bottom: 0.41em;}
    .wild_right_box p{color: var(--white);font-size: var(--font-size-18);font-weight: 500;line-height: 1.3em;}
    .wild_right_box .round_btn{margin-top: clamp(2.5em , 6.5vw + 1em , 7.22em);}
    .wild_right_box .round_btn:hover{background-color: transparent;color: var(--white);border: 1px solid var(--white);}

    .we_are_panel{padding: clamp(2em , 6vw + 1em , 8em) 0 3.375em 0 !important;}
    .we_are_panel .uagb-container-inner-blocks-wrap{max-width: 100% !important;width: 100% !important;}
    .we_are_slider{padding: 0 !important;margin-top: clamp(1.5em , 1vw + 1em , 1.9375em);}
    .we_are_slider h1,.flavors_info h1{line-height: 1.25em;}
    .weAreSwiper .swiper-slide:nth-child(even) h1{color: var(--gray-02);}

    .right_around_sec {padding: 0 0 clamp(4em , 11vw + 1em , 12.8125em) 0 !important;}
    .right_around_panel {padding: 0 !important;}
    .right_around_panel h3{margin-bottom: 0.45em;}
    .right_around_panel p{margin-bottom: 1.7em;line-height: 1.33em;font-weight: 500;}

    .product_flavors_sec{padding-bottom: clamp(2.875em , 2vw + 1em , 4.875em) ;}
    .product_flavors_sec h5 {
      text-transform: uppercase;
      text-align: center;
      margin-bottom: clamp(2em, 6vw + 1em, 4.25em);
  }
  .caps{text-transform: uppercase;}

  .review{padding: 0 0 clamp(5em , 8.5vw + 1em , 10.625em) 0 !important;}
  .review .uagb-tm__text-wrap{display: flex;flex-wrap: wrap;}
  .review .uagb-tm__desc{order: 2;font-size: var(--font-size-30);font-weight: 700;line-height: 1.2em;max-width: 12em;text-align: center;display: inline-block;margin-bottom: 0;}
  .review .uagb-tm__meta-inner{order: 1;margin-bottom: clamp(1.125em , 1vw + 0.5em , 2em);}
  .review .uagb-tm__meta-inner .uagb-tm__author-name{font-size: var(--font-size-18);font-weight: 700;line-height: 1em;}
  .review .uagb-tm__meta-inner .uagb-tm__company{font-size: var(--font-size-18);font-weight: 500;line-height: 1em;color: var(--black);}
  .review .uagb-tm__image-content{padding: 0 !important;margin-bottom: clamp(1em , 1vw + 0.5em , 1.875em);}
  .review .uagb-tm__text-wrap{justify-content: center;}
  .review .wp-block-uagb-testimonial{margin-top: clamp(1.75em , 1.75vw + 1em , 3.875em);margin-bottom: clamp(4em , 3.5vw + 1em , 5.625em);}
  .review .uagb-slick-carousel ul.slick-dots li button::before{font-size: 50px;}
  .review .wp-block-uagb-testimonial.uagb-slick-carousel ul.slick-dots{margin: 1em 0 0 0 ;}
  .review .uagb-slick-carousel ul.slick-dots li{width: 30px;}
  .review .uagb-block-10dc6364 ul.slick-dots li button::before{color: #dfdfdf;opacity: 1;}
  .review .uagb-block-10dc6364 ul.slick-dots li.slick-active button::before{color: #a1a1a1;}
  /*Home*/

  /*Flavors*/
  .flavors_header{padding: clamp(2em , 4.75vw + 1em , 6em) 0 clamp(3em , 5vw + 1em , 7em) 0 !important;background: rgb(246,220,222);
    background: -moz-linear-gradient(180deg, rgba(246,220,222,1) 0%, rgba(253,230,213,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(246,220,222,1) 0%, rgba(253,230,213,1) 100%);
    background: linear-gradient(180deg, rgba(246,220,222,1) 0%, rgba(253,230,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6dcde",endColorstr="#fde6d5",GradientType=1);}
  .flavors_header .left_col{padding: 0 !important;order: 2;}
  .flavors_header .right_col{padding: 0 !important;order: 1;margin-bottom: 2em;}
  .flavors_header .left_col h1{font-size: clamp(2.75em , 4.5vw + 1em , 6em); color: var(--brown-01);font-family: 'Poppins', sans-serif;
    font-weight: 700;line-height: 0.93em;}
  .flavors_header .more_info_box {padding: 0 !important;margin-top: clamp(2em , 4.5vw + 1em , 6.125em) !important;margin-bottom: clamp(0.75em , 1.75vw + 1em, 2.625em);}
  .flavors_header .more_box{width: auto !important;}
  .flavors_header .more_box h3{font-size: var(--font-size-60);color: var(--brown-01);font-family: 'Poppins', sans-serif;
    font-weight: 700;line-height: 1em;}
  .flavors_header .more_box .uagb-ifb-desc{font-size: var(--font-size-18);font-weight: 500;color: var(--brown-01);line-height: 1em;margin-bottom: 0;margin-top: 0.66em;}
  .flavors_header .left_col p{font-weight: 700;font-family: 'Poppins', sans-serif;color: var(--brown-01);}
  .flavors_header .icon_panel {padding: clamp(1.75em , 2.5vw + 1em , 3.875em) 0 clamp(2em , 3vw + 1em , 4em) 0 !important;justify-content: flex-start !important;align-items: flex-start !important;}
  .flavors_header .icon_panel .wp-block-uagb-info-box{width: 33% !important;}
  .flavors_header .icon_panel .wp-block-uagb-info-box h6{font-size: var(--font-size-18);font-weight: 700;font-family: 'Poppins', sans-serif;color: var(--brown-01);}
  .flavors_header .icon_panel img{width: 100px;aspect-ratio: 3/2;object-fit: contain;}
  .flavors_header .right_col .flavor_can{position: absolute !important;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
  .image_panel{padding: 0 !important;}
  .image_panel .uagb-container-inner-blocks-wrap{width: 100% !important;max-width: 100% !important;}
  .image_panel .flavors_img_slider,.image_panel .flavors_img_slider .swiper-content,.image_panel .flavors_img_slider .swiper-content .wp-block-uagb-container{padding: 0 !important;}
  /* .image_panel .flavors_img_slider .swiper-content img{aspect-ratio: 3/2;object-fit: contain;} */
  .flavors_header.type02 .left_col h1, .flavors_header.type02 .more_box h3,.flavors_header.type02 .more_box .uagb-ifb-desc,.flavors_header.type02 .left_col p,.flavors_header.type02 .icon_panel .wp-block-uagb-info-box h6{color: var(--blue-01);}
  .flavors_header.type02{background: rgb(223,215,220);
    background: -moz-linear-gradient(180deg, rgba(223,215,220,1) 17%, rgba(223,215,220,0.2413340336134454) 100%);
    background: -webkit-linear-gradient(180deg, rgba(223,215,220,1) 17%, rgba(223,215,220,0.2413340336134454) 100%);
    background: linear-gradient(180deg, rgba(223,215,220,1) 17%, rgba(223,215,220,0.2413340336134454) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfd7dc",endColorstr="#dfd7dc",GradientType=1);}

  .flavors_header.type03 .left_col h1, .flavors_header.type03 .more_box h3,.flavors_header.type03 .more_box .uagb-ifb-desc,.flavors_header.type03 .left_col p,.flavors_header.type03 .icon_panel .wp-block-uagb-info-box h6{color: var(--green-01);}
  .flavors_header.type03{background: rgb(236,241,160);
    background: -moz-linear-gradient(180deg, rgba(236,241,160,1) 17%, rgba(236,241,160,0.4) 100%);
    background: -webkit-linear-gradient(180deg, rgba(236,241,160,1) 17%, rgba(236,241,160,0.4) 100%);
    background: linear-gradient(180deg, rgba(236,241,160,1) 17%, rgba(236,241,160,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf1a0",endColorstr="#ecf1a0",GradientType=1);}

  .flavors_header.type04 .left_col h1, .flavors_header.type04 .more_box h3,.flavors_header.type04 .more_box .uagb-ifb-desc,.flavors_header.type04 .left_col p,.flavors_header.type04 .icon_panel .wp-block-uagb-info-box h6{color: var(--peach-01);}
  .flavors_header.type04{background: rgb(253,233,222);
    background: -moz-linear-gradient(180deg, rgba(253,233,222,1) 17%, rgba(253,233,222,0.4) 100%);
    background: -webkit-linear-gradient(180deg, rgba(253,233,222,1) 17%, rgba(253,233,222,0.4) 100%);
    background: linear-gradient(180deg, rgba(253,233,222,1) 17%, rgba(253,233,222,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fde9de",endColorstr="#fde9de",GradientType=1);}

  .flavors_header.type05 .left_col h1, .flavors_header.type05 .more_box h3,.flavors_header.type05 .more_box .uagb-ifb-desc,.flavors_header.type05 .left_col p,.flavors_header.type05 .icon_panel .wp-block-uagb-info-box h6{color: var(--yellow-01);}
  .flavors_header.type05{background: rgb(254,243,196);
    background: -moz-linear-gradient(180deg, rgba(254,243,196,1) 17%, rgba(254,243,196,0.4) 100%);
    background: -webkit-linear-gradient(180deg, rgba(254,243,196,1) 17%, rgba(254,243,196,0.4) 100%);
    background: linear-gradient(180deg, rgba(254,243,196,1) 17%, rgba(254,243,196,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fef3c4",endColorstr="#fef3c4",GradientType=1);}
    
  .flavors_header.type06 .left_col h1, .flavors_header.type06 .more_box h3,.flavors_header.type06 .more_box .uagb-ifb-desc,.flavors_header.type06 .left_col p,.flavors_header.type06 .icon_panel .wp-block-uagb-info-box h6{color: var(--grape-02);}
  .flavors_header.type06{background: rgb(245,231,241);
    background: -moz-linear-gradient(180deg, rgba(245,231,241,1) 17%, rgba(245,231,241,0.4) 100%);
    background: -webkit-linear-gradient(180deg, rgba(245,231,241,1) 17%, rgba(245,231,241,0.4) 100%);
    background: linear-gradient(180deg, rgba(245,231,241,1) 17%, rgba(245,231,241,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5e7f1",endColorstr="#f5e7f1",GradientType=1);}
  /*Flavors*/

  /*Contact Us*/
  .form_sec{margin: auto; max-width: 920px;}
  .inp_sec{margin-bottom: 0.5em;}
  input[type="text"],input[type="tel"],input[type="email"],textarea,select {color: var(--black); border: 1px solid var(--gray-04); width: 100%;  font-size: var(--font-size-20); resize: none; background-color: var(--white); padding: 1em; border-radius: 0.85em; display: block; font-weight: 600; font-family: 'Livvic', sans-serif;}
  select{background: var(--white) url(../images/drop-arrow-01.png) no-repeat 97% center; appearance: none; -webkit-appearance: none; background-size: 1em;}
  textarea{min-height: 7em;}
  ::placeholder {color: var(--gray-05); font-weight: 600;}
  ::-moz-placeholder {color: var(--gray-05);font-weight: 600;}
  ::-webkit-input-placeholder {color: var(--gray-05);font-weight: 600;}

  .contact_us_section{padding: clamp(7em , 16vw + 1em, 18.25em) 0 clamp(3em , 16vw + 1em , 17.375em) 0 !important;background-color: #fdf7ed;}
  .contact_panel{padding: 0 0 clamp(1.5em , 5vw + 1em , 6.125em) 0 !important;}
  .contact_panel p{font-size: var(--font-size-20);font-weight: 500;line-height: 1.5em;width: 78% !important;display: inline-block;}
  .contact_panel a{font-size: var(--font-size-20);font-weight: 500;color: var(--black-02);display: block; text-align: center;margin-top: 0.75em !important;}
  .contact_panel a span{font-weight: 700;color: var(--grape-01);}
  .contact_panel h2{margin-bottom: 0.58em !important;}
  .contact_us_section form{margin-top: clamp(1.5em , 1.5vw + 1em , 2.625em) !important;}
  .contact_panel .uagb-container-inner-blocks-wrap{width: 100% !important;max-width: 100% !important;}

  .common_theme.contact_us_section h2{margin-bottom: 0.58em !important;}
  .common_theme.contact_us_section h4{margin-bottom: 0.2em !important;margin-top: 0.35em !important;}
  .common_theme.contact_us_section .cont{padding: 0 !important;}
  .common_theme.contact_us_section p{width: 100% !important;}
  .common_theme.contact_us_section .cont p{text-align: left;}
  .common_theme.contact_us_section .cont .numeric_list{margin-left: 2.35em;}
  .common_theme.contact_us_section .cont .numeric_list li, .common_theme.contact_us_section .cont .empty_list li{font-size: var(--font-size-20);line-height: 1.2em;margin-bottom: 0.5em;}
  .common_theme.contact_us_section .cont .numeric_list li{list-style: decimal;padding-left: 1em;}
  .common_theme.contact_us_section .cont .empty_list li{margin-bottom: 0.25em;}
  /*Contact Us*/

  /* About us css */
.intro_banner{ text-align: center;height: 75vh; align-items: center;    border-bottom-left-radius: 1.35em; border-bottom-right-radius: 1.35em;padding: 0 !important;}
.intro_banner.about{background: url(../images/about-banner-01-mob.jpg) no-repeat center top;background-size: cover;}
.intro_banner h2{color: var(--white); font-size: var(--font-size-72);}
.intro_banner h2 br{display: none;}

.desc_sec {padding: clamp(2em, 3vw + 1em, 4.5em) 0 clamp(2em, 5vw + 1em, 6.875em) !important;}
.desc_sec .uagb-container-inner-blocks-wrap{max-width:891px !important}
.desc_sec p{margin-bottom: 1em;}
.desc_sec p:last-child{margin-top: 2.5em;}

.img_banner{padding: 0 !important;}
.img_banner img{border-radius: 1.35em;}

.product_sec{padding: clamp(2em, 9vw + 1em, 10.9375em) 0 clamp(2em, 19vw + 1em, 23.75em);}
.product_sec.type2{padding: clamp(2em, 4vw + 1em, 5.9375em) 0 clamp(2em, 8vw + 1em, 9em);}
.product_sec h5{ text-transform: uppercase; text-align: center; margin-bottom: clamp(2em, 6vw + 1em, 5.5em);}
.product_sec .container{width: 100%;}
.product_slider .bg img{max-width: 85%;}
.product_slider .pic img{max-width: 100%; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;}
.product_slider .pic{position: absolute; top: auto; bottom: -10%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;}
.product_slider .name{font-size: var(--font-size-48); line-height: 1em; font-weight: 700; text-align: center; padding-top: 1.5em;}
.product_slider .name span{transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; line-height: 1em;}
.product_slider .icon{position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 85%; top: 1.5em; opacity: 0;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;}
.product_slider .hovered .name span{opacity: 0;}
.product_flavors_sec .product_slider .hovered .name span{opacity: 1;}
.product_slider .hovered .icon{opacity: 1;}
.product_flavors_sec .product_slider .hovered .icon{opacity: 0;}
.product_slider .navigation_container{display: none;}
.product_slider .slide01 .name{color: #cb3943;}
.product_slider .slide02 .name{color: #535a98;}
.product_slider .slide03 .name{color: #619b24;}
.product_slider .slide04 .name{color: #e4aa72;}
.product_slider .slide05 .name{color: #db8600;}
.product_slider .slide06 .name{color: #a4284d;}
.product_slider .hovered .pic img{max-width: 115%;}
/* .product_slider .hovered .pic {bottom: -1%;} */
.product_slider .swiper-pagination{column-gap: 10px;}
.product_slider .swiper-pagination-bullet{background-color: #dfdfdf; width: 0.875em; height: 0.875em;opacity: 1;}
.product_slider .swiper-pagination-bullet-active{background-color: #a1a1a1;}
.product_slider .swiper-pagination{position: relative; left: auto; top: auto; margin-top: 2em;}
.swiper-button-next, .swiper-button-prev{width: 3.25em; height: 3.25em; border-radius: 50%; background-color: var(--grape-01);}
.swiper-button-next:after, .swiper-button-prev:after{color: var(--white); font-size: 1em;}

/* About us css */


/*distributors*/
.distributors_section{background-color: #fdf7ed;}
.text_intro{text-align: center; padding: clamp(9em, 15vw + 1em, 18em) 0 clamp(4em, 4vw + 1em, 5em) !important;}
.text_intro h2 br{display: none;}
.text_intro h2{margin-bottom: 0.7em;}
.text_intro .desc{margin: auto; max-width: 875px !important;padding: 0 !important;}
.text_intro .desc p{margin-bottom: 1em;}

.distributors_sec,.distributors_sec .sec{padding: 0 !important;}
.distributors_sec .sec{align-items: stretch;}
.distributors_sec .eq_col{background-color: var(--white); align-items: center; width: 48% !important; margin-bottom: 4%; border-radius: 1em; overflow: hidden; padding: 1em;}
.distributors_sec .sec{justify-content: space-between;}
.distributors_sec .eq_col{ display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
}
.distributors_sec .eq_col .uagb-ifb-image-content{ display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
   justify-content: center;
}
.distributors_sec .eq_col .uagb-ifb-title{text-align: center; font-weight: 700; color: var(--grape-01); font-size: var(--font-size-30); margin-bottom: 0.5em;}

.distributors_sec .eq_col .uagb-ifb-desc{text-align: center;font-size: var(--font-size-18); color: #303030;}
.distributors_sec .eq_col .uagb-ifb-image-content img{object-fit: contain; height: 5em !important;}
.distributors_sec .eq_col .uagb-ifb-image-content{margin-bottom: 1.5em;}

.cta_sec{padding: clamp(4em, 7vw + 1em, 9.75em) 0 clamp(8em, 13vw + 1em, 15.9375em) !important;}
.cta_sec h3{text-align: center; margin-bottom: 0.875em;}
.cta_sec .round_btn{display: inline-block;}
.cta_sec .btn_sec{width: auto !important;}
/*distributors*/

/*404*/
.not-found{padding: clamp(7em , 16vw + 1em, 18.25em) 0; background-color: #fdf7ed}
.not-found .inner_col{max-width: 800px;row-gap: 1em;}
.thankyou{height: 80vh;background-color: #fdf7ed}
.thankyou .container{padding-top: 5%;max-width: 850px;}
/*404*/
.findWild{padding: clamp(7em , 16vw + 1em, 18.25em) 0 3em 0 !important; }
.findWild iframe {margin-top: clamp(1.5em , 1.75vw + 1em , 3em);height: 70vh;}
  @media only screen and (min-width : 640px) {
    /* Footer-css */
    footer .other_links{flex-direction: row; flex: 1;}
    footer .row1 {column-gap: 3em;}
    footer .col_right{padding-left: 3.5em;}
    /* Footer-css */

      /*distributors*/
      .distributors_sec .eq_col{width: 32% !important; margin-bottom: 2%;}
      .distributors_sec .sec{justify-content: flex-start; column-gap: 2%;}
      /*distributors*/
  }

  @media only screen and (min-width : 768px) {
   /*Buttons*/
    .round_btn{width: auto !important; padding-right: 5em;}
    .round_btn:hover{background-color: var(--grape-01);color: var(--white);border: 1px solid var(--grape-01);background-image: url(../images/right_arrow_white.png); background-size: auto; background-position-y: 50%;background-position-x: 92%;background-repeat: no-repeat;}
    /*Buttons*/

  
  }

  @media only screen and (min-width : 980px) {
   /* Header-css */
   header{transition: all ease-in-out 0.35s;-webkit-transition: all ease-in-out 0.35s}
   header .logo_container{display: none;}
   .hamburger_menu{display: none;}
   header .cover{display: none;}
   header nav{position: relative; right: auto; top: auto; background-color: transparent; width: 100%; max-width: 100%; padding: 0; transition: none; -webkit-transition: none;}
   header nav li{margin-bottom: 0;}
   header nav a{color: var(--white);transition: all ease-in-out 0.25s;-webkit-transition: all ease-in-out 0.25s}
   header .menu_container{flex-direction: row; margin-top: 0; align-items: center;}
   header .menu_list {flex-direction: row; flex: 1; justify-content: flex-end; column-gap: 12%;}
   header .menu_list.right_menu{justify-content: flex-start;}
   header .close {display: none;}
   header .desk_logo{display: block; text-align: center; margin: 0  5.75%}
   header .desk_logo img{max-width: 5em; display: inline-block; transition: all ease-in-out 0.25s;-webkit-transition: all ease-in-out 0.25s}
   header .desk_logo .patch{opacity: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%)}
   header.sticky .desk_logo .patch{display: inline-block; opacity: 1; max-width: 53%;}
   header.sticky nav a{color: var(--black);}
   header.sticky{padding: 0; -webkit-box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.1);    -moz-box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.1);}
   header.type02 nav a{color: var(--grape-01);}
   header.type03 nav a{color: var(--brown-01);}
   header.type04 nav a{color: var(--blue-01);}
   header.type05 nav a{color: var(--green-01);}
   header.type06 nav a{color: var(--peach-01);}
   header.type07 nav a{color: var(--yellow-01);}
   header.type08 nav a{color: var(--grape-02);}

   header nav li.active a{color: var(--grape-01);}
   header.type02 nav li.active a{color: var(--black);}

     /* 120124 */
     header nav .menu-item-has-children{background: none;}
     header  .sub-menu {background-color: var(--white); margin-left: 0; position: absolute; left: 0; top: 2.85em; padding:1.875em 5.875em 3em 1.875em; border-radius: 1.375em;max-width: 380px;}
     header nav li{position: static;}
     header  .sub-menu li:not(:last-child){margin-bottom: 1.25em;}
     header.sticky .desk_logo .patch{max-width: 100%;}
     /* 120124 */
   /* Header-css */


    /* Footer-css */
    footer .logo img{max-width: 5em;}
    .social a{width: 1.75em; height: 1.75em;}
    footer .col_right{padding-left: 5.5em;}
    footer .row1{column-gap: 5em;}
    /* Footer-css */

    .container,section > .uagb-container-inner-blocks-wrap{width: 96% !important;}


    /*Home*/
    .home_banner .swiper-slide .swiper-content{background-position-x: 50% !important;}

    .wild_story_panel .uagb-container-inner-blocks-wrap,.wild_story_panel .wild_story_card_panel {align-items: stretch !important;}
    .wild_story_card_panel .wild_left_box{width: 55.8% !important;}
    .wild_story_card_panel .wild_right_box{width: 46.2% !important;padding: 5em 2.5em 3.75em 2.5em !important;border-radius: 3em;margin-left: -3em;}
    .wild_story_panel .wild_left_box img{border-top-left-radius: 3em;border-bottom-left-radius: 3em;border-top-right-radius: 0;height: 100%;width: 100%;object-fit: cover;}
    .wild_story_card_panel .wild_left_box figure{height: 100%;}

    .flavors_info .info_card figure{width: 4.25em !important;}
    /*Home*/

    /*Flavors*/
    .flavors_header{padding: clamp(2em , 9.75vw + 1em , 11.375em) 0 clamp(4em , 5vw + 1em , 7em) 0 !important;}
    .flavors_header .uagb-container-inner-blocks-wrap{align-items: flex-start !important;justify-content: space-between !important;}
    .flavors_header .left_col{order: 1;width: 58.5% !important;padding-top: 3.6875em !important;}
	  .flavors_header .more_info_box{max-width:84% !important}
    .flavors_header .right_col{order: 2;width: 39.5% !important;margin-bottom: 0 !important;}
    /*Flavors*/

    /*Contact uS*/
    select{background-size: auto}
    input[type="text"],input[type="tel"],input[type="email"],textarea,select {padding: 1em 1.9em}
    /*Contact uS*/

    /* About us css */
    .intro_banner{border-bottom-left-radius: 5em; border-bottom-right-radius: 5em; height: 100vh; height: 100dvh;}
    .intro_banner.about{background: url(../images/about-banner-01.jpg) no-repeat center top;background-size: cover;}
    .intro_banner h2 br{display: block;}
    .img_banner img{border-radius: 5em;}

    .product_slider .swiper-pagination{display: none !important;}
    .product_slider .navigation_container{display: block; position: absolute; width: 100%; top: 44%;}
    /* About us css */

     /*distributors*/
     .text_intro h2 br{display: block;} 
     .distributors_sec .eq_col{width: 24% !important; margin-bottom: 1.3%; padding: 2em 1em;}
     .distributors_sec .sec{column-gap: 1.3%;}
     .distributors_sec .eq_col .uagb-ifb-image-content img{height: 7em !important; max-width: 85%;}
     /*distributors*/

     .thankyou{height: 90vh;}
  }

  @media only screen and (min-width : 1280px) {
    h2{font-size: var(--font-size-72);line-height: 1em;}
      /* 120124 */
      header.sticky .desk_logo .patch{max-width: 53%;}
      /* 120124 */
    /* Footer-css */
    footer .logo img{max-width: 100%;}
    footer .col_right{padding-left: 10.9375em;}
    footer .row1{column-gap: 11.875em;}
    footer .copyr{margin-top: 5em;}
    footer .links li:not(:last-child){margin-bottom: 0.35em;}
    .social a{width: 2.125em; height: 2.125em;}
    .social{column-gap: 1.5em;}
    /* Footer-css */

    /* Header-css */
    header .desk_logo img{max-width: 100%;}
    header{padding: 0;}
    header.sticky{padding: 1em 0;}
    header.sticky .desk_logo .normal{max-width: 28%;}
    /* Header-css */

    /*Home*/
    .wild_story_card_panel .wild_left_box{width: 58.8% !important;}
    .wild_story_card_panel .wild_right_box{width: 43.2% !important;padding: 6em 2.5em 4.75em 2.5em !important;}
    .flavors_info .info_card figure{width: 6.25em !important;}
    
    .home_banner .swiper-slide.home_banner_child2 .swiper-content{background-position-x: 85% !important;}
    /*Home*/

    /*Flavors*/
    .flavors_header .icon_panel .uagb-ifb-image-content {
      margin-bottom: 1em;
    }
    .flavors_header .icon_panel .wp-block-uagb-info-box {
      width: auto !important;
    }
    .flavors_header .icon_panel{column-gap: 6.5em !important;}
    /*Flavors*/
  }

  @media only screen and (min-width : 1600px) {
    :root{
      --font-size-20: clamp(0.875em, 1vw + 0.5em, 1.25em);
    }
    h1{font-size: var(--font-size-150);line-height: 1em;}
 
     /* Header-css */
     header.sticky .desk_logo .normal{max-width: 41%;}
     header.sticky .desk_logo .patch{max-width: 61%;}
     /* Header-css */
    /* Footer-css */
    .social{column-gap: 2.5em;}
    /* Footer-css */


    /*Home*/
    .home_banner h1.uagb-ifb-title{letter-spacing: -4px;}
    .flavors_info .info_card  .gluten{top: 5em;left: 45%;}
    .flavors_info .info_card  .vegan{bottom: 0.5em;}
    .flavors_info .info_card  .brewed{top: 0.75em;}
    .home_slider_panel h1,.home_banner::after{font-size: var(--font-size-150) !important;  }
    .home_banner::after{font-size: var(--font-size-150) !important; line-height: 1em;}

    .flavors_info .info_card figure{width: auto !important;}
    .wild_story_card_panel .wild_right_box{padding: 8em 4.375em 5.75em 4.375em !important;}
    .flavors_info{padding: 0 0 clamp(4em , 7.5vw + 1em , 9.0625em) 0 !important;}
    .we_are_panel{padding: clamp(3.5em , 9.5vw + 1em , 11.25em) 0 3.375em 0 !important;}
    .wild_story_card_panel .wild_right_box {
      width: 41% !important;
      margin-left: -1.75em;
      border-radius: 2em;
    }
    .wild_story_card_panel .wild_left_box {
      width: 60% !important;
    }
    .wild_right_box p{max-width: 510px;}

    .home_banner .swiper-slide .swiper-content{padding-bottom: 7.5em !important;}
    /*Home*/

    /*Flavors*/
    .flavors_header .left_col h1{font-size: clamp(2.75em , 6.5vw + 1em , 8.125em);}
    .flavors_header .icon_panel .wp-block-uagb-info-box {width: 24% !important;}
    .flavors_header .left_col p{max-width: 827px;letter-spacing: -0.5px;}
    .flavors_header .icon_panel img{aspect-ratio: unset;object-fit: unset;width: auto !important;}
    .flavors_header .icon_panel .uagb-ifb-image-content{margin-bottom: 1.5625em;}
    .flavors_header .icon_panel .wp-block-uagb-info-box:first-child{padding-right: 2.1875em;}
    .flavors_header .more_box .uagb-ifb-desc{margin-top: 1em;}
    /*Flavors*/

    textarea{min-height: 12.8125em;}

      /* About us css */
      .intro_banner{height: 77vh;}
      /* About us css */


       /*distributors*/
    .distributors_sec .eq_col .uagb-ifb-image-content img{height: auto !important; max-width: 100%;}
    .distributors_sec .eq_col{padding: 4.5em 3em;}
    .distributors_sec .eq_col .uagb-ifb-image-content{margin-bottom: 2.5em;}
    /*distributors*/
  }


  @media only screen and (max-width : 374px) {
    /* Footer-css */
    footer .col_right{padding-left: 1.5em;}
    /* Footer-css */
    header nav a{font-size: 1.35em;}
  }